@charset "utf-8";
/* CSS Document */
/******styles d'ordre general********/
body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
/*background:url(../images/commun/BandeDeFond.jpg) repeat-x;*/
background-repeat:repeat-x;
background-color:#dbe9eb;
}

form, h1, h2, h3, h4, ul, li, input, p {
margin:0;
padding:0;
}

input{
}

img{
border:none;
}


/********** Nouvelle feuille de style principale **********************/

#header{
width:960px;
position:relative;
left:16px;
top:10px;
float:left;
padding-bottom:15px !important;
padding-bottom:0px;
z-index:2100;
height:auto;
}

#header .Logo{
Position:relative;
width:190px;
height:80px;
float:left;
left:6px;
}

.separator{
	clear:both;
}

#ZoneBienvenue{
    width:297px;
    height:60px;
    float:left;
    background-color:#327182;
    padding-top:20px;
}

#ZoneBienvenue .TxtGrosOcean{
position:relative;
float:left;
font-family:Verdana;
color:#FFFFFF;
font-size:22px;
letter-spacing:-1px;
margin-right:4px;
margin-top:-7px;
width:auto;
}

#ZoneBienvenue .TxtMoyenOcean{
    font-family:Verdana;
    color:#FFFFFF;
    font-size:12px;
    height:auto;
    float:left;
    padding-top:8px;
    padding-left:5px;
    margin-top:-5px;
    width:155px;
}

.content_welcome{
    margin-left:18px;
    margin-top:3px;
}

#ZoneBienvenue .TxtPetitOcean{
position:relative;
float:left;
font-family:Arial;
color:#FFFFFF;
font-size:10px;
width:275px;
margin-left:1px;
}

#ZoneBienvenue .TxtPetitOcean a{
text-decoration:none;
color:#FFFFFF;
}

#ZoneBienvenue .TxtPetitOcean a:hover{
text-decoration:underline;
color:#FFFFFF;
}

#ZoneClient{
position:relative;
float:left;
/*width:425px;*/
width:473px;
height:78px;
margin-left:-2px;
background:url(../images/commun/ClientSeparateurGauche.gif) #327182  no-repeat left;
background-color:#327182;
}


#Compte h2{
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	text-transform: uppercase;
	font-weight:normal;
	margin-bottom:4px;
	margin-top:4px;
	text-decoration:none;
}

#Compte h2 a{
	text-decoration:none;
}

#SeparateurPanierClient{
background:url(../images/commun/ClientSeparateurGauche.gif) #326173 no-repeat left;
position:relative;
float:left;
width:3px;
height:72px;
}

#Panier{
position:relative;
float:left;
width:182px;
height:76px;
background:url(../images/commun/ClientSeparateurGauche.gif) #326173  no-repeat right;
background-color:#327182;
}

#Panier .Sac{
position:relative;
float:left;
left:5px;
width:61px;
height:68px;
top:8px;
z-index:10;
}

#Panier .TxtMoyenOcean{
position:relative;
float:left;
font-family:Verdana;
color:#B1E3E8;
font-size:12px;
width:112px;
left:4px;
margin-top:26px;
}

#Panier .TxtMoyenOceanSomb{
position:relative;
float:left;
font-family:Verdana;
color:#7EAFB7;
font-size:12px;
width:90px;
left:16px;
font-weight:bold;
}

#Panier .TxtMoyenNbrProduits{
position:relative;
float:left;
font-family:Verdana;
color:#7EAFB7;
font-size:12px;
width:90px;
left:16px;
font-weight:bold;
}

#Panier a{
font-family:Verdana;
color:#7EAFB7;
font-size:12px;
text-decoration:none;
}

#Compte{
position:relative;
float:left;
width:183px; /*35*/
height:76px;
background:url(../images/commun/ClientSeparateurGauche.gif) no-repeat right;
background-color:#327182;
}

#Compte #align{
	margin:5px;
	margin-top:25px;
}

.txtBleu11 {
color:#B1E3E8;
font-size:10px;
margin-top:5px;
}

#Compte .fleche {
	background:transparent url(../images/menu_mode/fleche-marron.gif) no-repeat scroll 0 0;
	float:left;
	height:9px;
	margin-top:5px;
	position:relative;
	width:4px;
}

.txtBleu11 a{
	font-size:10px;
	text-decoration:underline;
}

#Compte .TxtMoyenOcean{
position:relative;
float:left;
font-family:Verdana;
color:#B1E3E8;
font-size:12px;
width:120px;
left:10px;
margin-top:26px;
}

#Compte .TxtMoyenOceanSomb{
position:relative;
float:left;
font-family:Verdana;
color:#7EAFB7;
font-size:12px;
width:110px;
left:22px;
font-weight:bold;
}

#Compte .TxtMoyenOceanSomb a{
color:#7EAFB7;
}

#Compte a{
color:#B1E3E8;
text-decoration:underline;
cursor:pointer;
}

#DamartLink{
position:relative;
float:right;
width:100px;
height:auto;
right:0px;
padding-top:18px;
background:url(../images/commun/ClientSeparateurGauche.gif) #327182  no-repeat left;
}

#Menu .Accueil{
position:relative;
width:90px;
height:27px;
float:left;
margin-top:-1px;
background:url(../images/nav_haut/BtnAccueil.gif) no-repeat left;
color:#2B5767;
text-align:center;
font-family:Verdana;
font-size:9px;
font-weight:bold;
}

#Menu .Accueil a{
color:#2B5767;
text-decoration:none;
position:relative;
top:6px;
}

#navHaut .Separateur{
position:relative;
float:left;
width:5px;
height:27px;
background:url(../images/commun/Separateur_head1.jpg) no-repeat;
margin-left:-4px;
}

#navHaut .Bas{
position:relative;
float:left;
width:957px;
height:12px;
bottom:5px !important;
bottom:6px;
padding-left:1px;
}

#navHaut .Separateur1{
position:relative;
float:left;
width:5px;
height:36px;
background:url(../images/commun/Separateur_head.jpg) no-repeat;
margin-top:-9px;
}

#navHaut .Separateur2{
position:relative;
float:left;
width:2px;
height:36px;
background:url(../images/commun/Separateur_head.jpg) no-repeat;
margin-top:-9px;
}

#navHaut .SeparateurHF{
position:relative;
float:left;
width:3px;
height:27px;
background:url(../images/commun/SeparateurHF.jpg) no-repeat;
}




#navHaut .NHFemme:hover{
background:url(../images/nav_haut/BtnStandardOn.gif) no-repeat left;
}


#last_ong{
	float:left;
}

#navHaut .NHFemme:hover .flecheNavHautHF{
background:url(../images/nav_haut/FlecheClr2BasHF.gif) no-repeat left center;
}

#navHaut .NHHomme{
position:relative;
width:115px;
height:24px;
float:left;
margin-top:-5px;
margin-left:-2px;
background:url(../images/nav_haut/BtnStandard.gif) no-repeat left;
color:#2B5767;
text-align:center;
font-family:Verdana;
font-size:11px;
/*font-weight:bold;*/
padding-top:9px;
cursor:pointer;
}

.selected2{
	font-weight:bold;
	text-transform:uppercase;
	
}

#navHaut .NHFemme{
position:relative;
width:116px;
height:23px;
float:left;
margin-top:-5px;
margin-left:-2px;
background:url(../images/nav_haut/BtnStandard.gif) no-repeat left;
color:#2B5767;
text-align:center;
font-family:Verdana;
font-size:11px;
/*font-weight:bold;*/
padding-top:10px;
cursor:pointer;
}

#navHaut .selected {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/nav_haut/BtnStandardOn.gif) no-repeat scroll left center;
	color:#FFFFFF;
	float:left;
	font-family:Verdana;
	font-size:11px;
	height:23px;
	margin-left:-2px;
	margin-top:-5px;
	padding-top:10px;
	position:relative;
	text-align:center;
	width:116px;
}



#navHaut .NHHomme:hover{
	background:url(../images/nav_haut/BtnStandardOn.gif) no-repeat left;
}


#navHaut .NHHomme:hover .flecheNavHautHF{
background:url(../images/nav_haut/FlecheClr2BasHF.gif) no-repeat scroll 0 51%;
}

#navHaut .bloc1045, #navHaut .bloc1041{
position:relative;
float:left;
height:auto;
text-decoration:none;
cursor:pointer;
}




#navHaut .flecheNavHaut{
	background:transparent url(../images/nav_haut/FlecheFonce2.gif) no-repeat scroll 0 51%;
	padding-left:12px;
}

#navHaut .picto_homme_femme{
float:left;
position:relative;
margin-left:13px;
margin-right:10px;
margin-top:-2px;


}
#navHaut .flecheNavHautHF{
float:left;
background:url(../images/nav_haut/FlecheFonce.gif) no-repeat scroll 0 51%;
padding-left:12px;
}

#navHaut .bloc1045:hover #NH01045 .flecheNavHaut, #navHaut .bloc1041:hover #NH01041 .flecheNavHaut, #navHaut .bloc1047:hover #NH01047 .flecheNavHaut{
background:url(../images/nav_haut/FlecheClr2Bas.gif) no-repeat left center;
}

#navHaut .bloc1045:hover #NH01045 .flecheNavHaut, #navHaut .bloc1041:hover #NH01041 .flecheNavHaut, #navHaut .bloc1047:hover #NH01047 .flecheNavHaut,#navHaut .NH00:hover .flecheNavHaut{
background:url(../images/nav_haut/FlecheClr2Bas.gif) no-repeat left center;
}


/*
#navHaut .bloc1045 .img1045{
background:url(../images/nav_haut/GymZenOn.jpg) no-repeat;
}

#navHaut .bloc1041 .img1041{
background:url(../images/nav_haut/RandoCourseOn.jpg) no-repeat;
}

#navHaut .bloc1047 .img1047{
background:url(../images/nav_haut/FroidOn.jpg) no-repeat;
top:28px;
position:absolute;
float:left;
display:none;

left:0px;
z-index:2000;
}
*/



#navHaut .bloc1047{
position:relative;
float:left;
text-decoration:none;
height:auto;
cursor:pointer;
}

/*
#navHaut .bloc1047:hover #NH01047{
background:url(../images/nav_haut/BtnStandardFroidOn.jpg) no-repeat;
height:36px;
top:2px;
}
*/

/*
#navHaut .bloc1047:hover .img1047{
display:block;
position:absolute;
width:202px;
height:141px;
}
*/

#GaucheOmbre{
position:relative;
background:url(../images/nav_haut/MenuGauche_Ombre.gif) no-repeat right;
float:left;
width:6px;
height:27px;
margin-top:83px;
margin-left:14px;
}

#Hook{
	position:relative;
	color:#2B5767;
	font-family:Arial;
	font-size:10px;
	text-align:center;
	width:955px;
	padding-top:10px;
	left:22px;
}

#Hook a{
	position:relative;
	color:#2B5767;
	font-family:Arial;
	font-size:10px;
	text-align:center;
	width:955px;
	
	padding-top:10px;
	text-decoration:none;
}

#Hook a:hover{
	text-decoration:underline;
}

#ContenuMain{
width:768px;
height:800px;
background:url(../images/commun/bord-basblanc.gif) no-repeat bottom;
position: relative;
float: right;
}

#ContenuGauche{
position:relative;
float:left;
width:200px;
height:auto;
padding-bottom:10px;
padding-left:13px;
padding-top:4px;
}

#GaucheMenu{
position:relative;
float:left;
width:190px;
padding-top:10px;
padding-left:10px;
}

#GaucheMenu .Icone{
position:relative;
float:left;
width:19px;
height:16px;
padding-top:5px;
}

#GaucheMenu .TxtBleuFonce{
position:relative;
width:160px;
height:25px;
color:#2B5767;
float:left;
font-family:Verdana;
font-size:10px;
font-weight:bold;
text-align:left;
padding-top:3px;
padding-left:4px;
}

#GaucheMenu .TxtBleuFonce a{
color:#2B5767;
text-decoration:none;
}

#GaucheMenu .TxtBleuFonce a:hover{
color:#2B5767;
text-decoration:underline;
}


#GaucheMenu .Separateur{
position:relative;
width:180px;
height:10px;
float:left;
background:url(../images/Nav_gau/Separateur.gif) repeat-x left;
}

#Etiquette{
position:relative;
float:left;
width:161px;
height:15px;
padding-top:30px;
color:#2B5767;
font-family:Verdana;
font-size:10px;
}

#Etiquette a{
color:#2B5767;
text-decoration:none;
}

#Etiquette a:hover{
color:#3FA6AE;
text-decoration:none;
}


#Etiquette1{
position:relative;
float:left;
width:161px;
height:15px;
padding-top:2px;
color:#2B5767;
font-family:Verdana;
font-size:10px;
}

#Etiquette1 a{
color:#2B5767;
text-decoration:none;
}

#Etiquette1 a:hover{
color:#3FA6AE;
text-decoration:none;
}

#Etiquette .Bandeau{
position:relative;
width:161px;
background:url(../images/Nav_gau/MenuEtiquette.gif) no-repeat;
height:15px;
float:left;
}

#Etiquette1 .Bandeau{
position:relative;
width:161px;
background:url(../images/Nav_gau/MenuEtiquette.gif) no-repeat;
height:15px;
float:left;
}

#Footer{
position:relative;
float:left;
width:1007px !important;
width:1003px; 
height:52px;
}
#Footer .Logo{
position:relative;
float:left;
left:40px;
width:49px;
height:49px;
z-index:1;
margin-top:-30px;
}

#Bande{
position:relative;
height:30px;
top:8px;
width:982px;
background:#2B5767;
float:left;
}

#Bande .Txt{
position:relative;
left:110px;
width:880px;
color:#86B6BD;
font-family:Verdana;
font-size:9px;
top:8px;
}

#Bande .Txt a{
color:#86B6BD;
text-decoration:none;
}

#Bande .Txt a:hover{
color:#86B6BD;
text-decoration:underline;
}

/******* FIN nouvelle feuille de style *******/

.agauche{
float:left;
}

.gauche{
float:left;
padding-left:10px;
}

.adroite{
float:right;
}

.clearLeft{
clear:left;

}

.clearRight{
clear:right;
}

.clearBoth{
clear:both;
}

.spacer{
background:url(../images/commun/spacer.gif) no-repeat;
width:1px;
height:1px;
}

.gras{
font-weight:bold;
}

.leftAlign{
text-align:left;
}

.rightAlign{
text-align:right;
}

.centerAlign{
text-align:center;
}


/****Styles pour la structuration********/

#containerSup{
margin:auto;
width:1007px !important;
width:1003px; 
/*background:url(../images/commun/bande_verte.gif) repeat-y;*/
height:auto;
overflow:hidden;
background-color:#dbe9eb;
}

#container{
/*background:url(../images/commun/fond_home.jpg) no-repeat;*/

width:1007px !important;
width:1003px;
margin:0 auto;
float:left;
}

#contenu{
width:1000px;
float:left;
position:relative;
}

#contenuGauche{
width:200px;
position:relative;
float:left;
z-index:100;
}

#contenuPrincipal, #contenuPrincipalCommande{
width:724px;
float:right;
background-color:#FFFFFF;
position:relative;
height:auto;
margin-top: 15px;
right:25px;
}

#logo h1{
display:none;
}

#logo{
	width:242px;
	height:auto;
	float:left;

}

#logo img{
display:block;
}

#msgAccueil, #msgAccueil2{
color:#6c5e9c;
font-size:11px;
padding-left:3px;
letter-spacing:-0.5pt;
clear:left;
}

#msgAccueil{
padding-top:1px;
/*background:url(../images/commun/bg-msg.gif) no-repeat left top;*/
}

#msgAccueil2{
padding-top:8px;
/*background:url(../images/commun/bg-msg.gif) no-repeat left top;*/
}

#msgAccueil .textGros{
font-size:17px;

}

#msgAccueil a, #msgAccueil2 a{
color:#6c5e9c;
}

/******Styles pour le headernavigation en haut*****/
#navHaut{
position:relative;
width:970px;
height:24px;
float:left;
}

#navHaut a{
font-family:Verdana;
font-size:11px;
/*font-weight:bold;*/
text-decoration:none;
text-transform:uppercase;
color:#2B5767;
position:relative;
float:left;
}

#navHaut .bouton{
position:relative;
float:left;
width:212px;
height:31px;
margin-top:-8px;
font-family:Verdana;
font-size:11px;
/*font-weight:bold;*/
}

#navHaut .boutonCat{
	position:relative;
	float:left;
	/*width:212px;*/
	height:36px;
	margin-top:-10px;
	font-family:Verdana;
	font-size:11px;
/*font-weight:bold;*/
/*padding-top:8px;*/
}



#navHaut #NH0921, #navHaut #NH0925{
position:relative;
float:left;
width:212px;
height:36px;
margin-top:-8px;
font-family:Verdana;
font-size:11px;
/*font-weight:bold;*/
/*padding-top:8px;*/
}

#navHaut #NH0927{
position:relative;
float:left;
width:212px;
height:36px;
margin-top:-8px;
font-family:Verdana;
font-size:11px;
/*font-weight:bold;*/
/*padding-top:8px;*/
}

#navHaut .bouton{
	width:90px;
	margin-top:0px;
	padding-top:0px;
	position:relative;
	float:left;
}



#NH01 .centre_text{
	color:#2B5767;
	font-family:Verdana;
	padding-top:16px;
	cursor:pointer;
	float:none;
	width:70px;
	padding-top:5px;
}


#navHaut .boutonCat .centre_text{
	color:#2B5767;
	font-family:Verdana;
	font-size:11px;
	height:auto;
	position:relative;
	text-align:center;
	padding-top:16px;
}


#navHaut .bouton .centre_text{
	color:#2B5767;
	float:left;
	font-family:Verdana;
	font-size:11px;
	height:auto;
	position:relative;
	text-align:center;
	padding-left:21px;
	width:70px;
	padding-top:5px;
}

#navHaut .selected .centre_text {
color:#2B5767;
	float:left;
font-family:Verdana;
	font-size:11px;
	position:relative;
	text-align:center;
	text-transform:uppercase;
}


#navHaut .bouton .centre_text{
	width:53px;
	cursor:pointer;
}

/* PremIer et dernier butons*/


/**** Style pour le hover sur les boutons du menu selon la catégorie ****/
#NH01{
	background:transparent url(../images/nav_haut/BtnAccueil.gif) no-repeat;
}



.selected_NHOO{
	background:transparent url(../images/nav_haut/BtnStandardOn1pxc.jpg);
	height:36px;
	margin-top:10px;
}


#navHaut .selected_acc{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	color:#FFFFFF;
	float:left;
	font-family:Verdana;
	font-size:11px;
	height:23px;
	margin-left:-2px;
	margin-top:-5px;
	padding-top:10px;
	position:relative;
	text-align:center;
	width:114px;
}

.NH00{
	background:transparent url(../images/nav_haut/BtnStandardDG1px.jpg);
	height:36px;
}

.NH00:hover{
	background:transparent url(../images/nav_haut/BtnStandardOn1pxc.jpg);
	height:36px;
	margin-top:10px;
}
/**** Fin styles hover ****/







/******Styles pour le headermenu commande en haut a droite*****/
#menuCommande{
position:absolute;
top:0;
left:489px;
width:480px;
}

.zoneMenu{
background:url(../images/menu_commande/separateur.gif) no-repeat top right;
width:160px;
height:128px;
float:left;
text-align:center;
color:#9d7c6d;
font-size:11px;
letter-spacing:-0.5pt;
}

.zoneMenu a{
color:#9d7c6d;
width:160px;
height:128px;
text-decoration:none;
cursor:pointer;
}

.zoneMenu span{
text-decoration:underline;
}

.zoneMenu:hover{
background:url(../images/menu_commande/menu_on.gif) no-repeat bottom left;
}

.zoneMenu a:hover{
cursor:pointer;
}

.zoneMenu h2{
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin-top:4px;
margin-bottom:4px;
}

.zoneMenu h2 a{
color:#9d7c6d;
}

#menuCommande .icone{
width:120px;
height:77px;
margin:auto;
}

#pictoDeco{
width:200px;
position:absolute;
top:0;
left:0;
z-index:100;
}

/*******Styles pour la zone menu mode*********/
#menuMode .boutonHaut, #menuMode .boutonHaut:hover{
background:url(../images/menu_mode/M01_off.gif) no-repeat left;
width:138px;
height:29px;
padding:3px 10px 3px 20px;
}

#menuModeDamart .boutonBas, #menuModeDamart .boutonBas:hover{
background:url(../images/menu_mode/M02_off.gif) no-repeat left;
width:138px;
height:29px;
padding:3px 10px 3px 20px;
}

#menuMode .boutonHaut:hover{
background:url(../images/menu_mode/M01_on.gif) no-repeat left;
}


#menuModeDamart .boutonBas:hover{
background:url(../images/menu_mode/M02_on.gif) no-repeat left;
}

#menuMode a{
text-decoration:none;
font-size:11px;
color:#FFFFFF;
}

#menuModeDamart a{
text-decoration:none;
font-size:11px;
color:#FFFFFF;
}

#menuMode a:hover{
color:#bd5e77
}

#menuModeDamart a:hover{
color:#bd5e77
}

#menuMode .boutonHaut:hover a, #menuMode .boutonBas:hover a{
color:#bd5e77;
}


/*******Styles pour la zone menu gauche********/
#menuGauche{
width:168px;
background:url(../images/menu_gch/bg-reflet.gif) repeat-y right;
}

#menuGauche td{
background:url(../images/menu_gch/dot.gif) repeat-x bottom;
padding:3px 6px 4px 0px;
text-align:left;
}

#menuGauche td a{
text-decoration:none;
}
#menuGauche td a:hover{
text-decoration:underline;
}

#menuGauche td .icone{
padding-left:8px;
}

#menuGauche .bloc{
width:152px;
background:url(../images/menu_gch/dot.gif) repeat-x bottom;
padding:3px 8px 3px 8px;
}

#menuGauche .bloc .txt{
width:115px;
}

#menuGauche .bloc div a{
text-decoration:none;
/*line-height:11px;*/
}

#menuGauche .bloc div a:hover{
text-decoration:underline;
}

#menuGauche .bloc div.icone{
width:37px;
text-align:left;
}

#menuGauche .coordConseil{
margin-right:12px;
margin-top:10px;
}


#texteFooter .texte a:hover{
text-decoration:underline;
}

.pos{
	position:relative;
	float:left;
}


/********FIN Styles pour header*********/


/*******DEBUT Styles pour footer********/
#texteFooter{
	height:24px;
	/*width: 1000px;*/
	/*background:#2B5767;*/
	position:relative;
	top:14px;
	z-index:200;
	background: #2B5767 center left;
	padding-left:50px;
}

#texteFooter .texte{
	height:16px;
	float:left;
	padding-top:5px;
	padding-left:5px;
	padding-right:13px;
}

div#logo-adroite{
	float:left;
	padding-left:30px;
	padding-right:20px;
	position:relative;
	z-index:300;
	margin-top:-13px;
	margin-bottom:-13px;
}

#texteFooter .texte a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#86B6BD;
	text-decoration:none;
	letter-spacing:-1px;
}

.pos{
	position:relative;
	float:left;
}

#imagesFooter{
	margin-left:auto;
	margin-right:auto;
	width:586px;
}

#imagesFooter .btn{
	float:left;
	cursor:pointer;
	width:auto;
}

#imagesFooter .spacer{
	float:left;
}

#imagesFooter .cal_pourpre{
	width:108px;  
	height:51px;
	background-image:url(../images/footer/purple.gif);
	position:absolute;
	display:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

#imagesFooter .cal_pourpre div{
    margin-top:4px;
}

#descFooter{
	margin-top:20px;
	margin-bottom:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c1ab99;
}
#descFooter a {
color:#C1AB99;
}

/********FIN Styles pour footer*******/

/****Styles pour le fil ariane********/
.filAriane, #contenuPrincipalCommande .filAriane{
background-color: #a6cccf;
padding-bottom:0px;
width:722px;
height:20px;
margin:auto;
margin-top:1px;

}

.filAriane .descFilariane{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-top:0px;
width:720px;
height:20px;
}

.descFilariane .textFilariane{
top:3px;
position:relative;
padding-left: 10px;
padding-right: 8px;
font-weight:bold;
}

.descFilariane .blocFilariane{
float:left;
height:20px;
position:relative;
color:#115F68;
}

.descFilariane .blocFilarianeLast{
height:20px;
position:relative;
overflow:hidden;
color:#115F68;
}

.descFilariane .separatorFilariane{
float:left;
height:20px;
position:relative;
margin-bottom:-2px;
}

.descFilariane .blocFilariane:hover{
float:left;
height:20px;
position:relative;
background-color: #519DA3;
color:#FFFFFF;
}

.descFilariane .blocFilarianeLast:hover{
height:20px;
position:relative;
background-color: #519DA3;
overflow:hidden;
color:#FFFFFF;
left:-3px;
margin-right:-5px;
}

.descFilariane a{
text-decoration:none;
color:#115F68;
}

.descFilariane a:hover{
text-decoration:none;
color:#FFFFFF;
}


/****************Visu Produit************/

#choixSaison{
	position:relative;
	margin-top:12px;
	margin-left:0px;
}


.choixSaisonContenu{
   width:780px;
   padding-top:5px;
   padding-bottom:8px;
   border-top:1px solid #c1ab99;
}

.choixSaisonContenu2{
padding-left:15px;
border:none;
position:relative;
float:left;
width:709px;
margin-bottom:30px;
}

.choixSaisonContenuHaut{
padding-left:0px;
padding-top:10px;
background:none;
}

.lastBlock .choixSaisonContenu2{
background:none;
}

.blocBeige .descBeige, .blocBeige2 .descBeige2{
   padding:3px 3px 3px 3px;
}

.texteBarre{
  text-decoration:line-through;
}

.blocDroite .degre{
   padding-top:110px;
}

.blocDroite .separator{
   background:url(../images/home/separator2.gif) no-repeat ;
}


/******************Message Erreur********/
#messageErreur{
background-color:#CDE6D0;
position:relative;
width:704px;
margin-top:20px;
margin-bottom:20px;
padding-bottom:10px;
float:left;
height:auto;
left:10px;
}

#contenuErreur{
background-color:#B8DBBB;
float:left;
position:relative;
width:684px;
height:auto;
left:10px;
margin-top:10px;
padding-bottom:10px;
padding-top:5px;
}

#messageErreurPopup{
background-color:#CDE6D0;
position:relative;
width:410px;
height:inherit;
left:10px;
right:10px;
float:left;
margin-top:10px;
}

#contenuMsgErreur{
background-color:#B8DBBB;
float:left;
height:auto;
left:10px;
margin-top:10px;
margin-bottom:10px;
padding-bottom:10px;
padding-top:10px;
position:relative;
width:390px;
}

#mediaErreur{
position:relative;
width:58px;
height:auto;
float:left;
padding-left:10px;
margin-top:5px;
margin-bottom:5px;
}

.descErreur{
position:relative;
float:right;
color:#2b5767;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:610px;
height:auto;
}

.detailStack{
width:590px;
position:relative;
float:left;
}

.descErreurPopup .detailStack{
position:relative;
float:left;
width:280px;
color:#2B5767;
}

#ligneStack, #ligneStackPopup{
padding-bottom:2px;
}

#ligneStack .textStack, #ligneStackPopup .textStack{
font-size:10px;
font-weight:bold;
color:#2b5767;
padding-left:15px;
}

#ligneStack .textStack ul, #ligneStackPopup .textStack ul{
list-style:none;
}

#ligneStack .puceStack, #ligneStackPopup .puceStack{
background:url(../images/espace_client/picto-bleu.jpg) no-repeat center;
float:left;
position:relative;
height:10px;
width:10px;
}

.descErreurPopup{
position:relative;
color:#684324;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:20px;
width:300px;
margin-top:5px;
float:left;
margin-bottom:5px;
}

.descErreurPopup ul li{
background:url(../images/espace_client/picto-bleu.jpg) no-repeat left;
list-style:none;
position:relative;
padding-left:5px;
}

.descErreurPopup ul li span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
position:relative;
top:5px;
color:#684324;
padding-left:10px;
}

.descErreur .TxtGros, .descErreurPopup .TxtGros{
font-size:16px;
font-weight:bold;
position:relative;
float:left;
color:#498293;
width:150px;
height:auto;
margin-bottom:5px;
}

/**** Fin Message erreur ****/


/************** STYLE POUR LA TDG ******************/

#Selection{
position:relative;
float:left;
width:724px;
height:auto;
background-color:#CFE2E5;
margin-top:10px;
}

#Selection #MainUp{
position:relative;
float:left;
width:708px;
height:36px;
padding-top:5px;
padding-left:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#537880;
background:url(../images/tdg/entete.gif) no-repeat;
}

#Selection #MainDown{
position:relative;
float:left;
width:709px;
padding-top:10px;
padding-left:15px;
}

#BlocProduit{
position:relative;
width:163px;
height:auto;
float:left;
padding-right:14px;
padding-bottom:30px;
}

#BlocProduit .imageProduit {
position:relative;
float:left;
width:150px;
height:155px;
}

#BlocProduit .imageProduit img {
position:relative;
float:left;
width:151px;
height:151px;
border:1px solid #2b5767;
}

#BlocProduit .imageProduit img:hover {
border:2px solid #2b5767;
position:relative;
float:left;
width:149px;
height:149px;
}

#BlocProduit .TxtVert{
color:#115F68;
font-family:Arial;
font-size:11px;
font-weight:bold;
height:56px;
position:relative;
text-align:left;
width:160px;
float:left;
left:2px;
padding-bottom:5px;
background:url(../images/commun/TraitsSep.jpg) bottom left no-repeat;
}

#BlocProduit .TxtVert2{
color:#115F68;
height:auto;
position:relative;
text-align:left;
width:160px;
float:left;
left:2px;
background:url(../images/commun/TraitsSep.jpg) bottom left no-repeat;
padding-bottom:2px;
}

#BlocProduit .TxtVert a{
text-decoration:none;
color:#115F68;
}

#BlocProduit .TxtVert a:hover{
text-decoration:underline;
color:#115F68;
}

#BlocProduit .PartirDe{
position:relative;
float:left;
width:54px;
height:34px;
color:#115F68;
}

#BlocProduit .AuLieuDe{
position:relative;
float:left;
width:54px;
height:auto;
color:#115F68;
left:10px;
}

#BlocProduit .TxtPrixVert{
color:#115F68;
font-family:Arial;
font-size:16px;
font-weight:bold;
height:auto;
position:relative;
text-align:left;
width:54px;
float:left;
text-decoration:none;
}

#BlocProduit .TxtPrixVert a{
text-decoration:none;
color:#115F68;
}

#BlocProduit .TxtPrixVert a:hover{
text-decoration:underline;
color:#115F68;
}


#BlocProduit .TxtVertPtt{
color:#115F68;
font-family:Arial;
font-size:11px;
height:auto;
position:relative;
text-align:left;
width:50px;
float:left;
left:2px;
text-decoration:none;
}

#BlocProduit .TxtVertPtt a{
text-decoration:none;
color:#115F68;
}

#BlocProduit .TxtVertPtt a:hover{
text-decoration:underline;
color:#115F68;
}

#BlocProduit .TraitSepHaut{
float:left;
height:3px;
position:relative;
width:151px;
padding:0pt;
margin:0pt;
overflow:hidden;
}

#BlocProduit .TraitSepBas{
float:left;
height:3px;
position:relative;
width:150px;
padding:0pt;
margin:0pt;
overflow:hidden;
}

#BlocProduit .Reduction{
position:relative;
width:40px;
height:35px;
padding-top:4px;
float:right;
}

/**************Fin Sous vetement**************/

/*************Chaussure*******************/
.blocSousvetement .blocGchChaussure{
width:260px;
float:left;
}

/*********PAP02*******/

#MainDown1{
position:relative;
float:left;
padding-top:10px;
padding-left:15px;
padding-bottom:15px;
width:709px;
height:auto;
}

#MainDownLeft1{
position:relative;
float:left;
padding-right:25px;
}

#MainUp1{
position:relative;
float:left;
height:auto;
width:364px;
}

/************* FIN STYLE POUR TDG ******************/

/********** FIN STYLE POUR LA ZONE MENU MODE *********/

.Style1{
color: #3A7B82;
}

.Style4 {
	color: #2E5568;
	font-size: 10px;
}

.Style6 {color: #2B5868}
	
#menuGauche .bloc{
width:152px;
background:url(../images/menu_gch/dot.gif) repeat-x bottom;
padding:3px 8px 3px 8px;
}

#menuGauche .bloc .txt{
width:115px;
}

#menuGauche .bloc div a{
text-decoration:none;
/*line-height:11px;*/
}

#menuGauche .bloc div a:hover{
text-decoration:underline;
}

#menuGauche .bloc div.icone{
width:37px;
text-align:left;
}

.bloc{
  width:195px;
  float:left;
}

#cgo{
color:#86B6BD;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
letter-spacing:-1px;
text-decoration:none;
width:auto;
}

#cgo:hover{
text-decoration:underline;
}