/***************** STYLE GLOBAUX *****************/

a img{

border:none;

}

a:active, a:focus{

outline:none;

text-decoration:none;

}

/***************** STYLE CONTENU *****************/

#content h1{

font:25px/30px Arial, Helvetica, sans-serif;

color:#C41212;

letter-spacing:0px;

height:40px;

margin-top:10px;

background:url(../images/charte/bg-h1.gif) no-repeat;

padding-left:30px;

}

#content h1 a:hover, #content h1 a:link{

text-decoration:none;}

#contenu h2{

font:bold 18px Arial, Helvetica, sans-serif;

color:#0000FF;

margin:15px 0 15px 0px;





}

#contenu h2 a:hover,#contenu h2 a:link,#contenu h2 a:active{

text-decoration:none;}

#content h3{

font:bold 12px Arial, Helvetica, sans-serif;

color:#C41212;

text-align:center;



}

#content h4{

font:bold 11px Arial, Helvetica, sans-serif;

color:#000;

margin-left:4px;



}

.vertical{

border-right:1px dotted #CCCCCC;

border-bottom:1px dotted #CCCCCC;}

.horiz{

border-bottom:1px dotted #CCCCCC;}



#content p{

font:10px/17px Verdana, Arial, Helvetica, sans-serif;

}

#content p em{

font-weight:bold;

}

content p.couleur, span.couleur{

font-weight:bold;

color:#0000FF;

}

#content a:link, #contenu a:visited{

font-weight:bold;

text-decoration:underline;

color:#C41212;

}

#content a:hover, #contenu a:active{

color:#0000FF;

}

/***************** STYLE FOOTER *****************/

#footer p{

font:bold 8px/12px verdana, Helvetica, sans-serif;

color:#000;

text-align:right;

padding:0 140px 0 0;

text-transform:uppercase;
text-align:right;

}

#footer a:link, #footer a:visited{

text-decoration:none;

color:#fff;

}

#footer a:hover, #footer a:active{

text-decoration:underline;

color:#fff;

}

#blocPack{

float:left;

width:230px;

background:url(../images/charte/bg-bloc.gif) repeat-y;

}

#blockPackPhoto{

width:190px;

margin-left:20px;

height:150px;

background:center center no-repeat;

}

#blockPackContenu{

width:170px;

margin-left:20px;

margin-top:10px;

padding:10px;

background:#FFFFFF;

font:bold 8px/12px Verdana, Helvetica, sans-serif;

color:#000;

}

.packTitre{

font:bold 14px/12px Verdana, Helvetica, sans-serif;

padding-bottom:3px;

line-height:1.2em;

height:40px;

max-height:40px;

border-bottom:1px solid #999;

margin-bottom:5px;

}

.packPrix{



}







p.centre{

	

	text-align:center;

	float:left;

	width:100%;

	max-height:20px;

	min-height:20px;

	text-decoration:none;

font:bold 16px/14px Verdana, Helvetica, sans-serif;

padding-bottom:3px;

padding-top:5px;

	}



 .centre span.prix{

	font-family:Arial, Helvetica, sans-serif;

	font-size:18px;

	font-weight:bold;	

	margin-right:5px;

	color:#0000FF;

		text-decoration:none;

	}



.centre span.prixbarre{

	text-decoration:line-through;

	color:#c41212;

	font-size:11px;

}



.packContent{

font:bold 8px/12px Verdana, Helvetica, sans-serif;

color:#000;

height:100px;

max-height:100px;

min-height:100px;

}









/*****************************************prestation****************************/







#gauche ul li{

margin-left:40px;

font:12px/17px Verdana, Arial, Helvetica, sans-serif;

color:#0000FF;

}



#gauche p{font:12px/17px Verdana, Arial, Helvetica, sans-serif;

}









/******************************************listing*********************************/





.produit{

float:left;

width:605px;

background:url(../images/charte/bg_listing.gif) repeat-y;

margin-left:20px;

}

.produit .prod{

width:200px;

margin-left:20px;

float:left;

margin-right:10px;

}



.partenair{

 width:90px;

margin-left:20px;

float:left;

margin-right:10px;

}





.produit .prod img {

text-align:center;

border:none;}

.desi{

float:left;

width:605px;

height:65px;

min-height:65px;

max-height:65px;

background:url(../images/charte/top_listing.gif) no-repeat;

margin-bottom:10px;

}

#contenu .produit .desi p a{	color:#0000FF;

	text-decoration:none;}



#contenu .produit .desi p{

margin-left:25px;

margin-top:25px;

font-family:Arial, Helvetica, sans-serif;

	font-size:18px;

	font-weight:bold;	

	margin-right:5px;

	height:65px;

min-height:65px;

max-height:65px;

	color:#0000FF;

	text-decoration:none;

}

.produit .desc{

width:355px;

float:left;

background:#FFFFFF;



}



.desc-part{

width:450px;

float:left;

background:#FFFFFF;

}





.produit .desc p.marque{

color:#c41212;

font-size:11px;

text-decoration:none;

margin-top:5px;

font:bold 12px Verdana, Helvetica, sans-serif;

margin-bottom:5px;

margin-left:10px;}



.produit .desc p{

margin-bottom:10px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color:#000;

margin-left:5px;}



.packTitre{

font:bold 14px/12px Verdana, Helvetica, sans-serif;

padding-bottom:3px;

line-height:1.2em;

height:40px;

max-height:40px;

border-bottom:1px solid #999;

margin-bottom:5px;

}







#contenu .produit .desc p.centre{

	

	text-align:center;

	float:left;

	width:200px;

	margin-left:50px;

	max-height:20px;

	min-height:20px;

	text-decoration:none;

font:bold 16px/14px Verdana, Helvetica, sans-serif;

padding-bottom:3px;

padding-top:5px;

	}



 #contenu .produit .desc .centre span.prix{

	font-family:Arial, Helvetica, sans-serif;

	font-size:18px;

	font-weight:bold;	

	margin-right:5px;

	color:#0000FF;

		text-decoration:none;

	}



#contenu .produit .desc .centre span.prixbarre{

	text-decoration:line-through;

	

	color:#c41212;

	font-size:11px;

	

}





.bottom_listing{

float:left;

width:605px;

height:25px;

background-image: url(../images/charte/bottomlisting.gif);

background-repeat:no-repeat;

}













/*******************************pagina*****************************/



 #pagination{

	width:500px;

	float:left;

	height:33px;

	text-align:center;

	margin-top:20px;

	margin-left:90px;

	margin-bottom:70px !important;

}



 #pagination p{

	text-align:center;

font:bold 11px Verdana, Arial, Helvetica, sans-serif;

	margin-top:10px;



}





a .prev{

	float:left;

	width:100px;

	height:31px;

cursor:pointer;

font:bold 11px Verdana, Arial, Helvetica, sans-serif;



}

 #pagination  .prev p{

font-family:Arial, Helvetica, sans-serif;

font-size:1.2em;

margin-top:0px;





}

a .next{

	float:right;

	width:100px;

	height:31px;

	cursor:pointer;

	

	

}

	

 #pagination .next p{

font-size:1.2em;

font:bold 11px Verdana, Arial, Helvetica, sans-serif;

margin-top:0px;



	

}





	

	.label1{

	width:80px;

	line-height:2.2em;

	font-size:12px;

	color:#c41212;

	font-family:Arial, Helvetica, sans-serif;



}

		.label11{

	width:80px;

	line-height:2.2em;

	font-size:12px;

	margin-left:50px;

	color:#c41212;

	font-family:Arial, Helvetica, sans-serif;

}

	.opt{

	color:#c41212;

	border-color:#c41212;

		margin-top:10px;

		padding-left:5px;

	

	}

	

	

	.logo{

	float:left;

	width:159px;

	text-align:center;

	margin-right:8px;

	height:165px;

	margin-top:10px;

	}



/*******************************************fiche*********************************************************/



.left_fiche{

width:282px;

float:left;

margin-right:10px;

margin-left:20px;

margin-top:60px;



}



.liste_img{

margin-top:8px;

width:282px;





}



.liste_img img{

border:1px ridge #820a2b;



}



.dec_img {

	margin-right:8px;

}



.g_img_fiche{

width:282px;

height:238px;

text-align:center;





}

.g_img_fiche img{

border:1px ridge #820a2b;

}











#drfiche{

float:left;

margin-left:10px;

background-image:url(../images/charte/bgfiche.gif);

background-repeat: repeat-y;

width:330px;

}

.ami{

float:left;

width:800px;

text-align:center;}



.desifiche{

float:left;

width:330px;

height:65px;

min-height:65px;

max-height:65px;

background:url(../images/charte/top_fiche.gif) no-repeat;



}



#drfiche .desifiche p{

	margin-left:13px;

	margin-top:15px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:bold;	

	margin-right:5px;

	height:60px;

	min-height:60px;

	max-height:60px;

	color:#0000FF;

	text-decoration:none;

}



#drfiche2{

width:320px;

height:auto;

float:left;

margin:0px;



padding:0 5px;

background:url(../images/charte/blocfiche.gif) repeat-y;}



#blanc p.marq{



	color:#c41212;

	font-size:11px;

	text-decoration:none;

	margin-top:5px;

	font:bold 12px Verdana, Helvetica, sans-serif;

	margin-bottom:5px;

	width:280px;

}

#blanc hr{

color:#999999;

float:left;

margin-top:10px;

 width:100%;

  text-align:center;

  }

  

  #drfiche2  #blanc h3{	

 	 color:#c41212;

	font-size:11px;

	text-decoration:none;

	width:280px;

	margin-top:10px;

	font:bold 12px Verdana, Helvetica, sans-serif;

	margin-bottom:15px;

	border-bottom:1px dotted #c41212; }



#drfiche2 #blanc{

background-color:#FFFFFF;

width:280px;

margin:0 10px;

float: left;

padding:0 10px 10px 10px;

}



#blanc p.ref{



	color:#c41212;

	font-size:11px;

	text-decoration:none;

	width:280px;

	margin-top:5px;

	font:bold 12px Verdana, Helvetica, sans-serif;

	margin-bottom:5px;





}

#blanc p{



width:280px;

float:left;



font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

margin-bottom:10px;





}



#blanc p.avis{

	

	width:280px;

	float:left;

	color:#c41212;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	margin-bottom:10px;

}



#blanc p.prix span{

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:normal;	

	margin-left:10px;



	color:#000;

		text-decoration:none;

}

#blanc p.prix{

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	margin-top:5px;

	

	font-weight:bold;	



	color:#0000FF;

		text-decoration:none;

	}



#blanc p.prix span.prixbarre{

	text-decoration:line-through;

	margin-right:0px;



	color:#c41212;

	font-size:11px;

	

}







.label12 {

	width:60px;

	margin-left:10px;



	line-height:2em;

	font-size:12px;

	color:#0000ff;

	height:30px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	float:left;

	

}



 .qtit{

width:95px;

	border:1px solid #0000ff;

	margin-top:-4px;

	font-size:10px;

	font-weight:normal;



	font-family: Verdana, Arial, Helvetica, sans-serif;

	color:#0000ff;

	background-color:#CCCCCC;



}



.com{

margin-left:5px;

float:right;}



.label2 {

	width:60px;

	margin-left:10px;



	

	font-size:12px;

	color:#0000ff;

	font-family:Arial, Helvetica, sans-serif;

	float:left;

	}

	

.label12 {

	width:60px;

	margin-left:10px;

	

	

	font-size:12px;

	color:#0000ff;

	font-family:Arial, Helvetica, sans-serif;

	float:left;

	}

	

.listee2{

	width:110px;

	border:1px solid #0000ff;

	color: #0000ff;

	background-color:#CCCCCC;

	margin-bottom:10px;

	font-size:10px;

	font-weight:normal;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



















/***************************************************contact***************************/





#fomulaire {

	width:384px;

	float:left;

	padding-bottom:20px;

	

	

}

#contact_prop {

	width:270px;

	float:left;





}







#contact_plan a #imgplan {

	margin-left:0px;

	width:153px;

	



}





#contact_fomulaire input,textarea{

	width:95%;

	font-size:12px;

	border:1px solid #c41212;

	font-size:11px;

	color:#c41212;

	background-color:#fff;

	font-family:Arial, Helvetica, sans-serif;

}



#contact_fomulaire input:focus,textarea:focus{

	border:1px solid #0000ff;

}

#contact_fomulaire .champRequis{

	color:#0000ff;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}

w

#contact_fomulaire   .bouton {

	border:1px solid #c41212;

	color:#fff;

	background-color:#c41212;

	font-size:11px;

	

	font-family:Arial, Helvetica, sans-serif;

	width:95%;

	font-weight: normal;

}



#contact_fomulaire  .bouton:focus {

	border:1px solid #0000ff;

}



#contact_fomulaire  .capa{

	width:95%;

border:1px solid #c41212;

	color:#c41212;

	background-color:#fff;

	font-size:12px;

	

	font-family:Arial, Helvetica, sans-serif;

}



#contact_fomulaire  .capa:focus{

	border:1px solid #0000ff;

}



#contenu .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:274px;

	float:left;

	margin-bottom:20px;

	margin-left:10px;

	border-left:1px dotted #880a2c;

	padding-left:5px;



}

#contact_coordonnees {

font-size:11px;

line-height:1.6em;}

.decmerci {

	margin-left:50px;

	margin-top:20px;

}







#contact_loi {

	width:240px;

	float:left;

	margin-left:20px;

	margin-top:15px;

	padding-bottom:10px;

	border-left:1px dotted #880a2c;

		padding-left:5px;

		margin-left:10px;

}

#contact_loi p{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color:880a2c#;

}

#contact_plan {

	width:250px;

	float:left;

	margin-left:10px;

}





#formContact .txt_bas {

	font-size:11px;

		color:#c41212;

			font-family:Verdana, Arial, Helvetica, sans-serif;

}

#formContact .txt_bas3 {

	font-size:10px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#c41212;

		

}



#contact_loi .txt_bas{

	font-size:9px;

	color:#880a2c;

		font-family:Verdana, Arial, Helvetica, sans-serif;

}







#contact_fomulaire {

	width:350px;



	float:left;

	padding-bottom:20px;

	margin-right:20px;

	

}



.label3{

color:#c41212;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;}



#content ul li {

list-style-image:url(../images/charte/puc.jpg);

margin-left:30px;

font-size:12px;

text-decoration:none;

}

#content ul li a{

text-decoration:none;}

#invisible{

display:none;

}