/* Air Liquide - Page d'accueil

	@created 2010-03-23
	@template home
	@version 1
	@author Alsacreations, VP

*/

/* = GENERAL POINTS
1em = 10px
Arial 1.2em
liens non soulignés par défaut, soulignés au survol/focus
*/
body {
	font: normal 62.5% Arial,Helvetica,Verdana,"Lucida Grande",Tahoma,sans-serif;
	color: black;
	background-color: white;
}

html, body, ol, ul, form, fieldset {
  margin: 0;
  padding: 0;
}

ol, ul {
	list-style-position: inside;
}

h3 {
	font-size: 1.2em;
}

p {
	font-size: 1.2em;
	line-height: 1.3;
}

a {
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: underline;
}

a img {
  border: 0;
}

form p {
 margin: 0;
 padding: 1em 0;
}

.clear {
	clear: both;
	display: block;
	line-height: 0;
	font-size: 0;
	height: 0;
	overflow: hidden;
}


/* = PAGE LAYOUT */
#home #header {
	background: white url(../images/top_bg1.jpg) center bottom no-repeat;
	padding-bottom: 20px;
}

#home #main {
  background: white url(../images/top_bg2.jpg) center top no-repeat;
}

#home #header .inside,
#home #main .inside {
	width: 960px;
	margin: 0 auto;
}


/* = HEADER */
h1 {
	min-width: 219px;
	min-height: 62px;
	float: left;
	margin: 25px 11px 18px 10px;
}

#header_right {
	float: right;
	width: 720px; /* ***fixer largeur menu 720px */
}

#header_right .firstchild {
	text-align: right;
}

#header #form_recherche,
#header #language,
#header #header_contact {
	display: -moz-inline-stack; /* Fx2 */
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding-top: 3px;
}

#header #form_recherche {
	width: 22em;
	margin-right: 59px;
}

#header #form_recherche #search {
	width: 160px;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 1em;
	border: 0;
	background: #ADC6DA url(../images/input_search.png) left top no-repeat;
	padding: 3px 5px 2px 8px;
}

#header #form_recherche #bt_submit {
	text-align: right;
	vertical-align: top;
	font-family: Arial,Helvetica,Verdana,"Lucida Grande",Tahoma,sans-serif;
	font-weight: bold;
	font-size: 0.833em;
	letter-spacing: -0.3px;
	color: white;
	background: #ADC6DA url(../images/btn_search.png) left top no-repeat;
	border: 0;
	padding: 3px 5px 3px 21px;
}

#header #language {
	width: 10.4em;
	margin-right: 14px;
}

#header #lang {
	font-size: 1em;
	font-family: Arial,Helvetica,Verdana,"Lucida Grande",Tahoma,sans-serif;
	border: 1px solid #C5C5C5;
	padding-bottom: 1px;
}

#header #language input {
	font-family: Arial,Helvetica,Verdana,"Lucida Grande",Tahoma,sans-serif;
	font-weight: bold;
	font-size: 0.833em;
	letter-spacing: -0.3px;
	color: white;
	background: #ADC6DA url(../images/btn_language.png) left top no-repeat;
	border: 0;
	padding: 3px 0 3px 0;
}

#header #header_contact {
	vertical-align: top;
	width: 6em;
	text-align: right;
	font-size: 1em;
	padding: 1.5em 5px 5px 5px;
	margin: 0;
}

#header label {
	display: block;
	font-size: 0.833em;  /* 11px */
	font-weight: bold;
	text-transform: uppercase;
	color: #DF003B;
	background: url(../images/label_arrow.png) 0 4px no-repeat;
	padding: 0 0 2px 17px;
}

#header_contact span {
	color: #DF003B;
	font-weight: bold;
	text-transform: uppercase;
}

#header_contact img {
	margin-right: 6px;
	margin-top: 2px;
}


/* = DROPDOWN MENU */
/* UL 1 */
#lesMenus {
	clear: both;
	float: right;
	height: 25px; /* *** */
	text-transform: uppercase;
  margin: 0;
	padding-top: 3px;
}


/* UL LI */
#lesMenus li {
	display: inline;
	float: left;
	position: relative;
	z-index: 500;

	list-style-type: none;

	font-size: 1.7em;
	letter-spacing: -0.3px;
	font-family: "Trebuchet MS",Arial,Helvetica,Verdana,"Lucida Grande",Tahoma,sans-serif;
	padding: 0 11px 0 12px;
	background: white url(../images/nav_sep.png) 0 50% no-repeat;

}
#lesMenus li.nav1 { /* no separator for .nav1 (that must be the first main item of navigation menu) */
	background: none;
}

/* UL LI A */
#lesMenus a {
	text-decoration: none;
	color: #1A77A0;
	background-color: white;
	margin:0;
	padding:0;
}
#lesMenus a:hover {
	text-decoration: underline;
}

/* UL LI UL */
#lesMenus ul {
	display: none;
	float: none;
	left: 0;
	top: 23px;
	position:absolute;
	list-style-position: outside;
	background-color: white;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#lesMenus ul.nav_on {
	display: block;
}

#lesMenus .nav_out {
	display: none;
	    width: auto !important;
    margin-left: auto !important;

 /* propriété: valeur !important; */
}


/* UL LI UL LI */
#lesMenus li li {
	display: block;
	float: none;
	color: #1A77A0;
	font-weight: bold;
	font-size: 0.765em ;
	border-bottom: 1px dashed #C5C5C5; /* obligatoire pour IE 6 */
	margin: 0;
	padding: 0;
}


/* UL LI UL LI A */
#lesMenus li li a {
	float: none;
	display: block;
	line-height: 22px;
	white-space: nowrap;
	font-weight: normal;
	text-indent: 8px;
	background-color: white;
	color: #1A77A0;
	margin:0;
	padding: 0 8px 2px 0;
	/* PAS de zoom: 1; */
}

#lesMenus li li a:hover,
#lesMenus li li a:focus {
	color: white;
	background-color: #0092DD;
}


/* = Large visual on Homepage */
.home_visual {
	clear: both;
  position: relative;
	min-height: 212px;
	background: url(../images/home_visual_shadow.png) left top no-repeat;
	margin: 0 4px 0 7px;
	padding: 5px 4px 0 4px;
}

/* Only the first visual is displayed by default w/o JS */
.home_visual .gallery {
	position: absolute;
	display: none;
}

.home_visual .show {
	display: block;
}


.home_visual .heading {
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 300;
	width: 425px; /* au lieu de 375px (maquette) à cause d'IE6 et Saf4 (polices trop larges) */
	line-height: 1.2;
	color: white;
	background-color: rgb(64,64,64);  /* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	background-color: rgba(64,64,64, 0.7);
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
	padding: 6px 10px;
}

.home_visual .heading a {
	color: white;
}

.home_visual .heading strong {
	font-variant: small-caps;
	text-transform: capitalize;
	display: block;
}

.home_visual .heading span {
	font-size: 0.933em; /* 15px -> 14px */
	font-style: italic;
	letter-spacing: -0.4px;
}


/* = Colonnes de contenu (3) */
.column {
	width: 312px;
	float: left;
	margin-bottom: 7px;
	padding-right: 8px;
}

.column .heading h2 {
	font-size: 1.8em;
	font-family: "Arial Black",Arial,Helvetica,Verdana,sans-serif;
	font-weight: normal;
	color: #0085B2;
	background: #FFF url(../images/column_heading_top.png) left top no-repeat;
	margin: 10px 41px 0 0;
	padding: 8px 10px 8px 11px;
}

.column .heading h3 {
	text-align: right;
	margin-top: 0;
}

.column .heading h3 .visual img {
	border: 1px solid #BDBABA;

}

.column .heading h3 a.visual {
	background: url(../images/column_heading_bottom.png) 0 0 no-repeat;
	margin: 0;
	padding: 0 0 0 10px;
}

.column .heading h3 a {
	display: block;
	vertical-align: 0;
	text-align: right;
	color: #666666;
	background: #FFF url(../images/column_subheading.png) right bottom no-repeat;
	margin: 0 2px 0 10px;
	padding: 17px 15px 10px 10px;
}

#about.column .heading h3 a.visual {
	padding-top: 0;
}

#about.column .heading h3 a.icon {
	display: inline;
	float: left;
	text-align: left;
  background: #FFF url(../images/column_subheading.png) left bottom no-repeat;
 	margin: 0 -3px 0 10px;
	padding: 7px 4px 0 14px;
}

.column .heading h3 a img {
	vertical-align: -13px;
}
.column .heading h3 a img.arrow {
	vertical-align: -2px;
}


/* = Stock value */
.stockvalue {
	background: white url(../images/frame_graph3d_bottom.png) left bottom no-repeat;
	margin: 20px 0 0 27px;
	padding-bottom: 2.1em;
}

.stockvalue h3 {
	background: url(../images/frame_graph3d_top.png) left top no-repeat;
	margin-bottom: 0.2em;
	padding: 20px 20px 0 64px;
}

.stockvalue h3 .heading {
	display: block;
	color: #E1002A;
}

.stockvalue h3 span {
	font-size: 1.167em;
}

.stockvalue h3 strong {
	display: block;
	font-size: 1.5em;
	margin-top: 6px;
}

.stockvalue h3 .date {
	display: block;
	color: #0085B2;
	font-size: 1em;
	margin-top: 2px;
}

.stockvalue a {
	font-weight: bold;
	font-size: 1.2em;
	color: #666666;
	background: url(../images/icon_arrow2_grey.png) 64px 4px no-repeat;
	padding: 2px 4px 1px 81px;
}


/* = Follow links */
ul.follow {
	margin: 22px 0 0 26px;
}

ul.follow li {
	list-style-type: none;
	line-height: 1;
}

ul.follow li h3 a {
	font-weight: bold;
	background: white url(../images/icon_arrow1.png) 0 3px no-repeat;
	color: black;
	padding-left: 16px;
}


/* = News (#2 column) */
.column .heading .rss,
.column .heading .rss_icon {
	float: right;
	display: block;
	font-weight: bold;
	font-size: 1.4em;
	font-family: "Trebuchet MS",Arial,Helvetica,Verdana,"Lucida Grande",Tahoma,sans-serif;
	color: #F7831C;
	padding: 13px 54px 1px 0;
}
.column .heading .rss_icon {
	padding: 13px 4px 1px 0;
}

#news .content ol {
	margin: 23px 0 0 12px; 
}

#news .content ol li {
	list-style-type: none;
	list-style-position: outside;
	border-top: 1px solid #666666;
	margin-bottom: 8px;
}

#news .content ol li.firstchild {
	border-top: 0;
}

#news .content ol li h3 {
	position: relative;
	line-height: 1.5;
	margin: 6px 0 0 0;
	padding: 0 90px 0 0;
}

#news .content ol li h3 span {
  position: absolute;
  right: 0;
  top: -1px;
	width: 80px;
  text-align: right;
	color: black;
}

#news .content ol li p {
	text-align: justify;
	margin: 0;
}

#news .content ol li a {
	color: #0085B2;
	margin-top: 7px;
}

#news .content ol li .follow {
	display: none;
	text-align: right;
	background: url(../images/icon_arrow2_aquamarine.png) right top no-repeat;
	padding: 0 18px 6px 0;
}

#news .content ol li a.follow {
	font-size: 1.2em;
}

#news .content h3.follow {
	text-align: right;
	margin: 5px 0 20px 0;
}

#news .content h3.follow a {
	color: #666666;
	background: url(../images/icon_arrow2_grey.png) 100% 1px no-repeat;
	padding: 0 18px 6px 0;
}


/* = Focus on themes */
#focus .content {
	padding: 2px 0 0 12px;
}

#focus .content ul {
	height: 350px;  /* ***373 ? */
	overflow: auto; /* JS */
	list-style: none;
}

#focus .content li {
	clear: both;
	list-style-position: outside; /* bug IE marge à gauche de chaque lien de sous-menu */
	background-color: white;
	padding: 9px 10px 4px 8px;
}

#focus .content li.highlight {
	background-color: #E4E4E4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#focus .content li a.left {
	float: left;
}

#focus .content li img {
	border: 1px solid #BAB7B7;
	margin-bottom: 2px;
}

#focus .content li .row-text {
	margin-left: 96px;
}

#focus .content li h3 {
	margin: 0;
}

#focus .content li h3 a {
	color: #0085B2;
}

#focus .content li p {
	margin: 0;
}

#focus .content li .follow a {
	display: block;
	color: #0085B2;
	background: url(../images/icon_arrow2_aquamarine.png) 100% 3px no-repeat;
	text-align: right;
	padding-right: 17px;
}

#focus .content .prev {
	display: none;  /* flèches invisibles sans JS */
	position: relative;
	width: 300px;
	height: 17px;
	text-decoration: none;
}

#focus .content .next {
	display: none;  /* flèches invisibles sans JS */
	position: relative;
	width: 300px;
	height: 17px;
	text-decoration: none;
}
#focus.js .content .prev,
#focus.js .content .next {
	display: block; /* et visibles lorsque JS est activé */
}


#focus .content .next strong,
#focus .content .prev strong {
	position: absolute;
	left: 170px;
	bottom: 4px;
	text-align: right;
	text-decoration: none;
	color: black;
	padding-right: 40px;
}


/* = FOOTER */
#footer {
	clear: both;
	width: 920px;
	text-align: right;
	text-transform: uppercase;
	font-size: 1.4em;
	font-family: "Trebuchet MS",Arial,Helvetica,Verdana,"Lucida Grande",Tahoma,sans-serif;
	background: url(../images/footer_bg.png) left top no-repeat;
	color: #AAA;
	margin: 0 10px 10px 0;
	padding: 0 11px 1px 9px;
}

#footer a {
	float: left;
	letter-spacing: -0.5px;
	color: #1A77A0;
	border-right: 1px solid white;
	padding: 13px 12px 12px 9px;
}

#footer span {
	float: left;
	letter-spacing: -0.5px;
	color: #AAA;
	padding: 13px 12px 12px 9px;
}

#footer a.back {
	float: none;
	width: 141px;
	border: 0;
	padding: 10px 0 0 0;
}


/*
GRQ : style pour masquer les maxignettes du rollover colonne focus
*/
.maxignette_hidden {
	display: none;
}