/* 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 CONTENU */
#contenu h1{
font:bold 1.8em Arial, Helvetica, sans-serif;
text-align:left;
color:#f0b300;
border-bottom:2px dotted #fff;
margin-bottom:17px;
}
#contenu h2{
font:bold 1.4em Arial, Helvetica, sans-serif;
text-align:left;
color:#f0b300;
margin-bottom:7px;
border-bottom:1px dotted #fff;
}

#contenu h3{
font:bold 1.4em Arial, Helvetica, sans-serif;
text-align:center;
color:#63C12F;
float:left;
width:400px;
margin:10px 0 7px 260px !important; margin:10px 0 7px 130px;
}


#contenu p{
font:normal 12px Arial, Helvetica, sans-serif;
text-align:justify;
color: #fff;
line-height:17px;
margin-top:7px;
}

#contenu p.contact_offre{
font:normal 12px Arial, Helvetica, sans-serif;
text-align:justify;
color: #fff;
line-height:17px;
margin-top:7px;
width:525px;
}

#contenu .jaune {
	color:#EFB201;
	font-weight:bold;
	}

#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color: #f0b300;
padding:0 3px;
}
#contenu a:hover, #contenu a:active{
font-weight:bold;
text-decoration: underline;
color:#f0b300;

}
/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:330px;

	border:1px solid #850118;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#850118;
		width:330px;
}
#formContact .champRequis{
	color:#FF0000;
		width:330px;
}
.txt-form{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}
.champs-form{
background-color:#fff;
color:#B21242;
font-family: Arial, Helvetica, sans-serif;
border:1px solid #850118;
font-size:12px;
	width:330px;

}

.boutton-form{
background-color:#fff;
color:#B21242;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
border:none;
border:1px solid #B21242;
cursor:pointer}
.formulaire{
float:left;
width:400px;
}




.loi{
text-align:justify;
font-size:11px;
color:#000;

}
.plan{
float:right;
width:280px;
margin-top:17px

}
/* STYLE DE LA PAGE ACCUEIL */
.liste0{
float:left;
margin-top:10px;
width:715px;
display:block;

}
.liste0 ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	border:none;

}
 .liste0 li{
	
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/charte/puce.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 10px 18px;
	border:none;
	margin-left:20px;
}
.liste{
float:left;
width:320px;

}
.liste ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	border:none;

}
 .liste li{
	
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/charte/puce.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 10px 18px;
	border:none;
	margin-left:20px;
}
.liste2{
float:left;
width:320px;

}
.liste2 ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	border:none;

}
 .liste2 li{
	
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/charte/puce.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 10px 18px;
	border:none;
	margin-left:20px;

}
.liste3{
float:left;
width:450px;

}
.liste3 ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	border:none;

}
 .liste3 li{
	
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/charte/puce.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 10px 18px;
	border:none;
	margin-left:20px;	text-align:justify
}

#contenu .text-acc{
float:left;
width:452px;
}
#contenu .text-acc p{
float:left;
width:452px}
#contenu .actualites{
float:left;
width:228px;
background-image:url(../images/charte/actu.gif);
background-repeat:no-repeat;
padding:75px 5px 5px 33px;
}

#contenu .txt-act{
float:left;
width:225px;
margin-top:10px;
margin-bottom:5px

}
#contenu .titre-actu{
font:bold 1.3em Arial, Helvetica, sans-serif;
color:#B21242;
text-align:center;
float:left;
width:225px;

}

.couleur{
font-size:12px;
font-weight:bold;
color:#F0B300;
font-family:Arial, Helvetica, sans-serif}
.intitule{
font-size:14px;
font-weight:bold;
color:#F0B300;
font-family:Arial, Helvetica, sans-serif}
#contenu .color{
font-size:12px;

color:#B21242;
font-family:Arial, Helvetica, sans-serif}
.couleur2{
font-size:12px;
font-weight:bold;
color:#B21242;
font-family:Arial, Helvetica, sans-serif}
#contenu .titres{
font:bold 1.4em Arial, Helvetica, sans-serif;
color:#50D229}
.images{
float:left;
width:740px;}
.images img{
margin-right:-7px
}
.mfr{
float:left;
width:630px;
padding:10px;
background-image:url(../images/charte/bgrmfr.jpg);
background-repeat:no-repeat}
.textes{
float:left;
width:410px;}
.visuel{
float:right;
width:183px;
padding:2px;
margin-right:28px;
margin-left:5px;

}
.txt-tab{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}
.actu{
float:left;
width:540px;
padding:10px;
background-image: url(../images/charte/actualite.jpg);
background-repeat:repeat-y;
margin-bottom:10px;

}

.descriptif{
float:left;
width:320px}
.mag{
float:left;
width:540px;
padding:10px;
background-image: url(../images/charte/mag.jpg);
background-repeat:no-repeat;
margin-bottom:10px
}

.mag img{
float:left;
text-align:center;
margin-right:10px;
margin-bottom:5px}
.descriptif-mag{
float:left;
width:370px}
.descriptif-revue{
float:left;
width:530px}
.date{
float:right; width:100px;
margin-right:20px;
margin-top:-15px;
font-size:12px;
font-weight:bold;
color:#F0B300;
font-family:Arial, Helvetica, sans-serif;
text-align:right;}
.question{
float:left;
width:500px;
margin-top:20px}