/* 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 */
#titre{
height:40px;
}
#texte h1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
line-height:30px;
height:30px;
color:#000;
margin:0px 0px 5px 0px;
font-weight:bold;
background-color:#FFFFFF;
padding:0 10px 0 0;
float:left;
clear:both;

}
#texte h2{
font-size:1.3em;
font-weight:bold;
line-height:30px;
height:30px;
text-align:left;
color:#000;
margin:10px 0px 5px 0;
}
#texte a:link, #texte a:visited{
	font-weight:bold;
		text-decoration:none;
	color: #000;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #000;
}
/* STYLE ACCUEIL */
#accueil {
	float:left;
	width:590px;
	margin:0px 0px 0px 0px;
}
#texte #accueil p{
	margin-bottom:5px;
}
.puceaccueil {
	float:left;
	width:220px;
	margin:0px 0px 10px 0px;
}
#container .puceaccueil ul{
	float:left;
    margin:5px 0 12px 0px;
	list-style-type:none;
	width:220px;
}

#container .puceaccueil li{
	 float:left;
     background:url(../images/puce.gif) no-repeat ;
	 padding:5px 0 2px 15px;
	 list-style-type:none;
	 color:#333;
	 font-size:12px;
	 text-align:justify;
	 width:220px;
}
.titaccueil{
	font-weight:bold;
	color: #F56025;
}
.titaccueil2{
	font-weight:bold;
	color: #7A4515;
}
.titimage{
	color: #FFF300;
}
.blocformation {
	float:left;
	width:589px;
	margin:0px 0px 10px 0px;
}
.blocjaunebas {
	float:left;
	width:589px;
	margin-top:10px
}
.blocjaunecentre {
	float:left;
	width:589px;
	background-image:url(../images/entre.gif);
	
	
}
#container .blocformation p{
	color: #333;
	margin:0px 5px 0px 5px;
}

.blocentreprise {
	float:left;
	width:589px;
	margin:0px 0px 10px 0px;
}
.blocentreprisebas {
	float:left;
	width:589px;
}
.blocentreprisecentre {
	float:left;
	width:589px;
	background-image:url(../images/entre1.gif);
}
#container .blocentreprise p{
	color: #333;
	margin:0px 5px 0px 5px;
}
.separation{
	border:1px solid #EDE5E4;
}

/* STYLE ACCUEIL */
.gauche {
	float:left;
	width:448px;
	margin:0px 5px 0px 0px;
}
.droite {
	float:left;
	width:135px;
	margin:0px 0px 0px 0px;
}
.pucejaune5 {
	float:left;
	width:580px;
	margin:0px 0px 10px 0px;
}
#container .pucejaune5 ul{
	float:left;
    margin:5px 0 12px 0px;
	list-style-type:none;
	width:500px;
}

#container .pucejaune5 li{
	 float:left;
     background:url(../images/puce1.gif) no-repeat ;
	 padding:5px 0 2px 20px;
	 list-style-type:none;
	 color:#333;
	 font-size:12px;
	 text-align:justify;
	 
	 width:500px;
}
.pucejaune {
	float:left;
	width:430px;
	margin:0px 0px 10px 0px;
}
#container .pucejaune ul{
	float:left;
    margin:5px 0 12px 0px;
	list-style-type:none;
	width:430px;
}

#container .pucejaune li{
	 float:left;
     background:url(../images/puce1.gif) no-repeat ;
	 padding:5px 0 2px 20px;
	 list-style-type:none;
	 color:#333;
	 font-size:12px;
	 text-align:justify;
	 width:430px;
}
.pucejaune1 {
	float:left;
	width:285px;
	margin:0px 0px 15px 5px;
}
#container .pucejaune1 ul{
	float:left;
    margin:5px 0 12px 0px;
	list-style-type:none;
	width:250px;
}

#container .pucejaune1 li{
	 float:left;
     background:url(../images/puce2.gif) no-repeat ;
	 padding:5px 0 2px 20px;
	 list-style-type:none;
	 color:#333;
	 font-size:12px;
	 text-align:justify;
	 width:250px;
}
.titenimage{
	font-weight:bold;
	color: #BB3F96;
}
.bas {
	float:left;
	width:590px;
	margin:0px 0px 0px 0px;
}
.basgauche {
	float:left;
	width:290px;
	margin:0px 5px 0px 0px;
}

/*PAGE FORMATION*/
.pucebleu {
	float:left;
	width:590px;
	margin:0px 0px 10px 0px;
}
#container .pucebleu ul{
	float:left;
    margin:5px 0 12px 0px;
	list-style-type:none;
	width:568px;
}

#container .pucebleu li{
	 float:left;
     background:url(../images/puce3.gif) no-repeat ;
	 padding:5px 0 2px 20px;
	 list-style-type:none;
	 color:#333;
	 font-size:12px;
	 text-align:justify;
	 width:568px;
}
.gauchenentreprise {
	float:left;
	width:302px;
	margin:0px 5px 0px 0px;
}
.droiteentreprise {
	float:left;
	width:275px;
	margin:0px 0px 0px 0px;
}
/*PGAE CONTACT*/
.contenucontact{
	float:left;
	width:590px;
	margin:0 0px 5px 0;
}
.contactpage {
	float:left;
	margin:7px 0 0px 0px;
	width:590px;
}
.gauchecontact{
	float:left;
	width:420px;
	margin:0px 10xp 0px 0;
}

.droitecontact{
	float:left;
	width:164px;
	margin:0px 0 5px 0;
	text-align:right;
}
.formulaire{
	float:left;
	width:590px;
	margin:0px 0xp 0px 0;
}
.bleunuit{
	font-size:12px;
	color:#6A370B;
}
.blanc{
	font-size:8px;
	color:#ffffff;
}
#container .loi {
	font-size:10px;
	color:#333;
}
.form {
	FONT-SIZE: 12px; 
	WIDTH: 100%; 
	COLOR: #333; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #EFE5DC;
	border-color:#E5D8CC;
	border:1px solid #E5D8CC;
}
.formulairebouton {
	FONT-SIZE: 12px; 
	WIDTH: 100%; 
	COLOR: #6A370B; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #EFE5DC;
	BORDER-BOTTOM: medium none;
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	border-color:#E5D8CC;
	
}
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact textarea{
	width:100%;
	border:1px solid #E5D8CC;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#E5D8CC;
}
#formContact .champRequis{
	color:#FAC87D;
}
/*PAGE RELOOKING*/
.pucevert {
	float:left;
	width:280px;
	margin:0px 0px 10px 0px;
}
#container .pucevert ul{
	float:left;
    margin:5px 0 12px 0px;
	list-style-type:none;
	width:250px;
}

#container .pucevert li{
	 float:left;
     background:url(../images/puce5.gif) no-repeat ;
	 padding:5px 0 2px 20px;
	 list-style-type:none;
	 color:#333;
	 font-size:12px;
	 text-align:justify;
	 width:250px;
}
.blocreelooking {
	float:left;
	width:589px;
	margin:0px 0px 10px 0px;
}
.blocjaunebas {
	float:left;
	width:589px;
}
.blocreelookingcentre {
	float:left;
	width:589px;
	background-image:url(../images/entre3.gif);
}
.blocreelookingcentre1 {
	float:left;
	width:589px;
	background-image:url(../images/entre31.gif);
}
.blocreelookingcentre2 {
	float:left;
	width:589px;
	background-image:url(../images/entre32.gif);
}
.blocreelookingcentre3 {
	float:left;
	width:589px;
	background-image:url(../images/entre33.gif);
}
.blocreelookingcentre4 {
	float:left;
	width:589px;
	background-image:url(../images/entre34.gif);
}
#container .blocreelooking p{
	color: #333;
	margin:0px 5px 0px 5px;
}

.pucevert1 {
	float:left;
	width:580px;
	margin:0px 0px 15px 3px;
}
#container .pucevert1 ul{
	float:left;
    margin:5px 0 12px 0px;
	list-style-type:none;
	width:560px;
}

#container .pucevert1 li{
	 float:left;
     background:url(../images/puce8.gif) no-repeat ;
	 padding:5px 0 2px 15px;
	 list-style-type:none;
	 color:#333;
	 font-size:12px;
	 text-align:justify;
	 width:560px;
}

/*PAGE MARIAGE*/
.titenmariage{
	font-weight:bold;
	color: #555;
}
.blocmariage {
	float:left;
	width:589px;
	margin:0px 0px 10px 0px;
}

.blocmariagecentre {
	float:left;
	width:589px;
	background-image:url(../images/entre6.gif);
}
.blocmariagecentre2 {
	float:left;
	width:589px;
	background-image:url(../images/entre34.gif);
}
#container .blocmariage p{
	color: #333;
	margin:0px 5px 0px 5px;
}
.pucemariage {
	float:left;
	width:300px;
	margin:0px 0px 15px 3px;
}
#container .pucemariage ul{
	float:left;
    margin:5px 0 12px 0px;
	list-style-type:none;
	width:300px;
}

#container .pucemariage li{
	 float:left;
     background:url(../images/puce8.gif) no-repeat ;
	 padding:5px 0 2px 15px;
	 list-style-type:none;
	 color:#333;
	 font-size:12px;
	 text-align:justify;
	 width:300px;
}
.pucemariage1 {
	float:left;
	width:300px;
	margin:0px 0px 15px 3px;
}
#container .pucemariage1 ul{
	float:left;
    margin:5px 0 12px 0px;
	list-style-type:none;
	width:300px;
}

#container .pucemariage1 li{
	 float:left;
     background:url(../images/puce8.gif) no-repeat ;
	 padding:5px 0 2px 15px;
	 list-style-type:none;
	 color:#333;
	 font-size:12px;
	 text-align:justify;
	 width:300px;
}
/*PAGE EQUIPE*/
.titenequipe{
	font-weight:bold;
	color: #D6096B;
}
.blocequipe {
	float:left;
	width:589px;
	margin:0px 0px 10px 0px;
}

.blocequipecentre {
	float:left;
	width:589px;
	background-image:url(../images/centrerose.gif);
}
#container .blocequipecentre p{
	color: #333;
	margin:0px 5px 0px 20px;
}
.puceequipe {
	float:left;
	width:280px;
	margin:0px 0px 15px 3px;
}
#container .puceequipe ul{
	float:left;
    margin:5px 0 12px 0px;
	list-style-type:none;
	width:260px;
}

#container .puceequipe li{
	 float:left;
     background:url(../images/puce9.gif) no-repeat ;
	 padding:5px 0 2px 15px;
	 list-style-type:none;
	 color:#333;
	 font-size:12px;
	 text-align:justify;
	 width:260px;
}

/*PAGE PARTENAIRE*/
.titrepartenaire{
	font-weight:bold;
	color: #000;
	margin:8px 0px 0 5px;
}
.blocparteanire {
	float:left;
	width:285px;
	margin:0px 5px 10px 0px;
}
.hautpartenaire {
	float:left;
	width:285px;
	height:39px;
	background-image:url(../images/hautpartenaire.gif);
}
.blocpartenairecentre {
	float:left;
	width:284px;
	background-image:url(../images/centrerose.gif);
}
#container .blocpartenairecentre p{
	float:left;
	margin:0px 5px 0px 0px;
	width:210px;
}
#container .blocpartenairecentre img{
	float:left;
	margin:0px 2px 0px 5px;
	border:1px solid #EF5AA1;
	width:60px;
}
.blocparteanirebas {
	float:left;
	width:300px;
}
/*PAGE ACTUALITES*/
.pagination{
    float:left;
	width:590px;
	padding:0px 0 10px 0;
	text-align:center;
	color:#F56025;

}
#container .pagination a{
    color:#F56025;
	text-decoration:none;
	font-size:12px;
}

#container .pagination  a:hover{
    color:#F9966E;
	text-decoration:underline;
	font-size:12px;
}

.blocractualites {
	float:left;
	width:589px;
	margin:0px 0px 10px 0px;
}

.hautactualites {
	float:left;
	width:589px;
	height:39px;
	background-image:url(../images/hautactualites.gif);
}
.titreactualites{
	float:left;
	font-weight:bold;
	color: #DFD7D0;
	padding:8px 0px 0 5px;
	width:140px;
}
.titreactualites1{
	float:right;
	color: #DFD7D0;
	padding:8px 5px 0 0px;
	width:140px;
	text-align:right;
}
.blocactualitescentre {
padding:5px;
	float:left;
	width:579px;
	background-image:url(../images/centreactualites.gif);
}
#container .blocactualitescentre img{
	float:left;
	margin:0px 5px 0px 5px;
	
	width:200px;
}
.txtactu{float:left;
width:368px;}
#container .blocactualitescentre p{
	color: #333;
	margin:0px 5px 0px 5px;
}
fieldset {
    float:left;
	width:350px;
	margin:0px 5px 5px 0px;
	padding:0px;
	border:1px solid #A7978A;
	font-size:12px;
	color:#333;
	text-align:justify;
	padding:5px 5px 10px 5px;
}
legend {
    margin:0 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#673910;
	font-weight:bold;
	font-style:italic;
}

/*PAGE ACCUEIL AMAL*/
.centre1{
float:left;
width:250px;
margin:10px 10px 10px 50px;
text-align:center;
}
.centre1 p{
float:left;

text-align:justify;
}
.centre2 {
float:right;
width:250px;
margin:10px 30px 10px 0px;
text-align:center;
}
#container .centre2 p{
float:left;
width:225px;
margin:5px 0px 10px 13px;
text-align:justify;

}
.centre3{
float:left;
width:220px;
margin:10px 10px 10px 50px;
text-align:center;
}
.centre3 p{

float:left;
margin:5px 0px 10px 18px;
text-align:justify;
}
.contac{
float:left;
width:150px;
margin-left:50px;}
.centre4 {
float:right;
width:220px;
margin:10px 40px 10px 0px;
text-align:center;
}
#container .centre4 p{
float:left;

margin:5px 0px 10px 18px;
text-align:justify;

}

.gauche2 {
	float:left;
	width:400px;
	margin:0px px 0px 0px;
}
.droite2 {
	float:right;
	
	margin:0px 0px 0px 5px;
}
.englobeul{
float:right;
width:480px;
}
.imageenceinte{
float:left
}
.droit{
float:left;
width:460px;}
.gau{
float:left;
width:120px;}