@charset "utf-8";

/* ######## MISE EN PAGE ######## */
/* Conteneur page */
#conteneur_page {
	position: relative;
	width: 950px;
	border: 0px solid #000000;
	margin: 0 auto;
	padding-top: 198px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
/* Conteneur case centrale */
#conteneur_centre {
	width: 950px;
	border: 0px solid #000000;
	margin: 0 auto;
	padding: 0;
    background-image: url(/images/fond_conteneur_centre.jpg);
    background-repeat: repeat-y;
}
/* Conteneur background case centrale */
#conteneur_bg {
	border: 0;
	margin: 0;
	padding: 0;
    background-image:url(/images/footer/fond3.jpg);
	background-repeat: no-repeat;
	background-position: 3px bottom;
}
/* Colonne de gauche */
#case_gauche {
	position: relative;
	width: 733px;
	float: left;
	border: 0px solid #000000;
	margin: 0;
	padding: 0;
}
/* Colonne de droite */
#case_droite {
	width: 217px;
	float: right;
	border: 0px solid #000000;
	margin: 0;
	padding: 5px 0 0 0;
}
/* Case du header */
#case_header {
	position: absolute;
	width: 950px;
	height: 198px;
	top: 0px;
	left: 0px;
	border: 0px solid #000000;
	margin: 0 auto;
	padding: 0;
	z-index: 99;
}
/* Case du footer */
#case_footer {
	clear: both;
	width: 950px;
	height: 80px;
	border: 0px solid #000000;
	margin: 0 auto;
	padding: 0;
	background-color: #f0ede8;
	/*position: relative;*/
}
/* Pour <div> sortant des 'float' */
.clear_both {
	clear: both;
	height: 0px;
	border: 0;
	margin: 0;
	padding: 0;
}
/* Conteneurs popup "Patienter" */
#patientez_popup	{
	width: 355px;
	text-align: center;
   	padding: 30px;
	margin:10px 15px 18px 15px;
	border: 4px solid #F93;
	background-color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	color: #C60;
	font-size:14px;
	font-weight:bold;
}
/* Conteneurs popup "Message" */
#message_popup_div	{
	background-color:#eeeeee;
	width:375px;
	font-family: Verdana, Geneva, sans-serif;
	color: #039;
	font-size: 14px;
	padding: 20px;
    margin:10px 15px 18px 15px;
	text-align: center;
	cursor: pointer;
	border: #36C solid 5px;
}
/* Init popups */
#PoppatientID, #PopOnloadID	{
	display:none;
}

/* ######## HEADER ######## */
/* Conteneur pricipal */
#HdCtPr {
	position: relative;
	width: 950px;
	height: 198px;
	border: 0px solid #000000;
	margin: 0 auto;
	padding: 0;
}
/* Conteneur du login en cours */
#HdCtLo {
	position: absolute;
	left: 487px;
	top: 16px;
	width: 444px;
	height: 17px;
	margin: 0;
	z-index: 1;
	text-align: right;
}
/* Conteneur du menu espace membre */
#HdMnEm {
	position: absolute;
	left: 725px;
	top: 30px;
	width: 225px;
	height: 17px;
	margin: 0;
	z-index: 100;
	text-align: center;
}
/* Conteneur du logo */
#HdCtLg {
	position: absolute;
	left: 20px;
	top: 6px;
	width: 377px;
	height: 60px;
	margin: 0;
	z-index: 1;
}
/* Conteneur du Fil d'Ariane */
#HdFiAr {
	position: absolute;
	left: 21px;
	top: 147px;
	width: 725px;
	height: 17px;
	margin: 0;
	overflow:hidden;
	z-index: 1;
}
/* Conteneur de la bannière */
#HdCtBa {
	position: absolute;
	left: 269px;
	top: 80px;
	width: 468px;
	height: 60px;
	margin: 0;
	z-index: 5;
}
/* Conteneur du ID du membre à administrer */
#HdIdMb {
	position: absolute;
	left: -80px;
	top: 66px;
	width: 320px;
	margin: 0;
	padding:5px 8px 5px 8px;
	z-index: 50;
	background-color:#FC0;
	border:#C00 3px dashed;
}
/* Conteneur du titre des actus */
#HdCtTa {
	position: absolute;
	left: 765px;
	top: 49px;
	margin: 0;
	padding:0 3px;
	z-index: 1;
	text-align: center;
	border: 1px solid #cad2db;
}
/* Conteneur des actus défilantes */
#HdCtAc {
	position: absolute;
	left: 760px;
	top: 68px;
	width: 160px;
	height: 97px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 1;
}
/* Conteneur de chaque actu défilantes */
.HdMsAc {
	display: none;
	border: 0;
	margin: 0;
	padding: 0;
}
/* Utilisé pour le texte des news défilantes */
.HdTxAc, .HdTxAc a:link, .HdTxAc a:visited {
	font-family: Verdana, Arial, sans-serif;
	font-size: 7pt;
	text-decoration: none;
	color: #003366;
}
.HdTxAc a:hover, .HdTxAc a:active {
	color: #CA000C;
    text-decoration: underline;
}
.HdLgAc {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #BBB;
	font-style:italic;
}

/* Conteneur de la date */
#HdCtDt {
	position: absolute;
	left: 572px;
	top: 62px;
	width: 183px;
	height: 16px;
	margin: 0;
	z-index: 1;
	text-align: center;
}
/* Conteneur réseaux sociaux */
#HdCtTw{position:absolute;left:440px;top:0px;width:255px;height:21px;margin:0;z-index:2;}
#HdCtFb{position:absolute;left:450px;top:23px;width:110px;height:22px;margin:0;z-index:2;}
#HdCtGp{position:absolute;left:585px;top:23px;width:90px;height:22px;margin:0;z-index:2;}
#HdCtRs{position:absolute;left:935px;top:70px;width:24px;height:53px;margin:0;z-index:2;}
/* Conteneur du menu */
#HdCtMn {
	position: absolute;
	left: 7px;
	top: 170px;
	width: 933px;
	height: 28px; /* 18 */
	margin: 0;
	z-index: 99;
}
/* Police générale du header */
.HdClMa {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #000000;
}
/* Classe du menu principal & menu espace membre */
.HdClEm {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}
.HdClEm a:link, .HdClEm a:visited {
	color: #003366;
}
.HdClEm a:hover, .HdClEm a:active {
	color: #CC0000;
}
/* Classe Titre des actualités */
.HdClTa {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-variant:small-caps;
	color: #000000;
	background-color:#F7F7F7;
}
/* Navigation Fil d'Ariane */
.HdClFa {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #000000;
	font-style: italic;
}
.HdClFa a:link, .HdClFa a:visited {
	color: #003366;
}
.HdClFa a:hover, .HdClFa a:active {
	color: #CC0000;
}
/* Classe Nom du Login connecté */
.HdClLo {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #FF6600;
	font-weight: bold;
}

/* Gestion du Menu principal */
/* Menu principal. Affichage horizontal, sans puces, <li> alignés horizontalement (float). */
#HdMnPr {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}
#HdMnPr li {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}
#HdMnPr a { /* Ajout DGU pour Bug espacement vertical LI sur IE7 !!! */
	height: 20px; /* 1% */
}
/* Afficher les sous-menus sur survole des <li> */
#HdMnPr li:hover > .HdSmPr {
	display: block;
}
/* Garder le menu principal en surbrillance sur survole des sous-menus + Ajout flèche vers le bas <li> */
#HdMnPr li:hover > a {
	background-color: #FFA428;
}
#HdMnPr li.HdMnFl:hover > a {
	background-image:url(/images/icones/fleche_red_bas.png);
	background-position: 3px 22px;
	background-repeat:no-repeat;
}
/* Sous-menus. Affichage sans puces des <ul>. Annuler l'alignement horizontal hérité des <li> parents (float: none). */
#HdMnPr .HdSmPr {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	display: none; /* Masque les sous-menus */
}
#HdMnPr .HdSmPr li {
	float: none;
	padding: 0;
	border-top: 1px solid #2b6e8d;
	border-right: 1px solid #2b6e8d;
	border-left: 1px solid #2b6e8d;
	border-bottom: 0;
}
/* Bordure inférieure dernier sous-menus. */
#HdMnPr .HdSmPr li.HdSmDn {
	border-bottom: 1px solid #2b6e8d;
}
/* Liens du menu principal. Eléments <a> de type inline par défaut à type block (display: block;) pour 'occuper' la largeur compléte */
#HdMnPr li a:link, #HdMnPr li a:visited {
	display: block;
	margin: 0;
	padding: 4px 0px; /* ORI padding: 4px 8px; */
	border-right: 0px solid #ffffff;
	text-decoration: none;
}
#HdMnPr li a:hover, #HdMnPr li a:active {
	background-color: #FFA428;
}
/* Liens du menu principal. Bordure poitillée gauche. */
#HdMn02 a, #HdMn03 a, #HdMn04 a, #HdMn05 a, #HdMn06 a, #HdMn07 a, #HdMn08 a {
	border-left:#999 1px dotted;
}
/* Liens des sous-menu. Eléments <a> de type inline par défaut à type block (display: block;) pour 'occuper' la largeur complète. */
#HdMnPr .HdSmPr li a:link, #HdMnPr .HdSmPr li a:visited {
	display: block;
	color: #FFFFFF;
	margin: 0;
	border: 0;
	padding-left: 20px;
	text-decoration: none;
	background-color: #3d81a0;
	filter:alpha(opacity=95); /* Opacité */
	-moz-opacity: 0.95;
	opacity: 0.95;
	text-align: left;
}
#HdMnPr .HdSmPr li a:hover {
	background-image:url(/images/icones/fleche_red_right.png);
	background-position:6px 9px;
	background-repeat:no-repeat;
	background-color: #FFA428;
	filter:alpha(opacity=100); /* Opacité */
	-moz-opacity: 1.00;
	opacity: 1.00;
	color: #CC0000;
}
/* Icone Home */
#HdMn01 img { margin-top: -2px; }
/* Largeur des menus (933 maxi en tout) */
#HdMn01 { width: 54px; }
#HdMn02 { width: 95px; }
#HdMn03 { width: 169px; }
#HdMn04 { width: 170px; }
#HdMn05 { width: 94px; }
#HdMn06 { width: 120px; }
#HdMn07 { width: 97px; }
#HdMn08 { width: 134px; }
/* Largeurs et marges des sous-menus */
#HdMn02 .HdSmPr li { width: 255px; margin: 0 0 0 -30px; }
#HdMn03 .HdSmPr li { width: 330px; margin: 0 0 0 -30px; }
#HdMn04 .HdSmPr li { width: 210px; margin: 0 0 0 -30px; }
#HdMn05 .HdSmPr li { width: 330px; margin: 0 0 0 -30px; }
#HdMn06 .HdSmPr li { width: 290px; margin: 0 0 0 -30px; }
#HdMn07 .HdSmPr li { width: 330px; margin: 0 0 0 -30px; }
#HdMn08 .HdSmPr li { width: 330px; margin: 0 0 0 -30px; }

/* Liste Menu Espace Membre */
#HdLiEm { /* Liste principale. */
	list-style-type: none;
	margin: 0;
	padding: 0;
   }
#HdLiEm ul { /* Sous menu */
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 5px 5px 6px 5px;
   }
#HdLiEm > li { /* Conteneur */
	float: left;
	width: 220px;
	border-width: 0px;
	border-style: solid;
	border-color: #CFF;
	margin: 1px;
	padding: 0 5px 5px 5px;
	height: 10px;
	overflow: hidden;
   }
#HdLiEm > li:hover {
	height: auto;
	margin: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #F90;
	background-color: #F9FAF2;
   }
#HdLiEm ul li { /* Liste Sous menu */
	padding: 0 0 10px 0;
	margin: 0;
}

/* ######## COLONNE DROITE ######## */
/* Titres des boxes */
.titre_boxe {
	position:relative;
	bottom:-2px;
	display:inline;
	border: 1px solid #cad2db;
	margin: 0 0 0 6px;
	padding:0 3px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size:11px;
	font-weight:bold;
	background-color:#FFF4DD;
	z-index:2;
}
.titre_boxe a:link, .titre_boxe a:visited {
	color: #006699;
}
.titre_boxe a:hover, .titre_boxe a:active {
	color: #CC0000;
}

/* Cadre conteneur de la boxe */
.conteneur_boxe {
	position:relative;
	bottom:4px;
	right:4px;
	width:203px;
	border:1px solid #cad2db;
	margin:0 0 5px 0;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	overflow:hidden;
	background-color:#F7F8ED;
	z-index:1;
} 

/* Cadre ombre de la boxe */
.ombre_boxe {
	width:211px;
	background: url(/images/boxes_colonnes/ombre.png) no-repeat bottom right;
	margin:0 0 0 4px;
	padding: 0px;
  }

/* Texte des boxes */
.texte_boxe {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
}
.texte_boxe a:link, .texte_boxe a:visited {
	color: #006699;
}
.texte_boxe a:hover, .texte_boxe a:active {
	color: #CC0000;
}

/* Cadre conteneur Adsense vertical */
#conteneur_adsense_vert {
	width: 210px;
	border:0;
	margin:0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
	text-align:center;
} 

/* ######## STYLESHEET ######## */
/*.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } */
BODY {
  margin: 0;
  background-color: #b0d0e9;
  background-image: url(../images/bandeau_haut/new_09_2011/fond.jpg);
  background-repeat: no-repeat;
  background-position: top;
}
A {
  text-decoration: none;
}
A:hover {
  text-decoration: underline;
}
/* Alignement vertical centré des images */
.images {
	vertical-align: middle;
	border: 0;
}
/* Alignement horizontal centré */
.align_center {
	text-align: center;
	display: block;
}
/* Alignement horizontal à droite */
.align_right {
	text-align: right;
	display: block;
}

/* Polices validées */
/********************/
.TebMain { /* Textes généraux */
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 15px;
}
.TebMain a:link, .TebMain a:visited {
	color: #006699;
}
.TebMain a:hover, .TebMain a:active {
	color: #CC0000;
	text-decoration: underline;
}
.TebLegendes { /* Légendes */
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: normal;
	font-style: italic;
}
.TebLegendes a:link, .TebLegendes a:visited {
	color: #006699;
}
.TebLegendes a:hover, .TebLegendes a:active {
	color: #CC0000;
	text-decoration: underline;
}
.TebPageActive { /* Page active de la ligne de pagination */
	color: #000;
	text-align: justify;
	border-color: #9DB8FF;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
	background-color: #D8E4F1;
}
.TebMessageErreur { /* Messages d'erreur */
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #F00;
	color: #FFF;
}
.TebMessageErreur a:link, .TebMessageErreur a:visited {
	color: #9FF;
	text-decoration: underline;
}
.TebMessageErreur a:hover, .TebMessageErreur a:active {
	color: #FF9;
	text-decoration: underline;
}
/* Boutons divers */
a.TEBbp{
	background-color: #FEDE9C;
	background-repeat:no-repeat;
	background-position:12px 8px;
	border:#C0C0C0 thin solid;
	font-weight:bold;
	color:#555555;
	margin: 0 0 0 60px;
	text-decoration:none;
	-moz-border-radius:7px;
	-webk=it-border-radius:7px;
	border-radius:7px;
}
a:hover.TEBbp{
    background-color:#FFA428;
    color:#C00;
}
.TEBbpNoIcon{
	padding: 8px 12px 8px 12px;
}
.TEBbpOK{
	padding: 8px 12px 8px 40px;
    background:url(/images/_dev/boutons/bpteb_ok.png);
}
.TEBbpannul{
	padding: 8px 12px 8px 40px;
    background:url(/images/_dev/boutons/bpteb_annule.png);
}
/* DGU - Titre et Texte des boxes (colonnes) */
/*********************************************/
TD.infoBoxHeading, A.infoBoxHeading { /* Titres */
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
    color: #000000;
	text-align: center;
	background-image: url(../images/boxes_colonnes/boxes_haut.jpg);
}
A.infoBoxHeading:hover {
	color: #CC0000;
}
TD.infoBoxContents, A.infoBoxContents { /* Textes en général */
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
	background-image: url(../images/boxes_colonnes/boxes_fond.jpg);
}
A.infoBoxContents:hover {
	color: #CC0000;
}
/* DGU - Polices générales au site */
/***********************************/
TD.main, P.main, DIV.main, A.main, .main { /* Texte en général */
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
}
A.main { /* Texte en général */
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #0033CC;
}
A.main:hover { /* Texte en général */
	color: #CC0000;
	text-decoration: underline;
}
TD.main_gras, P.main_gras, DIV.main_gras { /* Texte à mettre en valeur */
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;  /*line-height: 1.5;*/
	color: #333333;
}
TD.main_gras_souligne, P.main_gras_souligne, DIV.main_gras_souligne { /* Texte à mettre en valeur souligné */
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;  /*line-height: 1.5;*/
	color: #333333;
	text-decoration: underline;
}
TD.smallText, SPAN.smallText, P.smallText { /* Petits textes */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
P.Legendes, DIV.Legendes, .Legendes { /* Textes d'explication et des légendes */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-style: italic;
}
A.Legendes { /* Texte en général */
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #0033CC;
	font-style: italic;
}
A.Legendes:hover { /* Texte en général */
	color: #CC0000;
	text-decoration: underline;
}
/* Utilisé pour le titre dans les barres colorées */
DIV.titre_barres_couleur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #000000;
}
/* Utilisé pour les titres hors balise <Hx> */
.titres_main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000000;
}

/* Les 'productListing' sont utilisés pour la liste des produits (panier) */
TABLE.productListing { /* Tableau */
	border: 1px;
	border-style: solid;
	border-color: #6699CC;
}
.stockWarning { /* Utilisé pour la phrase de hors stock */
 font-family : Verdana, Arial, sans-serif;
 font-size : 10px;
 color: #cc0033; 
}

/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* ######## FOOTER ######## */
/* Conteneur des rubriques */
#FooterRubriques {
	width: 115px;
	float: left;
	border: 0;
	margin: 0;
	padding: 5px;
	text-align: right;
}
/* Conteneur des liens */
#FooterLiens {
	width: 815px;
	float: left;
	border: 0;
	margin: 0;
	padding: 5px;
	text-align: center;
}
/* Conteneur des liens */
#FooterCopyright {
	width: 940px;
	clear: both;
	border: 0;
	margin: 0;
	padding: 5px;
	text-align: center;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top:1px solid #cad2db;
}

/* Police générale */
.FooterMain {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #333333;
}
.FooterMain a:link, .FooterMain a:visited {
	color: #000099;
}
.FooterMain a:hover, .FooterMain a:active {
	color: #CC0000;
}
/* Police rubriques */
.FooterRubriques {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #333333;
}
.FooterRubriques a:link, .FooterRubriques a:visited {
	color: #000099;
}
.FooterRubriques a:hover, .FooterRubriques a:active {
	color: #CC0000;
}
/* ######## HIGHSLIDE ######## */
/* hs.wrapperClassName = 'no-close' */
.no-close .highslide-header .highslide-move * {
	display: none;
}
.no-close .highslide-header .highslide-close {
	display: none;
}
.fermer_fen {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(/images/_dev/fermer.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}