/* 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";
@import "jd.slideshow.css";

/* STYLE CONTENU */
#contenu h1{
font:bold 1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:left;
color:#fff;
border-bottom:1px solid #fff;
margin-bottom:10px;
}

#contenu h2{
font:bold 1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:left;
color:#d13d31;
display:inline;
}
#contenu p{
font:normal 1.3em Arial, Helvetica, sans-serif;
text-align:justify;
color:#0e3e76;
line-height:18px;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#d13d31;
letter-spacing:1px;
}
#contenu a:hover, #contenu a:active{
text-decoration:underline;
color:#000;
letter-spacing:1px;
}


/*-------ACCUEIL------------*/

#acc{
	margin-top:10px;
}

#acc li {
	list-style:url(../images/charte/puce1.jpg);
 	font:normal  1.3em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#0e3e76;
	margin:10px 10px 10px 40px ;
}

.left_mrg{
margin:5px 5px 5px 20px ;
line-height:20px;}


/*------------Legal------------*/

.eddi_color{
color:#FF0000;
font-weight:bold;}

/*-----------LIENS---------*/
.liens{
float:left;
width:700px;
margin-bottom:20px;

}

#contenu  .liens .p_lien{
float:left;
width:500px;
margin:5px;
font-weight:bold;}

.liens img{
float:left;
margin:5px;
}

.liens .unLien{

margin-bottom:20px;
border-bottom:2px dashed #CCE0F9;
float:left;
width:700px;
padding-bottom:10px;
}



#pagination {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:10px 0 30px 45px;
	text-align:center;
	color: #0066CC;
	vertical-align:middle;
}

.flesh_left{ 
	float:left;
	width:170px;
 
}

.flesh_right{
	float:left;
	width:150px;
 
}

.pages {
	float:left;
	text-align:center;
	width:300px;
	}
	
#pagination a:visited, #pagination a:link{
	margin:0 5px 0 5px;
	color: #0066CC;
	text-decoration:none;

}

#pagination a:hover {
	margin:0 5px 0 5px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity:0.50;
	text-decoration:none;

}


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

#bloc-contact {
	width: 400px;
	float:left;
	margin:0px 0 20px 10px ;
	padding:0;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #003366;
	letter-spacing:0.03em;
}

#contactTxte{
	width:250px;
	float:left;
	text-align:left;
	font-family:   Arial, Helvetica, sans-serif;
	color: #003366;
	font-size:12px;
}
#bloc-contact #contactPlan{
	width:45%;
	float:right;
}
#bloc-contact  #formContact input, #bloc-contact #formContact textarea{
	width:250px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #003366;
	padding:2px;
	border:   1px solid  #003366;
	background:none;
	
}

#bloc-contact  #formContact select{
	width:256px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;

	padding:1px;
	margin-left:0;
	border:   1px solid #003366;
	color: #003366;
	background: #FFFFE7;
	
}

#bloc-contact  #formContact .radio{
	width:10%;
	border:none;
}

#bloc-contact  #formContact .bouton{
	width:123px;
	height:20px;
	cursor:pointer;
	border:   1px solid #003366;
	color: #003366;
	background: #FFFFE7;
	padding:0 5px 2px 0px;
	margin-right:1px;
	font-size:12px;
}
#bloc-contact  #formContact .bouton:hover, #bloc-contact  #formContact .bouton:active {
	color: #CC0000;
	border:1px solid #CC0000;
}
#bloc-contact  #formContact input:focus,#bloc-contact  #formContact textarea:focus{
	color: #CC0000;
	border:1px solid   #CC0000;
}
.capa_text{
	font-size:10px;
	color: #003366;
	text-align:justify;
	padding:5px;}


#bloc-contact  #formContact .input_capa{
	width:60px;
	border:   1px solid #003366;
	color: #003366;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding:0px 5px;
	margin:0 0 18px 5px;
}

.nota{
	color: #003366;
	font-size:9px;
}

.champRequis{
	color: #DC4B47;
	font-size:9px;
}

#bloc-merci {
	width:650px;
	margin:10px 0px 5px 10px ;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
}

.bloc_coord_contact{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666666;
	margin-top:80px;
	margin-left:30px;
	line-height:30px;	
}

.bloc_coord_contact .bloc_coord_contact-i{
	font-style: italic;	
}


.img_contact{
	float:left;
	margin:70px 10px 0px 60px;
	padding:5px;
}

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


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

}

/**----FIN CONTACT-----------***/