/*=========PAGE FORMATIONS========*/	

#spacer{ width:760px; height:1px; clear:both;}

div.conteneur_top{ position: relative; width:740px; margin:0 auto;}

div.conteneur_bottom{ position:relative; width:740px; margin:10px;  clear:both;}

div.conteneur_gauche_formations{ float:left; width:465px; height:auto;}

div.conteneur_droite_formations{ float:right; height:auto; width:265px;}

div.conteneur_surmesure{ float:left; width:465px; border-top: 10px white solid; border-bottom: 10px white solid;}

div.conteneur_surmesurebis{/*pour la page Toutes Formations*/
	width:365px;
	background-color:#F0F0F0;}
.conteneur_surmesurebis p {color: #000066; padding: 5px 10px; margin:0;
text-align: justify;}

div.conteneur_droit{ float:left; margin-left:10px; margin-top:10px;  width:265px;}

div.cadre_themes{ width:100%; margin-top: 1px; clear:both;}

div.cadre_gauche_cat1{ 
	float:left;
	margin: 0 auto;
	width:465px;
	background-color: white;
	background-image: url(../images/faux_column_cat1.gif);
	background-repeat: repeat-y;}

div.cadre_gauche_cat2{
	float:left;
	margin: 0 auto;
	width:465px;
	background-color: white;
	background-image: url(../images/faux_column_cat2.gif);
	background-repeat: repeat-y;}

div.cadre_gauche_cat3{
	float:left;
	margin: 0 auto;
	width:465px;
	background-color: white;
	background-image: url(../images/faux_column_cat3.gif);
	background-repeat: repeat-y;}

div.cadre_gauche_cat4{
	float:left;
	margin: 0 auto;
	width:465px;
	background-color: white;
	background-image: url(../images/faux_column_cat4.gif);
	background-repeat: repeat-y;}


div.conteneur_modules_allcat{
	float:left;
	margin:0 auto;
	width:300px;
	background-color:transparent;}

div.conteneur_photo_questions{
	float:left;
	margin-left:0px;
	width: 165px;}

div.photo_allcat{
	width:164px;
	height: 230px;
	border-left: 1px white solid;}

div.questions_allcat{
	width:164px;
	height: auto;
	border-left: 1px white solid;}

/*Style des Modules pour toutes les pages des THEMES (CAT 1-4)*/

.cat1_titre_module{	width:300px; height:auto; background-color:#AD97CE;}
.cat1_contenu_module{ width:300px; height:auto; background-color:#DED8E7;}
.cat1_renseignement_module{
	width:290px;
	height:20px;
	line-height:20px;
	text-align:right;
	padding-right:10px;
	border-bottom: 1px #3C0095 solid;
	background-color:#DED8E7;}


.cat2_titre_module{ width:300px; height:auto; background-color:#75A358;}
.cat2_contenu_module{ width:300px; height:auto; background-color:#DDE4DE;}
.cat2_renseignement_module{
	width:290px;
	height:20px;
	line-height:20px;
	text-align:right;
	padding-right:10px;
	border-bottom: 1px #317E00 solid;}


.cat3_titre_module{ width:300px; height:auto; background-color:#72bdd4;}
.cat3_contenu_module{ width:300px; height:auto; background-color:#D9E6EA;}
.cat3_renseignement_module{
	width:290px;
	height:20px;
	line-height:20px;
	text-align:right;
	padding-right:10px;
	border-bottom: 1px #0C8DB4 solid;
	background-color:#D9E6EA;}

.cat4_titre_module{ width:300px; height:auto; background-color:#a78686;}
.cat4_contenu_module{ width:300px; height:auto; background-color:#E2DBDB;}
.cat4_renseignement_module{
	width:290px;
	height:20px;
	line-height:20px;
	text-align:right;
	padding-right:10px;
	border-bottom: 1px #682021 solid;}

/*===*/

.bar_formations_edito{/*Barre LES FORMATIONS, pour l'Edito de la page Formations*/
	position:relative;
	width:465px;
	height:30px;
	line-height:30px;
	background-color: #000066;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px;
}

div.contenu_formations{
	position:relative;
	width:463px;
	height:289px;
	background-color:#F0F0F0;
	border-left: 2px #000066 solid;
	margin-top:1px;
}

.contenu_formations p{color: #00116d; padding: 5px 10px; margin:0;}

/*Modules de formations*/

/*Modules CAT.1 ( Exercer Votre Mandat Local)*/
div.date_formation_cat1{
	float:left;
	width:80px;
	height:15px;
	background-color: #3C0095;
	border-top: 2px #3C0095 solid;}

div.lieu_formation_cat1{
	float:left;
	width:185px;
	height:15px;
	background-color: white;
	margin-left:0px;
	border-top: 2px #3C0095 solid;}

div.lieu_formation_cat1bis{/*100% de largeur pour la page TOUTE FORMATIONS*/
	float:left;
	width:285px;
	height:15px;
	background-color: white;
	margin-left:0px;
	border-top: 2px #3C0095 solid;}

div.intro_formation_cat1{
	width:100%;
	height:25px;
	background-color:#DED8E7;
	clear:both;
	margin:0;}
	
.intro_formation_cat1 p{font-size: 9px; font-weight: normal; color: #3C0095; font-style: normal; padding:0 10px;}

div.plusinfo_formation_cat1{
	width:89%;
	height:19px;
	line-height:19px;
	background-color:#DED8E7;
	background-image: url(../images/fleche_bleu.gif);
	background-repeat: no-repeat;
	background-position: 95%;
	border-top: 1px gray dotted;
	text-align:right;
	padding-right:11%;}

/*Modules CAT.2 ( Développer vos compétences techniques)*/
div.date_formation_cat2{
	float:left;
	width:80px;
	height:15px;
	background-color: #317E00;
	border-top: 2px #317E00 solid;}

div.lieu_formation_cat2{
	float:left;
	width:185px;
	height:15px;
	background-color: white;
	margin-left:0px;
	border-top: 2px #317E00 solid;}

div.lieu_formation_cat2bis{/*100% de largeur pour la page TOUTE FORMATIONS*/
	float:left;
	width:285px;
	height:15px;
	background-color: white;
	margin-left:0px;
	border-top: 2px #317E00 solid;}

div.intro_formation_cat2{
	width:100%;
	height:25px;
	background-color:#DDE4DE;
	clear:both;
	margin:0;}
	
.intro_formation_cat2 p{font-size: 9px; font-weight: normal; color: #317E00; font-style: normal; padding:0 10px;}

div.plusinfo_formation_cat2{
	width:89%;
	height:19px;
	line-height:19px;
	background-color:#DDE4DE;
	background-image: url(../images/fleche_vert.gif);
	background-repeat: no-repeat;
	background-position: 95%;
	border-top: 1px gray dotted;
	text-align:right;
	padding-right:11%;
	margin:0;}

/*Modules CAT.3 ( Renforcer votre efficacité personnelle)*/
div.date_formation_cat3{
	float:left;
	width:80px;
	height:15px;
	background-color: #0C8DB4;
	border-top: 2px #0C8DB4 solid;}

div.lieu_formation_cat3{
	float:left;
	width:185px;
	height:15px;
	background-color: white;
	margin-left:0px;
	border-top: 2px #0C8DB4 solid;}

div.lieu_formation_cat3bis{/*100% de largeur pour la page TOUTE FORMATIONS*/
	float:left;
	width:285px;
	height:15px;
	background-color: white;
	margin-left:0px;
	border-top: 2px #0C8DB4 solid;}

div.intro_formation_cat3{
	width:100%;
	height:25px;
	background-color:#D9E6EA;
	clear:both;
	margin:0;}

.intro_formation_cat3 p {font-size: 9px; font-weight: normal; color: #0C8DB4; font-style: normal; padding:0 10px;}

div.plusinfo_formation_cat3{
	width:89%;
	height:19px;
	line-height:19px;
	background-color:#D9E6EA;
	background-image: url(../images/fleche_cyan.gif);
	background-repeat: no-repeat;
	background-position: 95%;
	border-top: 1px gray dotted;
	text-align:right;
	padding-right:11%;}

/*Modules CAT.4 ( Mieux comprendre votre environnement)*/
div.date_formation_cat4{
	float:left;
	width:80px;
	height:15px;
	background-color: #682021;
	border-top: 2px #682021 solid;}

div.lieu_formation_cat4{
	float:left;
	width:185px;
	height:15px;
	background-color: white;
	margin-left:0px;
	border-top: 2px #682021 solid;}

div.lieu_formation_cat4bis{/*100% de largeur pour la page TOUTE FORMATIONS*/
	float:left;
	width:285px;
	height:15px;
	background-color: white;
	margin-left:0px;
	border-top: 2px #682021 solid;}

div.intro_formation_cat4{
	width:100%;
	height:25px;
	background-color:#E2DBDB;
	clear:both;
	margin:0;}

.intro_formation_cat4 p{font-size: 9px; font-weight: normal; color: #682021; font-style: normal; padding:0 10px;}

div.plusinfo_formation_cat4{
	width:89%;
	height:19px;
	line-height:19px;
	background-color:#E2DBDB;
	background-image: url(../images/fleche_rouge.gif);
	background-repeat: no-repeat;
	background-position: 95%;
	border-top: 1px gray dotted;
	text-align:right;
	padding-right:11%;}


/*Modules CAT.5 ( Multiformations)*/
div.date_formation_cat5{
	float:left;
	width:80px;
	height:15px;
	background-color: #7B7B7B;
	border-top: 2px #7B7B7B solid;}

div.lieu_formation_cat5{
	float:left;
	width:185px;
	height:15px;
	background-color: white;
	margin-left:0px;
	border-top: 2px #7B7B7B solid;}

div.lieu_formation_cat5bis{/*100% de largeur pour la page TOUTE FORMATIONS*/
	float:left;
	width:285px;
	height:15px;
	background-color: white;
	margin-left:0px;
	border-top: 2px #7B7B7B solid;}

div.intro_formation_cat5{
	width:100%;
	height:25px;
	background-color:#D7D7D7;
	clear:both;
	margin:0;
	border-bottom: 1px gray dotted;}
	
.intro_formation_cat5 p {font-size: 9px; font-weight: normal; color: #7B7B7B; font-style: normal; padding:0 10px;}

	
#table_pictos{
	width:265px;
	height:19px;
	line-height:19px;
	background-color:#D7D7D7;
	background-image: url(../images/fleche_multi.gif);
	background-repeat: no-repeat;
	background-position: 95%;
	display: table;
	border-collapse: collapse;
	border:0px; margin:0px; padding:0px;}

#table_pictos2{/*100% de largeur pour la page TOUTE FORMATIONS*/
	width:100%;
	height:19px;
	line-height:19px;
	background-color:#D7D7D7;
	background-image: url(../images/fleche_multi.gif);
	background-repeat: no-repeat;
	background-position: 95%;
	display: table;
	border-collapse: collapse;
	border:0px; margin:0px; padding:0px;}
	
table { border-collapse: collapse;
	border:0px; margin:0px; padding:0px;}

tr {border-collapse: collapse; border:0px; margin:0px; padding:0px;}

td {border-collapse: collapse; border:0px; margin:0px; padding:0px;}
	
.pictos_multi{
	width:76px;
	height:19px;
	line-height:19px;
	margin:0;
	border:0px;
	padding:0px;}	
	
#plusinfo_formation_cat5{
	height:19px;
	line-height:19px;
	text-align:right;
	padding-right:11%;
	margin:0;
	border:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;}



/* Cartouches des 4 Themes pour la HOME des FORMATIONS*/

div.conteneur_all_cat{ position:relative; width:740px; height:209px;  clear:both;}


/*CAT.1*/
div.cat1_bar{
	position:absolute;
	top:0px;
	left:0px;
	width:365px;
	height:30px;
	line-height:30px;
	background-color: #3C0095;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px center;
	border-bottom: 1px white solid;}

div.cat1_contenu{
	position:absolute;
	top:31px;
	left:0px;
	width: 260px;
	height: 45px;
	background-color: #DCD8E3;}

div.cat1_photo{
	position:absolute;
	top:31px;
	left:260px;
	width: 105px;
	height: 70px;
	background-color: #DCD8E3;}

div.cat1_lasuite{
	position:absolute;
	top:76px;
	left:0px;
	width: 250px;
	height: 25px;
	line-height:25px;
	background-color: #DCD8E3;
	padding-left:10px;}

/*CAT.2*/
div.cat2_bar{
	position:absolute;
	top:0px;
	left:375px;
	width:365px;
	height:30px;
	line-height:30px;
	background-color: #317E00;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px center;
	border-bottom: 1px white solid;}

div.cat2_contenu{
	position:absolute;
	top:31px;
	left:375px;
	width: 260px;
	height: 45px;
	background-color: #DDE4DE;}

div.cat2_photo{
	position:absolute;
	top:31px;
	left:635px;
	width: 105px;
	height: 70px;
	background-color: #DDE4DE;}

div.cat2_lasuite{
	position:absolute;
	top:76px;
	left:375px;
	width: 250px;
	height: 25px;
	line-height:25px;
	background-color: #DDE4DE;
	padding-left:10px;}

/*CAT.3*/
div.cat3_bar{
	position:absolute;
	top:106px;
	left:0px;
	width:365px;
	height:30px;
	line-height:30px;
	background-color: #0C8DB4;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px center;
	border-bottom: 1px white solid;}

div.cat3_contenu{
	position:absolute;
	top:137px;
	left:0px;
	width: 260px;
	height: 45px;
	background-color: #D9E6EA;}

div.cat3_photo{
	position:absolute;
	top:137px;
	left:260px;
	width: 105px;
	height: 70px;
	background-color: #D9E6EA;}

div.cat3_lasuite{
	position:absolute;
	top:182px;
	left:0px;
	width: 250px;
	height: 25px;
	line-height:25px;
	background-color: #D9E6EA;
	padding-left:10px;}


/*CAT.4*/
div.cat4_bar{
	position:absolute;
	top:106px;
	left:375px;
	width:365px;
	height:30px;
	line-height:30px;
	background-color: #682021;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px center;
	border-bottom: 1px white solid;}

div.cat4_contenu{
	position:absolute;
	top:137px;
	left:375px;
	width: 260px;
	height: 45px;
	background-color: #E2DBDB;}

div.cat4_photo{
	position:absolute;
	top:137px;
	left:635px;
	width: 105px;
	height: 70px;
	background-color: #E2DBDB;}

div.cat4_lasuite{
	position:absolute;
	top:182px;
	left:375px;
	width: 250px;
	height: 25px;
	line-height:25px;
	background-color: #E2DBDB;
	padding-left:10px;}


/*SUR MESURE*/

.surmesure_contenu{	width: 465px; background-color:#F0F0F0;}
.surmesure_contenu p {color: #000066; padding: 5px 10px; margin:0;
text-align: justify;}

.surmesure_contact{ width:455px; margin:0; height:20px; line-height:20px; background-color:#F0F0F0; padding-left:10px }

.surmesure_contactbis{/*pour la page Toutes les Formations*/
	width:355px;
	margin:0;
	height:20px;
	line-height:20px;
	background-color:#F0F0F0;
	padding-left:10px}

/* DROIT A LA FORMATIONS*/
/*-intro dans la Home des FORMATIONS*/
.droit_contenu{width: 265px; background-color:#F0F0F0;}
.droit_contenu p{color: #000066; padding: 5px 10px; margin:0;
text-align: justify;}
.droit_lasuite{ width:255px; height:20px; line-height:20px;  background-color:#F0F0F0; padding-left:10px;}

/*-full dans sa propre page*/
.droit_contenu_full{ float:left; width: 300px; background-color:#F0F0F0;}
.droit_contenu_full p{color: #000066; padding: 5px 10px; margin:0;
text-align: justify;}
.droit_photo{ float:right; width:165px; background-color:#F0F0F0;}

.conteneur_gauche_droitformation{
	float:left;
	width:465px;
	height:auto;
	background-color:#F0F0F0;
	margin-bottom:10px;}
	
.conteneur_droite_droitformation{
	float:right;
	width:265px;
	height:auto;}


/*TOUTES LES FORMATIONS*/

.cadre_gauche_touteformations{
	float:left;
	width:365px;
	background-color: white;
	margin-top:1px;
	margin-bottom:10px;}

.cadre_droite_touteformations{
	float:right;
	margin-top:1px;
	width:365px;}

/*=========BARS==========*/

.formations_bar_760x30{
	width:100%;
	height:30px;
	line-height:30px;
	background-color: #000066;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px center;}

.formations_bar_265x30{
	width:265px;
	height:30px;
	line-height:30px;
	background-color: #000066;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	border-bottom: 1px white solid;}
	
.toutes_formations_265x27{
	width:265px;
	height:27px;
	line-height:27px;
	background-color: #b62700;
	background-image: url(../images/picto_loupe.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	margin-top:10px;
	clear:both;}


.toutes_formations_265x2{
	width:265px;
	height:2px;
	line-height:2px;
	background-color: #b62700;
	margin-top:1px;
	margin-bottom:10px;}

.retour_formations_265x27{
	width:265px;
	height:30px;
	line-height:30px;
	background-color: #b62700;
	background-image: url(../images/picto_retour.gif);
	background-repeat: no-repeat;
	background-position: 10px;}

.retour_formations_265x2{
	width:265px;
	height:2px;
	line-height:2px;
	background-color: #b62700;
	margin-top:1px;}

.retour_formations_365x27{
	width:365px;
	height:30px;
	line-height:30px;
	background-color: #b62700;
	background-image: url(../images/picto_retour.gif);
	background-repeat: no-repeat;
	background-position: 10px;}

.retour_formations_365x2{
	width:365px;
	height:2px;
	line-height:2px;
	background-color: #b62700;
	margin-top:1px;
	margin-bottom: 10px;}

.surmesure_bar_465x30{	
	width:465px;
	height:30px;
	line-height:30px;
	background-color: #000066;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px center;}

.surmesure_bar_365x30{	
	width:365px;
	height:30px;
	line-height:30px;
	background-color: #000066;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px center;}

.droit_bar_265x30{
	width:265px;
	height:30px;
	line-height:30px;
	background-color: #000066;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px center;}

.cat1_bar_425x30{
	width:465px;
	height:30px;
	line-height:30px;
	background-color: #3C0095;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px;
	border-bottom: 1px white solid;}

.cat1_bar_425x17{
	width:465px;
	height:17px;
	line-height:17px;
	background-color: #3C0095;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px;
	border-top: 1px white solid;}

.cat2_bar_425x30{
	width:465px;
	height:30px;
	line-height:30px;
	background-color: #317E00;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px;
	border-bottom: 1px white solid;}

.cat2_bar_425x17{
	width:465px;
	height:17px;
	line-height:17px;
	background-color: #317E00;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px;
	border-top: 1px white solid;}

.cat3_bar_425x30{
	width:465px;
	height:30px;
	line-height:30px;
	background-color: #0C8DB4;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px;
	border-bottom: 1px white solid;}

.cat3_bar_425x17{
	width:465px;
	height:17px;
	line-height:17px;
	background-color: #0C8DB4;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px;
	border-top: 1px white solid;}

.cat4_bar_425x30{
	width:465px;
	height:30px;
	line-height:30px;
	background-color: #682021;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px;
	border-bottom: 1px white solid;}

.cat4_bar_425x17{
	width:465px;
	height:17px;
	line-height:17px;
	background-color: #682021;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px;
	border-top: 1px white solid;}

.cat5_bar_425x30{
	width:465px;
	height:30px;
	line-height:30px;
	background-color: #7B7B7B;
	background-image: url(../images/picto_plus.gif);
	background-repeat: no-repeat; 
	background-position: 10px;
	border-bottom: 1px white solid;}