body,td,th {
	font-size: 11px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background-color: #DEE5F1;
	background-image: url(../imgs/common/divers/fond_page.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
	font-size: 11px;
	color: #4B75B0;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #4B75B0;
}
a:hover {
	text-decoration: underline;
	color: #4B75B0;
}
a:active {
	text-decoration: none;
	color: #4B75B0;
}


/* Styles de lien différent */

/* Celui utilisé par exemple dans les mini-vignettes */
a.lien2:link, a.lien2:visited {
	color: #666666;
	text-decoration:none;
	font-size: 11px;
}
a.lien2:hover, a.lien2:active {
	color: #4B75B0;
	text-decoration:none;
	font-size: 11px;
}

/* Celui utilisé par exemple pour les [?] (sans soulignement) */
a.lien3:link, a.lien3:visited, a.lien3:hover, a.lien3:active {
	color: #4B75B0;
	text-decoration:none;
	font-size: 11px;
}



/* Le jaune utilisé dans le conseiller virtuel */
a.lien4:link, a.lien4:visited, .lien4 {
	color: #F0AE00;
	text-decoration:none;
	font-size: 10px;
}
a.lien4:hover, a.lien4:active {
	color: #F0AE00;
	text-decoration:underline;
	font-size: 10px;
}

















/* Styles de la structure principale */
div.fdColDroite {
	height: 100%;
	background-image: url(../imgs/common/divers/fd_col_droite.gif);
 	background-position: right;
	background-repeat: repeat-y;
}


a.lienHaut:link, a.lienHaut:visited {
	text-decoration: none;
	color: #666666;
}
a.lienHaut:hover, a.lienHaut:active {
	text-decoration: none;
	color: #4B75B0;
}


.banbas {
	COLOR: #666666;
	FONT-SIZE: 11px;
}
a.banbas:link, a.banbas:visited {
	COLOR: #666666;
	FONT-SIZE: 11px;
	text-decoration : none;	
}
a.banbas:active, a.banbas:hover {
	COLOR: #4B75B0;
	FONT-SIZE: 11px;
	text-decoration : none;
}
.marges {
	margin-left: 6px;
	margin-right: 6px;
}
.margesDevant {
	margin-left: 6px;
}
.mini {
	FONT-SIZE: 1px;
}
































/* ********************************************************************************* */
/* Tout se qui va dans les composants à gauche et à droite */
/* ********************************************************************************* */



/* Liste de liens */
.lienComp, .lienCompImp {
	background-image:url(../imgs/common/puce1.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left:1.1em; 
	line-height: 1.5em;
}
a.lienComp:link, a.lienComp:visited {
	color: #666666;
	text-decoration:none;
	font-size: 11px;
}
a.lienComp:hover, a.lienComp:active, a.lienCompImp, a.lienCompImp:link, a.lienCompImp:visited, a.lienCompImp:hover, a.lienCompImp:active {
	color: #4B75B0;
	text-decoration:none;
	font-size: 11px;
}


/* Liste de liens des sous rubriques à gauche */
div.lienRubGauche {
	background-image:url(../imgs/common/puce1.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 1.1em; 
	padding-bottom: 0.5em; 
}
div.lienRubGauche a:link, div.lienRubGauche a:visited {
	color: #666666;
	text-decoration:none;
	font-size: 11px;
}
div.lienRubGauche a:hover, div.lienRubGauche a:active {
	color: #4B75B0;
	text-decoration:none;
	font-size: 11px;
}

div.lienRubGauche2 {
	background-image:url(../imgs/common/puce2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 2.3em; 
	padding-bottom: 0.3em; 
}
div.lienRubGauche2 a:link, div.lienRubGauche2 a:visited {
	color: #4B75B0;
	text-decoration:none;
	font-size: 11px;
}
div.lienRubGauche2 a:hover, div.lienRubGauche2 a:active {
	color: #4B75B0;
	text-decoration:none;
	font-size: 11px;
}


/* Cadre autour du nom dans votre espace */
.nomComp {
border: 1px solid #D9D8D8;
background-color: #FFFFFF;
color: #4B75B0;
padding-top: 1px; padding-bottom: 1px;
padding-left: 3px; padding-right: 3px;
margin-left: 1px; margin-right: 1px;
margin-top: -1px; margin-bottom: 4px;
}




/* Cellule qui accueille le contenu */
.contenuComp {
background-image:url(../prod/composants/fond.gif); 
background-position:top right; 
background-repeat: no-repeat; 
padding-top: 0.7em;
padding-left: 0.7em;
padding-right: 0.7em;
padding-bottom: 0.4em;
}



/* Espace bleu où s'affiche le contenu du caddie */
table.tableCaddie {
	border: 1px solid #4B75B0; 
}
td.tableCaddie{
	border: 1px solid #A6BBD7; 
	background-image: url(../prod/composants/cadd_fd_bleu.gif); 
	background-position: bottom; 
	background-repeat: repeat-x;
	background-color: #96B2D3;
}
.caddieVide {
	COLOR: #FFFFFF;
	FONT-SIZE: 11px;
	font-weight: bold;
}
.caddiePlein {
	COLOR: #FFFFFF;
	FONT-SIZE: 9px;
}
.caddiePleinLabel {
	COLOR: #FFFFFF;
	FONT-SIZE: 11px;
	font-weight: bold;
}

.caddiePlein a, .caddiePlein a:link, .caddiePlein a:visited, .caddiePlein a:hover, .caddiePlein a:active {
	COLOR: #FFFFFF;
	FONT-SIZE: 9px;
	text-decoration: none;
}





/* Vignettes des espace marketing */
.prixComp {
	COLOR: #DF0909;
	FONT-SIZE: 11px;
	font-weight: bold;
	text-align: right;
}





/* Formulaire de recherche */
input.recherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width:100px; height:20px;
	border: 1px solid #C6C6C6;
}
select.recherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width:155px;
}
select.selectCV {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width:180px;
}

/* ********************************************************************************* */










/* ********************************************************************************* */
/* Tout se qui va dans la colonne centrale */
/* ********************************************************************************* */




/* Breadcrumbs */
.breadcrumbs {
	background-image:url(../imgs/COMMON/pages/puce1.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-top: 0.7em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}

a.siteMapCat {
	background-image:url(../imgs/COMMON/pages/puce1.gif);
	background-position: left;
	background-repeat: no-repeat;
	Color:#666666;
	margin : 0;
	padding : 0;	
	padding-left: 1em;	
	font-size: 11px;		
}

a.siteMapCat:visited
{
	color:#666666;
}

/* Rubriques affichées en centrale */
div.titreRub, a.titreRub, a.titreRub:link, a.titreRub:visited {
	COLOR: #4B75B0;
	FONT-SIZE: 11px;
	text-transform:	uppercase;
	text-decoration : underline;
	font-weight: bold;
	padding-bottom: 0.4em;
}
a.titreRub:active, a.titreRub:hover {
	COLOR: #4B75B0;
	FONT-SIZE: 11px;
	text-transform:	uppercase;
	text-decoration : underline;
	font-weight: bold;
	padding-bottom: 0.4em;
}

a.lienRub, a.lienRub:link, a.lienRub:visited {
	COLOR: #666666;
	FONT-SIZE: 11px;
	text-decoration : none;
}
a.lienRub:active, a.lienRub:hover {
	COLOR: #666666;
	FONT-SIZE: 11px;
	text-decoration : underline;
}




/* Style des Editoriaux */
.titreEdito {
	background-image:url(../imgs/COMMON/pages/puce4.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left:1.5em;
	color: #4B75B0;
	font-size:13px;
	font-weight: bold;
	text-align: left;
	padding-top: 0.5em;
	padding-bottom: 1em;
}
.sousTitre, a.sousTitre {
	background-image:url(../imgs/COMMON/pages/puce5.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left:1em;
	color: #4B75B0;
	font-size:11px;
}
.sousTitre2 {
	COLOR: #4B75B0;
	font-size:12px;
	padding-bottom: 0.3em;
}
.sousTitre3, a.sousTitre3 {
	background-image:url(../imgs/COMMON/pages/puce5.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left:1em;
	color: #4B75B0;
	font-size:12px;
	padding-bottom: 0.2em;
}
.sousTitre4, a.sousTitre4 {
	background-image:url(../imgs/common/puce1.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left:1em;
	color: #F0AE00;
	font-size:12px;
}


.txtImportant {
	COLOR: #4B75B0;
}
.txtRouge {
	COLOR: #DE0E0E;
}
.txtOrange {
	COLOR: #F0AE00;
}
.txtLegende {
	font-size: 10px;
}
.erreur {
	COLOR: #DE0E0E;
	font-size: 12px;
	font-weight: bold;
	background-image:url(../imgs/COMMON/divers/panneau_erreur.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 0.8em;
	padding-left: 2.3em;
}
.ok {
	COLOR: #089C08;
	font-size: 12px;
	font-weight: bold;
	background-image:url(../imgs/COMMON/divers/panneau_ok.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 0.8em;
	padding-left: 2.3em;
}




/* Style des Formulaires */

table.tableForm {
	border: 1px solid #C7C7C7;
}
table.tableFormJaune {
	border: 1px solid #FEE193;
}

table.tableForm th {
	background-color: #9DB6D5;
	color: white;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	text-align: center;
}
table.tableForm td.th2 {
	background-color: #E0E9F3;
	color: #4B75B0;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	text-align: left;
	padding-left:5px;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px; 
	margin: 0px;	
	height:20px;
}

label, .label {
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}
.label2 {
	font-weight: normal;
}
.labelBleu {
	color: #4B75B0;
	font-size: 11px;
	font-weight: bold;
}
.inputTxt {
	border: 1px solid #C7C7C7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width:250px; height:20px;
	padding-left:3px;
}
/* champs sans largeur définie */
.inputTxtVar {
	border: 1px solid #C7C7C7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height:20px;
	padding-left:3px;
}
.inputTxtBleu {
	border: 1px solid #9DB6D5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width:250px; height:20px;
	padding-left:3px;
}
/* champs plus petit */
.inputTxt2 {
	border: 1px solid #C7C7C7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width:50px; height:20px;
	padding-left:3px;
}
/* champs non modifiable */
.inputTxtFixe {
	border: 1px solid #C7C7C7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B7B7B7;
	width:250px; height:20px;
	padding-left:3px;
	background-color: #F7F7F7;
}
.asterisque {
	COLOR: #DE0E0E;
	font-size:12px;
	padding-left:2px;
}
.textareaTxt {
	border: 0px solid #C7C7C7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width:100%;
}
.textareaTxt2 {
	border: 1px solid #C7C7C7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width:250px;
}








/* ********************************************************************************* */










/* ********************************************************************************* */
/* Les vignettes */
/* ********************************************************************************* */




/* Vignettes Promos + coups de coeur + meilleures ventes en homepage et en début de catégories */

.titrePromo, a.titrePromo {
	COLOR: #4B75B0;
	FONT-SIZE: 11px;
	text-align: left;
	padding-top: 0.4em;
	padding-bottom: 0.3em;
}
.prixPromo {
	COLOR: #DF0909;
	FONT-SIZE: 17px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding-left: 0.3em;
	white-space: nowrap;
}
.prixBarrePromo {
	COLOR: #3F63A2;
	FONT-SIZE: 12px;
	font-weight: bold;
	text-decoration:line-through;
	text-align: left;
	white-space: nowrap;
}


/* Vignettes normale et recherche */

table.tri {
	border: 1px solid #C7C7C7;
	FONT-SIZE: 11px;
	background-image:url(../imgs/common/pages/tri_fond.gif);
	background-position: top;
	background-repeat: repeat-x;
}
td.triDebut {
	background-image:url(../imgs/common/pages/tri_debut.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
td.triFin {
	background-image:url(../imgs/common/pages/tri_fin.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
td.tri {
	color: #4B75B0;
	vertical-align: middle;
}
.txtTri {
	COLOR: #4B75B0;
}


table.pagination, table.pagination td {
	vertical-align: top;
	FONT-SIZE: 11px;
	text-align: right;
	COLOR: #7D7D7D;
}	
.paginSelect {
	COLOR: #4B75B0;
	font-weight: bold;
}
a.pagination, a.pagination:link, a.pagination:visited {
	COLOR: #7D7D7D;
}
a.pagination:active, a.pagination:hover {
	COLOR: #4B75B0;
	text-decoration: none;
}





.tireNormale, a.titreNormale {
	COLOR: #4B75B0;
	FONT-SIZE: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
.prixNormale {
	COLOR: #DF0909;
	FONT-SIZE: 17px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}



/* Vignettes fiche produit */

.messagespecial {
	COLOR: #DF0909;
	FONT-SIZE: 13px;
	font-weight: bold;
	margin-bottom: 0.3em;
}

td.Etendue {
	padding-top: 0.4em;
	padding-bottom:0.4em;
	vertical-align: middle;
}
.titreEtendue {
	COLOR: #4B75B0;
	FONT-SIZE: 14px;
	font-weight: bold;
	text-align: left;	
	margin: 0;
	padding-top: 0;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	vertical-align: middle;
}

.prixEtendue {
	COLOR: #FFFFFF;
	background-color: #DF0909;
	FONT-SIZE: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: bold;
	white-space: nowrap;
	padding-left: 0.7em; padding-right: 0.7em;
	padding-top: 0.3em; padding-bottom: 0.3em;
}
td.prixHabEtendue {
	COLOR: #666666;
	background-color: #FFFFFF;
	text-align: center;
	white-space: nowrap;
	padding-left: 0.6em; padding-right: 0.6em;
	padding-top: 0.2em; padding-bottom: 0.2em;
	border: 2px solid #DF0909; border-top: none;
}
.prixHabEtendueTxt1 {
	font-size: 12px;
	font-weight: bold;
	text-decoration: line-through;
}
.prixHabEtendueTxt2 {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
td.prix3et4xEtendue {
	COLOR: #FF9600;
	text-align: left;
	vertical-align:middle;
	font-size: 10px;
}
img.photoEtendue {
	margin-left:2px; margin-right:2px;
	margin-top:0.5em;
}
.cadrePhotoEtendue {
	border: 1px solid #C7C7C7;
}
td.liensPhotoEtendue {
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-image:url(../prod/vignettes/fd_zoom.gif);
	background-position: top;
	background-repeat: repeat-x;
	height:20px;
	vertical-align: middle;
	text-align: center;
	padding: 0.5em; padding-left: 0em;
}
a.lienzoom, a.lienzoom:link, a.lienzoom:visited {
	color: #4B75B0;
	text-decoration:none;
	font-size: 10px;
}
a.lienzoom:hover, a.lienzoom:active {
	color: #4B75B0;
	text-decoration:underline;
	font-size: 10px;
}



/* Seconde partie de la fiche produit */
.titreFiche {
	COLOR: #4B75B0;
	FONT-SIZE: 12px;
	font-weight: bold;
	background-image:url(../imgs/COMMON/pages/puce1bis.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-bottom: 0.3em;
	padding-left: 1em;
}


/* Fiche produit : onglet 1 */
.ligneFiche {
	border-top: 1px solid #4B75B0;
	padding-top: 1em;
}
img.fichePlusTS {
	margin-left: 5px;
	margin-right: 5px;
}
th.tableCouleur {
	background-color: #7697C3;
	color: white;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	height: 22px;
	border-right: 1px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF;
}
td.tableCouleur {
	background-color: #C1D2E6;
	color: #426AA3;
	text-align: center;
	vertical-align: middle;
	height: 22px;
	border-right: 1px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF;
}
td.tableCouleur2 {
	background-color: #9DB6D5;
	color: #2A4C8D;
	text-align: center;
	vertical-align: middle;
	height: 22px;
	border-right: 1px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF;
}
th.tableComparatif {
	background-color: #9DB6D5;
	color: #FFFFFF;
	font-weight:bold;
	font-size:11px;
	text-align: center;
	height: 22px;
	padding-left:0.4em;
	padding-right:0.4em;
}
td.tableCouleur3 {
	background-color: #E0E9F3;
	color: #2A4C8D;
	text-align: center;
	vertical-align: middle;
	height: 22px;
	border-right: 1px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF;
}

/* Ajout pour les tableaux descriptifs créés depuis l'admin */
th.tableCouleurLeft {
	background-color: #7697C3;
	color: white;
	font-weight: bold;
	text-align: left;
	padding-left:4px;
	vertical-align: middle;
	height: 22px;
	border-right: 1px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF;
}
td.tableCouleurLeft {
	background-color: #C1D2E6;
	color: #426AA3;
	text-align: left;
	padding-left:4px;
	vertical-align: middle;
	height: 22px;
	border-right: 1px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF;
}
td.tableCouleur2Left {
	background-color: #9DB6D5;
	color: #2A4C8D;
	text-align: left;
	padding-left:4px;
	vertical-align: middle;
	height: 22px;
	border-right: 1px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF;
}
td.tableCouleur3Left {
	background-color: #E0E9F3;
	color: #2A4C8D;
	text-align: left;
	padding-left:4px;
	vertical-align: middle;
	height: 22px;
	border-right: 1px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF;
}



/* Fiche produit : onglet 2 */
td.tableLigneCol1 {
	background-image:url(../imgs/COMMON/pages/puce1.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left:1em;
	color: #4B75B0;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	height: 20px;
	border-bottom: 1px solid #4B75B0;
}
td.tableLigneCol2 {
	text-align: left;
	vertical-align: middle;
	height: 20px;
	border-bottom: 1px solid #4B75B0;
}



/* Fiche produit : onglet 3 */

table.Associe td {
	vertical-align: middle;
}
.titreAssocie, a.titreAssocie {
	COLOR: #4B75B0;
	FONT-SIZE: 12px;
}
.prixAssocie {
	COLOR: #DF0909;
	FONT-SIZE: 16px;
	font-weight: bold;
	white-space: nowrap;
}



td.tableLigneBisCol1 {
	background-image:url(../imgs/COMMON/pages/puce3.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left:1em;
	color: #666666;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	height: 27px;
	border-bottom: 1px solid #819EC8;
}
td.tableLigneBis {
	vertical-align: middle;
	height: 27px;
	border-bottom: 1px solid #819EC8;
}



/* Style CV Etape1 */
.titreIndices {
	background-image:url(../imgs/COMMON/pages/carre1.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #FFCC00;
	font-size:11px;
	font-weight: bold;
	text-align: left;
	text-indent: 12px;
}.hrIndices {
	font-size: 1px;
	color: #FFCC00;
	border: Aucune;
}
.orangColor {
	font-size: 11px;
	font-style: normal;
	font-weight: bolder;
	color: #FFCC00;
}
.titreBilanStep {
	COLOR: #4B75B0;
	FONT-SIZE: 12px;
	font-weight: bold;
	background-image:url(../imgs/COMMON/pages/carre1.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-bottom: 0.3em;
	padding-left: 1em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: Aucune;
	border-bottom-style: solid;
	border-left-style: Aucune;
	border-top-color: #4B75B0;
	border-right-color: #4B75B0;
	border-bottom-color: #4B75B0;
	border-left-color: #4B75B0;
}
.titreObjRecap {	
	FONT-SIZE: 11px;
	font-weight: bold;
	background-image:url(../imgs/COMMON/pages/carre1.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-bottom: 0.3em;
	padding-left: 1em;
}
.inputNbr {
	border: 1px solid #C7C7C7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width:80px; height:20px;
	padding-left:3px;
}