/* 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";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:13px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

/*************** DEBUT * ACCUEIL ************************************/

#corp_page{
	width:600px;
	float:left;
}

.img_acc{
	position:relative;
	widows:650px;
	height:610px;
}


.img_acc1{
	position: absolute;
	top:0px;
	left:0px;
	width:420px;
	height:180px;
	z-index:20;
	background-image:url(../images/charte/acc1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}


.img_acc .img_acc2{
	position: absolute;
	top:140px;
	left:200px;
	width:420px;
	height:180px;
	z-index:10;
	background-image:url(../images/charte/acc2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

.img_acc .img_acc3{
	position: absolute;
	top:180px;
	left:10px;
	width:190px;
	height:380px;
	z-index:5;
	background-image:url(../images/charte/acc3.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

.img_acc .img_acc2:hover{
cursor:pointer;
}

#corp_page .acc_text{
	position: absolute;
	top:340px;
	left:200px;
	width:390px;
	height:283px;
	z-index:30;
	margin-left:10px;
	line-height:25px;
}

#corp_page .acc_text p{
	line-height:14px;
}

.acc-text-bas{
	float:left;
	width:650px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}


.acc-text-bas img:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity:0.70;
}


/******************************************************/

.picto_tire{

	background-image:url(../images/charte/tire.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	float:right;
	width:260px;
	height:50px;
	margin-top:50px;
	margin-bottom:10px;
	padding-top:15px;
	padding-left:0px;
	font-size:20px;
	font-weight:bold;
	letter-spacing:2px;
}


.met-text-bas{
	float:left;
	width:615px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.met-text-bas1{
	float:left;
	width:615px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}


.met-text-bas p{
	line-height:40px;
}


.met-text-bas1 p{
	line-height:40px;
}

.met-text-bas img:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity:0.70;
}

.equi1_photo{
	float:right;
	margin-left:20px;
}

.equi2_photo{
	float:left;
	margin-right:20px;
	margin-top:10px;
}

/*********************QUESTIONNAIRE****************************/

.questions0{
	margin-top:10px;
	font:normal 12px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #FFFFFF;
		padding-left:10px;
}

.questions0 li {
	margin-left:20px;
	list-style:decimal;

}

.questions{
	margin-bottom:20px;
	font:normal 12px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	
}

.questions0 .questions li {
	margin-left:20px;
	list-style: none;
}

#formContact{
	float:left;
	width:410px;
	}

#formContact .radio1 {
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #006699;
	padding-left:2px;
	border:0px;
	background:none;
	width:15px;
	margin-left:10px;
}

#bloc-question{
	width:600px;
	float:left;
	margin:20px 10px 0 10px;
	padding-left:5px;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0;
}
#bloc-question2{
	width:500px;
	float:left;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0;


}
#bloc-question2 input, #bloc-question2 textarea{
	width:90%;
	margin:0;
}

#contenu #bloc-question2 label{
	width:150px;
	text-align:right;
	display:block;
	padding-right:5px;
	color: #FFFFFF;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
}

#bloc-question2  #adresse{
text-align:left;
	width:90%;
	margin:0;
}



/* ----------STYLE DE LA PAGE CONTACT------------------------- */


#bloc-contact {
	width:410px;
	float:left;
	margin:20px 0px 0 10px;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding:0;

}

#bloc-contact-adresse1 {
	float:right;
	margin-top:20px;

}
#bloc-contact-adresse {
	width:100%;
	float:left;
	margin-top:22px;
	font:normal 13px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:center;

}




#bloc-contact table {width:100%;}

 #formContact select{
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	border:1px solid  #FFFFCC ;
	background: #586120;
}
#formContact input, #formContact textarea, #formContact select.liste-form, #formContact .bouton  {
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left:2px;
	padding-right:10px;
	border:1px solid  #FFFFFF;
	background:none;
}


#formContact .chekbox1 {
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-left:2px;
	border:0px;
	background:none;
	width:15px;
	margin-left:10px;
}

#formContact input, #formContact textarea{
	width:90%;
	margin:0;
}

#contenu #bloc-contact label{
	width:80px;
	text-align:right;
	display:block;
	padding-right:5px;
	color: #FFFFFF;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
}

#formContact  input:focus, #formContact textarea:focus{
	border-color: #FFCC33;
}
#formContact .champRequis{
	color: #FFFFFF;
}

#formContact .check{
	width:10%;
	border:none;
	margin:0 3px 3px 0;
	color:#333;
}

#formContact select.liste-form{
	width:182px;
	text-align:left;	
	color:#757063;
}

#formContact .bouton_form  {
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border:1px solid  #FFFFFF;
	background:none;
	width:80px;
	height:20px;
	cursor:pointer;
	color: #FFFFFF;
	padding:0 5px 2px 5px;
	margin:2px 2px 12px 2px ;
	font-variant:small-caps;
	font-size:12px;
}


#formContact .bouton{
	width:80px;
	height:20px;
	cursor:pointer;
	color: #FFFFFF;
	border:1px solid ;
	background:none;
	padding:0 5px 2px 5px;
	margin:2px;
	font-variant:small-caps;
	font-size:12px;
}
#formContact .bouton:hover, #formContact .bouton:active {color:  #FFCC33 ; border:1px solid  #FFCC33;}

#contenu #formContact .nota {
	font:italic 10px Arial, Helvetica, sans-serif;
	color:  #FFFFFF;
	text-align:right;
	line-height:12px;
	}
	
 .nota1 {
	font:italic 10px Arial, Helvetica, sans-serif;
	color:  #FFFFFF;
	text-align:right;
	line-height:12px;
	}
	#formContact #captcha{
margin:0 0 18px 10px;
}

#formContact #code{
margin:0 0 18px 10px;
}

#contactTxte{
	width:250px;
	float:left;
	text-align:left;
	font-family:   Arial, Helvetica, sans-serif;
	color:  #006699;
	font-size:13px;
	margin-top:20px;
}
#contactTxte img{
margin-left:5px;	
}
	

.div_middle {
	float:left;
	margin:0 0 0 0px;
}


.img_contact{
padding-top:5px;
text-align:center;
margin:-15px 0 0 0 ;

}

.hyg_color{
color:#FF6600;
font-weight:bold;
font-size:13px;}


/**************FAQ********************************/

.faq{
	float:left;
	width:100%;
	margin-top:10px;
		font:normal 12px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.faq li {
	margin-left:20px;
	list-style: url(../images/charte/puce-faq.jpg);
	padding-bottom:10px;
}

/******************LIVRE************************************/

#blocgche-contact {
	width:600px;
	float:left;
	margin-top:20px;
	padding:0px 5px 5px 10px;
	}

#blocgche-contact p {
	color: #FFFFFF;
	line-height:18px;
}

#blocgche-contact .sh5 {
	font-size:13px;
	font-weight:bold;
	color: #FFFF66;
	text-align:left;
	margin-top:5px;
	
}

#blocgche-contact .sh6{
	font-size:13px;
	color: #FFFF66;
	text-align:left;
	margin-top:5px;
	margin-bottom:10px;	
}

.separe{
	margin-bottom:20px;
	margin-top:10px;
	border-bottom: #FF9933 1px solid;
	
}


/**********************************/


.cgv{
	float:left;
	width:615px;
}

.cgv p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

.color_cgv{
color:#FFCC33;
font-weight:bold;
font-size:13px;}
#optia_class{
display:none;
}

.promoprix{
font-size:110%;
color:#CC3366;
}