/* Mise en forme du body */
body{
	background-color:#FFFFFF; 
	margin: 0px;
	background-image:url('../images/fondtop.jpg');background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1{
	font-size: 18px;
	font-weight: bold;
}
h2{
	font-size: 12px;
	color: #ed1e79;
	font-weight: bold;
}
.title{
	color:#171717;
	font-size:14px;
	margin-top:5px;
	font-weight: bold;
}
#page{
	background-color:#FFFFFF;
	width: 902px; 
	margin-left: auto; 
	margin-right: auto; 
	border-bottom: 2px solid #919191;
	border-left: 2px solid #919191;
	border-right: 2px solid #919191;
}
#header{
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	height:290px;
	background-image:url('../images/header.jpg');background-repeat: repeat-x;
	margin-top: 0px
}

#menuhaut{position:absolute;top:165px;font-size: 18px;}
#menuhaut a:link {color: #ffffff; text-decoration: none;}
#menuhaut a:visited {color: #ffffff; text-decoration: none;}
#menuhaut a:hover {color: #ffffff; text-decoration: underline;}

#infohaut{
	margin-left: 500px;
}

#footer{
	margin-left: auto; 
	margin-right: auto;
	height: 92px;
	background-image:url('../images/fondbottom.jpg'); background-repeat: repeat-x; 
	text-align:center;
	font-size: 14px;
	color: #FFFFFF;
}
#footer a{color: #FFFFFF;text-decoration: none;}
#footer a:hover{color: #FFFFFF;text-decoration: underline;}

#contenu{
	margin-top: -20px;
	padding: 0px;
}

#menuleft{
	width: 225px;
	margin-left: 20px;
}
#blocleft{
	margin-left: 5px;
	margin-bottom:5px;
}
#rubrique{
	background: url('/images/menuleft.jpg') no-repeat; 
	height: 41px; 
	width: 194px;
	margin-left: 5px;
	text-align:center;
	font-size: 18px;
	color: #FFFFFF;
	/*font-weight: bold;*/
	text-decoration: none;
	line-height :40px;
}
#rubrique a{color: #FFFFFF;text-decoration: none;}
#rubrique a:hover{color: #FFFFFF;text-decoration: underline;}
#srubrique{ 
	width: 192px;
	height:10px; 
	margin-left: 5px;
	text-align:center;
	font-size: 14px;
	color: #878486;
	text-decoration: none;
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
	line-height :25px;
}
#srubrique a{color: #878486;text-decoration: none;}
#srubrique a:hover{color: #878486;text-decoration: underline;}

#seprubrique{
	width: 192px;
	margin-left: 5px;
	height:15px; 
	border-bottom: 1px dashed #919191;
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
}
#seprubrique2{
	width: 192px;
	margin-left: 5px;
	height:15px; 
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
}
#basrubrique{
	background: url('/images/bottomrub.jpg') no-repeat; 
	margin-left: 5px;
	height:8px; 
	margin-bottom:5px;
}

#rubrique2{
	background: url('/images/menuleft2.jpg') no-repeat; 
	height: 41px; 
	width: 193px;
	margin-left: 5px;
	margin-bottom:5px;
	text-align:center;
	font-size: 18px;
	color: #FFFFFF;
	/*font-weight: bold;*/
	text-decoration: none;
	line-height :40px;
}
#rubrique2 a{color: #FFFFFF;text-decoration: none;}
#rubrique2 a:hover{color: #FFFFFF;text-decoration: underline;}


#blocpromo{
	margin-left: 10px;
	height: 72px; 
	width: 184px;
}
#blochome{
	background: url('/images/fondhome.jpg') no-repeat; 
	height: 306px; 
	width: 630px;
	margin-bottom:10px;
}
#titrehome{
	margin-left: 20px;
	line-height :50px;
	color: #ed1e79;
	font-size: 18px;
	font-weight: bold;
}
#titrehome a{color: #ed1e79;text-decoration: none;}
#titrehome a:hover{color: #ed1e79;text-decoration: underline;}
#prodhome{
	background: url('/images/fondprodhome.jpg') no-repeat; 
	height: 217px; 
	width: 263px;
	margin-left: 20px;
	margin-top: 20px;
}

#parrainez{
	position:relative;
	float:left;
}
#moncompte{
	background: url('/images/moncompte.png') no-repeat; 
	margin-left: 200px;
	height: 111px; 
	width: 167px;
}
#newsletter{
	position:relative;
	float:left;
}
#panier{ 
	margin-left: 200px;
}
.inpcompte{
	background-color: transparent;
	border:0;
	margin-left: 20px;
	width: 120px;
}

#ficheprod{
	background: url('/images/fondprod.jpg') no-repeat; 
	height: 351px; 
	width: 630px;
	overflow:hidden;
}
#imgprod{
	width:180px;
	float: left;
	margin-left: 15px;
	margin-right: 10px;
}
#imgprod #supimg{
	border: 1px solid #929292;
	height:auto;
	width:180px;
}
#img{
	width:auto;
	height:auto;
	float: left;
	border: 1px solid #929292;
	margin-bottom: 2px;
}

#txtfiche{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#blocrub{
	background: url('/images/topliste.jpg') no-repeat; 
	height: 52px; 
	width: 630px;
}
#bottomrub{
	background: url('/images/bottomliste.jpg') no-repeat; 
	height: 11px; 
	width: 630px;
}

#fichememeprod{
	margin-top:10px;
	background: url('/images/fondmemeprod.jpg') no-repeat; 
	height: 306px; 
	width: 630px;
	overflow:hidden;
}
#sameprod{
	margin:10px;
	background: url('/images/memeprod.jpg') no-repeat; 
	height: 217px; 
	width: 134px;
	text-align:center;
}
hr{
  color:#abacae; 
}


#fondrub{
	background: url('/images/fondrub.gif') no-repeat;
	width:252px;
	height:47px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
#fondrub #titrerub {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 15px;
}
#fondrub a{color: #000000;text-decoration: none;}
#fondrub a:hover{color: #000000;text-decoration: underline;}

#txtrub p{	
	width:520px;
	color: #2e82e0;
	padding-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-right: 10px;
	float: left;
}

#fondsrub{
	background: url('/images/fondrub.gif') no-repeat;
	width:252px;
	height:338px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
#fondsrub #titrerub {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 15px;
}
#fondsrub a{color: #000000;text-decoration: none;}
#fondsrub a:hover{color: #000000;text-decoration: underline;}
#fondsrub #imgrub {
	text-align:center;
	margin-top: 25px;
}


#ficheinfo{
	width:546px;
	height:auto;
	border: 1px solid #929292;
	padding:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* ID(#) - Mise en forme de la page en DIV -  */


#menu { margin:0 auto; height: 50px; width: 630px; background-image:url('../images/bgMenuH.jpg'); padding-left: 107px; padding-right: 108px}

#sheader { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height: 27px; width: 845px; background-image:url('../images/sheader.gif'); padding: 0px;}



#boiteMenuG{float: left; width: 170x; height: auto; margin-top: 0px 0px 0px 0px; padding-left: 20px;}
#boiteMenuG a:link {color: #ffffff; text-decoration: none;}
#boiteMenuG a:visited {color: #ffffff; text-decoration: none;}
#boiteMenuG a:hover {color: #ffffff; text-decoration: underline;}

#boiteTexte{float: left; width: 580px; height: auto; padding: 0px 0px 0px 0px; margin-left: 27px;  margin-right: 30px;}

#boiteMenuD{float: left; width: 159px; height: auto; margin: 0px 0px 0px 0px; padding-right: 25px;}
#boiteMenuD a:link {color: #ffffff; text-decoration: none;}
#boiteMenuD a:visited {color: #ffffff; text-decoration: none;}
#boiteMenuD a:hover {color: #ffffff; text-decoration: underline;}


.spacer {
  clear: both;
}

/* CLASS - Mise en forme des textes */

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074;}


/* Titre */

.titre {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #ed1e79; font-weight: bold;}
.titreMenu {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold;}

/* Autre textes */

.texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #556074;}
.textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #6f6f6f;}
.bouton {background-image:url('../images/bouton.gif'); background-repeat:no-repeat; height:19px; width: 129px; color: #fff; font-size: 10px; padding-left: 30px; padding-top: 5px; font-weight: bold; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:10px}
.elementMenu {background-color: #000; background: url('../images/bgMenuG.gif') no-repeat; height: 20px; width: 160px; margin: 0px; padding-top:4px; padding-left: 28px; padding-bottom: 0px}

/* Liens par défault */

a:link {color: #2e82e0; text-decoration: underline;}
a:visited {color: #2e82e0; text-decoration: underline;}
a:hover {color: #2e82e0; text-decoration: none;}

/* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule <td> ou tableau est non sur le texte*/

.menu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #76c3ff; text-decoration: none;}
.menu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #76c3ff; text-decoration: none; text-align:center;}

.menuPadding {padding-top: 15px; margin: 0px 0px 0px 0px; vertical-align:top;}
.menuSeparateur {padding: 0px; margin: 0px; background: url('../images/separateurH.gif') no-repeat; width: 2px}

/* Liens pour le menu vertical RUBRIQUE - Doir être appliqué sur la cellule <td> ou tableau ou DIV est non sur le texte*/

.rubriqueD a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; font-weight: bold;}
.rubriqueD{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; text-align:left; font-weight: bold;}


/* A appliquer a form */

.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #4e4e4e; border: 0px; background-color: #fff; margin: 0px 0px 0px 0px; padding-top: 15px; padding-left:17px;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; border: 1px solid #929292; background-color: #FFFFFF; padding-top:1px; padding-bottom:1px; padding-left: 5px; font-weight:normal;width:150px;}
.btFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #dddddd; border: 1px solid #929292; background-color: #ed1e79; padding-top:1px; padding-bottom:1px; padding-left: 5px; font-weight:normal;width:80px;}
.formMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#dddddd; font-weight:normal; margin: 0px 0px 0px 0px}

/* Halotemplate.free.fr */

/* Imgage*/

.visage {background-color: #000; background: url('../images/visage.jpg') no-repeat; height: 168px; width: 163px; margin: 0px; padding-top:4px; padding-left: 28px; padding-bottom: 0px}