/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
float:left;
font:normal 22px/50px Arial;
color:#FFF;
width:600px;
padding:10px 0 0 0;
margin:0 0 10px 0;
border-bottom:1px solid #ead0c5;
}

#contenu h2{
font:normal 14px/50px Arial;
color:#ff9000;
letter-spacing:1px;
margin:0 0 7px;
font-weight:bold;
}
#contenu p{
font:12px/1.2em Arial, Helvetica, sans-serif;
line-height:20px;
color:#FFF;
margin-bottom:1.2em;
}

#contenu strong{
font:12px/1.2em Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#ff9000;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration: none;
color:#000;
}

#contenu h1 a:link, #contenu h1 a:visited{
font-weight:bold;
text-decoration:none;
color:#fff;
}
#contenu a:hover, #contenu a:active{
color:#ff9000;
}

#contenu h1 a:hover, #contenu h1 a:active{
color:#ff9000;
}

/***************** LES VIGNETTES *****************/
#lesvignettes{
width:610px;
height:140px;
float:left;
}
#vignette1{
background:#f6ae79 ;
width:296px;
height:140px;
float:left;
}
#vignette2{
background:#f6ae79 ;
width:296px;
height:140px;
margin-left:10px;
float:left;
}
.descriptif{
float:left;
width:100px;
height:118px;
margin:5px;
}
#lesvignettes a.visu{
display:block;
float:left;
width:157px;
height:118px;
filter: alpha(opacity=100);
-moz-opacity: 1; opacity:1;
margin:10px;
}
#lesvignettes a.visu:hover{
filter: alpha(opacity=80);
-moz-opacity: 0.70; opacity:0.80;
}
#lesvignettes p{
font:normal 10px/1.2em Arial, Helvetica, sans-serif;
color:#ae2e00;
}
#lesvignettes  p.titre{
font:bold 14px/1.2em Arial, Helvetica, sans-serif;
margin-top:5px;
color: red;
}
#lesvignettes  p.couleur,span.couleur{
color: #386d99;
font:bold 11px/1.2em Arial, Helvetica, sans-serif;
}
#lesvignettes descriptif p.prix,span.prix{
color: red;
font:bold 14px/1.2em Arial, Helvetica, sans-serif;
}
#lesvignettes p a.detail,span.detail{
color:#ff5400;
font:bold 11px/1.2em Arial, Helvetica, sans-serif;
}
#lesvignettes p a.detail:hover{
color: #aa2c00;
}

/***************** Accueil *****************/
.text_acc_generale{
float:left;
width:600px;
margin-top:10px;
margin-bottom:0px:
}

.acc{
float:left;
margin-right:4px;
background-image:url(../images/charte/acc.jpg);
background-repeat:no-repeat;
width:296px;
height:189px;
margin-bottom:10px;
position:relative;
}

.acc img{
float:left;
margin-left:15px;
margin-top:30px;
}
.texte_acc{
width:135px;
float:right;
margin-right:7px;
margin-top:20px;
height:135px;
}

#contenu .acc .texte_acc p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
margin-top:10px;
text-align:justify;
width:130px;
height:38px;

}

#contenu .acc .texte_acc .designation{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
margin-top:0px;
width:130px;
text-align:center;
height:35px;
font-weight:bold;
cursor:pointer;
}



#contenu .acc .texte_acc .prix_generale{
float:left;
width:130px;
height:20px;
margin-top:10px;
}

#contenu .acc .texte_acc .prix{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#fff;
font-weight:bold;
margin-left:10px;
}
#contenu .acc .texte_acc .prix22{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#000;
font-weight:bold;
margin-left:20px;
}

#contenu .acc .texte_acc .prixbarre{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
font-weight:bold;
text-decoration:line-through;
margin-left:5px;
}

.infos {
float:left;
margin-left:120px;
margin-top:12px;
background-image:url(../images/charte/infos.gif);
background-repeat:no-repeat;
width:92px;
height:14px;
cursor:pointer;
}

.picto{
background:transparent url(../images/charte/picto1.png) no-repeat ;
	height:19px;
	left:150px;
	position:absolute;
	top:0px;
	width:140px;
	_background:url();
	 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto1.png', sizingMethod='crop');
}

.picto2{
background:transparent url(../images/charte/picto2.png) no-repeat ;
	height:19px;
	left:187px;
	position:absolute;
	top:0px;
	width:140px;
	_background:url();
	 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto2.png', sizingMethod='crop');
}

#pagination{
	width:600px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	margin-left:5px;
	margin-bottom:20px;
	border:none;
}


 #pagination p{
 text-align:center;
 margin-top:5px;
 color:#0000FF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;

}



 .prev{
	float:left;
	width:123px;
	height:35px;
	
}
 .next{
	float:right;
	width:123px;
	height:35px;

}

#contenu .listing2{
	float:left;
	width:550px;
	margin-left:20px;
	margin-top:15px;
	
}
#contenu .listing2 .titrelisting2{
	width:80px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:0px;
	color: #000000;
	font-size:13px;
	font-weight:bold;
	margin-right:0px;
}

#contenu .listing2 select{
	width:180px;
	margin-left:0px;
	background-color: #fff;
	color:#780001;
	font-size:11px;
	margin-right:20px;
}

/***************** Guide *****************/
.table{
float:left;
width:589px;
}


#contenu .table p{
color:#FFFFFF;
text-align:center;
font-weight:bold;

}

#contenu .table td .txt_gras{
color: #CCCCCC;
text-align:center;
font-weight:bold;
font-size:14px;
margin-top:10px;

}
#contenu .table td .txt_gras2{
color: #0099FF;
text-align:center;
font-weight:bold;
font-size:14px;
margin-top:10px;

}

#contenu .table td .txt_gras3{
color: #FF99FF;
text-align:center;
font-weight:bold;
font-size:14px;
margin-top:10px;

}

#contenu .table td {
border-bottom:1px solid #8d2803;

}

.lien{
float:left;
margin-left:140px;
width:600px;
}

/***************** Games *****************/
.game{
float:left;
margin-left:5px;
width:602px;
height:188px;
background-image:url(../images/charte/games.jpg);
background-repeat:no-repeat;
margin-bottom:10px:
}

.game img{
float:left;
margin-left:20px;
margin-top:10px;
}
.text_game{
float:right;
width:370px;
margin-right:10px;
margin-top:20px;
}

#contenu .game .text_game em{
font-size:16px;
line-height:20px;
}

/***************** marque *****************/

.marque{
float:left;
margin-right:40px;
background-image:url(../images/charte/fond_marque.jpg);
background-repeat:no-repeat;
width:108px;
height:107px;
margin-bottom:10px;
}

.marque img{
float:left;
margin-left:10px;
margin-top:10px;
}

/***************** ASTUCES *****************/

.astuce{
float:left;
background-image: url(../images/charte/actu1.jpg);
background-repeat:no-repeat;
width:588px;
background-color:#ae2e01;
margin-bottom:30px;
}

.astuce img{
float:left;
margin-left:20px;
margin-top:20px;
margin-bottom:20px;
}

.text_actu{
float:right;
width:400px;
margin-right:5px;
margin-top:20px;
}

#contenu .astuce .text_actu p{
text-align:justify;
font-size:12px;
}
#contenu .astuce .tit_astuce{
text-align:justify;
font-size:12px;
font-weight:bold;
color:#000000;
width:400px;
height:10px;
}

#contenu .astuce .date_astuce{
text-align:justify;
font-size:12px;
font-weight:bold;
color: #CCCCCC;
width:400px;
height:20px;
}




.astuce2{
float:left;
background-image: url(../images/charte/actu2.jpg);
background-repeat:no-repeat;
width:497px;
background-color:#ae2e01;
margin-bottom:30px;
}
#contenu .astuce2 .tit_astuce2{
text-align:justify;
font-size:13px;
font-weight:bold;
color:#fff;
width:490px;
height:10px;
text-align:center;
margin-top:15px;
}

.astuce2 img{
float:left;
margin-left:60px;
margin-top:20px;
margin-bottom:10px;
}

#contenu .astuce2 p{
text-align:center;
font-size:12px;
width:490px;
}

/***************** Contact *****************/

.coord{
float:right;
width:238px;
margin-right:0px;
margin-top:20px;

}
.coord img{
float:left;
margin-top:20px;
margin-right:0px;

}

.coord p{
text-align:center;

}

#formulaire{
float:left;
width:340px;
margin-left:100px;
margin-top:20px;


}

#container2 #contenu #contact_fomulaire {
float:left;
width:200px;
margin-left:0px;
margin-top:20px;
}
#contact_prop {
	width:290px;
	float:left;
	margin-left:10px;
}
#contenu label{
	font-size:12px;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;

}

#contenu #formContact  input, #contenu #formContact textarea{
	width:200px;
	border:1px solid #730202 ;
	font-size:11px;
	color:#fff;
	background-color: #c15f3c;
	font-family:Arial, Helvetica, sans-serif;
}


#contenu #formContact  input, #contenu #formContact .text2{
	width:200px;
	border:1px solid #730202 ;
	font-size:11px;
	color:#fff;
	background-color: #c15f3c;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact .autre{
	width:140px;
	font-size:12px;
	color:#fff;
}

#contenu #formContact input:focus, #contenuTexte #formContact textarea:focus{
	border:1px solid #730202 ;
}
#contenu #formContact .champRequis{
	color: #730202;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenu #formContact   .bouton {
	border:1px solid #730202;
	font-size:11px;
	color: #fff;
	background-color:#c15f3c;
	font-family:Arial, Helvetica, sans-serif;
	width:70%;
	font-weight:bold;
}
#contenu #formContact  .bouton:focus {
	border:1px solid #730202 ;
}

#contenu #formContact  .capa{
	width:150px;
	border:1px solid #730202;
	font-size:12px;
	color:#fff;
	background-color:#c15f3c;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact .capa:focus{
	border:1px solid #730202 ;
}

#contenu #formContact  .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}

#contenu .txt_bas3{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #fff;
width:330px;
margin-bottom:10px;


}

#contenu .txt_bas4{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
text-align:justify;
width:330px;
margin-left:10px;
margin-top:20px;


}

#contenu .coord .txt_loi{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:20px;
width:250px;

}

/***************** STYLE FICHE *****************/

.generale_fiche{
float:left;
margin-top:20px;
width:298px;
margin-bottom:20px;
}

.fiche{
float:left;
background-image:url(../images/charte/fiche.jpg);
background-repeat:no-repeat;
width:297px;
background-color:#ae2e01;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
}

.bottom-fiche{
float:left;
background-image: url(../images/charte/bottom_fiche.jpg);
background-repeat:no-repeat;
width:298px;
height:49px;
background-color:#ae2e01;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
margin-top:-5px;
}
#contenu .fiche .designatiion{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:280px;
height:40px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
margin-top:2px;
}

#contenu .fiche .marque_fiche{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:280px;
height:20px;
text-align:left;
color:#000;
font-weight:bold;
margin-top:10px;
margin-left:10px;
}


#contenu .fiche .marque_fiche span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#fff;

}
#contenu .fiche p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:280px;
text-align:justify;
color:#FFFFFF;
margin-top:5px;
margin-left:10px;
}
#contenu .fiche em{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:280px;
text-align:justify;
color:#FFFFFF;
margin-top:5px;
margin-left:60px;
}

#contenu .fiche span.resume{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:280px;
text-align:justify;
color: #000;
margin-top:5px;
margin-left:10px;
}
#contenu .fiche .marque_fiche .prix_fiche{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#fff;

}
#contenu .fiche .marque_fiche .prix_reduit{
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
text-align:left;
color:#590900;

}

.zonepanier{
float: left;
width:280px;
margin-left:20px;
margin-top:20px;
}
#contenu .fiche .zonepanier .titrepanier{
float:left;
width:100px;
margin-left:20px;
color: #000;
font-size:11px;
font-weight:bold;
}




#contenu .fiche .zonepanier select{
float:left;
width:100px;
margin-left:10px;
background-color:#fff;
color: #660000;
font-size:11px;
margin-top:5px;
}
#contenu .fiche .zonepanier .quantite{
float:left;
width:100px;
margin-left:10px;
background-color:#fff;
color:#000;
font-size:11px;
border:1px  #660000 solid;
}

.label1 {
	width:150px;
	line-height:2,2em;
	font-size:12px;
	color:#AEACAD;
	font-family:Arial, Helvetica, sans-serif;
}

.panier{
float:left;
margin-top:30px;
margin-left:60px;
}

.fiche_droite{
float:right;
width:275px;
background-image: url(../images/charte/fiche_droite.gif);
background-repeat:no-repeat;
margin-top:20px;
height:250px;
}

.fiche_droite img{
float:left;
margin-left:10px;
margin-top:30px;
}

/***************** STYLE PLAN DU SITE *****************/

.plan_gauche{
float:left;
width:250px;
margin-top:20px;
}

.plan_gauche ul.liste{
float:left;
margin-left:20px;
}

.plan_gauche li.liste1{
font-size:12px;
font-weight:bold;
color:#FFFFFF;
margin-bottom:8px;
}

.plan_gauche ul.liste2{
float:left;
margin-left:40px;
}

.plan_gauche li.liste11{
font-size:12px;
font-weight:bold;
color:#FFFFFF;
margin-bottom:8px;
}

.haut{
float:right;
margin-bottom:20px;
}

.logo{
float:left;
margin-left:50px;
margin-top:-25px;
}
.message_derrer {
	color:#CC0033;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.compte_user {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
}


/***************** STYLE Liens *****************/

.liens{
float:left;
background-image:url(../images/charte/liens.jpg);
background-repeat:no-repeat;
width:194px;
height:210px;
margin-bottom:20px;
text-align:center;
margin-right:5px;
}

.vignette_image{
float:left;
width:187px;
height:122px;
margin-left:3px;
margin-top:20px;
margin-bottom:25px;
}

#contenu .liens p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
height:30px;
text-align:center;
}