@charset "utf-8";
/*
PAGE FICHE
*/

.spip_documents_left { float: left; margin:5px 15px 5px 0; }
.spip_documents_right { float: right; margin: 5px 0 5px 15px;}
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents { text-align: center; line-height: normal; }

#hierarchie{font-size:12px;color:#03C}
#hierarchie a{font-size:12px;color:#03C}
#fiche_article{
background: url(../images/fiche-bg-top.gif) top right no-repeat #FFFFFF;
}
/*FICHE ARTICLE */
#bloc_fiche{ width:780px;margin-top:15px;}

#fiche_article h3.spip{color:#e2212a;font:bold 16px Arial, Helvetica, sans-serif;clear:both;}
#fiche_article p{font-size:12px;}
#fiche_intro{font-weight:bold;}
.fiche_titre{font:bold 18px Arial, Helvetica, sans-serif;color:#FFF;background:url(../images/fiche_titre.gif) bottom repeat-x #e53d16;padding:10px;margin:0;}
#fiche-article #menu_contenu{width:720px;}
#fiche-article #texte_contenu{padding:0;}
#fiche-article #texte_presentation_fiche{background-color:#FFF5D9;padding:10px 15px;}


/*FICHE RUBRIQUE */
.fiche_rubrique{}
.fiche_rubrique ul li{list-style-type:square;color:#F00;}
.fiche_rubrique ul li a.fiche_article_titre{color:#036;text-decoration:none;font:bold 14px Arial, Helvetica, sans-serif;}
.fiche_rubrique ul li a.fiche_article_titre:hover{text-decoration:underline;}
.fiche_rubrique ul li a.fiche_article_titre_type{color:#F00;text-decoration:underline}
/*======================================*/

/* CSS Document */
body{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;}


.form_recrutement {
	width:420px;
}


.form_recrutement input{
	float:right;
}

.form_recrutement input[type="text"]{
	width:228px;
}

.form_recrutement textarea{
	width:228px;
	float:right;
}

.form_recrutement input[type="submit"]{
	float:left;
}

.formulaire_spip formulaire_editer_auteur label{
	text-align:left;
}


html{
	background-color:#FFFFFF;
	background:url(../images/html-bg.png) repeat-x;

}

#main{
	width:985px;
	height:900px;
	margin:0 auto;
}
/* HEADER */
#header{
	/*height:21px;*/
	background:url(../images/ombre_header.png) bottom center no-repeat;
	padding:3px 12px;
	/*padding-top:39px;*/

}
#header_liens{color:white;
	font-weight:bold;
	text-align:right;
	padding-right:12px;
	font-size:12px;}
/* ========================

F A C E B O O K

=========================*/
#likeFacebook{}
#footer_facebook{width:800px;margin:15px auto 0 auto;}
/*===========================*/
#header a{
	text-decoration:none;
	color:white;
}

#header a:hover{
	text-decoration:underline;
}

#ombre_gauche{
	float:left;
	width:12px;
}

/* CENTRE */
#centre{
	background:url(../images/image-fond-1.png) top center no-repeat;
	float:left;
	width:955px;
	background-color:white;
	height:900px;
}

#ombre_droite{
	float:left;
	width:12px;
}

/* INTRO */
#intro{
	background:url(../images/image-fond-intro.png) top center no-repeat;
	float:left;
	width:955px;
	background-color:white;
	height:900px;
}

#intro_partenaire{
	height:115px;
}

#intro_partenaire ul{
	list-style-type:none;
	padding-left:150px;
	
}
#intro_partenaire ul li{
	float:left;
	border-bottom:1px solid #1c830d;
}

#intro_partenaire ul li a{
	color:white;
	text-decoration:none;
	background:url(../images/bg_footer_intro.jpg) top right no-repeat;
	background-color:#abd4a5;
	line-height:20px;
	height:20px;
	padding-left:10px;
	padding-right:20px;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #1c830d;
	margin-bottom:0px;
	font-weight:bold;
	font-size:14px;;
	font:Verdana, Arial, Helvetica, sans-serif;
}

#intro_partenaire ul li a.on{
	color:white;
	text-decoration:none;
	background:url(../images/bg_footer_intro_expose.jpg) top right no-repeat;
	background-color:#1c830d;
	padding-left:10px;
	padding-right:20px;
	border-bottom:1px solid #1c830d;
	margin-bottom:0px;

}


#intro_partenaire_header{
	height:20px;
	border-bottom:6px solid #1c830d;
	/*background:url(../images/bg_header_partenaire.png)bottom left repeat-x;*/
}

#intro_partenaire_logo{
	height:83px;
	border-bottom:6px solid #3e62d0;
	position:relative;
	text-align:center;
}

#contenu_intro{
	height:400px;
	width:746px;
	margin:auto;
}

#contenu_intro h1{
	color:#4aacf7;
	font-size:16px;
	text-decoration:underline;
}

#contenu_intro_espace_particulier{
	margin-top:35px;
	width:373px;
	height:320px;
	float:left;
	background:url(../images/bg_espace_particulier.png) bottom left no-repeat;
	position:relative;
}
#contenu_intro_espace_particulier h2,#contenu_intro_espace_professionnel h2{
	
	color:white;
	font-size:13px;
	width:152px;
	text-align:center;
	line-height:20px;
	margin-top:24px;
}

#contenu_intro_espace_particulier h2{
	margin-left:81px;
	background:url(../images/bg_titre_particulier.png) bottom center no-repeat;
}

#contenu_intro_espace_professionnel h2{
	margin-left:151px;
	background-color:#4061d4;
	background:url(../images/bg_titre_professionnel.png) bottom center no-repeat;
}

#contenu_intro_espace_particulier h1,#contenu_intro_espace_professionnel h1{
	color:#ee3900;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

#contenu_intro_espace_particulier h1{
	padding-left:68px;
	width:171px;

}

#contenu_intro_espace_professionnel h1{
	padding-left:108px;
	width:237px;
}

#contenu_intro_espace_professionnel{
	margin-top:35px;
	width:373px;
	height:320px;
	float:left;
	background:url(../images/bg_espace_professionnel.png) bottom right no-repeat;
	position:relative;
	
}


/* BANNIERE CAAM */
#banniere_caam{
	height:132px;
	position:relative;
}

/* DIV IMAGE FLOUE */
#image-floue-1{
	background:url(../images/image-floue-1.png) top center no-repeat;
	height:186px;
}

/* LES MENUS */

#menu_image_gauche,#menu_1,#menu_2,#menu_3,#menu_image_droite{
	width:188px;
	float:left;
}

#menu_1,#menu_2,#menu_3{
	padding-top:20px;
	position:relative;
}

/* MENU IMAGE GAUCHE */
#menu_image_gauche{

}

#menu_1 ul,#menu_2 ul,#menu_3 ul{
	margin:Opx;
	margin-left:2px;
	padding:0px;
}

#menu_1 ul li,#menu_2 ul li,#menu_3 ul li{
	list-style-type:none;
	line-height:10px;
}

#menu_1 ul li a,#menu_2 ul li a,#menu_3 ul li a,#Nav li a{
	text-decoration:none;
	color:black;
}
#menu_2 ul li {
	text-decoration:none;
	color:black;
	padding-bottom:1px;
}

#menu_1 ul li a:hover,#menu_2 ul li a:hover,#menu_3 ul li a:hover{
	text-decoration:underline;
}

#menu_1 h1,#menu_2 h1,#menu_3 h1{
	font-size:14px;
	/*padding-left:14px;*/
	line-height:10px;
	margin-left:0px;
	margin-right:0px;
	padding:Opx;
}

/* MENU CENTRE DE FORMATION */
#menu_1 h1{
	color:#f13802;
}

#menu_1 ul li h1{
	color:black;
	font-size:12px;
	text-align:left;
}

#menu_1 .on{
	color:#f13802;
	background:url(../images/bouton_expose1.png) left no-repeat;
	padding-left:14px;
	background-position:absolute;
	margin-left:-14px;
}

/* MENU ESPACE PARTICULIER */
#menu_2 h1{
	color:#4facf2;
}

#menu_2 ul li h1{
	color:black;
	font-size:12px;
	text-align:left;
}

#menu_2 .on{
	color:#4facf2;
	background:url(../images/bouton_expose2.png) left no-repeat;
	padding-left:14px;
	background-position:absolute;
	margin-left:-14px;
}

/* MENU ESPACE PROFESSIONNEL */
#menu_3 h1,#Nav li{
	color:#7183dd;
}

#menu_3 ul li h1,#Nav li{
	color:black;
	font-size:12px;
	text-align:left;
}

#menu_3 .on{
	color:#7183dd;
	background:url(../images/bouton_expose3.png) left no-repeat;
	padding-left:14px;
	background-position:absolute;
	margin-left:-14px;
}
/* MENU JQUERY VERTICAL*/
#Nav {
padding: 0;
list-style: none;
}

#Nav li {
	margin-left:14px;
	color:black;
	font-weight:bold;
	padding-bottom:5px;
}

#Nav li ul li a {
	/*display: inline;*/
	background-color: #555;
	color: white;
	text-decoration: none;	
	margin-left:30px;
	padding:4px;
	line-height:14px;
}
#Nav li ul li a:hover,#Nav li a:active {
	/*display: block;*/
	background-color: #777;
	color: white;
	text-decoration: none;	
	padding: 4px;
	margin-left:30px;
	line-height:14px;
}

.Menu {
padding: 0;
margin: 0;
list-style: none;
display: none;
}


/* MENU IMAGE DROITE */
#menu_image_droite{
}

/* CONTENU */
#contenu{
	min-height:300px;
	background:url(../images/texte_contenu-degrade.png) bottom center no-repeat;
	padding-bottom:50px;
	position:relative;
}

#contenu_fleche_gauche{
	position:absolute;
	top:250px;
	left:10px
}

#contenu_fleche_droite{
	position:absolute;
	top:250px;
	right:10px
}


/* MENU CONTENU */
#menu_contenu{
	/*height:80px;
	background:url(../images/menu_contenu_bg.png) bottom repeat-x;*/
	width:782px;
	margin-top:0px;
	margin:auto;
	font-size:12px;
	overflow:auto;
}

#menu_contenu .titre_rubrique{
	font-weight:bold;
	font-size:14px;
	background-color:#4facf2;
	color:white;
	padding-left:12px;
	padding-right:12px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	/*display:inline;
	margin-bottom:50px;*/
	-moz-border-radius : 0px 10px; 
}

#menu_contenu .titre_rubrique29,#menu_contenu .titre_rubrique30,#menu_contenu .titre_rubrique31,#menu_contenu .titre_rubrique32{
	font-weight:bold;
	font-size:14px;
	background-color:#465ED8;
	color:white;
	padding-left:12px;
	padding-right:12px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	display:inline;
	margin-bottom:50px;
	-moz-border-radius : 0px 10px;
}

#menu_contenu .titre_rubrique11,#menu_contenu .titre_rubrique16,#menu_contenu .titre_rubrique13,#menu_contenu .titre_rubrique15{
	font-weight:bold;
	font-size:14px;
	background-color:#F13802;
	color:white;
	padding-left:12px;
	padding-right:12px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	display:inline;
	margin-bottom:50px;
	-moz-border-radius:0px 10px;
}

#sub_menu_contenu_gauche
{
	margin-top:20px;
}

#menu_contenu_gauche{
	padding-top:20px;
	padding-bottom:0px;
	margin-bottom:0px;
}


#menu_contenu_gauche #onglet{
	padding:0px;
	margin:Opx;
	padding-top:20px;
	background:url(../images/menu_contenu_bg.png) bottom repeat-x;
	width:782px;
	overflow:auto;
}

#menu_contenu_gauche #onglet h2{
	float:left;
	background:white;
	border:1px solid black;
	padding:10px 20px;
	margin:0px;
}

#menu_contenu_gauche #onglet h2 a {
	font-weight:bold;
	font-size:14px;
	color:red;
}

#menu_contenu_gauche #onglet h2 a.on{
	color:#fdb7a2;
	background-color:white;
	border-bottom:1px solid white;
	z-index:1000;
}

/*
#menu_contenu_gauche ul li a.on,#menu_contenu_gauche ul li.on{
	color:#fdb7a2;
	background-color:white;
	/*line-height:30px;
	height:30px;*/
	/*
	border-bottom:1px solid white;
	z-index:1000;
	
}
*/
/*
#menu_contenu_gauche ul li a{
	text-decoration:none;
	color:red;
}
*/
/*
#menu_contenu_gauche ul li a:hover{
	text-decoration:underline;color:red;
}
*/

/*
.menu_contenu_gauche_titre_rouge {
	color:red;
	font-size:20px;
	font-weight:bold;
	padding-left:8px;
}
*/

#menu_contenu_droite{
	float:left;
}

#menu_contenu_droite p{
	padding-left:10px;
}

#menu_contenu_droite p a{
	padding-right:10px;
	text-decoration:none;
}

#menu_contenu_droite p a:hover{
	padding-right:10px;
	text-decoration:underline;
}

.lien_fond{
	color:white;
	background:url(../images/fond_arrondi_1.png) top left no-repeat;
	padding-left:30px;
	width:202px;
	height:24px;
	line-height:24px;
	font-weight:bold;
	font-size:12px;
}
.lien_fond a{
	color:white;
	text-decoration:none;
}
.lien_fond a:hover{
	color:white;
	text-decoration:underline;
}

/* TEXTE CONTENU */
#texte_contenu{
	padding-top:27px;
	width:782px;
	margin:auto;
	border-bottom:1px dotted black;
}

#texte_contenu h1{
	font-size:16px;
}

#texte_contenu h2{
	font-size:14px;
}

#texte_contenu a:visited{
	color:blue;
}

#texte_contenu h1 a,h2 a{
	text-decoration:none;
}

#texte_contenu h1 a:hover,h2 a:hover{
	text-decoration:underline;
}


#texte_presentation{
	float:left;
	width:415px;
	padding-right:15px;
	text-align:justify;
}

#texte_presentation p{
	font-size:12px;
}

#texte_presentation_seul{
	float:left;
	width:auto;
	padding-right:150px;
	text-align:justify;
}
#texte_presentation_seul p img{
	float:left;
	padding-right:10px;
}


#texte_presentation_seul p{
	font-size:12px;
}

#texte_presentation_document{
	padding-bottom:25px;
	font-size:12px;
}

#texte_presentation_document a{
	text-decoration:none;
}

#texte_presentation_document a:hover{
	text-decoration:underline;
}
#texte_presentation_document a:visited{
	color:blue;
}


#galerie_presentation{
	float:left;
	width:352px;
	text-align:center;
}

#texte_contact{
	float:left;
	width:352px;
	text-align:left;
	font-size:12px;
}

#texte_contact p{
	padding-left:8px;
}



#galerie_presentation a img{
	border:1px solid #cccccc;
	margin-right:10px;
}

#footer_texte_presentation{
	padding-top:15px;
	padding-left:87px;
	padding-bottom:35px;
	overflow:auto;
}

#resume_presentation{
	padding-top:15px;
	width:436px;
	/*float:left;*/
	background:url(../images/resume_presentation-bg.png) bottom right no-repeat;
	background-color:#1c357a;
	padding-bottom:15px;
}

#resume_presentation  p{
	color:white;
	font-size:12px;
	padding-bottom:2px;
	padding-left:74px;
	padding-right:24px;
	margin-bottom:0px;
	font-weight:bold;
}
#resume_presentation  .head p{
	color:red;
	text-decoration:underline;
}

#code_en_ligne{
	text-align:right;
	font-size:14px;
}

/* FOOTER */
#footer{
	height:200px;
	background:url(../images/footer-bg.png) bottom center no-repeat;
	text-align:center;
}
#footer_intro{
	height:152px;
	background:url(../images/footer-bg.png) bottom center no-repeat;
	text-align:center;
	padding-left:120px;
}

#footer_liens a{
	color:black;
	text-decoration:none;
}

#footer a:hover, #footer_liens a:hover{
	text-decoration:underline;
}

#footer_liens{
	height:48px;
	line-height:48px;
	font-size:14px;
}

.signature{
	font-size:12px;
}


.footer_colonne{
	width:191px;
	float:left;
	text-align:left;
	font-size:12px;
	padding-top:20px;
}

.footer_colonne a{
	color:blue;
	text-decoration:underline;
}

.footer_tel{
	font-weight:bold;
	color:white;
	background-color:#FF0000;
	padding-left:5px;
	padding-right:5px;
}


a img {
	border:none;
}

.imageflottante
{
   float: left;
   padding-right:10px;
   padding-left:10px;
}

.imageflottanteright
{
   float: right;
   padding-right:10px;
   padding-left:10px;
}

.important{
	color:red;
	font-weight:bold;
}

.important2{
	color:red;
	font-weight:bold;
	font-size:16px;
}

.clear{
	clear:both;
}

.float_left{
	float:left;
}

.float_right{
	float:right;
}

/* FORMULAIRE DE CONTACT */
#formulaire_contact{width:325px; padding:0; font-size:12px;}
#formulaire_contact a{color:#000;}
#formulaire_contact .form_ligne{padding-bottom:1px;}
#formulaire_contact label{color:#000; display:block; margin:6px 0 0 0; }
#formulaire_contact input{width:150px; height:16px; margin:0; padding:0;}
#formulaire_contact textarea{width:100%; margin:0; padding:0; }
#formulaire_contact input[type="submit"]{background-color:black;color:#666666;text-align:center;}

/* F I C H E */
#fiche{
	height:800px;
	width:600px;
	margin:auto;
	background-color:white;
	
}

#fiche_header{
	height:138px;
	background:url(../images/fiche_header.png) no-repeat;
}

#fiche h1{
	padding-left:45px;
	line-height:28px;
	background:url(../images/fiche_bg_h1.png) center no-repeat;
	color:white;
	font-size:14px;
}

#fiche h2{
	color:red;
}

#fiche_contenu{
	height:488px;
	padding-left:25px;
	padding-right:7px;
	overflow:auto;
	font-size:12px;
}

#fiche_presentation_texte{
	width:307px;
	float:left;
	font-size:12px;
	padding-right:15px;
}

#fiche_presentation_texte h3{
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

#fiche_presentation_photo{
	width:221px;
	float:left;
	vertical-align:center;
}

.fiche_etape{
	text-align:justify
}

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

.fiche_etape_texte{
	float:left;
	width:385px;
	padding-left:6px;
}


#fiche_footer{
	height:126px;
	background:url(../images/fiche_footer.png)no-repeat;
	position:relative;
}

/* ACCORDEON */

#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	
}

#nav a {
	display: block;
}

#nav li { /* tous les items de liste */
	float: left;
	width: 10em; /* largeur obligatoire, sinon opera devient fou */
	line-heigth:auto;
	padding: 0;
	margin: 0;
}

#nav li ul { /* listes de deuxi�me niveau */
	position: absolute;
	left: -999em; /* on met left plut�t que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'�cran */
	margin-left:50px;
}

#nav li ul .part_background a{ /* a de la liste de deuxi�me niveau */
	color:white;
	background: #4FACF2;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	font-weight:bold;
	font-size:12px;
}

#nav li ul .pro_background a{ /* a de la liste de deuxi�me niveau */
	color:white;
	background: #465ED8;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	font-weight:bold;
	font-size:12px;
	z-index:10000;
}
#nav li ul .centre_background a{ /* a de la liste de deuxi�me niveau */
	color:white;
	background: #DE1012;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	font-weight:bold;
	font-size:12px;
	z-index:10000;
}

#nav li ul a.pro_hover:hover{ /* a de la liste de deuxi�me niveau */
	background:#99A7DF;
	text-decoration:none;
	z-index:10000;
}

#nav li ul a.part_hover:hover{ /* a de la liste de deuxi�me niveau */
	background:#95C9EF;
	text-decoration:none;
	z-index:10000;
}

#nav li ul a.centre_hover:hover{ /* a de la liste de deuxi�me niveau */
	background:#DF6F71;
	text-decoration:none;
	z-index:10000;
}

#nav li:hover ul, #nav li.sfhover ul { /* listes imbriqu�es sous les items de listes survol�s */
	left: auto;
	z-index:10000;
}


#content {
	clear: left;
	color: #ccc;
}

#navigation, .navigation {
	margin:0px;
	padding:0px;
	text-indent:0px;
	width:auto;
}

#navigation .head , .navigation .head{
	cursor:pointer;
	background:url(../javascript/jquery-accordion/demo/collapsed.png) no-repeat scroll 3px 4px;)
	color:black;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	padding-left:10px;
	text-indent:14px;
	text-decoration: underline;
}

#navigation .head:hover , .navigation .head:hover{
	text-decoration:underline;
	color:blue;
}

#navigation .head.selected, .navigation .head.selected {
	background-image: url(../javascript/jquery-accordion/demo/expanded.png);
	color:blue;
}
#navigation .head.current, .navigation .head.current{
	background-color:#FFFF99;
}
#navigation ul ,  .navigation ul{
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

#navigation li , .navigation li{
	list-style:none outside none; display:inline;
}

#navigation li li a, .navigation li li a{
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}

#navigation li li a:hover, .navigation li li a:hover{
	background-color:#FFFF99;
	color:#FF0000;
}

ul,li{list-style-type:none;}