/*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;
}
#nav-top{
  width:974px;
  background:url(/img/common/bg-header.png);
}
#main-content{
  margin-top:30px;
  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;
}
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}
.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:9px; color:#a0a0a0; font-weight:bold; font-style:normal; text-decoration: none}
.texteblancpays10	{font-family:Verdana; font-size:9px; 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 {
    display: block;
    width: 960px;
    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;
    position: relative;
    right: -523px;
    top: 9px;
    width: 236px;
}

#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;
}

#facebookbox {
    display: block;
    height: 42px;
    margin-left: 349px;
    position: relative;
    top: -8px;
    width: 145px;
}


#searchbox {
    display: block;
    height: 35px;
    margin-left: 520px;
    position: relative;
    top: -30px;
    width: 244px;
}

#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(/_es/_mx/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(/_es/_mx/google/tag-cloud/img/taghaut.png) no-repeat;
    height: 25px;
}

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

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

* html #searchtxt .tagbas {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/_es/_mx/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='/_es/_mx/google/tag-cloud/img/tagcentre.png');
    background: url(/_es/_mx/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;
    /*height: 25px;*/
    line-height: 25px;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 10px;
}

button.ajax-newmember {
    font-size: 14px;
    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: -5px;
    position: absolute;
    right: 0;
}

.absbotleft {
    bottom: 0;
    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;
}

/* @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: 230px;
}

#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 .modal-signin-form .modal-label {
    position: relative;
    top: -3px;
}

#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: 275px;
}

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

#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 : 30000000;
}
/*
* 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:0 2px;
}

#IE8 #list-pays li{
    padding:4px 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;
}