/* 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:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}


/*----------------index------------------- */


.txt_acc{
float:left;
width:500px;

}

.txt_acc p{


color:#433D55;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom:10px;
margin-top:5px;
line-height:1.5em;
}

.txt_acc ul{


color:#433D55;
margin-left:20px;
margin-top:5px;

}

.txt_acc li{


color:#433D55;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
list-style-image:url(../images/charte/puce.jpg);
font-weight:bold;

}


#liste{


margin-left:20px;
margin-bottom:10px;
}

#liste ul{


margin-left:10px;

}

#liste li{


margin-left:20px;
color:#433D55;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
list-style-image:url(../images/charte/puce2.jpg);
text-align:justify;
}





#liste5{

margin-left:20px;
margin-bottom:10px;
margin-top:40px;
}

#liste5 ul{


margin-left:10px;


}

#liste5 li{


margin-left:20px;
color:#433D55;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
list-style-image:url(../images/charte/puce2.jpg);
text-align:justify;
}
#actu{
float:right;
width:160px;
margin-left:8px;
margin-top:10px;
margin-bottom:10px;



}
.top_actu{
float:left;
width:160px;
height:54px;

background-image:url(../images/charte/top_actu.jpg);
background-repeat:no-repeat;

}
.cont_actu{
float:left;
width:160px;

background-image:url(../images/charte/cont_actu.jpg);
background-repeat:repeat-y;

}
#actu .titre{
float:left;
width:100px;
font: Arial, Helvetica, sans-serif;
font-size:16px;
color:#B20F2D;
margin-left:40px;
margin-top:20px;
font-weight:bold;

}

#actu .soustitre{
float:left;
width:130px;
font: Arial, Helvetica, sans-serif;
font-size:12px;
color:#B20F2D;
margin-left:15px;
font-weight:bold;
text-align:center;
margin-bottom:10px;

}
#actu .titre2{
float:left;
width:130px;
font: Arial, Helvetica, sans-serif;
font-size:11px;
color:#B20F2D;
margin-left:15px;
margin-top:10px;
font-weight:bold;
text-align:center;

}
.cont_actu p{
float:left;
width:130px;
font: Arial, Helvetica, sans-serif;
font-size:12px;
color:#433D55;
margin-left:15px;



}

.bottom_actu{
float:left;
width:160px;
height:10px;
background-image:url(../images/charte/bottom_actu.jpg);
background-repeat:no-repeat;

}

/*----------------reference------------------- */


#txt_ref{
float:left;
width:700px;

}

.txt_ref ul{
float:left;
width:600px;
color:#433D55;
margin-left:20px;
margin-top:10px;

}
.txt_ref li{
float:left;
width:600px;
color:#433D55;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
list-style-image:url(../images/charte/puce.jpg);
font-weight:bold;
text-align:justify;
}

.reference{
float:left;
width:700px;
margin-top:20px;
margin-left:5px;
margin-bottom:20px;
}
.reference ul{
float:left;
width:650px;

}
.reference li{
float:left;
width:650px;
font: Arial, Helvetica, sans-serif;
font-size:13px;
color:#B20F2D;
margin-left:10px;
font-weight:bold;
list-style-image:url(../images/charte/puce2.jpg);
text-align:justify;
}

.reference p{
float:left;
width:600px;
color:#433D55;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:10px;
margin-top:5px;
line-height:10px;
}

#txt_ref .titre_ref{
float:left;
width:400px;
font: Arial, Helvetica, sans-serif;
font-size:13px;
color:#B20F2D;
margin-left:10px;
font-weight:bold;

}
.ligne{
float:left;
width:550px;
	

}

/*----------------cadre------------------- */



#txt_cadre{
float:left;
width:650px;

}

#txt_cadre p{
float:left;
width:650px;
color:#433D55;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:5px;
margin-bottom:10px;
}


#txt_cadre .titre3{
float:left;
width:600px;
color:#B20F2D;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
margin-bottom:10px;

}
#liste2{
float:left;
width:600px;
margin-left:20px;
margin-bottom:10px;
}

#liste2 ul{
float:left;
width:600px;
margin-left:10px;
margin-top:10px;

}
#liste2 li{
float:left;
width:600px;
color:#433D55;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
list-style-image:url(../images/charte/puce2.jpg);
margin-bottom:10px;
margin-left:10px;
text-align:justify;
}
#liste3{
float:left;
width:600px;
margin-left:20px;
margin-bottom:10px;
}

#liste3 ul{
float:left;
width:600px;
margin-left:10px;
margin-top:20px;
}

#liste3 li{
float:left;
width:600px;
color:#433D55;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
list-style-image:url(../images/charte/puce3.jpg);
margin-bottom:10px;
margin-left:10px;
text-align:justify;
}


/*----------------cadre------------------- */

#competence{
float:left;
width:650px;
margin-top:10px;
margin-bottom:10px;

}
#competence p{
float:left;
width:500px;
margin-left:10px;
color:#433D55;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

.image_competence{
float:left;
width:111px;
height:130px;
background-image:url(../images/charte/bg_ref.jpg);
background-repeat:no-repeat;

}

.image_competence img{
float:left;
margin-left:8px;
margin-top:10px;

}


#competence #liste4{
float:left;
width:450px;
margin-left:20px;

}

#liste4 ul{
float:left;
width:450px;
margin-left:10px;
margin-top:10px;

}
#liste4 li{
float:left;
width:450px;
color:#B20F2D;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
list-style-image:url(../images/charte/puce2.jpg);
margin-bottom:5px;
margin-left:10px;
text-align:justify;

}


 
/*----------------contact-------------- */
 
 #formulaire{
float:left;
width:400px;
margin-bottom:10px;
margin-top:20px;


}


#formulaire img{
margin-bottom:10px;

}
#formulaire label{

font-size:12px;
font:Arial, Helvetica, sans-serif;
color:#433D55;
text-align:justify;
}

.b{
width:200px;
background-color:#325C8C;
color:#fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #11396F;
}
.capca{
width:200px;
background-color:#325C8C;
color:#fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #11396F;
}

#formulaire input:focus{

background-color:#325C8C;
color:#fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #11396F;
}
.textarea{
width:200px;
background-color:#325C8C;
color:#fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #11396F;
}
#formulaire select{
width:200px;
background-color:#325C8C;
color:#fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #11396F;}

.themes select{
width:150px;
background-color:#325C8C;
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #11396F;
}
#formulaire textarea:focus{
background-color:#325C8C;
color:#fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #11396F;
}
#coordonne{
width:220px;
float:right;
margin-top:20px;
margin-right:10px;
margin-left:8px;
}

#coordonne img {
margin-bottom:10px;


}


.top_cor{
float:right;
width:190px;
height:48px;
background-image:url(../images/charte/top_cor.jpg);
background-repeat:no-repeat;
}

.cont_cor{
float:right;
width:190px;
background-image:url(../images/charte/cont_cor.jpg);
background-repeat:repeat-y;
}
.bottom_cor{
float:right;
width:190px;
height:40px;;
background-image:url(../images/charte/bottom_cor.jpg);
background-repeat:no-repeat;
}




#plan{
float:right;
width:180px;
margin-top:15px;
margin-right:8px;
margin-left:5px;


}

#formulaire .bouton_form{
width:98px;
background-color:#325C8C;
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #11396F;
}
#coordonne p{
width:200px;
margin-top:5px;
text-align:justify;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#433D55;
line-height:20px;
}
#formulaire p{
width:200px;
font:Arial, Helvetica, sans-serif;
color:#433D55;
text-align:justify;
font-size:11px;
margin-bottom:15px;
}
#txt td{
vertical-align:center !important;}

input, textarea {
margin-bottom:3px !important;
}

#loi {
	width:220px;
	float:right;
	margin-top:60px;

}

#loi p {
	font-size:10px;
	color:#433D55;

}



#formulaire .txtcapa {
	width:300px;
}

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

#txt_merci{
float:left;
width:650px;
text-align:center;
margin-bottom:10px;
margin-top:20px;

}

#txt_merci p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#433D55;
margin-top:10px;
text-align: justify;}

#bouton_merci {
float:left;
width:150px;
margin-top:40px;
margin-left:100px;
padding-bottom:50px;

}
.txt{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

.titremention{
float:left;
font: Arial, Helvetica, sans-serif;
font-size:12px;
color:#B20F2D;
font-weight:bolder;


}

#test{
display:none;
}