html, body {
	margin-top: 2px;
	padding: 0;
	border: 0;
	/*height: 100%;*/
	background: #c8cbd2;
}

body {

	/*font-size: 84%;*/
	/*font-family: Arial, sans-serif, Verdana;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}

img {border: none; vertical-align: middle; padding-bottom: 7px;}

a {
	color: #556379;
	text-decoration: none;
}

p {margin:0;padding:0;}

input {
	border: 1px solid #666666;
	background: #efefef;
}

input:hover {
    color:#efefef;
	background-color: #666666;
}

a:hover {
	color: #F1961F; /* #8496B3;*/
	text-decoration: none;
}

#page {
	width: 911px;
	/*height: 921px;*/
	height:100%;
	margin: auto;
	border: 1px solid gray;
	background: #ffffff;
}
#pageie6 {
	width: 911px;
	height: 1300px;
	margin: auto;
	border: 1px solid gray;
}
#entete {
	width: 911px;
	height:119px;
	float: left;
}

#entete_bandeau_1 {
	
	width: 656px;
	background: url("../img/fond_entete.jpg") no-repeat;
	/*padding-top: 2px;*/
	float: right;
	top:-127px;
	position:relative;
	left:0%;
	border-bottom:1px solid gray;
	border-left:1px solid gray;
}

#cadre1 {
	width: 60%;
	float: left;
	
}

#cadre2 {
	width: 40%;
	float: right;
}

#entete_bandeau_2 {
	width: 656px;
	height: 95px;
	clear: both;
}

/* Definition menu */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	/*list-style-type: none;*/
}

#menu {
	width: 881px;
	height: 26px;
	background: url("../img/fond_menu.gif") no-repeat;
	padding-left: 35px;
	clear: both;
	font-size: 80%;
}

#menu dl {
	float: left;
}

#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	margin-left: 9px;
	margin-top: 4px;
	color: #000000;
}

#menu dd {
	position: absolute;
	display: none;
	background: #C9C9C9;
	border: 1px solid gray;
}

#menu UL
{
	list-style-type: none;
	padding-left: 5px;
	cursor: pointer;
	color: #000000;
}

#menu li {
	text-align: left;
	background: #C9C9C9;
	padding-left: 10px;
	/*width: 100px;*/
}

#menu li a, #menu dt a {
	color: #365cb2;
	text-decoration: none;
	display: block;
	border: 0 none;
}
/*
#menu dt a {
	color: #ffffff;
}
*/
#menu dt a:hover {
	color: #4577E9; /* #8496B3;*/
	text-decoration: none;
}

#menu LI:hover, #menu Li a:hover, #menu dd:hover
{
	background-color: #cccccc;
	color: #365cb2;
}
/* Fin de définition du menu */

#sep {
	width: 911px;
	height: 9px;
}

#content {
	width: 911px;
	/*height: 665px;*/
	/*height: 100%;*/
	float: left;
	min-height: 600px;
}

#content_gauche {
	width: 255px;
	height: 1375px;
	float: left;
	background: #a6c6db;
}

#titre_boutique {
	width: 255px;
	height: 20px;
	background: url("../img/fond_boutique.gif") no-repeat;
	padding-top: 5px;
}

#sep2 {
	width: 255px;
	height: 6px;
}

#sep3 {
	width: 255px;
	height: 4px;
}

#titre_gauche {
	width: 255px;
	height: 23px;
	background: url("../img/titre_gauche.gif") no-repeat;
	padding-top: 5px;
}

/* liens gauche */
#liens_gauche_1 {
margin-top: 10px;
}

#liens_gauche_1 ul {
margin-left:20px;
margin-top:5px;
margin-bottom:0;
font-size: 11pt;
}

#liens_gauche_1 li {
margin:0;
list-style-type: none;
padding-top: 3px;
}

#liens_gauche_1 li a {
color: #556379;
text-decoration: none;
}

#liens_gauche_1 li a:hover {
color: #F1961F;
text-decoration: underline;
}



#top {
	width: 254px;
	height: 54px;
	/*background: url("../img/fond_top.gif") no-repeat;*/
	border-bottom:#4577E9 dashed 1px;
}

#promo {
	width: 254px;
	height: 54px;
	/*background: url("../img/fond_promo.gif") no-repeat;*/
	border-bottom:red dashed 1px;
}

#nouvo {
	width: 254px;
	height: 54px;
	/*background: url("../img/fond_promo.gif") no-repeat;*/
	border-bottom:green dashed 1px;
}

#content_centre {
	width: 485px;
	/*height: 665px;*/
	float: left;
}

#titre_centre {
	width: 465px;
	height: 28px;
	background: url("../img/titre_centre.gif") no-repeat;
	padding-top: 5px;
	padding-left: 10px;
	margin-left: 10px; 
	margin-right: 10px;
}




#content_droite {
	width: 171px;
	/*height: 665px;*/
	float: right;
	}


#titre_droite {
	width: 171px;
	height: 23px;
	background: url("../img/titre_droite.gif") no-repeat;
	padding-top: 5px;
}

#compte {
	width: 171px;
	/*height: 137px;*/
}

#newsletter {
	width: 171px;
	/*height: 71px;*/
}
#actualite {
	width: 162px;
	border: 4px solid #3466a9;
	background-color:#d3e0f1;
	/*background: url("../img/actufd.jpg") no-repeat;*/
	padding-top: 5px;
	padding-left: 4px;
	color:red;
}
#livraison {
	width: 171px;
	/*height: 100px;*/
	padding-top: 5px;
	text-align: center;
}

#paiement {
	width: 161px;
	/*height: 75px;*/
	padding-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

#propos {
	width: 161px;
	/*height: 133px;*/
	margin-left: 5px;
	margin-right: 5px;
}
#sep4 {
	width: 911px;
	height: 4px;
	background: #f2f2f1;
	clear: both;
}
#sep41 {
	width: 911px;
	height: 4px;
	background: #f2f2f1;
	clear: both;
}
#sep42 {
	width: 911px;
	height: 4px;
	background: #f2f2f1;
	clear: both;
}
#content_droiteie6 {
	width: 171px;
	/*height: 665px;*/
	float: right;
	position:absolute;
	top:300px;
	left: 78%;
	}
#sep4ie6 {
	width: 911px;
	height: 4px;
	background: #f2f2f1;
	
	clear: both;
	top: 700px;
}
#footerie6 {
	width: 911px;
	/*height: 30px;*/
	clear: both;
	top:720px;
	
}
#fournisseurs {
	width: 911px;
	/*height: 70px;*/
	height: 28px;
}

#footer {
	width: 911px;
	/*height: 30px;*/
	clear: both;
	position: relative;
}


/* Type de texte */
.normal {font-weight: normal;}
.gras {font-weight: bold;}
.italique {font-style: italic;}
.souligne {text-decoration: underline;}
.barre {text-decoration: line-through;}
.maj {text-transform: uppercase;}

/* Alignement du texte */
.center {text-align: center;}
.justify {text-align: justify;}
.droite {text-align: right;}
.gauche {text-align: left;}
.padding {padding-top: 4px;}
.padding2 {padding-top: 2px;}
.padding10{padding-top: 10px;}
.margeg {margin-left: 10px;}
.marged {margin-right: 10px;}
.vcenter {vertical-align: middle;}
.Tgrand {font-size:1.2em;}

/* Couleur du texte */
.blanc {color: #FFFFFF;}
.rouge {color: red;}
.vert {color: green;}
.violet {color: #BA32C3;}
.bordeau {color: #A81E28;}
.bleu {color: #4577E9;}
.pourpre {color: #A0A0E6;}
.noir {color: #000000;}
.orange {color: #F1961F;}
.txt_famille {color: #625BE8;}
.txt_sfamille {color: #7D7A7A;}

.puce {background: url("../img/bg-puce20.gif") no-repeat center left;}

.petit {font-size: 0.8em;}

.titre {color: #4577E9;}
.ligne {border-bottom: 1px solid gray;}

.titreRubrique {
	font-size: 1.2em;
	border-bottom: 1px solid gray;
	color: #5BC060;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
}
.Style10 {
	font-size: 36px;
	color: #FF9900;
}

.titre1 {
	border-bottom: 1px solid gray;
	font-size: 1.2em;
	color: #4577E9;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
}

.titre2 {
	color: #2678C5;
}

.texte  {
	font-family: Arial;
	font-size: 10pt;
	/*color: #333333;*/
}

.tableau {width: 100% ;}
.cellulel {float: left; width: 25%;}
.cellule60 {float: left; width: 60%;}
.celluler {float: left; width: 74%;}
.cellule90 {float: left; width: 90%;}
.cellulem {float: left; width: 49%;}
.cellule48 {float: left; width: 48%;}
.cellule55 {float: left; width: 55%;}
.celluleT {float: left; width: 100%;}
.cellulet {float: left; width: 32%;}
.cellule40 {float: left; width: 33%;}
.cellule30 {float: left; width: 30%;}
.cellulev {float: left; width: 1%;}
.cellulez {float: left; width: 10%;}
.cellule9 {float: left; width: 9%;}
.cellule15 {float: left; width: 15%;}
.cellule20 {float: left; width: 20%;}
.cellule5 {float: left; width: 5%;}
.border {border: 1px solid gray;}


#arbo_boutique {
	min-width: 200px;
	
}

#arbo_boutique li {
	list-style-type: none;
}

#arbo_boutique a {
	text-decoration: none;
	display: block;
	cursor: pointer;
}

.boutique {
	width: 690px;
	margin-top: 10px;
	margin-left: 5px;
	float: left;
	
}

.celluleBoutique {
	width: 200px;
	height: 260px;
	margin-left: 25px;
	background: url("../img/boutique21.gif");
	float: left;
	margin-top: 10px;
}
.celluleBoutique1 {
	width: 200px;
	height: 260px;
	margin-left: 15px;
	background: url("../img/boutique21.gif");
	float: left;
	margin-top: 10px;
}

.famille {
	padding-left: 1px;
	font-size: 1.2em;
}

.sfamille {
	padding-left: 10px;
	font-size:1.1em;
	
}

.ssfamille {
	padding-left: 15px;
}

.produit {
}

.selected {
	background: #D9D9D9;
}

.lignePanier {
	min-width: 80%;
}

.cellulePanier {
	float: left;
}

.entete {
	background-color: #E7E7E7;
}

.bouton {
	height: 24px;
	background: url("../img/vide.gif") no-repeat;
}
.ligne2 {background-color: #C9DCF7;}
.ligne3 {background-color: #F7EEEE;}
.ligneBF {background-color: #0277c3;}
.ligneBI {background-color: #a5c8df;filter : alpha(opacity=60);  -moz-opacity : 0.6;   opacity : 0.6;z-index:1;}
.ligneBC {background-color: #68a3c9;}

#navconteneur {
margin: 5px 0;
padding: 5px 0;
}
ul#navigation {
margin-left: 0;
padding-left: 0;
}

#navigation li {
display: inline;
list-style-type: none;
margin-right: 10px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#navigation a {
color: #fff;
background-color: #0099CC;
text-decoration: none;
padding: 5px 10px;
}

#navigation a:hover {
color: #fff;
background-color: #0086B3;
text-decoration: none;
}
#principal {
font: normal 11px Arial, Helvetica, sans-serif;
margin: 0 20px;
} 
#principal table {
width: 100%;
}
#principal td {
border-bottom: 1px solid #CCC;
padding:3px;
background-color:#F7F7F7;
}
#principal th {
background-color:#7DF;
padding:3px;
}
#clouds
{
width: 100%;background-color:#FFFFFF; /* couleur de fond du tableau+taille */ 
padding: 2px; /* espace entre la bordure et le texte */
text-align: center; /* texte centré */ 
font-family: Arial, Helvetica, sans-serif; /* style d'écriture */ 
}
.tagcloud a {
text-decoration:none; /* pas de décoration sur les liens */
}
.tagcloud a:hover { /* changement de couleur au passage de la souris */ 
text-decoration:none; 
background-color:#DDDDDD; /* couleur d'arriere plan du lien survolé */ 
color:#FFFFFF; /* couleur du lien survolé */
}
.tag1 { /* nom de la class*/ 
font-size: 16px; /* taille d'écriture */ 
text-transform: uppercase;
}
/*.tag1 a{ color: #4577E9; font-size: 16px; text-transform: uppercase;}
.tag1 a.hover { color: #4577E9; font-size: 16px; text-transform: uppercase;}
.tag2 a{ font-size: 14px;color: #F1961F;font-style: italic;  }
.tag2 a.hover { font-size: 14px;color: #F1961F;font-style: italic;  }
.tag3 a{ font-size: 12px;color:green;font-weight:bold;}
.tag3 a.hover {font-size: 12px;color:green;font-weight:bold;}
.tag4 a{font-size: 10px;color: red;text-decoration: underline;  }
.tag4 a.hover {font-size: 10px;color: red;text-decoration: underline; }
.tag5 a{font-size: 8px;color: #BA32C3;  }
.tag5 a.hover {font-size: 8px;color: #BA32C3;  }

*/
.tag2 {
font-size: 14px;
font-style: italic;

}
.tag3 {
font-size: 12px;

font-weight:bold;
}
.tag4 {
font-size: 10px;
text-decoration: underline;
}

.tag5 {
font-size: 8px;
}

.titre_pdt {
	background: url("../img/titre_pdt.gif") no-repeat;
	height:28px;
}

.boutonajout
{
     border:none;
     color:#fff;
     background: transparent url("../img/ajpanier.gif") no-repeat top left;
     width:189px;
     height:41px;
	cursor:pointer;
}
