@charset "UTF-8";
/* CSS Document */


/* GENERAL */
body{ background-color:#d5edfa; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#172983;}
a{ font-style:italic; color:#666666; text-decoration:none; }
#main{ width:1000px; margin:20px auto; position:relative;  }


#centre{ background:url(../img/fond.gif); background-repeat:no-repeat; }
#contenu{ background:url(../img/fond-contenu.gif); background-repeat:repeat-y; width:1000px; min-height:459px;  height:auto; _height:459px; display:inline-block; }

#menu{
    margin-left:10px;
	 position:relative;
	 float:left;
	 }
	 
#texte_defaut{
	position:absolute;
	width:743px;
	height:280px;
	display:block;
	left: 130px;
	top: 275px;
}
	 
.menu_bouton{
	 position:relative;
	 float:left;
	 }

/* HOME */

#home_actu_texte{
	position:absolute;
	top:435px;
	left:590px;
	width:355px;
}

#home_actu1,#home_actu2, #home_actu3{ visibility:hidden; }

#home_femme{
	position:absolute;
	left: 216px;
	top: 457px;
}
#home_fleche{
	position:absolute;
	left: 57px;
	top: 343px;
}  
#home_btn1{
	position:absolute;
	left: 61px;
	top: 123px;
}
#home_btn2{
	position:absolute;
	left:274px;
	top:123px;
}
#home_btn3{
	position:absolute;
	top: 123px;
	left:485px;
}
#home_btn4{
	position:absolute;
	top: 123px;
	left:717px;
}
#home_actu{
	position:absolute;
	left: 577px;
	top: 386px;
}

#pastille_rouge{
	position:absolute;
	left: 39px;
	top: 297px;
}

#4bouton{ position:absolute; left: 36px; top: 146px; }
#80pourcentage{ position:absolute; }

.home_bouton{ float:left; }

/* POURQUOI NOUS CHOISIR ? */

	 
#80rond{
	position:absolute;
	top:335px;
	left:55px;
}	 
	 
#femme{
	width:281px;
	height:118px;
	position:absolute;
	left: 594px;
	top: 140px;
}
#texte{
	position:absolute;
	left:232px;
	top: 305px;
	width: 698px;
	height: 179px;
	font-size:13px;
}

#texte_presentation{
	position:absolute;
	left:232px;
	top: 280px;
	width: 698px;
	height: 179px;
	font-size:13px;
}

.soustexte li{
   list-style:none;}



/* OU SOMMES-NOUS ? */

div#carte_villes{
	position:absolute;
	left: 145px;
	top: 278px;
}

div#detail_villes{
	position:absolute;
	left: 556px;
	top: 264px;
	width: 397px;
	height: 283px;
	overflow:auto;
}

div#detail_villes h2{ font-size:18px; font-weight:bold; padding:0; margin:0px 0px 5px 0px; }
div#detail_villes h3{ font-size:12px; font-weight:bold; padding:0; margin:0px 0px 5px 0px; }

/*div#albi { visibility:visible; display:block; }*/
div#albi, div#marseille, div#avignon, div#nice, div#perols, div#nimes, div#perpignan, div#toulouse, div#tarbes, div#ales, div#narbonne, div#toulon { visibility:hidden; display:none;}

/* NOS FORMATIONS */

#formations_cadre_coordonnees{
	position:absolute;
	width:345px;
	height:204px;
	background:url(../img/formations/cadre.gif);
	background-repeat:no-repeat;
	left: 22px;
	top: 312px;
}

#formations_cadre_coordonnees .contenu_coordonnees{
	margin:20px 10px 0px 10px;
}

h2{ font-size:13px; color:#bc007a; margin:0px 0px 10px 0px; padding:0; }

#formations_colonne_2{
	position:absolute;
	left: 397px;
	top: 311px;
	width: 554px;
	height: 234px;
}

/* ACTUS */

#actu1{
	position:absolute;
	background:url(../img/actus/fond_actu_1.gif);
	background-repeat:no-repeat;
	display:block;
	width:270px;
	height:275px;
	left: 50px;
	top: 277px;
}

#actu2{
	position:absolute;
	background:url(../img/actus/fond_actu_2.gif);
	background-repeat:no-repeat;
	display:block;
	width:270px;
	height:275px;
	left: 350px;
	top: 277px;
}

#actu3{
	position:absolute;
	background:url(../img/actus/fond_actu_3.gif);
	background-repeat:no-repeat;
	display:block;
	width:270px;
	height:275px;
	left: 650px;
	top: 277px;
}

.bloc_actu_titre{ margin: 57px 10px 20px 62px; font-size:14px; font-weight:bold;  text-align:center; }

.bloc_actu_contenu{ margin:0px 10px 0px 32px; font-size:11px; color:#000000;}

.bloc_actu_contenu a{ color:#172983; font-weight:bold; font-style:normal; }
	 
.violet{  }

.violet h1{ color:#bd007b; margin:0px; padding:0px; font-size:20px; }
.violet h2{ color:#bd007b; margin:0px; padding:0px; font-size:14px; }

h1.titre_formation{ font-size:15px; font-weight:bold; }
h2.titre_formation{ font-size:12px; }

.vert h1{ color:#97bf0e; margin:0px; padding:0px; font-size:20px; }
.vert h2{ color:#97bf0e; margin:0px; padding:0px; font-size:14px; }

.rouge h1{ color:#bd391f; margin:0px; padding:0px; font-size:20px; }
.rouge h2{ color:#bd391f; margin:0px; padding:0px; font-size:14px; }

.bleu h1{ color:#54bbd0; margin:0px; padding:0px; font-size:20px; }
.bleu h2{ color:#54bbd0; margin:0px; padding:0px; font-size:14px; }


.actu_entete{ width:743px; display:inline-block; border-bottom: solid 1px #bd007b; padding-bottom:5px; }
.actu_titre{ float:left; width:500px; }
.actu_inscription{ float:left; width:243px; }
.actu_chapo{ padding-top:10px; border-bottom: solid 1px #bd007b; padding-bottom:10px; }
.actu_description{ margin:10px 10px 0px 0px; }
.bouton_inscription{ background: url(../img/actus/fond_inscription.gif); width:208px; height:31px; margin-left:30px; }
.bouton_inscription a{ color:#ffffff; text-decoration:none; font-style:normal; font-weight:bold; padding:6px 0px 0px 13px; display:inline-block; }

.actu_chapo{ display:inline-block; }

.actu_rollzone{ overflow:auto; height:250px; margin-top:8px; }

#actu_retour{
	position:absolute;
	width: 210px;
	left: 530px;
	top: 7px;
	
}

#actu_retour a{ color:#172983; font-style:normal; font-weight:bold; }
#actu_retour a:hover{ text-decoration:underline; }

.actu_bloc{ margin-bottom:10px; display:inline-block; }

/* FORMATION */



.formation_entete{ width:743px; display:inline-block; border-bottom: solid 1px #bd007b; padding-bottom:5px; }
.formation_titre{ float:left; width:500px; }
.formation_inscription{ float:left; width:243px; }
.formation_chapo{ padding-top:10px; border-bottom: solid 1px #bd007b; padding-bottom:10px; width:720px; }
.formation_description{ margin:10px 10px 0px 0px; }
.bouton_inscription{ background: url(../img/actus/fond_inscription.gif); width:208px; height:31px; margin-left:30px; }
.bouton_inscription a{ color:#ffffff; text-decoration:none; font-style:normal; font-weight:bold; padding:6px 0px 0px 13px; display:inline-block; }

.formation_chapo{ display:inline-block; }

.formation_rollzone{ overflow:auto; height:227px; }

a.formation_retour{ font-size:11px; font-weight:bold; color:#bd007b; }


/* FORMULAIRE */

div#form{
	position:relative;
	width:941px;
	height:286px;
	background:url(../img/form/fond-formulaire.gif);
	margin:10px 0px 0px 20px;
	display:block;
	overflow:hidden;
}

div#form_bouton{
	position:relative;
	margin:10px 0px 10px 860px;
}

div#form_bouton a{ font-size:20px; font-style:normal; color:#172983; }

#form h1{ font-size:18px; margin:0; padding:0; color:#003476; }
#form h2{ font-size:12px; margin:0; padding:0; color:#003476; }

#form #form_bloc1{ width:270px; float:left; margin:10px 10px 10px 13px; display:inline; }
#form #form_bloc2{ width:590px; float:left; margin:10px 10px 10px 40px; display:inline;}

#form .zone_titre{ text-align:center; width:100%; }

#form table{ margin-top:10px; }
#form #form_bloc1 td.libelle{ padding:0px 5px 0px 10px; width:90px; }
#form #form_bloc1 td.libelle_espace{ padding:0px 5px 10px 10px; width:90px; }
#form #form_bloc1 td.input{ padding:0px 0px 0px 0px; }
#form #form_bloc1 td.input_espace{ padding:1px 0px 10px 0px; }
#form #form_bloc1 input{ height:14px; font-size:11px; border:solid 1px #6e8cb1; width:155px; }
#form #form_bloc1 select{ height:18px; font-size:11px; border:solid 1px #6e8cb1; }



#form #form_bloc2 td.libelle{ padding:0px 5px 0px 10px; width:190px; }
#form #form_bloc2 td.libelle_espace{ padding:0px 5px 10px 10px; width:90px; }
#form #form_bloc2 td.input{ padding:0px 0px 0px 0px; }
#form #form_bloc2 td.input_espace{ padding:1px 0px 10px 0px; }
#form #form_bloc2 input{ height:14px; font-size:11px; border:solid 1px #6e8cb1; width:155px; }
#form #form_bloc2 input.checkbox{ width:15px; margin-top:3px; border:none; }
#form #form_bloc2 input.file{ height:19px; margin-top:3px; }
#form #form_bloc2 select{ height:18px; font-size:11px; border:solid 1px #6e8cb1; width:155px; }
#form #form_bloc2 select.date_naissance_jour{ width:38px; }
#form #form_bloc2 select.date_naissance_mois{ width:38px; }
#form #form_bloc2 select.date_naissance_annee{ width:48px; }
#form #form_bloc2 select.points_valide{ width:50px; }
#form #form_bloc2 select.offre_courante{ width:370px; }

#popup_erreur{
	position:absolute;
	width:300px;
	background-color:#ffffff;
	border:solid 3px #cc0000;
	color:#cc0000;
	left: 200px;
	top: 49px;
}

