/* Feuille de style pour le contenu des pages 

 * C'est cette feuille de style qui doit être liée aux pages du site

 * La feuille de style de la charte est appelée depuis cette feuille.

 */

 

/* Import des style pour la charte */

@import "charte.css";



#contenu input,textarea{

	width:97%;

	border:1px solid #CB2975;

	font-size:12px;

	color:#000;

	background-color:#F4E1EF;

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



}

#contenu input:focus,textarea:focus{

	border:1px solid #A89BA3;

}

#contenu .champRequis{

	color:#A4034E;

}



#contact_fomulaire {

	width:450px;

	float:left;

	margin-bottom:10px;

	margin-left:40px;

	margin-top:10px;

}



#contenu .boutonform {

	border:1px solid #CC0000;

	font-size:12px;

	color:#000;

	background-color:#FEF8E6;

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

	width:130px;

}



#contenu .boutonform:focus {

	color:#CF1618;

}



.titre_parti {

	width:200px;



	margin-bottom:15px;

	margin-left:0px;

}





#contact_coordonnees {

	width:300px;

	float:left;

	margin-left:20px;

	margin-bottom:20px;

	margin-top:10px;

}





.contact_plan {

	width:230px;

	float:left;

	margin-left:20px;



}



#caractristik{

	width:270px;

	float:left

}



#contenu .txt_bas{

	font-size:9px;

}





#contenu .capa{

	width:95%;

	border:1px solid #CC0000;

	font-size:12px;

	color:#000;

	background-color:#FEF8E6;

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

}



#contenu .capa:focus{

	border:1px solid #FEC30A;

}



#contenu label {

	font-size:12px;

	color:#000;

	line-height:1.8em;

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

	padding-bottom:10px;

}





#contenu .loi {

	width:780px;

	margin-left:40px;

}





/* ------------------------------- Général ------------------------------- */







#contenu .enval {

	color:#9240ba;

	font-weight:bold;

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

}

#contenu .envalnew {

	color:#DA4A8D;

	font-weight:bold;

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

	/*border-bottom:1px solid #333;*/

	line-height:1.5em;

	text-align:center;

	margin:0px;

	padding:0px;

}



#contenu .enval2 {

	color:#A599A0;

	font-weight:bold;

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

	font-size:15px;

}



#contenu .envalcenter {

	color:#006600;

	font-weight:bold;

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

	text-align:center;

	width:480px;

	margin-left:80px;

	margin-bottom:15px;

}





#contenu li {

	font-size:12px;

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

	list-style-image:url(../images/charte/puce2.gif);

	line-height:1.8em;

	text-align:justify;

	

}

#contenu ul {

	margin-left:40px;

	margin-bottom:10px;

	margin-top:5px;

	line-height:1.8em;

}



#contenu .liste {

	font-size:12px;

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

	list-style-image:url(../images/charte/puce3.gif);

	line-height:1.5em;

	text-align:justify;

	

	

}



#contenu .listeul {

	margin-left:80px;



}







/* ------------------------------- Accueil ------------------------------- */



#txtacc {

	width:550px;

	float:left;

	margin-right:10px;

}



#txtacc2 {

	width:550px;

	float:left;

	margin-top:20px;

}





.image {

	width:110px;

	float:left;

	margin-right:7px;

	margin-bottom:5px;

}



#encartacc {

	width:351px;

	float:right;

	margin-bottom:10px;

	margin-left:10px;
	
	margin-top:40px;

}



#encartacc {

	width:351px;

	float:right;

	margin-bottom:10px;

	margin-left:10px;

}





.encartop {

	width:351px;

	height:31px;

	float:left;

	background-image:url(../images/charte/acctop2.jpg);

	background-repeat:no-repeat;

}



#texte .encartop p {

	width:171px;

	height:20px;

	margin:5px 5px 0 10px;

	color:#9240ba;

	font-weight:bold;

	font-size:14px;

	border-bottom:dotted 1px #DA4A8D;

}



.encarcont {

	width:351px;

	float:left;

	background-image:url(../images/charte/accont.jpg);

	background-repeat:repeat-y;

}

.encarbas{

	width:351px;

	height:31px;

	float:left;

	background-image:url(../images/charte/accbottom2.jpg);

	background-repeat:no-repeat;

}



.sel {

	width:310px;

	margin-left:20px;

	margin-top:20px;

}



.sel img {

	margin-right:5px;

	margin-bottom:5px;

	float:left;

}



#encartacc .savoir {

	float:right;

}



#texte4{

	float:left;

	width:940px;

	padding:0 0 0 20px;

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

	background-repeat:repeat-y;

}





/* ------------------------------- Visage ------------------------------- */



#texte1{

	float:left;

	width:940px;

	padding:0 0 0 20px;

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

	background-repeat:repeat-y;

}



#texte  .produit {

	width:600px;

	margin-left:20px;

	margin-bottom:15px;

	float:right;

}





.prodtop {

	width:600px;

	height:5px;

	float:left;

	background-image:url(../images/charte/prodtop1.jpg);

	background-repeat:no-repeat;

}



.prodcont {

	width:600px;

	float:left;

	background-image:url(../images/charte/prodcont1.jpg);

	background-repeat:repeat-y;

}



.prodbas {

	width:600px;

	height:51px;

	float:left;

	background-image:url(../images/charte/prodbas1.jpg);

	background-repeat:no-repeat;

}


.prodregard {

	width:600px;
	
	height:0;

	float:left;

}




.prodimag {

	width:118px;

	border:1px solid #DA4A8D;

	margin-left:18px;

	margin-top:5px;

	margin-right:10px;

	margin-bottom:7px;

	float:left;

}



.prodcont p {

	margin-top:2px;

	margin-right:10px;

	margin-left:18px;

}









 .prix {

	width:120px;

	float:right;

	margin-top:-10px;

	

}

.prix .prix_produit{

	color:#DA4A8D;

	font-weight:bold;

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

	

}

.detail {

	width:90px;

	float:right;

	margin-right:10px;

	margin-top:5px;

}



#texte .produit .prodbas .detail a {

	width:90px;

	height:31px;

	background-image:url(../images/charte/detail.jpg);

	background-repeat:no-repeat;

}



/* ------------------------------- fiche ------------------------------- */

#visuelfiche {

	width:161px;

	float:left;

	margin-left:18px;

	margin-top:15px;

	margin-right:10px;

	margin-bottom:7px;

}

.ficheimag {

	width:161px;

	border:1px solid #DA4A8D;

	float:left;

}

.titre{

	color:#DA4A8D;

	text-transform:uppercase;

	font-weight:bold;

}



#texte fieldset {

	margin-right:10px;

	border-style:double;

	border-color:#C4B5BD;

}

#texte1 legend {

	color:#A89EA4;

	margin-left:17px;

	font-weight:bold;

	padding-left:5px;

	padding-right:5px;

}



#caracterefiche {

	width:400px;

	float:left;

	margin-top:10px;

	

}



 .prixfiche {

	width:120px;

	float:left;

	margin-left:30px;

	

}



 .prix2 {

	width:100px;

	float:right;

	margin-right:10px;

	

}

 .new {

	width:80px;

	float:right;

	margin-right:12px;

	background-color:#dddddd;

	

}

 .prix3 {

	width:100px;

	height:10px;

	float:right;

	margin-right:10px;

	margin-top:5px;

	

}



.txtepil {

	width:400px;

	float:left;

	margin-top:5px;

	margin-left:40px;

}

.espace {

	height:5px;

}



#texte3{

	float:left;

	width:940px;

	padding:0 0 0 20px;

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

	background-repeat:repeat-y;

}



/* ------------------------------- plan ------------------------------- */



.plangauche {

	width:200px;

	float:left;

	margin-right:30px;

	margin-left:160px;

	margin-bottom:20px;

}



.plangauche1 {

	width:200px;

	float:left;

	margin-right:30px;

	margin-bottom:20px;

}



/* ------------------------------- merci ------------------------------- */

.decaletab {

	margin-left:150px;

	margin-top:20px;

}

#test{

display:none;

}

/************************************pagination***********************************/

.pagination{

width:600px;

float:left;

margin-left:180px;

margin-bottom:10px;

text-align:center;



}