/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:normal 20px "trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFF;
margin:0 0 12px;
border-bottom:1px solid #e541aa;
}

#contenu h3{
font:bold 14px "trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
margin-bottom:3px;

}

#contenu h2{
font:bold 14px "trebuchet MS", Arial, Helvetica, sans-serif;
color:#8bbd06;
margin:0 0 7px;
border-bottom:1px dotted #8bbd06;
}
#contenu p{
font:11px/1.2em "trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
color:#FFF;
margin-bottom:1.2em;
}
#contenu p.index{
line-height:2em;}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#e541aa;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color:#e541aa;
}
#contenu h1 a:hover, #contenu h1  a:active{
color:#e541aa;
text-decoration:underline;
}
#contenu h1 a:link, #contenu h1 a:visited{
font-weight:bold;
text-decoration:none;
color:#e541aa;
}
#contenu a:hover, #contenu a:active{
color:#e541aa;
text-decoration:underline;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:11px/45px "trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}
/***************** STYLE CATALOGUE *****************/

.produit {
width:138px;
height:162px;
float:left;
margin:8px;
background:url(../images/charte/bg-catalogue.jpg) no-repeat;
padding:10px;}

#contenu .produit h1{
font:bold 11px "trebuchet MS", Arial, Helvetica, sans-serif;
color:#8bbd06;
border:none;
padding:0;
margin:0;}
#contenu .produit h2{
font:bold 14px "trebuchet MS", Arial, Helvetica, sans-serif;
color:#e541aa;
border:none;
padding:0;
margin:0;}

#contenu .produit a{
filter: alpha(opacity=100);
-moz-opacity: 1; opacity:1;}
#contenu .produit a:hover{
filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;}




#contenu .indexp{
position:relative;
	float:left;
	background-image:url(../images/charte/index.png);
	background-repeat:no-repeat;
	width:166px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/index.png', sizingMethod='image');
	margin-right:8px;}
	
#contenu .imgprod{
	float:left;
	margin:10px 5px 5px 5px;
	width:156px;
	text-align:center;
	height:120px;

	max-height:120px;
	}
	#contenu .imgprod img{
	z-index:800;
	border:1px solid #bd85a9;
	position:relative;}
	#contenu .imgprod img a{
	filter: alpha(opacity=100);
	
-moz-opacity: 1; opacity:1;
	}
	#contenu .imgprod img a:hover{
	filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;}

#contenu .indexp .desc{
	float:left;
	margin:0px 5px 10px 5px;
	width:167px; }
#contenu .indexp .desc h1{
	color:#8bbd06;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	border-bottom:none;
	margin-bottom:3px;
	height:60px;
	max-height:60px;
	width:156px;
	font-weight:bold;
	cursor:pointer;
	z-index:800;
	position:relative;
}
#contenu .indexp .desc h1 a{
text-decoration:none;}




#contenu .indexp .desc p.prix{
 width:150px;
text-align:center;
margin-top:10px;
text-align:center;
margin-bottom:0px;
}

#contenu .indexp .desc p span.prixgeneral{

	font-size:16px;
	color:#009900;
	font-weight:bold;
	width:80px;
	z-index:900;
	position:relative;

}

#contenu .indexp .desc p span.prix_barre_fiche{
font-size:11px;
color:#bd85a9;
margin-left:5px;
text-decoration:line-through;
z-index:200;
	position:relative;
}







.info{
	float:left;
	margin-left:5px;
	width:110px;
	margin-bottom:15px;
	cursor:pointer;
	height:22px;
	background-image:url(../images/charte/info.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/info.png', sizingMethod='image');
	cursor:pointer;
	z-index:800;
	position:relative;
}
.panierindex{
	float:right;
	margin-right:2px;
	width:107px;
	height:48px;
	margin-bottom:20px;
	background:url(../images/charte/panier.png) no-repeat;

	cursor:pointer;
	z-index:800;
	position:relative;

}

.indispo{
	float:right;
	margin-right:2px;
	width:107px;
	height:48px;
	margin-bottom:20px;
	background:url(../images/charte/indispo.png) no-repeat;

	cursor:pointer;
	z-index:800;
	position:relative;

}


.picto{
	width:83px;
	height:75px;
	position:absolute;
	background-image:url(../images/charte/picto.png);
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	_background:url();
	z-index:1900;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto.png', sizingMethod='image');

}
.pictol{
	width:85px;
	height:75px;
	position:absolute;
	background-image:url(../images/charte/picto.png);
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	_background:url();
	z-index:1900;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto.png', sizingMethod='image');

}



/**************************************************listing********************************************/
#contenu .listing{
	float:left;
	background-image:url(../images/charte/listing.png);
	background-repeat:no-repeat;
	width:166px;
	margin-bottom:0px;
	position: relative;
	z-index:0;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/listing.png', sizingMethod='image');
	margin-right:7px;}
	
#contenu .listing .imglist{
	float:left;
	margin:10px 5px 5px 5px;
	width:155px;
	text-align:center;
	height:120px;
	max-height:120px;
	}
	#contenu  .listing .imglist img{
	z-index:800;
	position:relative;
		border:1px solid #bd85a9;
		cursor:pointer;}

	


#contenu .listing .desc{
	float:left;
	margin:0px 5px 10px 5px;
	width:155px; }
#contenu .listing .desc h1{
	color:#e541aa;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	border-bottom:none;
	margin-bottom:3px;
	height:35px;
	max-height:35px;
	width:155px;
	font-weight:bold;
	cursor:pointer;
	z-index:800;
	position:relative;
}
#contenu .listing .desc h1 a{
text-decoration:none;
color:#e541aa;}

#contenu .listing .desc p.resum{
height:98px;
max-height:98px;
margin-bottom:2px;
color:#790b48;}
#contenu .listing .desc h2{
	color:#a4c74c;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	text-decoration:none;
	border-bottom:none;
	margin-bottom:3px;
	height:17px;
	max-height:17px;
	width:155px;

	font-weight:bold;
	cursor:pointer;
	z-index:800;
	position:relative;
}
#contenu .listing .desc h2 a{
text-decoration:none;
color:#a4c74c;}


#contenu .listing .desc p.prix{
 width:150px;
text-align:center;
margin-top:10px;
text-align:center;
margin-bottom:0px;
}

#contenu .listing .desc p span.prixgeneral{

	font-size:16px;
	color:#009900;
	font-weight:bold;
	width:80px;
	z-index:900;
	position:relative;

}

#contenu .listing .desc p span.prix_barre_fiche{
font-size:11px;
color:#bd85a9;
margin-left:5px;
text-decoration:line-through;
z-index:200;
	position:relative;
}


.infolist{
	
	float:left;
	margin-left:5px;
	width:110px;
	margin-bottom:30px;
	cursor:pointer;
	height:22px;
	background-image:url(../images/charte/info.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/info.png', sizingMethod='image');
	cursor:pointer;
	z-index:800;
	position:relative;
}
.panierlist{
	float:left;
	margin-left:12px;
	width:128px;
	height:48px;
	margin-bottom:75px;
	margin-top:0px;
	background-image:url(../images/charte/panier2.png);
	cursor:pointer;
	z-index:800;
	position:relative;
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/panier2.png', sizingMethod='image');
}








	
 #pagination{
	width:600px;
	float:left;
	
	text-align:center;
	margin-top:20px;
	margin-left:30px;
	
	margin-bottom:10px !important;
}

 #pagination p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-top:10px;

}


a .prev{
	float:left;
	width:100px;
	height:31px;
	color:#dc2286;
	text-decoration:none;
	cursor:pointer;

}
 #pagination  .prev p{
 float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:0px;
color:#dc2286;
z-index:800;
	position:relative;
}
a .next{
	float:right;
	width:100px;
	height:31px;
	color:#dc2286;
	text-decoration:none;
	
}
	
 #pagination .next p{
 float:right;
	font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:0px;
color:#dc2286;
z-index:800;
	position:relative;
	cursor:pointer;
	
}


 #pagination  p a{color:#dc2286;
 font-size:11px;
 text-decoration:none;}


 #pagination  p {color:#820a2b;
 font-size:11px;}
 


/*************************************************************************fiche******************************************************/



/*  page fiche  */
.left_fiche{
width:352px;
float:left;
height:420px;
}

.liste_img{
margin-top:10px;
width:352px;

}

.liste_img img{
border:1px ridge #d5379b;

}

.dec_img {
	margin-right:21px;
	
}
.g_img_fiche{
width:350px;
height:252px;
text-align:center;


}
.g_img_fiche img{
border:1px ridge #d5379b;
opacity:20%;
}


.right_fiche{
	
	width:320px;
	float:right;
	background-image:url(../images/charte/fiche.jpg);
	background-repeat:repeat-y;
	height:auto;
}
.barf{
float:left;
height:18px;
width:320px;

}	
.ami_fiche{
float:left;
text-align:center;
margin-bottom:30px;
margin-top:20px;
width:350px;}

#fiche{
float:right;
width:330px;}
#cont_fiche{
background-image:url(../images/charte/fiche.png);
background-repeat:no-repeat;
background-color:#FFFFFF;

_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/fiche.png', sizingMethod='image');
padding:5px 5px 10px 5px;
margin-bottom:0px;
width:320px;
float:left;
height:auto;

}

.ficheindispo{
background-image:url(../images/charte/indispofiche.png);
background-repeat:no-repeat;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/indispofiche.png', sizingMethod='image');
margin-top:0px;
cursor:pointer;
position:relative;
z-index:600;
width:330px;
float: left;
height:42;

}

#panfiche{
background-image:url(../images/charte/pan.png);
background-repeat:no-repeat;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/pan.png', sizingMethod='image');
margin-top:0px;
cursor:pointer;
position:relative;
z-index:600;
width:330px;
float: left;
height:42;

}

#associee{
float:left;
width:100%;
margin-top:20px;}
#dfiche{
float:left;
width:190px;
margin-right:7px;}
#gfiche{
float:left;
width:113px;}


#cont_fiche p.titre_fiche{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#e541aa;
text-align:center;
font-weight:bold;
margin-left:20px;
margin-right:20px;
border-bottom:1px dotted #e541aa;
margin-bottom:20px;
height:45px;

}



#cont_fiche h2{
	color:#a4c74c;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	text-decoration:none;
	border-bottom:none;
	margin-bottom:3px;
	font-weight:bold;
	
}

#cont_fiche p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#810c53;
line-height:1.6em;


}


#container #container2 #contenu #cont_fiche p stong, #container #container2 #contenu #cont_fiche p b {
font-weight:bold;
color:#e541aa;
}

#container #container2 #contenu #cont_fiche p em{
font-style: italic;
color:#810c53;

}

#container #container2 #contenu #cont_fiche ul{
margin-left:10px;
margin-bottom:5px;
margin-top:0px;

}

#cont_fiche li{
margin-left:20px;
margin-bottom:0px;
list-style-type:disc;
color:#e541aa;

}


#cont_fiche img{
float:left;
margin-top:20px;
}


#panier_fiche{
background-image:url(../images/charte/fichepanier.png);
background-repeat:no-repeat;

_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/fichepanier.png', sizingMethod='image');

width:330px;
float:right;
height:45px;
margin-right:0px;
margin-top:0px;


}


.label12 {
	width:60px;
	margin-left:10px;
	line-height:2em;
	font-size:11px;
	color:#fc0cb2;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}




.label2 {
	width:60px;
	margin-left:20px;
	font-size:12px;
	color:#e541aa;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	}
	
.listee2{
	width:110px;
	border:1px solid #fc0cb2;
	font-size:11px;
	color:#fff;
	background-color:#94c40c;
	font-family:Arial, Helvetica, sans-serif;
}


.qtit{
	width:60px;
	border:1px solid #e541aa;
	font-size:11px;
	float:left;
	color:#e541aa;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#cont_fiche p.prix{
 width:200px;
text-align:center;
margin-top:20px;
margin-left:50px;}

#cont_fiche p span.prixgeneral{

font-size:22px;
color:#009900;
background-image:url(../images/charte/feuil.png);
background-repeat:no-repeat;
_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/feuil.png', sizingMethod='image');
padding-left:25px;
font-weight:bold;
margin-right:10px;
}

#cont_fiche p span.prix_barre_fiche{
font-size:12px;
color:#bd85a9;
text-decoration:line-through;

}
.haut{
float:left;
width:150px;
margin-top:900px;}
#tab{
float:left;
width:520px;
margin-left:20px;
margin-bottom:20px;}
.tab1{
float:left;
margin:3px;
width:250px;
background-color:#fff;
text-align:center;

color:#e541aa;
line-height:1.6em;
font-family:"trebuchet MS",Arial,Helvetica,sans-serif;
font-size:13px;
text-align:center;}
.tab2{
float:left;
text-align:center;
margin:3px;
width:250px;
background-color:#bd85a9;
color:#620927;
line-height:1.6em;
font-family:"trebuchet MS",Arial,Helvetica,sans-serif;
font-size:13px;
text-align:center;}



/*****************************************date ne pas oublier************************************************/
#contenu  h2.titreoublier{
font:bold 14px "trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;

border:none;
text-align:left;
padding:0;
margin:0;}
#contenu p.textcenter{
text-align:left;}
.divdroite{
margin-top:50px;
margin-bottom:10px;
float:left;
width:350px;}
.oublier{
margin-left:180px;
margin-top:40px;}
/*********************************************************************************************************************************/



/***********************************************contact**********************************************/


#fomulaire {
	width:384px;
	float:left;
	padding-bottom:20px;
	
	
}
#contact_prop {
	width:290px;
	float:left;
}

#contact_prop p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#8425ce;}

#contact_plan a #imgplan {
	margin-left:0px;
	width:153px;
	

}


#contact_fomulaire input,textarea{
	width:95%;
	font-size:12px;
	border:1px solid #bc3a9d;
	color:#AA0479;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#contact_fomulaire input:focus,textarea:focus{
	border:1px solid #9bcb13;
}
#contact_fomulaire .champRequis{
	color:#8bbd06;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contact_fomulaire   .bouton {
	border:1px solid #bc3a9d;
	color:#fff;
	background-color:#AA0479;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}

#contact_fomulaire  .bouton:focus {
	border:1px solid #313131;
}

#contact_fomulaire  .capa{
	width:95%;
border:1px solid #bc3a9d;
	color:#AA0479;
	background-color:#fff;
	font-size:12px;
	
	font-family:Arial, Helvetica, sans-serif;
}

#contact_fomulaire  .capa:focus{
	border:1px solid #9bcb13;
}

#contact_fomulaire .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}



.titre_parti{
	margin-bottom:15px;
	margin-left:0px;
	width:100%;
	
}
.titre_parti22{
	margin-bottom:15px;
	margin-left:0px;
	width:200px;
	
}

.titre_particoor {
	margin-bottom:15px;
	margin-left:10px;
	float:left;
	width:50px;
}

.titre_parti2  {
	width:200px;
	margin-top:10px;
	margin-bottom:10px;
	
}
#contact_coordonnees {
	width:284px;
	float:left;
	margin-bottom:20px;
	margin-left:10px;
	padding-left:5px;

}
.decmerci {
	margin-left:50px;
	margin-top:20px;
}



#contact_loi {
	width:280px;
	float:left;
	margin-left:20px;
	margin-top:15px;
	padding-bottom:10px;
			padding-left:5px;
		margin-left:10px;
}
#contact_plan {
	width:280px;
	float:left;
	margin-left:10px;
}


#contact_fomulaire .txt_bas3 {
	font-size:11px;
	color:#fff;
	
}


#contact_loi .txt_bas{
	font-size:9px;
	color:#fff;}

#contact_fomulaire .txt_bas{
	font-size:9px;
	color:#e541aa;}
#contact_fomulaire .titre_parti .listee2{
	width:110px;
	border:1px solid #313131;
	font-size:12px;
	color:#313131;
	background-color:#ffecb8;
	font-family:Arial, Helvetica, sans-serif;
}

#contact_fomulaire .titre_parti .listee1{
	width:125px;
	border:1px solid #313131;
	font-size:12px;
	color:#313131;
	background-color:#ffecb8;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:15px;
	margin-right:15px;
}


#contact_fomulaire .titre_parti p.enval2{
	margin-top:10px;
	font-weight:bold;
	border-bottom:1px dashed #207BE4;
	color:#207BE4;
	font-size:12px;
}

#contact_coordonnees .titre_parti p.enval2{
margin-top:10px;
	font-weight:bold;
	border-bottom:1px dashed #207BE4;
	color:#207BE4;
	font-size:12px;
}
#contact_coordonnees p{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-align:left;
}
#contact_plan .titre_parti p.enval2{
margin-top:10px;
	font-weight:bold;
	border-bottom:1px dashed #207BE4;
	color:#207BE4;
	font-size:12px;
}


.img_acces{
margin-top:20px;
float:left;
width:298px;
height:299px;
margin-bottom:20px;
}

.desc_acces{
	width:620px;
	float:left;
	border:1px solid #313131;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;

}

.label3{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}
	
	#contact_fomulaire {
	width:380px;
	float:left;
	padding-bottom:20px;
	
	margin-right:10px;
}

#contenu ul.plan{

margin-bottom:5px;}

#contenu  li.l11{

list-style-image:url(../images/charte/fl.gif);
margin-left:20px;
margin-bottom:0px;
color:#e541aa;

}

#contenu  li.l12{

list-style-image:url(../images/charte/fl.gif);
color:#FFFFFF;
font:normal 11px Arial, Helvetica, sans-serif;
line-height:1.8em;
}

#contenu  li.l2{
margin-left:30px;

list-style-image:url(../images/charte/feuil2.gif);
}

#contenu  li.l22{
font:14px/1.6em "trebuchet MS", Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
margin-left:30px;
color:#850d5a;

list-style-image:url(../images/charte/feuil.gif);
}






#langage p.langue{
font:14px/1.8em "trebuchet MS", Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
color:#850d5a;
margin-bottom:1.2em;
}


#langage p.langue2{
font:14px/1.8em "trebuchet MS", Arial, Helvetica, sans-serif;
text-align:right;
font-weight:bold;
color:#850d5a;
margin-bottom:1.2em;
}

#langage{
float:left;
background:url(../images/charte/langage.jpg) no-repeat;
padding:30px 20px 10px 20px;
margin-left:90px;
margin-top:10px;
width:400px;
height:auto;}











#galerie{
float:right;
width:203px;
padding:0 8px;
margin:0 0 0 22px;
margin-bottom:25px;
height:320px;
background:url(../images/charte/bg-galerie2.jpg) left top no-repeat;
}

#invisible{
display:none;
}

