*{
margin:0;padding:0;border:0;font-family:"Trebuchet MS";text-decoration:none}
ol{ 
padding-left:15px}
body{
text-align:center;background:#f9fafb url(../images/fond.jpg) no-repeat top center}
#conteneur{
margin-left:auto;margin-right:auto;width:996px;text-align:left;border-left:1px solid #9ba6c6;border-right:1px solid #9ba6c6;background-color:#fff}
#header{
height:78px;background-image:url(../images/entete.gif);background-position:top;background-repeat:no-repeat}
#f_recherche{
width:175px;height:38px;padding:12px 0 0 804px}
#f_recherche input#recherche{
width:151px;height:18px;font-size:12px}
#recherche_in{
background:#DDD}
#tabs{
 padding-left:44px;width:952px;background-image:url(../images/fond-menu.gif);height:28px}
 #tabs ul{ height:28px;list-style:none}
 #tabs li{
display:inline}
 #tabs a{
float:left;display:block;width:126px;height:28px;margin:0 1px 0 0}
 #tabs a#menuTop1{
background:url("../images/menu-accueil.gif") no-repeat left top}
 #tabs a#menuTop2{
background:url("../images/menu-presentation.gif") no-repeat left top} 
 #tabs a#menuTop3{
background:url("../images/menu-formations.gif") no-repeat left top}  
 #tabs a#menuTop4{
background:url("../images/menu-infos.gif") no-repeat left top}  
 #tabs a#menuTop5{
background:url("../images/menu-cours.gif") no-repeat left top}  
 #tabs a#menuTop6{
background:url("../images/menu-contact.gif") no-repeat left top} 
 #tabs a#menuTop7{
background:url("../images/menu-recrutement.gif") no-repeat left top}  
 #tabs a#menuTop8{
background:url("../images/menu-references.gif") no-repeat left top} 
 #tabs a#menuTop1:hover, #tabs a#menuTop2:hover, #tabs a#menuTop3:hover, #tabs a#menuTop4:hover, #tabs a#menuTop5:hover, #tabs a#menuTop6:hover,
#tabs a#menuTop7:hover, #tabs a#menuTop8:hover{
background-position:0px -28px} 
#flashcontent{
height:138px;width:996px;clear:both;border-bottom:1px solid #FFF}
#zoneContent{
width:100%}
#colG{
float:left;width:184px}
#colG img{
display:block}
#colG h2{border-right:1px solid #E4DDB2}
#colG ul{
list-style:none;border-right:1px solid #E4DDB2}
#colG ul li{
display:inline;text-align:right}
#colG ul li a{
display:block;padding:2px 5px 3px 2px;border-top:1px solid #b1b9d2;border-bottom:1px solid #9ba6c6;color:#797066;font-size:0.8em;line-height:16px;text-align:right}
#colG ul li a.forNI2{border-bottom-color:#7a89b4}
#colG ul li a.even{border-top:1px solid #E4DDB2; border-bottom:1px solid #E4DDB2}
#colG ul li a.odd{border-top:1px solid #fff; border-bottom:1px solid #C2B982}
#colG ul li a.active{
color:#F8F7F3 !important;background-color:#464A52;font-weight:bold}
#colG ul li a:hover{
color:#464A52;background-color:#E4DDB2;font-weight:normal}
#colG h2, #colG h2 a{
font-size:14px;font-weight:normal;color:#5E5611;padding-right:4px;height:29px;background:url(../images/fond-rubrique-col.gif) no-repeat;text-align:right;line-height:29px;margin:0;letter-spacing:0px;display:block}
#colG h2#libelleFiliere{
background:url(../images/fond-rubrique-col.gif) repeat-y;height:auto !important;border-bottom:1px solid #8593BA;min-height:29px;line-height:29px;margin-top:30px;border-top:1px solid #464A52}
#colG blockquote{
margin:15px 0 15px 8px;margin:0}
#colG blockquote ul li{
display:inline;text-align:right}
#colG blockquote ul li a{
display:block;padding:2px 5px 3px 2px;color:#797066;font-size:0.8em;line-height:16px;text-align:right;border-bottom:1px solid #E4DDB2}
#colG blockquote ul li a:hover{
color:#464A52;background-color:#E4DDB2;font-weight:normal}


#contentAccueil{
float:left;width:530px;background:url(../images/fond-contentAccueil.gif) no-repeat top left;padding:10px 12px 12px 27px;font-size:12px;display:inline;
}
#contentAccueil h1{
font-size:18px;font-weight:bold;color:#31363E;margin:0 0 14px 0}
#contentAccueil p{
font-size:12px;color:#31363E;line-height:15px;text-align:justify;padding:0 7px 13px 0}
#promotions{
float:left;width:253px;background:url(../images/promotions-accueil-fond.gif);padding-top:5px}
#promotions a span{
color:#0C7CDB}
#colD #rss{
list-style:none;float:left}
#colD #rss li{
line-height:21px}
#colD #rss li a, #promotions a{
color:#2A3145;font-size:11px}
#colD #rss li a:hover{

}

#contentAccueil #coordonnees{
float:left;color:#2A3145;font-size:11px;/*margin:0 100px 0 30px;*/
margin:0 22px 0 22px}
#devisExpress{
background:url(../images/illustration-accueil-devis.jpg) no-repeat 0 0;width:107px;height:70px;display:block;float:left;color:#2A3145;font-size:11px;margin:5px 0 0 9px;padding-top:50px;line-height:18px}
#devisExpress span, #catalogue span{
font-size:11px;font-weight:normal;text-decoration:underline;color:#BEB66D}
#contentAccueil span{
color:#BEB66D;font-size:12px;font-weight:bold}
#contentAccueil #catalogue{
float:left;width:99px;background:url(../images/illustration-accueil-catalogue.jpg) no-repeat 0 0;height:70px;padding-top:50px;color:#2A3145;font-size:11px;margin:5px 0 0 37px;line-height:18px}
#calendrierGeneral{
padding-left:18px;cursor:pointer;font-weight:bold;background:url(../images/picto-date-suite.png) no-repeat 0px 0px;color:#2A3145;font-size:12px;text-decoration:underline}

#content{
display:inline;float:left;width:530px;background:url(../images/fond-contentAccueil.gif) no-repeat top left;padding:24px 12px 12px 27px;font-size:12px;
}

#content img{
display:block}
#content p img{
display:inline;vertical-align:middle}
#content h1{
font-size:19px;font-weight:normal;color:#31363E;margin:0 0 3px 0}
#content #precision{
font-size:13px;color:#31363E;margin:0 0 0 100px;font-style:italic;width:427px}
#content h1 span{
color:#C3BB76}
#content h2 span{
color:#31363E}
#content h2{
font-size:14px;color:#5E5611;margin:15px 0 0 0;padding:0 0 13px 14px;background-image:url(../images/picto-sstitresFor.gif);background-repeat:no-repeat;background-position:left 5px;clear:both}
#content h2 a{
color:#5E5611}
#content h3{
font-size:13px;color:#464A52;padding:5px 5px 0px 14px}
#content h4{
font-size:13px;color:#464A52;padding:5px 0px 0px 4px}
#content h3 a{
color:white}
#content h4 a{
color:#464A52}
#content>p, #zoneOffres p{
font-size:12px;color:#31363E;/*line-height:18px;*/
text-align:justify;/*padding:0 5px 7px 14px;*/
margin:3px 5px 7px 14px}
#content #connexes{
line-height:22px}
#content #connexes a{
font-weight:bold;color:#464A52;text-decoration:underline;display:block}
img#hautPage{
clear:both;float:right;margin-top:10px}

#colD{
float:right;width:240px;background:url(../images/fond-contentAccueil.gif) no-repeat top right}
#colD #description{
font-size:12px}

#accueil-top10, #accueil-nouveaux{
margin-top:10px}

#accueil-top10 div, #accueil-nouveaux div{
width:229px;border:1px solid #CBCED2;background-color:#FBFAF9;clear:both}
#accueil-top10 img, #accueil-nouveaux img{
display:block;float:left}
#accueil-top10 a, #accueil-nouveaux a{
float:left}
#accueil-top10 div ul, #accueil-nouveaux div ul{
list-style:none;padding:5px 0}
#accueil-top10 div ul li, #accueil-nouveaux div ul li{
display:inline}
#accueil-top10 div ul li a, #accueil-nouveaux div ul li a{
float:none;display:block;font-size:11px;color:#31363E;padding:0px 0 0px 13px;line-height:23px}
#accueil-top10 div ul li a:hover, #accueil-nouveaux div ul li a:hover{
font-size:11px;font-weight:bold}

#accueil-cours{
margin:14px 0 0 0}
#accueil-cours p a, #accueil-cours p{
font-size:11px;font-family:Arial;color:#2E354B}
#accueil-cours a{
font-family:Arial}
#accueil-cours h2{
margin:0 0 10px 0;font-family:Arial;font-size:14px;font-weight:bold;color:#2E354B}
#accueil-cours img{
float:left;display:block;padding-bottom:10px}
.blocInformationsFor, #blocForConnexes, #blocForDemandesClients{
width:229px;border:1px solid #CBCED2;padding:10px 0 7px 0;font-size:12px;margin:0 0 11px 0}
img#onglet{
display:block;margin-top:48px}
img#ongletForConnexes, img#ongletForContact{
display:block}
.blocInformationsFor h5{
font-size:12px;font-weight:bold;color:#464A52;padding:3px 0 3px 25px;background-repeat:no-repeat;background-position:4px 4px;line-height:15px}
.blocInformationsFor h5 span{
font-size:12px;font-weight:bold;color:#5E5611;padding:0 0 8px 0px;margin-left:5px;white-space:nowrap}
.blocInformationsFor h6{
font-size:12px;font-weight:normal;color:#5E5611;padding:0 0 8px 30px}
.blocInformationsFor a{
font-weight:bold;color:#464A52;text-decoration:underline}
.blocInformationsFor p{
font-weight:bold;color:#464A52;padding:13px 15px 10px 13px}
#blocForConnexes  a{
font-weight:bold;color:#464A52;text-decoration:underline;display:block;padding:0px 0 4px 20px;background-image:url(../images/picto-bullet-black.png);background-repeat:no-repeat;background-position:2px 2px}
#blocForSessions  a{
font-weight:normal;color:#464A52;text-decoration:underline;display:block;padding:0px 0 4px 25px}
#blocForSessions a.promo{
color:#dd1000 !important}
#blocForSessions h6{
font-size:12px;font-weight:normal;color:#5E5611;padding:0 0 8px 25px}
#blocForSessions h6 .mailto{
font-weight:bold;color:#464A52;text-decoration:underline;background:none;display:inline;padding:0 !important}
#datesSessionsSupp{
padding-left:43px !important;padding-bottom:5px !important;cursor:pointer;font-weight:bold;background:url(../images/picto-date-suite.png) no-repeat 24px 0px;text-decoration:underline;margin-top:5px;color:#464A52}
#formationsPromoSuppl{
padding-left:5px !important;padding-bottom:5px !important;cursor:pointer;font-weight:bold;/*background:url(../images/picto-date-suite.png) no-repeat 0px 0px;*/
text-decoration:underline;margin-top:5px;color:#464A52}
#formationsSessions p{
color:#464A52;font-weight:normal;padding:0px 15px 7px 13px;ppadding:0 15px 8px 25px;text-align:justify}
#formationsSessions  .mailto{
background:none;display:inline;padding:0}

#footer{
clear:both;background-color:#3A435F;height:25px;padding:11px 0 0 105px}
#footer #adresse{
float:left;color:#F9F7F1;font-size:10px}
#footer #adresse img{
margin-right:15px}
#footer #liens{
float:right;padding-right:24px;font-size:10px;color:#F9F7F1}
#footer p a{
font-size:10px;color:#F9F7F1}

a.lien12Or{
font-size:12px;color:#5E5611;text-decoration:underline}
.normal11bleu{
color:#2A3145;font-size:11px}


/**** formulaire ****/
#corpForm{/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
margin:0;padding:1em}
#corpForm label{/*** Mise en forme des intitul?s de champs ***/
float:left;/*** Tr?s important, ne pas suprimer ! ***/
width:40%;/*** Les intitul?s prennent 1/3 de la largeur totale du formulaire... ***/
text-align:right;/*** ... et ils sont align?s ? droite... ***/
margin:0;padding:0 .5em 0 0;line-height:1.4;/*** ... et centr?s verticalement. ***/
font-size:11px;font-weight:bold;color:#656563}
#corpForm .label-checkbox{
float:left;/*** Tr?s important, ne pas suprimer ! ***/
width:87%;/*** Les intitul?s prennent 1/3 de la largeur totale du formulaire... ***/
text-align:right;/*** ... et ils sont align?s ? droite... ***/
margin:0 5px 0 0;padding:0 .5em 0 0;line-height:1.4;/*** ... et centr?s verticalement. ***/
font-size:11px;font-weight:bold;color:#656563}
#corpForm label:hover, #piedForm input, .piedForm2 input{
cursor:pointer;/*** Petite astuce pour apprendre aux utilisateurs ? cliquer sur les intitul?s ***/
}

#corpForm .focus{/*** Mise en avant des champs en cours d'utilisation ***/
background-color:beige;color:black}
#corpForm .normal{/*** Retour ? l'?tat normal apr?s l'utilisation ***/
background-color:#DCDCDC;color:black}
#corpForm p{/*** Mise en forme des lignes du formulaire ***/
padding:.2em 0;margin:0 0 .2em 0}
#corpForm input, #corpForm textarea{
background-color:#DCDCDC;width:150px;height:16px}
#corpForm .input-checkbox{
background-color:transparent;width:20px;margin-left:14px}
#corpForm textarea{
background-color:#DCDCDC;overflow:hidden;height:70px;width:275px}

#piedForm, .piedForm2{
margin:15px 0 0 0;text-align:center; 
}
#piedForm #valid, .piedForm2 #valid{
height:18px}


#f_contact #corpForm2 label{/*** Mise en forme des intitul?s de champs ***/
float:left;/*** Tr?s important, ne pas suprimer ! ***/
width:13%;/*** Les intitul?s prennent 1/3 de la largeur totale du formulaire... ***/
text-align:right;/*** ... et ils sont align?s ? droite... ***/
margin:0;padding:0 .5em 0 0;line-height:1.4;/*** ... et centr?s verticalement. ***/
font-size:11px;font-weight:bold;color:#656563}
#f_contact input{
background-color:#DCDCDC;width:150px;height:16px}

#f_contact #valid{
margin-top:5px;width:60px;height:18px;font-size:12px;background-color:#f4f0f1;color:#000;border:1px solid #bbc1ce}
/*** Mise en forme des messages d'erreur ***/
#corpForm .obligatoire, .corpsForm2 .obligatoire, .corpsForm2All .obligatoire,.corpsForm2Allb .obligatoire, .piedForm2 .obligatoire{
color:red;font-size:11px;font-weight:bold}
#corpForm .alerte{/*** Mis en ?vidence des champs mal renseign?s ***/
border:1px solid red}
#corpForm .messageAlerte{
/*** Mise en forme des message d'alerte ***/
display:block;margin:0 0 .3em .3em;padding-left:2em;color:red;font-weight:bold;background:url(../images/icon_alert.gif) no-repeat left center}
#content p.reponse{
color:#656563;font-size:14px;font-weight:normal;padding:25px 0 25px 50px}
/* page recherche */
#content dl{
margin:0 0 15px 0;font-size:12px}
#content dt a, #content p a, #depotCandidature, #consulterOffres{
color:#5E5611;text-decoration:underline;padding:0 0 16px 14px;background-image:url(../images/picto-plus-gris.gif);background-repeat:no-repeat;background-position:left 4px;cursor:pointer}
#content dd{
text-align:justify;color:#31363E;padding:0 0 0 14px;margin:0 0 10px 0}

#content #contenu{
background:#FAFAFA;border:1px solid #E1E0E0;padding:0 28px 0 0px;width:500px !important;width:496px;/* bug ie6 avec texte justifié, on réduit la largeur */
}

/* styles pour les cours CCM */
#content .Titre{
font-weight:bold;font-size:12px}
#content ul{
background:none repeat scroll 0 0 #F8F6DF;font-weight:bold;margin-bottom:10px;padding:20px}
.txtChapitre p{
width:97% !important;width:95%;/* bug ie6 avec texte justifié, on réduit la largeur */
}

.even{
background:#F8F6DF}
.odd{
background:#F1EDC3}
.forNI1{
background:#cad0e1;color:#54628b !important}
.forNI2{
background:#9ba6c6 ;color:#54628b !important}
.forNI1:hover, .forNI2:hover{
background:#8996ba !important;color:#3c486a !important}

#tooltip{
position:absolute;border:1px solid #333;background:#f7f5d1;padding:2px 5px;color:#333;display:none;width:300px;font-size:12px}
.clear{
clear:both}

/* formulaire inscription formation */

.corpsForm2{
margin:0;padding:0;width:50%;float:left}
.corpsForm2All{
margin:0;padding:0;width:100%;float:left}
.corpsForm2 p, .corpsForm2All p, .corpsForm2Allb p{
margin:5px 0 13px 22px}
.corpsForm2 .focus, .corpsForm2All .focus,  #infosParticipants p .focus {
background-color:beige;color:black}
.corpsForm2 .normal, .corpsForm2All .normal, #infosParticipants p .normal{
background-color:#DCDCDC;color:black}
.corpsForm2 label, .corpsForm2All label{/*** Mise en forme des intitul?s de champs ***/
display:block;margin:0 0 1px 0;padding:0;line-height:1.4;/*** ... et centr?s verticalement. ***/
font-size:11px;font-weight:bold;color:#656563}
.corpsForm2Allb label{/*** Mise en forme des intitul?s de champs ***/
margin:0 10px 1px 10px;padding:0;line-height:1.4;/*** ... et centr?s verticalement. ***/
font-size:11px;font-weight:bold;color:#656563}
.corpsForm2 input, .corpsForm2 select, .corpsForm2All select{
background-color:#DCDCDC;width:220px;height:18px;font-size:11px}
.corpsForm2Allb input{
background-color:#DCDCDC;width:140px;height:18px;font-size:11px}
.corpsForm2 .input-checkbox, .corpsForm2All .input-checkbox{
background-color:transparent;width:20px;margin-left:7px;vertical-align:bottom}
.corpsForm2 textarea{
background-color:#DCDCDC;font-size:11px;width:220px;height:67px}
#adressePP{
height:115px}
.corpsForm2All textarea{
background-color:#DCDCDC;font-size:11px}
#adresseFact, #adresseConvoc{
height:114px}
#zoneAdresseFact, #zoneAdresseConvoc{
float:left;width:100%;display:none;padding-bottom:20px}
fieldset{
border:1px solid #D1D2D4;margin-bottom:15px}
fieldset legend{
padding:5px}
#OPCA{
margin-left:15px;display:inline}
#OPCA input{
background-color:#DCDCDC;height:18px;font-size:11px}
#infosParticipants{
margin:10px 0 0 22px;width:100%;float:left}
.prenomP{
margin-left:45px !important}
/* fin formulaire inscription formation */

blockquote{
margin:7px 0 7px 25px}

#outputERR p{
width:94%;background:red;color:#FFF;font-size:14px;padding:10px;text-align:center;margin:12px}

#zoneCandidature, #zoneOffres{
display:none;padding-top:1px}

.reference{
float:left;width:100%;margin-bottom:15px}
.referencesCourtes{
list-style-type:square;font-size:11px;margin-left:40px !important}
.referencesCompletes{
display:none;list-style-type:square;font-size:11px;margin-left:40px !important}
.reference span{
margin-left:25px !important;font-weight:bold}

#liens-bottom{
text-align:center;color:#5E5611;padding:5px 0 10px 0;clear:both;line-height:15px}
#liens-bottom h3{
display:inline;color:#5E5611;font-size:11px;font-weight:normal;padding:0 7px !important}

#accordion{
margin:20px 0px}

h3.toggler{
cursor:pointer;border:1px solid #f5f5f5;border-right-color:#ddd;border-bottom-color:#ddd;font-family:'Andale Mono', sans-serif;font-size:12px;background:#D2E0E6;color:#528CE0; 
margin:0 0 4px 0;padding:3px 5px 1px}

div.element p, div.element h4{
margin:0px;padding:4px}

blockquote{
padding:5px 20px}

#arb_filiere_pageformation a{color:#7E8CB4 !important}
#arb_filiere_pageformation a:hover{color:#56648D !important}
#menu_filiere_categorie{
color:white}
#page_categorie h3{
font-size:16px;color:white;font-weight:bold;padding:0px 0px 0px 14px;background-color:#9BA6C6;margin-top:10px}
#formation_liste h3 a{
color:#464A52}
#popup_cgv a{
text-decoration:none;color:#656563;display:block;font-size:11px;font-weight:bold;line-height:1.4;margin:0 0 1px;padding:0}
#popup_cgv{
margin-left:20px}
#colG  ul li #menu_filiere_categorie a{
display:block;padding:2px 5px 3px 2px;color:white;font-size:0.8em;line-height:16px;text-align:right;border-bottom:1px solid #E4DDB2}
#colG  ul li .menu_filiere_categorie hover{
display:block;padding:2px 5px 3px 2px;color:#7E8CB4;font-size:0.8em;line-height:16px;text-align:right;border-bottom:1px solid #E4DDB2}
.formation-fafiec br{clear:both}
#content .formation-fafiec ul{padding:0}
#content .formation-fafiec a.tooltip{font-weight:normal}
#content .formation-fafiec .titre1{font-weight:bold;font-size:16px;padding:5px 0;margin-bottom:5px;border-bottom:1px solid}
#content .formation-fafiec .titre2{color:#6A6E76;padding:5px 0}
#colG ul li a#menu_filiere_categorie{color:#54628B}
#colG ul li:nth-of-type(2n+1) a#menu_filiere_categorie{background-color:#CAD0E1 !important}
#colG ul li a#menu_filiere_categorie:hover{color:#464A52 !important;background-color:#8996BA !important}
#liste-formation{height:50px;background:#D6D8E4;padding-left:5px}
#liste-formation li{list-style:none;float:left;margin-right:5px}
#liste-formation li a{font-size:11px;color:#54628B}
#liste-formation li a:hover{color:#464A52}