@charset "utf-8"; 
/* unicode-example.css */ 

<!--[if lt IE 7]> <style type="text/css"> div { width: 770px; width: expression(document.body.clientWidth <= 602? "600px" : document.body.clientWidth >= 1002? "1000px" : "auto"); } </style> <![endif]--> 
body {
	scrollbar-face-color: #FFCC66;
	scrollbar-shadow-color: #FFCC99;
	scrollbar-highlight-color: #6666CC;
	scrollbar-3d-light-color: #000000;
	scrollbar-dark-shadow-color: #000000;
	scrollbar-track-color: #FFCC99;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #FFCC66;
	margin-bottom : 0;
	margin-left : 0;
	margin-right : 0;
	margin-top : 0;
	font-family: Verdana, Arial, sans-serif;
	background-color: #3179d;
	font-size: 11px;
	color: #000000;
	font-family: Verdana;
  }


h1      { font-size: 17px; font-weight: bold; color: #000099; }
h2      { font-size: 15px; font-weight: bold; }

a {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.top {
  text-decoration: none;
  color:#ffffff;
}

.top:link {
  text-decoration: none;
  color:#ffffff;
}

.top:visited {
  text-decoration: none;
  color:#ffffff;
}

.top:hover {
  text-decoration: underline;
  color:#ffffff;  
}

.label { font-weight: bold;}

.titre {font-size: 9px; font-weight: bold;}

.prix { font-family: "Trebuchet Ms", Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: bold; color: #AD151A;}

.right { font-family: Verdana, Arial , sans-serif; font-size: 13px; font-weight: bold; color: #000000;padding:3px;}

.petit { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #000000;}

.blanc { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #ffffff;}

.formulaire1 {
color:#000000;
border: solid 1px #000000;
background-color:#ffffff;
font-size:11px;
font-weight: none;
}

.formMenu {
color:#808080;
border: solid 1px #000000;
background-color:#FFFFFF;
font-size:11px;
font-weight: none;
font-family: Tahoma, Verdana, Arial; 
font-size:13px; 
}

.bouton {
	font-size: 10px;
	color: #000000;
	margin-bottom: 1px;
	
}	

.tetiere {
	font-weight:bold;
	padding:1px;
	font-weight:bold;
	padding:1px;
	font-size: 13px;
	color: #000000;
	text-transform:uppercase;
	font-family: Tahoma;
	 /*border: 1px solid #333333; */
	width:220px;
	
}

.etoile {
font-family: Arial; 
font-size: 11px; 
color: #CC0000; 
font-weight: bold;
}

.red {
font-family: Arial; 
font-size: 11px; 
color: #CC0000; 
font-weight: bold;
}

hr {
color: #1f1f5f;
height: 1px;
}

td {
	/* vertical-align:top;*/
	line-height : 15px;
}

.entete {
	font-weight:bold;
	padding:3px;
	font-size: 13px;
	
	text-transform:uppercase;
	font-family: Tahoma;
	/*border: 1px solid #333333;*/
}


.entetes {
	font-weight:bold;
	padding:3px;
	font-size: 13px;
	
	text-transform:uppercase;
	font-family: Tahoma;
	/*border: 1px solid #333333;*/
}


tr.footer {
	background: #FFFFFF;
}


td.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
    color: #FFFFFF;
  font-weight: bold;
}

td.footercopyright {
  font-family: Arial;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  background:#FFFFFF;
  }


td.newsCelluleOne {
	
	padding-top: 10px;
	padding-bottom: 10px;
	
}

td.newsCelluleTwo {
	
	padding-top: 10px;
	padding-bottom: 10px;
}

td.newsCellulePromos {
	border-right: 1px solid #E9EBEA;
	padding-top: 10px;
	padding-bottom: 10px;
	background="<?=$wwwroot?>/images/degrade.jpg"
}

td.newsCelluleNouveautes {
	padding-top: 10px;
	padding-bottom: 10px;
}

tr.caddie {
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background: #2E1D87;
	color: #ffffff;
	font-family: Trebuchet Ms, Verdana, Arial, sans-serif;
	font-weight:bold;
	text-align : center;
	text-transform : uppercase;
	font-size : 11px;
	vertical-align: middle;
	
}

#menudyn {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 20px;
	padding-left : 10px;
	padding-right : 10px;
}

#menudyn li	{
	list-style-type : none;
	margin-right : 8px;
	padding : 0;
	float:left;
}

#menudyn a:link, #menudyn a:visited	{
	color : #000000;
	float : left;
	line-height : 10px;
	padding : 1px 1px 1px 1px;
	text-decoration : bone;
	font-size: 11px;
	background-color:#FFFFFF;
}

#menudyn a:hover	{
	color : #FFFFFF;
	background : #3178d1;
	border-bottom : 1px solid #FFFFFF;

}

#section-1 #menudyn li#nav-1 a, 
#section-2 #menudyn li#nav-2 a,
#section-3 #menudyn li#nav-3 a,
#section-4 #menudyn li#nav-4 a,
#section-5 #menudyn li#nav-5 a,
#section-6 #menudyn li#nav-6 a,
#section-7 #menudyn li#nav-7 a,
#section-8 #menudyn li#nav-8 a,
#section-9 #menudyn li#nav-9 a,
#section-10 #menudyn li#nav-10 a,
#section-11 #menudyn li#nav-11 a {
	color : #AD151A;
	/*
	border-bottom : 1px solid #F7F7F7;
	text-decoration: underline;*/
	font-style:italic;
	background-color: #3178d1;	
}

/* Initialisation des variables */  
.normal { font-size: 11px;}
.normal { color: #000000;}
.normal { font-family: Verdana;}
.normal { text-align : justify;}
 
 
.original { font-size: 11px;}
.original { color: #000000;}
.original { font-family: Verdana;}
.original { text-align : center;}


.original1 { font-size: 11px;}
.original1 { color: #000000;}
.original1 { font-family: Verdana;}
.original1 { text-align : left;}


.original_pl { font-size: 11px;}
.original_pl { color: #000000;}
.original_pl { font-family: Verdana;}
.original_pl { text-align : left;}

.label { font-size: 12px;}
.label { color: #00000;}
.label { font-family: Verdana;}

.texte { font-size: 11px;}
.texte { color: #000000;}
.texte { font-family: Verdana;}



.titre { font-size: 12px;}
.titre { color: #FFFFFF;}
.titre { font-family: Verdana;}

.tetiere { font-size: 13px;}
.tetiere { color: #000000;}
.tetiere { font-family: Tahoma;}


.nom { font-size: 14px;}
.nom { color: #000000;}
.nom { font-family: Verdana; font-weight: bold;}

.origine { font-size: 10px;}
.origine { color: #000000;}
.origine { font-family: Verdana;}
.origine { text-align : center;}

a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}

.menuleft { font-size: 12px;color: #000000; }
.menuleft:link { color: #000000;}
.menuleft:visited { color: #2E1D87;}
.menuleft:hover { color: #FFFFFF;}

.menuright {
	font-size: 11px;
	color: #FFFFFF;
}
.menuright:link {
	color: #FFFFFF;
}
.menuright:visited {
	color: #FF0000;
}
.menuright:hover {
	color: #FFFFFF;
}

a.image { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 184px; /* largeur de l'image réactive */
     height: 40px; /* hauteur de l'image réactive */
     background-image: url(<?=$wwwroot?>/images/frameprod_06.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.image:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../../images/frameprod_06_2.gif); /* source de l'image d'arrivée */
     } 

.addcart { font-size: 11px;color: #2E1D87; font-family: Verdana;font-weight:bold;}
.addcart:link { color: #2E1D87;}
.addcart:visited { color: #2E1D87;}
.addcart:hover { color: #E60003;}

input:focus, select:focus, textarea:focus {background-color: #eeeeee;color: #000}

a.image { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 137px; /* largeur de l'image réactive */
     height: 37px; /* hauteur de l'image réactive */
     background-image: url(<?=$wwwroot?>/images/capsule.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.image:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(<?=$wwwroot?>/images/capsule.gif); /* source de l'image d'arrivée */
     } 

.pagination { font-size: 9px;color: #73656e;}
.pagination a:link { color: #73656e;}
.pagination a:visited { color: #73656e;}
.pagination a:hover { text-decoration:underline;color: #73656e;}

#apDiv1 {
	position:absolute;
	width:200px;
	height:51px;
	z-index:1;
	left: 277px;
	top: 50px;
}

/* cadre */
#cadre{
width:180px;
margin:0;
padding:0;
}

#cadre #header {
width:180px;
height:30px;
padding:0 0 0 0;
color: #000;
background-color:#f7f7f7;
border-bottom:1px solid #54719B;
}

#cadre #header h2{
color: #000;
font-weight:bold;
font-family:Trebuchet Ms;
font-size:11px;
padding-top:5px;
padding-left:5px;
}

#cadre .content_menu{
width:180px;
font-size:11px;
color:#000;
font-family:Trebuchet Ms;
}

#cadre .espace_gauche{
padding-left:5px;
}
#cadre .espace_droite{
padding-left:5px;
}
#cadre p{
padding:0;
margin:0;
}

#cadre h3{
background-image:url('images/separateur_gris.gif');
background-repeat:no-repeat;
color:black;
font-size:11px;
font-weight:bold;
font-family:Trebuchet Ms;
line-height:24px;
width:180px;
}

#cadre ul{
padding:0;
margin:0;
}

#cadre li{
list-style:none;
}

#cadre .footer {
width:180px;
height:11px;

}

/*fin cadre */

/* Produits sur deux colonnes */
td.produit2col {
	/*border-bottom: 1px dotted #000;*/
	padding: 0.4em;
	vertical-align: top;
	width: 50%;
}
.bordure {
	/*border-right: 1px dotted #000;*/
}
td.produit2col img {
	/*float: left;*/
}
td.produit2col div.zoom {
 /*float: left;*/
}
td.produit2col div.zoom p {
 /*margin: 0;
	 text-align: center;*/
}

p.retour img {
	float: none;
}
.alignerimage {
	vertical-align: middle;
}

/*catalogue/produit_details.php */
.produit_detail_gauche {
background: #fff;
border: 1px solid #ddd;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;
width: 278px;
}
.produit_detail_droite {
background: #fff;
border: 1px solid #ddd;
float: left;
margin: 0.2em 0 0.5em 4px;
padding: 0.2em 0 0.2em 0;
width: 278px;
}
div.produit_detail_droite p {text-align:left;}
div.produit_detail_gauche p {text-align:center;}


.produit_detail_img3 {
background: #fff;
border: 1px solid #ddd;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;
width: 278px;
text-align:center;
}
.produit_detail_img4 {
background: #fff;
border: 1px solid #ddd;
float: left;
margin: 0.2em 0 0.5em 4px;
padding: 0.2em 0 0.2em 0;
width: 278px;
text-align:center;
}


div ul.produit_detail {
background: #ffffff;
float: left;
width: 33%;
margin: 0.5em 0 0.5em 0;
padding: 0;
}

div ul.produit_detail li {
list-style-type: none;
padding: 0 0 0 0.5em;
}

input img {
boder:0;
}

.bouton {
color:#54719B;
text-align:center;
font-size:1em;
}

.bouton:link, .bouton:visited, .bouton:active {
color:#54719B;
font-size:1em;
}


.bouton:hover {
color:#54719B;
text-align:center;
text-decoration:underline;
font-size:1em;
}


.clicbouton {
background-image:url('images/bouton_fond.png');
background-repeat:no-repeat;
color:#fff;
width:133px;
height:27px;
text-align:center;
font-size:1em;
border:0;
padding-bottom:0.4em;
}

/* maryline page step1  */
.stepgauche {
background: #fff;
color: #000;
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;
width: 270px;

}
.stepdroite {
background: #fff;
color: #000;
float: left;
margin: 0.2em 0 0.5em 4px;
padding: 0.1em 0 0.2em 0;
width: 270px;

}

/* achat/index.php */
.achatgauche {
background: #ff0000;
border: 1px solid #ddd;
color: #000;
float: left;
margin-top: 0.5em;
min-height: 260px;
padding-top: 0.5em;
width: 250px;
}
.achatdroite {
background: #fff;
border: 1px solid #ddd;
color: #000;
float: left;
margin: 0.5em 0 0 4px;
min-height: 260px;
padding-top: 0.5em;
width: 250px;
}

/* Page catalogue */

table.fc {
	background-color:#fff;
	width:260px;
	
}

td.fc_titre_produit {
	background-color:#fff;
	width:260px;
	font-size : 1em;
	font-weight:bold;
	border-top:1px solid #C7C7C7;
	
}

td.fc_descriptif {
	color:#000;
	font-size:1em;
	text-align:center;
	height:25px;
}


td.fc_image {
	border:1px solid #C7C7C7;
	width:260px;
	height:260px;
	text-align:center;
	vertical-align:middle;
}

td.fc_zoom {
	background-image:url('images/fc_fond.png');
	background-repeat:no-repeat;	
	width:110px;
	height:25px;	
	text-align:center;	
	font-weight:bold;
	font-weight:normal;	
	color:#fff;
	font-size:1em;
}

td.fc_zoom a{
	font-weight:normal;	
	color:#fff;
	font-size:1em;
	text-decoration:none;
}

.zoom:link,.zoom:visited, .zoom:active{
	font-weight:normal;	
	color:#fff;
	font-size:1em;
	text-decoration:none;
}

.zoom:hover{
	font-weight:normal;	
	color:#fff;
	font-size:1em;
	text-decoration:underline;
}

td.fc_detail {
	background-image:url('images/fc_fond.png');
	background-repeat:no-repeat;	
	width:110px;
	height:25px;	
	text-align:center;	
	font-weight:normal;	
	color:#fff;
	font-size:1em;
}


.plus_detail:link, .plus_detail:visited, .plus_detail:active{
	font-weight:normal;	
	color:#fff;
	font-size:1em;
	text-decoration:none;
}

.plus_detail:hover{
	font-weight:normal;	
	color:#fff;
	font-size:1em;
	text-decoration:underline;
}

/* Page catalogue */

table.fp {
	background-color:#fff;
	width:556px;
	
}

td.fp_produit {
	width:278px;
	height:278px;
	background-color:#FCFCFC;
	font-size : 1em;
	font-weight:normal;
	color:#000;
	vertical-align:top;	
}

td.fp_image_grande {
	width:278px;
	height:278px;
	font-weight:bold;
	color:#000;
	font-size:1em;
	text-align:center;
	vertical-align:middle;
	border:1px solid #C7C7C7;
}

td.fp_descriptif {
	color:#000;
	font-size:1em;
	text-align:justify;
	height:25px;
}


td.fp_image{
	width:556px;
	text-align:center;
	vertical-align:middle;
}

td.fp_descriptif{
	width:556px;
	text-align:justify;
}

td.fp_ami {
	background-color:#fff;
	border:1px solid #C7C7C7;
	width:556px;
	text-align:left;	
}

span.titre_produit {
color: #54719B;
font-size: 1.1em;
font-weight:bold;
}

p.prix {
	font-weight:bold;
	color:#cc0000;
	font-size:1em;
}	

p.notice {
	color:#cc0000;
	font-size:1em;
	text-decoration:none;
}	

.notice:link, .notice:visited, .notice:active{
	color:#cc0000;
	font-size:1em;
	text-decoration:none;
}	

.notice:hover{
	color:#cc0000;
	font-size:1em;
	text-decoration:underline;
}