/* CSS Document */


/********************************
* GABARIT CONTENU
*********************************/

.col-1{float:left; width:328px; margin-right:12px; text-align:justify;}
.col-2{float:left; width:180px; color:#585858; font-size:10px; }

.col-1 ul{margin:20px 0 0 40px}
.col-1 ul li{margin-left:20px; list-style:disc; margin:5px 0}

.bloc-gris { display:block; float:left; width:255px; background:#E6E6E6; margin:8px 4px 0 0; padding:0; }
.bloc-gris .top { display:block; height:10px; width:255px;  background:url(../img/bloc_gris_top.gif) no-repeat 0 0; margin:0; }
.bloc-gris .bottom { display:block; height:10px; width:255px; background:url(../img/bloc_gris_bottom.gif) no-repeat 0 0; margin:0;}
.bloc-gris .content { padding:10px; margin:0;}
.bloc-gris .titre { padding-bottom:10px; color:#FF9001; font-size:12px; font-weight:bold;margin:0; }
.bloc-gris a{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; padding:0px 0 0 20px; margin:5px 0 5px 5px; display:block}

.page-1-col{float:left; width:520px; text-align:justify; }
.page-1-col ul{margin:20px 0 0 40px}
.page-1-col ul li{margin-left:20px; list-style:disc; margin:5px 0}
.page-1-col p a.ensavoirplus{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; padding:0px 0 0 20px; margin:5px 0 0 0}

/********************************
* CARREFOUR_TYPE1
*********************************/
.carrefour_type1 .bloc{background-color:#ebebeb; margin:15px 0 0 ; float:left; width:520px;}
.carrefour_type1 .bloc img{float:left; margin:0 10px 0 0}
.carrefour_type1 .bloc .text{float:right; width:405px}
.carrefour_type1 .bloc h3{padding:5px 0px; margin:2px 0; color:#000000; font-weight:bold}
.carrefour_type1 .bloc p{margin:0px 0px 6px; text-align:justify}
.carrefour_type1 .bloc a.ensavoirplus{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; padding:0px 0 0 20px; margin:5px 0 0 0}
.carrefour_type1 ul{margin:20px 0 0 40px}
.carrefour_type1 ul li{margin-left:20px; list-style:disc; margin:5px 0}

/********************************
* CARREFOUR_TYPE2
*********************************/
.carrefour_type2 .bloc{margin:15px 0 0; float:left; width:520px;}
.carrefour_type2 .bloc h3{border-bottom:1px dotted #000000; padding:5px 0px; margin:0 0 10px 0; color:#000000; font-weight:bold}
.carrefour_type2 .bloc p{margin:0px 0px 6px; text-align:justify}
.carrefour_type2 .bloc a.ensavoirplus{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat;  padding:0px 0 0 20px; margin:5px 0 0 0}
.carrefour_type2 ul{margin:20px 0 0 40px}
.carrefour_type2 ul li{margin-left:20px; list-style:disc; margin:5px 0}


/********************************
* TELECHARGEMENT
*********************************/
.telechargement h3{margin: 20px 0 10px; border-bottom: 1px dotted #000000; color:#000000; padding:0 0 5px 0; font-weight:bold }
.telechargement a.download{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat;  padding:0px 0 0 20px; margin:5px 0 0 0}

/********************************
* RECHERCHE
*********************************/
.recherche form p{clear:both; display:block; padding-bottom:15px;}
.recherche label{display:block;float:left;font-size:11px;padding-right:10px;padding-top:4px;text-align:right;width:220px;}
.recherche select{width:260px}
.recherche input.search{background:transparent url(../img/btn_input_search.jpg) no-repeat scroll left top;border:medium none;height:39px;margin:15px 30px 0 0; float:right; width:116px}
.recherche input.reset{background:transparent url(../img/btn_input_reset.jpg) no-repeat scroll left top;border:medium none;height:27px;margin:26px 20px 0 0;float:right;width:88px;}

/********************************
* RECHERCHE_DETAILS
*********************************/
.recherche_details input.newsearch{background:transparent url(../img/btn_input_newsearch.jpg) no-repeat scroll left top;border:medium none;height:27px; float:right; width:159px; cursor:pointer}
.recherche_details .response{margin:30px 0; font-weight:bold; font-size:16px}
.recherche_details .number_response {color:#ff9900; font-size:18px}

.recherche_details .pages-nav{border-bottom:1px solid #000000; padding:0 0 10px 0; font-weight:bold}
.recherche_details .pages-nav .prev, .recherche_details .pages-nav .next,  .recherche_details .pages-nav .start,  .recherche_details .pages-nav .end{display:inline;}
.recherche_details .pages-nav .pages{display:inline}
.recherche_details .pages-nav .pages ul{display:inline;padding: 0 5px;}
.recherche_details .pages-nav .pages ul li{border-left:1px solid #58585A;display:inline;padding-left:4px;padding-right:2px;}
.recherche_details .pages-nav .pages ul li.first{border-left:none}
.recherche_details .pages-nav .pages ul li.active a, .recherche_details .pages-nav a:hover{color:#ff9900;}

.recherche_details .bloc{margin:20px 0 0 0; border-bottom:1px solid #000000; padding:0 0 15px 15px}
.recherche_details .bloc img{float:right; margin:0 0px 0 10px}
.recherche_details .bloc p{margin:4px 0px 6px;}
.recherche_details .bloc p a.details{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; float:right; padding:0px 0 0 20px;}
.recherche_details a.details{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; float:right; padding:0px 0 0 20px;}

/********************************
* RECHERCHE_DETAILS_FICHE
*********************************/
.recherche_details_fiche input.newsearch{background:transparent url(../img/btn_input_newsearch.jpg) no-repeat scroll left top;border:medium none;height:27px; float:left; width:159px; cursor:pointer}
.recherche_details_fiche .top-menu, .recherche_details_fiche .bottom-menu{width:520px; float:left;}
.recherche_details_fiche .top-menu{border-bottom:1px solid #000000; padding: 0 0 20px 0;  margin:0 0 20px 0}
.recherche_details_fiche .bottom-menu{border-top:1px solid #000000; padding: 20px 0 0 0}
.recherche_details_fiche .bloc-newsearch{float:left;  width:172px;}
.recherche_details_fiche .bloc-pdf{float:left; margin:0 auto; width:102px; padding: 0 0 0 70px}
.recherche_details_fiche a.pdf{background:url(../img/picto_pdf.jpg) no-repeat; padding:0px 0 0 20px;  height:16px; display:block; width:80px; text-transform:uppercase; }
.recherche_details_fiche .bloc-buttons{float:right;width:172px; }
.recherche_details_fiche a.details{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat 0 2px; float:left; display:block; padding:2px 0px 0 20px;}

.recherche_details_fiche h2.titre_fiche{color:#ff9900; text-align:center;}
.recherche_details_fiche .col-photos{float:left;width:190px}
.recherche_details_fiche .col-photos img{float:left; margin:0 0 20px 0}
.recherche_details_fiche .col-text{float:left;width:320px;margin:0 0 0 10px}
.recherche_details_fiche .col-text .bloc{padding:15px; border-top:1px solid #909090;}
.recherche_details_fiche .col-text .bloc h3{color:#000000; margin:0 0 15px 0}
.recherche_details_fiche .col-text .bloc p span{width:125px; display:block; color:#909090; float:left}

.recherche_details_fiche h3 { font-size:14px; font-weight:bold; color:#000000; }
.recherche_details_fiche .txt_petit { font-size:11px; font-weight:bold; color:#909090; } 

/********************************
* FORMATION
*********************************/
.formation .form-left{float:left; width:380px; margin:20px 0 0 0}
.formation .buttons-right{float:right; width:120px; margin:15px 0 0 0}
.formation form p{clear:both; display:block; padding-bottom:15px;}
.formation label{display:block;float:left;font-size:11px;padding-right:10px;padding-top:4px;text-align:right;width:100px;}
.formation select{width:260px; margin:0 5px 0 0}
.formation input.valider{background:transparent url(../img/btn_input_valider.jpg) no-repeat scroll left top;height:27px;margin:5px 0 0 0; float:right; width:88px; border:medium none}
.formation a.stages{background:transparent url(../img/btn_stages.jpg) no-repeat scroll left top;height:43px;float:left; width:116px; border:medium none}
.formation a.parcours{background:transparent url(../img/btn_parcours.jpg) no-repeat scroll left top;height:43px;margin:5px 0 0 0; float:left; width:116px; border:medium none}
.formation a.parcours span, .formation a.stages span{display:none}
.formation p.orange{color:#FF9001}
.formation .results{margin:40px 0 0 0}
.formation .results a.ensavoirplus{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; float:right; height:14px; width:14px; display:block}
.formation ul{padding:0 0 0 20px;}
.formation ul li{padding: 0 0 10px 10px; display:list-item; list-style-type:disc}

.formation_details{}
.formation_details .details{background:#E6E6E6; padding:20px;}
.formation_details .details a.ensavoirplus{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; height:14px; display:block; padding-left:20px}
.formation_details p.orange{color:#FF9001}
.formation_details a.voir_stage{background:transparent url(../img/btn_voir_stage.jpg) no-repeat scroll left top;height:43px;float:right; width:116px; border:medium none; margin:0 10px 0 0}
.formation_details a.inscription_stage{background:transparent url(../img/btn_telecharger_fiche.jpg) no-repeat scroll left top;height:43px;float:right; width:125px; border:medium none; margin:0 10px 0 0}
.formation_details a.voir_stage span, .formation_details a.inscription_stage span{display:none}
.formation_details .results{margin:40px 0 0 0}
.formation_details .results a.ensavoirplus{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; float:right; height:14px; width:14px; display:block}


.financer_formation ul{margin:0 0 0 20px; list-style:none;}
.financer_formation ul li{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; padding:0px 0 0 20px; margin:5px 0 0 0;list-style:none;}


/********************************
* ACTU
*********************************/
.actu .pages-nav{padding:0 0 10px 0; text-align:right; width:520px; font-weight:bold}
.actu .pages-nav .prev, .actu .pages-nav .next,  .actu .pages-nav .start,  .actu .pages-nav .end{display:inline;}
.actu .pages-nav .pages{display:inline}
.actu .pages-nav .pages ul{display:inline;padding: 0 5px;}
.actu .pages-nav .pages ul li{border-left:1px solid #58585A;display:inline;padding-left:4px;padding-right:2px;}
.actu .pages-nav .pages ul li.first{border-left:none}
.actu .pages-nav .pages ul li.active a, .actu .pages-nav a:hover{color:#ff9900;}

.actu .bloc h3{color:#ff9001; width:520px; border-bottom:1px solid #ff9001; padding:5px 0; font-weight:bold; margin:0 0 20px 0}
.actu .bloc h3.actu_cndb{background:url(../img/actu_cnb.jpg) bottom right no-repeat;}
.actu .bloc{margin:20px 0 20px 0; width:520px}
.actu .bloc .img{float:left; width:184px; text-align:center}
.actu .bloc .img img{}
.actu .bloc .text {float:right; width:336px;}
.actu .bloc .text p{margin:4px 0px 6px; text-align:justify; }
.actu .bloc .text p a.suite{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; float:left; padding:0px 0 0 20px;}

/********************************
* ACTU_DETAILS
*********************************/
.actu_details .bloc h3{color:#ff9001; width:520px; border-bottom:1px solid #ff9001; padding:5px 0; font-weight:bold; margin:0 0 20px 0}
.actu_details .bloc h3.actu_cndb{background:url(../img/actu_cnb.jpg) bottom right no-repeat;}
.actu_details .bloc h3.formation_cndb{background:url(../img/formation_cnb.jpg) bottom right no-repeat;}
.actu_details .bloc{margin:20px 0 20px 0; width:520px}
.actu_details .bloc .img{float:left; width:184px; text-align:center;}
.actu_details .bloc .img img{ margin:10px 0}
.actu_details .bloc .text {float:right; width: 336px}
.actu_details .bloc .text p{margin:4px 0px 6px; text-align:justify}
.actu_details .bloc .text p a.suite{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; float:left; padding:0px 0 0 20px;}
.actu_details .bloc .text ul{margin: 15px}
.actu_details .bloc .text ul li{ background:url(../img/puce_carre_orange.jpg) no-repeat center left; padding:0 0 0 12px}
.actu_details .image_large{width:520px;text-align:center; margin:10px 0}

/********************************
* BOUTIQUE
*********************************/
.boutique .col-255-projecteur, .boutique .col-255-vente{width:255px; float:left; background-color:#f2f2f2; min-height:240px}
 * .boutique .col-255-projecteur, .boutique .col-255-vente{height:240px}
.boutique .col-255-projecteur .title, .boutique .col-255-vente .title{width:255px; background-color:#ff9001; color:#FFFFFF; font-weight:bold; padding:5px 0; text-indent: 10px}
.boutique .col-255-projecteur{margin:20px 10px 0 0}
.boutique .col-255-vente{margin:20px 0 0 0}

.boutique .col-168-revue, .boutique .col-168-publications, .boutique .col-168-documents {width:168px; float:left; border: 1px solid #c3c3c3}
.boutique .col-168-revue, .boutique .col-168-publications{margin: 20px 5px 0 0}
.boutique .col-168-documents{margin: 20px 0 0 0}

.boutique .col-255-projecteur .bloc{margin:5px;}
.boutique .col-255-projecteur .bloc img{float:left; margin:0 5px 0 0}
.boutique .col-255-projecteur .bloc p.link a{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; padding: 0px 0 0 20px;}
.boutique .col-255-projecteur .bloc p.link{margin: 10px 0}

.boutique .col-255-vente .bloc{margin:5px;}
.boutique .col-255-vente .bloc .bloc-top{border-bottom: 1px solid #7f7f7f; padding: 0 0 5px 0;}
.boutique .col-255-vente .bloc .bloc-bottom{border-top: 1px solid #FFFFFF; padding: 5px 0 0 0;}
.boutique .col-255-vente .bloc img{float:left; margin:0 5px 0 0}
.boutique .col-255-vente .bloc .text{width:177px; float:left}
.boutique .col-255-vente .bloc .text span.prix{color:#ff9001; font-size:16px; font-weight:bold}
.boutique .col-255-vente .bloc .text p.link a{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; padding: 0px 0 0 20px;}
.boutique .col-255-vente .bloc .text p.link a{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; padding: 0px 0 0 20px;}
.boutique .col-255-vente .bloc .text p.link{margin: 10px 0}
.boutique input.ajouterpanier{background:transparent url(../img/btn_ajouterpanier.jpg) no-repeat scroll left top;border:medium none;height:24px; width:138px; cursor:pointer}

.boutique .col-168-revue .image, .boutique .col-168-publications .image, .boutique .col-168-documents .image{width:168px; height:130px; text-align:center; margin:20px 0 0 0;}
.boutique .col-168-revue .text, .boutique .col-168-publications .text, .boutique .col-168-documents .text{width:168px; background-color:#ff9001; color:#FFFFFF; font-weight:bold; padding:5px 0; text-align:center}
.boutique .col-168-revue .links, .boutique .col-168-publications .links, .boutique .col-168-documents .links{width:168px; background-color:#f0f0f0}
.boutique .links a{background:url(../img/puce_ensavoirplus_orange.jpg) no-repeat; padding: 0 0 0px 20px;}
.boutique .links{min-height:90px;}
* html .boutique .links{height:90px}
.boutique .links p{padding: 10px 0 5px 10px;}

/********************************
* EQUIPE
*********************************/
.equipe {position:relative;}
.equipe  h4{margin:30px 0 15px 10px; color:#FF9001;}
.equipe .fonction{float:left; text-align:right; width:200px; margin:5px 0}
.equipe .nom{float:left; text-align:left; width:300px; padding-left:20px;  margin:5px 0;  z-index:1}
.equipe .close{background:transparent url(../img/close.png) repeat scroll 0 0; display:block; float:right; height:14px; width:14px;}
.equipe .close:hover{background-position:0 -14px}
.equipe .text{text-align:center}
.equipe .text p{margin:10px 0}

/********************************
* CONTACTS
*********************************/
.contacts {position:relative;}
.contacts  h4{margin:30px 0 15px 10px; color:#FF9001;}
.contacts .fonction{float:left; text-align:right; width:200px; margin:5px 0}
.contacts .nom{float:left; text-align:left; width:300px; padding-left:20px;  margin:5px 0; }

/********************************
* CNDB EN REGIONS
*********************************/
.cndb_en_regions {position:relative;}
.cndb_en_regions  h4{margin:30px 0 15px 10px; color:#FF9001;}
.cndb_en_regions .fonction{float:left; text-align:right; width:200px; margin:5px 0}
.cndb_en_regions .nom{float:left; text-align:left; width:300px; padding-left:20px;  margin:5px 0;  z-index:1}
.cndb_en_regions .close{background:transparent url(../img/close.png) repeat scroll 0 0; display:block; float:right; height:14px; width:14px;}
.cndb_en_regions .close:hover{background-position:0 -14px}
.cndb_en_regions .text{text-align:center}
.cndb_en_regions .text p{margin:10px 0}

/********************************
* FOCUS_PANORAMA
*********************************/
.focus_panorama ul{padding:0;}
.focus_panorama ul li{padding: 0 0 10px 10px; display:list-item; list-style-type:disc}