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


#contenu ul li{
	padding-bottom:5px;
	font-size:1.2em;
	text-align:left;
	color:#3399cc;
	line-hight: 20px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url(../images/charte/puce.gif);
	margin:0px 0px 0px 25px;
} 


#contenuTexte h2{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#B74500;
}

/***********Accueil****/
#accueil{
width:620px;
float:left;
text-align:justify;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:620px;
	float:left;
}
#contactPlan{
	width:200px;
	float:left;
	margin-left:10px;
	padding-left:10px;
	margin-right:10px;
}

#contactPlan_txt{
	width:350px;
	float:left;
	padding-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}

#contactPlan_txt p{
	line-height:15px;
}


#formContact td{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding-right:5px;
	color:#3399cc;

}

#formContact input,textarea{
	width:150px;
	border:1px solid #3399cc;
	font-size:12px;
}

#container #formContact .input{
	font-size:12px;
	background-color:#3399cc;
	color:#FFFFFF;
	width:80px;
	}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}
/************ Page accueil question du mois*************/
#titre_question
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
width:100px;
float:left;
margin:5px 0px 5px 0px;

}

#titre_reponse
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#3399cc;
width:580px;
float:left;
margin: 10px 0px 5px 0px;
}

#titre_reponse p
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#3399cc;
line-height:16px;
text-align:justify;
}


#reponse
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#3399cc;
width:285px;
float:left;
margin:5px 10px 5px 0px;
}

#reponse p{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#3399cc;
line-height:16px;
text-align:justify;
}
.title{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
}


#titre_reponse img
{
margin:5px 5px 0px 0px;
border:solid 1px #000000;
}
#photo
{
width:580px;
}


/******************Diap****************/

#cadrephotos{
	float:right;
	width:420px;
	min-height:470px; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:500px;
	padding-left:2px;

	/*border:1px solid black;*/
}
#cadrephotos .vig{
	margin-right: 3px;
	margin-top:10px;
}

#cadrephotos img{
border:1px solid #000000;
}
/*****************Formation module************************/
#module{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#3399cc;
width:310px;
float:left;
padding-left:10px;
}

#module p{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#3399cc;
line-height:16px;
text-align:justify;
}
#titre{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
line-height:16px;
font-weight:bold;
width:310px;
float:left;
padding-left:10px;
margin-bottom:10px;
}

#contenu #module ul li{
	padding-bottom:5px;
	font-size:1.0em;
	text-align:left;
	color:#3399cc;
	line-hight: 5px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url(../images/charte/puce.gif);
	margin:0px 0px 0px 20px;
}