/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
} 
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* page d'intro */
#intro{
	width:960px;
	height:470px;
	top:50%;
	left:50%;
	margin-left:-480px;
	margin-top:-250px;
	position:absolute;
}
#intro a{
	text-align:center;
	margin-top:8px;
	display:block;
	outline: none;
}

/* global */
body{ 
	background:#abd492 url('/img/common/loreal-body.jpg') no-repeat top center;
	background-attachment:fixed;  
}
#TakeCareCenter{
	width:960px;
	position:absolute;
	top:0%;
	left:50%;
	margin-left:-487px;
	margin-top:0px;
	display:block;
	padding-right:14px;
	z-index: 20000;
}
#nav-top{
}
#main-content{
  background:url(/img/common/shadow.png) repeat-y;
  width:960px;
  padding-right:14px;
}
.layout_simple2 #main-content
{
	margin-top : 0px;
}
#udm{
  background:url(/img/common/shadow.png) repeat-y;
  width:960px;
  padding-right:14px;
}

/*  navigation 2010 */
.clear{clear:both;}
.clearfix:after{content:".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.leon {clear:both; margin:0; padding:0;}
.leon_fix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.leon_fix {display:inline-block;}
* html .leon_fix {height:1%;}
.leon_fix {display:block;}

/* NAV NIV1 */
#nav_top_shadow{background:url(/img/nav_top/nav_shadow.png) repeat-y right top;width:974px; z-index:20000;}
#nav_top_shadow #nav_top{background:url(/img/nav_top/nav_bg.gif) repeat-x top left;font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; min-height:22px;width:960px;  z-index:20000;}  
#nav_top_shadow #nav_top #nav_home{float:left;height:22px;}
#nav_top_shadow #nav_top #nav_home a{padding:0;}
#nav_top_shadow #nav_top .nav_product, #nav_top_shadow #nav_top .nav_standard{float:left;   /*position:relative;*/}
#nav_top_shadow #nav_top .nav_product .nav_link_cat, #nav_top_shadow #nav_top .nav_link_other{color:#fff;display:block;font-size:9px;font-weight:bold;line-height:22px;padding:0 5px;text-decoration:none;text-transform:uppercase; cursor:default;}
#nav_top_shadow #nav_top .nav_standard .nav_link_other{color:#004532;}
#nav_top_shadow #nav_top .nav_link_cat:hover, #nav_top_shadow #nav_top .nav_link_other:hover, .highlight{background-color:#336a03;color:#ffffff;}
#nav_top_shadow #nav_top .itemselected, #nav_top_shadow #nav_top .itemselected a.nav_link_other {background-color:#336a03;color:#ffffff;}

/* NAV NIV2 */
#nav_top_shadow #nav_top .nav_sub {background:transparent url(/img/nav_top/nav_shadow_bottom.png) repeat-x bottom left; display:none; padding-bottom:6px; position:absolute; /*left:0;*/ top:22px; }
#nav_top_shadow #nav_top .nav_sub_content {background-color:#336a03; overflow:auto; padding:10px 0;}
#nav_top_shadow #nav_top .nav_sub .navtitle {background-color:#0f3402;color:#fff;font-size:17px;margin-bottom:10px;padding:2px 5px;text-transform:uppercase; font-weight:bold;}
#nav_top_shadow #nav_top .nav_sub .navtitle .see_all {color:#fff;float:right;font-size:10px;line-height:14px;text-decoration:underline;text-transform:none;}
#nav_top_shadow #nav_top .nav_sub .navsubtitle {background-color:#6aa513; color:#143814;font-size:14px;line-height:15px; padding:10px 5px 5px; text-transform:uppercase;font-weight:bold;}  
#nav_top_shadow #nav_top .nav_sub .navsubtitle:first-child {padding-top:5px;}

#nav_top_shadow #nav_top .col_height {background-color:#6aa513; overflow:hidden;}
#nav_top_shadow #nav_top .list_link {padding:0 5px; margin-bottom:10px;}
#nav_top_shadow #nav_top .list_link li {background:url(/img/nav_top/bg_navsub_li.gif) repeat-x left bottom; line-height:16px; padding-bottom:4px;}
#nav_top_shadow #nav_top .list_link a {color:#fff;display:block;font-size:11px;text-decoration:none;}
#nav_top_shadow #nav_top .list_link a:hover, #nav_top_shadow #nav_top .list_link a.active {color:#0F3402;}

/* PRODUCTS */
#nav_top_shadow #nav_top .nav_product .nav_sub .nav_sub_content .col_products {border-right:1px solid #5c8835; float:left; padding:0 10px;width:419px;}
#nav_top_shadow #nav_top .nav_product .nav_sub .nav_sub_content .col_products .col_products_left {/*background-color:#6aa513;*/ border-right:1px solid #5c8835; float:left; width:209px;}
#nav_top_shadow #nav_top .nav_product .nav_sub .nav_sub_content .col_products .col_products_left_content, .col_products_right_content {background-color:#6aa513; width:200px;}
#nav_top_shadow #nav_top .nav_product .nav_sub .nav_sub_content .col_products .col_products_right {background-color:#6aa513;float:right; width:200px;}

/* INFOS - EXPERTISE */
#nav_top_shadow #nav_top .nav_product .nav_sub .nav_sub_content .col_infos {border-right:1px solid #5c8835; float:left; padding:0 10px; width:199px;}
#nav_top_shadow #nav_top .nav_product .nav_sub .nav_sub_content .box_infos {background-color:#6aa513; font-size:11px; padding:5px;}
#nav_top_shadow #nav_top .nav_product .nav_sub .nav_sub_content .box_infos:first-child {margin-bottom:10px;}
#nav_top_shadow #nav_top .nav_product .nav_sub .nav_sub_content .box_infos a {color:#fff; text-decoration:none;}
#nav_top_shadow #nav_top .nav_product .nav_sub .nav_sub_content .box_infos .title {color:#fff; display:block; font-size:13px; margin-bottom:5px; padding:0; text-transform:uppercase;font-weight:bold;}
#nav_top_shadow #nav_top .nav_product .nav_sub .nav_sub_content .box_infos .desc {color:#000; display:block; margin-bottom:10px;font-size:12px;}
#nav_top_shadow #nav_top .nav_product .nav_sub .nav_sub_content .box_infos .link {color:#fff; display:block; text-decoration:underline; text-transform:capitalize;}
#nav_top_shadow #nav_top .nav_product .nav_sub .nav_sub_content .box_infos a:hover .link {color:#0F3402;}
/* PROMO */
#nav_top_shadow #nav_top .col_promo {float:left; padding:0 10px; width:280px;}
#nav_top_shadow #nav_top .box_promo:first-child {margin-bottom:10px;}
#nav_top_shadow #nav_top .box_promo{color:#004532;}
#nav_top_shadow #nav_top .box_promo a {display:block;}
/* nav_col */
#nav_top_shadow #nav_top .nav_col {border-left:1px solid #5c8835; float:left; padding:0 10px; width:219px;}
#nav_top_shadow #nav_top .nav_col p {background-color:#6aa513; color:#fff; font-size:11px; line-height:20px; padding:5px;}
/* BOTH - TEXT/IMAGE */
#nav_top_shadow #nav_top .box_both:first-child {margin-bottom:10px;}
#nav_top_shadow #nav_top .box_both a {display:block;}

/*  fin navigation 2010 */

input{
  	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	/*font-weight:plain;
	border:none;
	background-color:#FFFFFF;	*/
}
input.textfield
{
	height : 15px;
	padding : 2px 5px 0 3px;
	border : 1px solid #006500;
}

/* Font ************************************************************************************/

/*BLANC*/
.texteblanc8 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#ffffff; font-weight:plain; text-decoration: none}
.texteblanc9 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; color:#ffffff; font-weight:plain; text-decoration: none}
.texteblanc10 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#ffffff; font-weight:plain; text-decoration: none}
.texteblanc11 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color:#ffffff; font-weight:plain; text-decoration: none}
.texteblanc12 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; color:#ffffff; font-weight:plain; text-decoration: none}
.texteblanc14 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13pt; color:#ffffff; font-weight:plain; text-decoration: none}
.texteblanc18 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17pt; color:#ffffff; font-weight:plain; text-decoration: none}

/*GRIS*/
.textegris6	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:6pt; color:#E0E0E0; font-weight:plain; text-decoration: none}
.textegris7	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#E0E0E0; font-weight:plain; text-decoration: none}
.textegris8	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#E0E0E0; font-weight:plain; text-decoration: none}
.textegris10	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#E0E0E0; font-weight:plain; text-decoration: none}
.textegris12	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; color:#E0E0E0; font-weight:plain; text-decoration: none}
.textegrisfonce8	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#909090; font-weight:plain; text-decoration: none}
.textegrisfonce9 	{color:#909090;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:8pt;text-decoration:none;}
.textegrisfonce10	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#909090; font-weight:plain; text-decoration: none}
.textegrisfonce210	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#9D9D9D; font-weight:plain; text-decoration: none}
.textegrisargent10	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#666666; font-weight:plain; text-decoration: none}

/*NOIR*/
.textenoir8	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none}
.textenoir9pt	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#000000; font-weight:plain; text-decoration: none; line-height: 16pt;}
.textenoir10	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10Px; color:#000000; font-weight:plain; text-decoration: none}
.textenoir11	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; font-weight:plain; text-decoration: none}
.textenoir12	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; color:#000000; font-weight:plain; text-decoration: none}
.textenoir14	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13pt; color:#000000; font-weight:plain; text-decoration: none}
.textenoir18	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17pt; color:#000000; font-weight:plain; text-decoration: none}

/*VERT 58B933 OUR PRODUCTS*/
.textevert8	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#006500; font-weight:plain; text-decoration: none}
.textevert10	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#006500; font-weight:plain; text-decoration: none}
.textevert12	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; color:#006500; font-weight:plain; text-decoration: none}
.textevert14	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13pt; color:#006500; font-weight:plain; text-decoration: none}
.textevert18	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17pt; color:#006500; font-weight:plain; text-decoration: none}

/*VERT 006500 OUR PRODUCTS*/
.textevert00650010	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#006500; font-weight:plain; text-decoration: none}
.textevert00650012	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#006500; font-weight:plain; text-decoration: none}
.textevert00650013	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#006500; font-weight:plain; text-decoration: none}
.textevert00650040	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:40px; color:#006500; font-weight:plain; text-decoration: none}

/*VERT 77b800 OUR PRODUCTS*/
.textevert77b80020	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#77b800; font-weight:plain; text-decoration: none}

/*NOIR 323232 OUR PRODUCTS*/
.textenoir32323212	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#323232; font-weight:plain; text-decoration: none}


/*MARRON*/
.textemarron8	  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#5D3C09; font-weight:plain; text-decoration: none}
.textemarron10	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#5D3C09; font-weight:plain; text-decoration: none}
.textemarron11	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#5D3C09; font-weight:plain; text-decoration: none}
.textemarron12	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; color:#5D3C09; font-weight:plain; text-decoration: none}

/*ROUGE*/
.texterouge8	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#ff0000; font-weight:plain; text-decoration: none}
.texterouge10	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#ff0000; font-weight:plain; text-decoration: none}
.texterouge12	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; color:#ff0000; font-weight:plain; text-decoration: none}

/*ROSE E10047*/
.texterose8	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#E10047; font-weight:plain; text-decoration: none}
.texterose10	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#E10047; font-weight:plain; text-decoration: none}
.texterose12	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; color:#E10047; font-weight:plain; text-decoration: none}
.texterose14	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13pt; color:#E10047; font-weight:plain; text-decoration: none}

/*ORANGE FFAB25*/
.textejauneorange8	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#FFAB25; font-weight:plain; text-decoration: none}
.textejauneorange10	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#FFAB25; font-weight:plain; text-decoration: none}
.textejauneorange12	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; color:#FFAB25; font-weight:plain; text-decoration: none}

/*MENU PAYS*/
.textegrispays10	{font-family:Verdana; font-size:10px; color:#a0a0a0; font-weight:bold; font-style:normal; text-decoration: none}
.texteblancpays10	{font-family:Verdana; font-size:10px; color:#ffffff; font-weight:bold; font-style:normal; text-decoration: none}

/*VERT FRUCTIS BLONDE*/
.textevertfructis8	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#8fb316;  text-decoration: none}
.textevertfructis10	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#8fb316;  text-decoration: none}
.textevertfructis12	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; color:#8fb316;  text-decoration: none}
.textevertfructis14	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13pt; color:#8fb316;  text-decoration: none}
.textevertfructis18	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17pt; color:#8fb316;  text-decoration: none}


/*LIEN MAP */
A.lienvert8 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.lienvert8:link {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.lienvert8:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.lienvert8:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#58B933; font-weight:bold; text-decoration: none;
}

A.lienorange8 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.lienorange8:link {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.lienorange8:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.lienorange8:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#FFAB25; font-weight:bold; text-decoration: none;
}

A.lienrose8 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.lienrose8:link {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.lienrose8:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.lienrose8:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#E10047; font-weight:bold; text-decoration: none;
}

A.liengrisfonce8 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.liengrisfonce8:link {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.liengrisfonce8:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.liengrisfonce8:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#909090; font-weight:bold; text-decoration: none;
}

/*LIEN*/
A.liennoir8 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.liennoir8:link {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.liennoir8:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.liennoir8:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}

A.liennoirmenu8 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.liennoirmenu8:link {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.liennoirmenu8:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.liennoirmenu8:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: underline;
}

A.liengris8 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#ababab; font-weight:plain; text-decoration: none;
}
A.liengris8:link {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#ababab; font-weight:plain; text-decoration: none;
}
A.liengris8:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#ababab; font-weight:plain; text-decoration: none;
}
A.liengris8:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#ababab; font-weight:plain; text-decoration: none;
}

A.lienblanc8 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#ffffff; font-weight:plain; text-decoration: none;
}
A.lienblanc8:link {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#ffffff; font-weight:plain; text-decoration: none;
}
A.lienblanc8:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#ffffff; font-weight:plain; text-decoration: none;
}
A.lienblanc8:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#ffffff; font-weight:plain; text-decoration: none;
}

A.liennav_bottom {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.liennav_bottom:link {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.liennav_bottom:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration: none;
}
A.liennav_bottom:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:plain; text-decoration:underline;
}	


.btn_OK
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:7pt; 
	color:#000000; 
	font-weight:bold; 
	text-decoration: none;
	background-color:#ffffff;
	border:0px;
	cursor:pointer;		
	text-align:center;
}


/* Header ****************************************************************************************/

#headergarnier ul, #headergarnier li{
	margin : 0;
	padding : 0;
	list-style-type : none;
}

#headergarnier h1, #headergarnier h2, #headergarnier h3, #headergarnier h4, #headergarnier img, #headergarnier a, #headergarnier a img, #headergarnier p{
margin : 0;padding : 0;border : none;
}
#headergarnier {
	background:url("/img/common/bg-header.png") no-repeat scroll right top transparent;
	display: block;
	width: 974px;
	height: 75px;
	margin: 0;
	padding: 0;
	position: relative;
	font-family: Arial, Helevetica, Verdana, sans-serif;
	z-index: 10000000;
}

#logogarnier {
	display:block;
	width:196px;
	height:75px;
	float:left;
}

#logogarnier span {
	display:none;
}

#header-content {
	display: block;
	height: 75px;
	float: left;
	width: 764px;
}

#loginbox {
	display:block;
	height:38px;
	width:764px;
	position:relative;
	top:8px;
}

#loginbox ul {
	width : 202px;
	height:30px;
	display:block;
	position:absolute;
	top:0;
	right:0;
	margin:4px 32px 0 0;
}

#loginbox ul li{
	float:left;	
}

#logguedbox {
	height:34px;
	text-align:center;
	float:right;
	display:inline;
	margin:0 86px 0 0;
}

.loggued {
	background:#87c101;
	height:34px;
	float:left;
	_width:expression((document.getElementById('loguser').offsetWidth < 120) ? "120px" : document.getElementById('loguser').offsetWidth+'px' );
}

.logguedborder {
	float:left;	
	display:block;
	width:7px;
	height:34px;
}

.logname {
	font:bold 11px Verdana, Geneva, sans-serif;
	display:block;
	color:#ffffff;
	height:15px;
	padding:3px 0 0 0;
	white-space:nowrap;
}

.loglinks {
	font:10px Verdana, Geneva, sans-serif;
	color:#114c09;
	display:block;
}

.loglinks a{
	color:#114c09;
	text-decoration:none;
}
.loglinks a:hover{
	text-decoration:underline;
}
#searchbox {
	display: block;
	height: 35px;
	width: 215px;
	position: relative;
	top: 12px;
	margin-left:526px;
}

#searchbox a{
	font:10px Verdana, Geneva, sans-serif;
	color:#fff;	
	margin:0;
	padding:0;
	text-decoration:none;
}
#searchbox a:hover{
	text-decoration:underline;
}
.topsearches {
	background : transparent url("/img/common/header-search-arrowdown.gif") 100% 4px no-repeat;	
	padding:0 15px 0 0;
	margin:0;
}

.searchmsg {
	height:20px;
	display:block;
	margin:0;
	vertical-align:text-bottom;
}
#searchtxt {
	display:block;
	width:510px;
	float:left;
	margin:0 16px 0 0;
	text-align:right;
}

#IE6 #searchtxt {
	margin:0 11px 0 0;
}

#searchform {
	display:block;
	float:left;
	width:200px;
	height:20px;
}
#search {
	width:165px;
	height:15px;
	display:block;
	float:left;	
	border:1px solid #114c09;
	font:bold 10px Verdana, Geneva, sans-serif;
	color:#114c09;	
	padding:2px 5px 0 3px;
	margin:0 5px 0 0;
	margin-left:5px;
}
#IE6 #search {
	width:150px;
}

.search-btn-ok {
	width:15px;
	height:19px;
	display:block;
	float:left;
	vertical-align:text-top;
	margin-top:3px;
}


/* TOP SEARCHES GOOGLE */
.positionrelative {
	position:relative;
}
.phrase a {
	color:#31642a;
	text-decoration:none;
	cursor: default;
}
.phrase {
	font-size:9px;
	color:#31642a;
	display:table;
	_display:inline-block;
	_min-width:1%;
	_width:auto!important;
	_width:1%;
	_white-space: nowrap;
}
* html .phrase {
	padding-right: 5px;
}

*+html .phrase {
	display:inline;
	zoom:1;
}
.phrase .phraseinter {
	display:block;
	margin-left:250px;
}

* html .phrase .phraseinter {
	display:block;
	margin-left:0px;
}

#searchtxt .tagglobal {
	display: none;
	left:363px;
	position:absolute;
	top:9px;
	width:233px;
	z-index: 10000000;
}
*+html #searchtxt .tagglobal {
	left:383px;
}

#IE6 #searchtxt .tagglobal {
	position: absolute;		
	top: 9px;
	left: 383px;
	width: 233px;
}

/*#IE7 #searchtxt .tagglobal {
	position: absolute;		
	top: 9px;
	left: 383px;
	width: 253px;
}*/

#searchtxt .tagcentre {
	display: block;
	clear: both;
	float:left;
	padding: 0 14px 5px 14px;
	position: relative;
	white-space: normal;
	background: url(/_ru/_ru/google/tag-cloud/img/tagcentre.png) top left repeat-y;
	width: 205px;
}

#searchtxt .tagbas, #searchtxt .taghaut {
	/*clear: both;
	float: left;*/
}

#searchtxt .taghaut {
	display: block;
	background: url(/_ru/_ru/google/tag-cloud/img/taghaut.png) no-repeat;
	height: 25px;
}

* html #searchtxt .taghaut {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/_ru/_ru/google/tag-cloud/img/taghaut.png');
	background: none;
}

#searchtxt .tagbas {
	background: url(/_ru/_ru/google/tag-cloud/img/tagbas.png) no-repeat;
	height: 24px;
}

* html #searchtxt .tagbas {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/_ru/_ru/google/tag-cloud/img/tagbas.png');
	background: none;
}

#IE6 #searchtxt .tagcentre {
	clear: none;
	float: none;
	display: block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/_ru/_ru/google/tag-cloud/img/tagcentre.png');
	background: url(/_ru/_ru/google/tag-cloud/img/tagcentre.jpg) 4px 0 repeat-y;
	width: 205px;
}
#searchtxt .tagcentre a {
	display: block;
	text-decoration:none;
	color:#114c09;
	cursor:pointer;
	height: 23px;
	line-height: 23px;
	float: right;
	position: static;
	padding: 0 2px;
}

#searchtxt .tagcentre a:hover {
	color: #34790A;
	text-decoration: none;
}
#searchtxt .tagcentre a.tag10 {font-size:11px;}
#searchtxt .tagcentre a.tag9 {font-size:12px;}
#searchtxt .tagcentre a.tag8 {font-size:13px;}
#searchtxt .tagcentre a.tag7 {font-size:14px;}
#searchtxt .tagcentre a.tag6 {font-size:13px;font-weight:bold;}
#searchtxt .tagcentre a.tag5 {font-size:15px;font-weight:bold;}
#searchtxt .tagcentre a.tag4 {font-size:16px;font-weight:bold;}
#searchtxt .tagcentre a.tag3 {font-size:17px;font-weight:bold;}
#searchtxt .tagcentre a.tag2 {font-size:18px;font-weight:bold;}
#searchtxt .tagcentre a.tag1 {font-size:19px;font-weight:bold;}

/* Sign in ***************************************************************************************/

/** Principal Layout **/
#bg_popin {
	background: #000;
	left: 50%;
	margin-left: -487px;
	margin-top: 0px;
	overflow: hidden;
	position: absolute;
	top: 105px;
	z-index: 20100;
}
#loaderpopin {
	left: 50%;
	padding: 0;
	opacity: 0.5;
	overflow: hidden;
	position: absolute;
	top: 325px;
}

/* big orange buttons*/

/*
button.orangeBtn {
	background: url(/img/garnier-club/orangeBtn_right.png) right no-repeat;
	border: 0;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	padding:1px;
}


button.orangeBtn span {
	background: url(/img/garnier-club/orangeBtn_left.png) left no-repeat;
	cursor: pointer;
	display: block;
	font-weight: bold;
	line-height: 25px;
	color: #ffffff;
	padding-left: 20px;
	padding-right: 10px;   	
}
*/

button.orangeBtn {
	background: url(/img/garnier-club/orangeBtn_right.png) right no-repeat;
	border: 0;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
}

button.orangeBtn span {
	background: url(/img/garnier-club/orangeBtn_left.png) left no-repeat;
	cursor: pointer;
	display: block;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	color: #ffffff;
	padding-left: 20px;
	padding-right: 10px;
	white-space:nowrap;
}
/* small orange buttons */

button.orangeBtn.small {
	background: url(/img/garnier-club/small_orangeBtn_right.png) right no-repeat;
	font-size: 10px;
	text-transform: uppercase;
	padding-right: 10px;
}

button.orangeBtn.small span {
	height: 20px;
	line-height: 20px;
	background: url(/img/garnier-club/small_orangeBtn_left.png) left no-repeat;
	color: #ffffff;
	margin-left: -3px;
}

/* small orange button-links */

a.orangeBtn.small:link, a.orangeBtn.small:visited, a.orangeBtn.small:hover, a.orangeBtn.small:active {
	font-weight: bold;
	padding: 5px 0;
	text-align: left;
	background: url(/img/garnier-club/small_orangeBtn_right.png) right no-repeat;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

a.orangeBtn.small span {
	height: 20px;
	line-height: 20px;
	background: url(/img/garnier-club/small_orangeBtn_left.png) left no-repeat;
	color: #ffffff;
	padding: 5px 10px 5px 20px;
}

/* big orange button-links */

a.orangeBtn:link, a.orangeBtn:visited, a.orangeBtn:hover, a.orangeBtn:active {
	background: url(/img/garnier-club/orangeBtn_right.png) right no-repeat;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px 5px 0;
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
}

a.orangeBtn span {
	height: 25px;
	line-height: 25px;
	background: url(/img/garnier-club/orangeBtn_left.png) left no-repeat;
	color: #ffffff;
	padding: 5px 10px 5px 20px;
}


/* NEW CSS */

/* @group Common */

#popin {
	background: transparent;
	position: absolute;
	top: 325px;
	left: 50%;
	padding-top: 22px;
	padding-left: 10px;
	/*margin-left: -310px;
	margin-top: -25px;
	height: 250px;
	width: 620px;*/
	z-index: 100000;
}

.absbotright {
	bottom: 0;
	position: absolute;
	right: 0;
}
/*.absbotleft {
	bottom: 0;
	left: 0;
	position: absolute;
}*/
.absbotleft {
	bottom: 0;
	left:-10px;
	_left:0;	
	position: absolute;
}

.clear {
	clear: both;
}

/* @group ToolBar */

#popin #modal-popin #modal-top-bar {
	position: absolute;
	width: 100%;
}

#popin #modal-popin #modal-top-bar .modal-title {
	background: #BDCF07;
	color: #FFFFFF;
	float: left;
	font: 18px Arial,Helvetica,sans-serif;
	line-height: 28px;
	height: 28px;
	margin-top: -15px;
	margin-left: -10px;
	padding: 0px 10px;
	position: absolute;
	text-transform: uppercase;
}

#popin #modal-popin #modal-top-bar .modal-close {
	background: #FFFFFF;
	color: #464646;
	float: right;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	margin-top: -22px;
	margin-right: 10px !important;
	margin-right: 0;
	padding: 0 5px;
	position: relative;
	text-decoration: underline;
}

#popin #modal-popin #modal-top-bar .modal-close:hover {
	text-decoration: none;
}

/* @end */

/* @end */

/* @group Content */

#popin #modal-popin .modal-content {
	background: #fff;
	clear: both;
	color: #464646;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 12px;
	padding: 20px 15px;
	padding-bottom: 15px;
}

/* @group SignIn */

#popin #modal-popin .modal-content .modal-signin-msg,
#popin #modal-popin .modal-content .modal-pass-msg {
	clear: both;
	float: left;
	margin-bottom: 25px;
	width: 100%;
}

#popin #modal-popin .modal-content .modal-pass-msg {
	margin-bottom: 15px;
}

#popin #modal-popin .modal-content .modal-signin-msg h4 {
	font: bold 14px Verdana, Geneva, sans-serif;
}

#popin #modal-popin .modal-content .modal-signin-form,
#popin #modal-popin .modal-content .modal-pass-form {
	clear: both;
	float: left;
	width: 100%;
}
#popin #modal-popin .modal-content .modal-signin-form {
	width: 590px;
}

#popin #modal-popin .modal-content .modal-signin-form .modal-signin-formleft {
	border-right: 1px solid #666;
	clear: both;
	float: left;
	height: 143px;
	padding-right: 30px;
	width: 250px;
}

#popin #modal-popin .modal-content .modal-signin-form .modal-signin-formleft .modal-container-formleft {
	height: 143px;
	position: absolute;
	width: 220px;
}

#popin #modal-popin .modal-content .modal-signin-form h5 {
	font: bold 11px Verdana, Geneva, sans-serif;
	margin-bottom: 5px;
	color: #367908;
	text-transform: uppercase;
}

#popin #modal-popin .modal-content .modal-signin-form input {
	border: 1px solid #DBDBDB;
	font: 11px Verdana,Geneva,sans-serif;
	height: 17px;
	line-height: 17px;
	margin-top: 5px;
	padding: 0;
	width: 230px;
}

#popin #modal-popin .modal-content .modal-signin-form fieldset input,
#popin #modal-popin .modal-content .modal-signin-form fieldset {
	border: 0;
	width: auto;
}

#popin #modal-popin .modal-content .modal-signin-form label {
	border: 0;
	clear: both;
	margin-bottom: 20px;
}

#popin #modal-popin .modal-content a.modal-link-arrow {
	background: url(/img/garnier-club/icn_next.png) 0 1px no-repeat;
	color: #EA7A28;
	font: bold 9px/normal Verdana,Geneva,sans-serif;
	padding-left: 12px;
}

#popin #modal-popin .modal-content .modal-signin-form .modal-signin-formright {
	float: right;
	height: 143px;
	padding-left: 30px;
	width: 250px;
}

#popin #modal-popin .modal-content .modal-signin-form .modal-signin-formright .modal-container-formright {
	position: absolute;
	height: 143px;
	width: 220px;
}

#popin #modal-popin .modal-content .modal-signin-form .modal-signin-formright .modal-container-formright p {
    position: relative;
}

/* @end */

/* @end */

/** IE6 **/
* html #popin #modal-popin .modal-content .modal-signin-form .modal-signin-formright {
	margin-right: 5px;
	width: 240px;
}

* html #popin #modal-popin .modal-content .modal-signin-form .modal-signin-formleft {
	padding-right: 0px;
	width: 294px;
}
* html #popin #modal-popin .modal-content .modal-signin-form .modal-signin-formleft .modal-container-formleft {
	width: 250px;
}

 /** IE7 **/ 
 *:first-child+html #popin #modal-popin .modal-content .modal-signin-form .modal-signin-formright {
	margin-right: -5px;
	width: 240px;
}

 *:first-child+html #popin #modal-popin .modal-content .modal-signin-form .modal-signin-formleft {
	padding-right: 0px;
	width: 294px;
}
 *:first-child+html #popin #modal-popin .modal-content .modal-signin-form .modal-signin-formleft .modal-container-formleft {
	width: 235px;
}


/* Nav bottom ************************************************************************************/

/* Liste des pays */
#footer  {
	width:960px;
	padding-right:14px;
	height:42px;
	background:url(/img/common/bg-footer.png) no-repeat;
}
footer-links  {
	width:800px;
}
#footer-links li {
	float:left;
	display:block;
	list-style-image:none;
	list-style-type:none;
	padding:9px 2px;
}

#footer-links li a{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#484848; text-decoration: none;
	font-size:10px;
	float:left;
	display:block;
}
li.separateur {
	background:transparent url(/img/nav_bottom/separator.gif) no-repeat scroll 0 0;
	height:10px;
	margin-top:10px;
	width:4px;
	margin-left:5px;
	float:left;
	display:block;
}

#countries {
	float:right;
	margin-top:0;
	padding-top:9px;
	text-align:center;
	width:155px;
}
#IE7 #countries {
	padding-top:4px;   
}
#IE6 #countries {
	padding-top:4px;   
}
#countries .liennav_bottom{
	background-image:url(/img/common/fleche-list-pays.gif);
	background-position: right;
	background-repeat:no-repeat;
	padding-right:20px;
}
#list-pays {
	background-color:#FFFFFF;
	bottom:0;
	right : 0;
	float:right;
	list-style-image:none;
	list-style-type:none;
	margin-bottom:14px;
	margin-right:14px;
	position:absolute;
	text-align:left;
	width:155px;
	z-index : 2000;
}
/*
* html #list-pays
{
	right : 0;
}
*+html #list-pays
{
	right : 0;
}
*/


#list-pays li{
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:2px;
}

#list-pays li a{
  background-image:url(/img/common/fleche_black2.gif);
  background-repeat:no-repeat;
  background-position:1px;
  padding-left:10px; 
}


.flash_bg_black
{
	background : #000;
}