/* 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:400px;

margin-top:10px;





}

.txt_acc p{

float:left;

width:380px;

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

font-size:13px;

color:#071266;

margin-top:10px;

line-height:2em;



}



#pave{

 float:left;

 width:184px;

 margin-left:5px;

 margin-top:10px;

 }

 

.top_pave{

 float:left;

 width:184px;

 height:59px;

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

 background-repeat:no-repeat;

 }

 .cont_pave{

 float:left;

 width:184px;

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

 background-repeat:repeat-y;



 }

  .cont_pave ul{

 float:left;

 width:160px;

 margin-left:20px;

 margin-top:10px;





 }

  .cont_pave li{

 float:left;

 width:160px;

 margin-bottom:5px;

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

 font-size:12px;

 color:#FFFFFF;

 margin-left:10px;





 }

 

#container .cont_pave p{

 width:170px;

 margin-left:5px;

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

 font-size:12px;

color:#FFFFFF !important;



 }

 .bottom_pave{

 float:left;

 width:184px;

 height:43px;

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

 background-repeat:no-repeat;

 }

 

 .image{

 float:left;

 width:550px;

 margin-top:10px;

 margin-bottom:10px;

 

 

 }

  .image img{

 float:left;

 margin-left:65px;



 

 }

 

 

 .ligne{

 float:left;

 width:550px;

 margin-bottom:10px;

 margin-top:10px;

 margin-left:20px;

 

 }

 /*----------------permis--------------- */

 

 .txt_permit{

 float:left;

 width:550px;

 

 }

#contenuTexte .txt_permit a:hover, #contenuTexte .txt_permit a:active {



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

font-size:13px;

color:#FAAF00;

line-height:2px;

font-weight:bold;

text-decoration:none;



 

 }

#contenuTexte .txt_permit a:link, #contenuTexte .txt_permit a:visited{



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

font-size:13px;

color:#FAAF00;

line-height:2px;

font-weight:bold;

text-decoration:underline;

 

 }

 .txt_permit p{

float:left;

width:550px;



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

font-size:13px;

color:#071266;

line-height:2px;





}



#liste{

float:left;

width:400px;

margin-left:40px;





}



#liste ul{

margin-left:20px;

margin-top:10px;

}

#liste li{

color:#071266;

font-size:12px;

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

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

}



 .txt_permit ul{

 float:left;

 width:520px;

 margin-bottom:5px;

 margin-left:20px;

 margin-top:5px;

 

 }

  .txt_permit li{

 float:left;

 width:520px;

 margin-bottom:5px;

 font-size:14px;

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

 }

 

  

 #titre2{

width:500px;

color:#FFA600;

font-size:14px;

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

font-weight:bold;

margin-top:10px;

 

 }

 

 .titre{

 float:left;

 width:100px;

 color:#fff;

font-size:12px;

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

font-weight:bold;

margin-left:50px;

margin-bottom:5px;

margin-top:5px;

 

 }

 

 

 



 /*----------------formation--------------- */

 

 

#container.remarque{

float:left;

width:380px;

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

font-size:13px;

font-weight:bold;

color:#FFA600;

margin-top:10px;

line-height:2em;



}





 /*----------------tarifs-------------- */

 

 

#tarif{

float:left;

width:450px;

margin-bottom:10px;

margin-left:20px;

margin-top:20px;



}

#tariftitre{

float:left;

width:160px;

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

font-size:12px;

color:#000E66;

font-weight:bold;

text-align:center;

margin-top:5px;

margin-bottom:5px;

}

#tarif .txtab{

width:160px;

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

font-size:12px;

color:#000E66;

margin-top:10px;

line-height:2em;

margin-left:5px;

text-align:center;

}
#tarif .txtab2{

width:160px;

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

font-size:12px;

color:#000E66;

margin-top:10px;

line-height:2em;

margin-left:5px;


}

#tarif .txtabligne{

width:480px;

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

font-size:12px;

color:#000E66;

margin-top:10px;

line-height:2em;

margin-left:5px;

text-align:center;

}
#contenuTexte .txt_permit #tarif .tariftxt{

width:100px;

margin-left:10px;

text-align:justify;

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

font-size:12px;

color:#000E66;

text-align:center;

}

 #tarif2{

width:200px;

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

font-size:12px;

color:#000E66;

margin-top:10px;

line-height:2em;

margin-left:5px;

text-align:center;

}

 

 

/*----------------contact-------------- */

 

 #formulaire{

float:left;

width:250px;

margin-bottom:10px;

margin-top:20px;



}





#formulaire img{

margin-bottom:10px;



}

#formulaire label{



font-size:12px;

font:Arial, Helvetica, sans-serif;

color:#000E66;

text-align:justify;

}



.b{

width:240px;

background-color:#FFC861;

color:#000E66;

font-size:12px;

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

border:1px solid #000E66;

}

.capca{

width:240px;

background-color:#FFC861;

color:#fff;

font-size:12px;

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

border:1px solid #282828;

}



#formulaire input:focus{



background-color:#FFC861;

color:#000E66;

font-size:12px;

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

border:1px solid #494949;

}

.textarea{

width:200px;

background-color:#FFC861;

color:#fff;

font-size:12px;

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

border:1px solid #282828;

}

#formulaire select{

width:240px;

background-color:#FFC861;

color:#000E66;

font-size:12px;

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

border:1px solid #282828;}



.themes select{

width:150px;

background-color:#000000;

color:#000E66;

font-size:11px;

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

border:1px solid #282828;

}

#formulaire textarea:focus{

background-color:#FFC861;

color:#000E66;

font-size:12px;

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

border:1px solid #494949;

}

#coordonne{

width:180px;

float:right;

margin-top:20px;

margin-right:8px;

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:120px;

background-color:#FFC861;

color:#000E66;

font-size:11px;

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

border:1px solid #000E66;

}

#coordonne p{

width:170px;

margin-top:5px;

text-align:justify;

font-size:12px;

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

color:#000E66;

}

#formulaire p{

width:230px;

font:Arial, Helvetica, sans-serif;

color:#000E66;

text-align:justify;

font-size:11px;

margin-bottom:15px;

}

#txt td{

vertical-align:center !important;}



input, textarea {

margin-bottom:3px !important;

}



#loi {

	width:500px;

	float:left;

	margin-top:5px;



}



#loi p {

	font-size:10px;



}



#gene {

	width:200px;

	margin-top:15px;

	margin-left:10px;

	float:left;



}



.txtcapa2 {

	width:340px;

}



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



#txt_merci{

float:left;

width:550px;

text-align:center;

margin-bottom:10px;



}



#txt_merci p{

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

font-size:12px;

color:#fff;

margin-top:10px;

text-align:center;}



#bouton_merci {

float:left;

width:100px;

margin-top:20px;

margin-left:120px;



}

.txt{

font:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FFFFFF;

}