body {width:100%;font:16px 'Open Sans', sans-serif;color: #666666;font-weight:100;/*background:#E8E7E6 ;*/margin:0px; text-align:justify;}
a {color:#000000;}
div{margin:0;padding:0}
.droite{float:right;}
#main{margin-left:auto;margin-right:auto;text-align:center;position:relative }
#page{float:left;margin-left:auto;margin-right:auto;text-align:center;min-height:200px;height:auto;width:100%; }
#header {/*background:#1E1E1E;*/float:left;width:100%;min-height:150px;}
#headerpage{width:100%;float:left;position:fixed; background-color:#cccccc;}
#headerligne{margin-left:auto;margin-right:auto;text-align:center;width:100%; min-height:40px;  background-color:#cccccc;}
#headerlignecontenu{float:left;text-align:center;width:100%; }
#headercontenu{width:100%; max-width:1150px; padding:0 ;margin-left:auto;margin-right:auto;text-align:center;min-height:140px;}
#headermenu{ text-align:right;width:40%;height: 50px;float:right}


h1 {color:#46AC33;font-size:42px;text-align:center;text-transform:uppercase;padding:5px 0;}
h2 {color:#2d4263;font-size:26px;padding:15px 0; font-weight:100;text-align: center;text-transform:uppercase;}
h3 {color:#000000;font-size:22px;margin:0;padding:1px 0px;font-weight:100;}
h4 {color:#FF0000;font-size:20px;margin:0;padding:4px 0px;font-weight:100;text-transform:uppercase}

.doc_txt{float:left;width:74%}
.doc_img{float:left;width:25%}
.doc_img {padding-right:1%;padding-bottom:1%;}
.doc_txt a{background-color:#F2F4F5;padding:5px;color:#03759F;text-decoration:none;font-size:18px;border:1px #03759F solid }
.doc_txt a:hover{background-color:#03759F;padding:5px;color:#FFFFFF;text-decoration:none;}

nav {margin-left:auto;margin-right:auto;text-align:left;width:100%;min-height:55px;}
.container-ligne{max-width:1160px;width:100%;margin-left:auto;margin-right:auto;text-align:right;z-index:50;}
.container-menu {height:100%; text-align:center;font-family:'Open Sans', sans-serif;font-size:20px ;padding:0%;z-index:50;background-color:#F07A1A}
.container-menu a{list-style:none;text-decoration:none;margin:1px;display:inline-block;color:#FFFFFF;border-bottom:2px solid #F07A1A}
.container-menu a:hover{ border-bottom:2px solid #333333;color:#333333;}
.container-menu ul,.container-menu li {list-style:none;margin:0;padding:0;}
.container-menu ul {max-width:1200px; width:100% }
.container-menu li {padding: 1% 0% 1% 20px;display:inline-block;}

.container-menu ul li ul{display:none;margin:0;padding:0;text-align:left;}
.container-menu ul li:hover > ul  {
      display:block;
	  text-align:left;
      z-index:102;		  
}

.container-menu ul li:hover > ul  {
      display:block;
	  background-color:#B2ACAA;
	  margin-top:8px;
	  max-width:300px;
	  text-align:left;
	  font-size:0.9em;
      z-index:103;	
}

.container-menu ul li ul > li  {
      display:block;
	  padding: 10px 35px;
}



#headerlogo{float:left; text-align:left;padding-top:5px;}
#headerlogo img{width:auto;}
.logo{float:left}
.slogan {float:left;padding:80px 0 0 50px;bottom:0;font-size:26px;color:#333333}
.certification{float:right;}
#headercontact{float:right;width:80%;padding:2px 0 2px 0;color:#000000;text-align:right;}
#headerreseau{float:right;width:40%;padding:8px 0;text-align:right}
#headercontact .tel, #headercontact .contact{font-size:19px;padding-left:35px;padding-right:5px;height:35px;}
#headercontact .linkedin{font-size:19px;background: url(images/i_linkedin_mini.png) no-repeat left ;width:33px;height:35px;display:inline-block;} 
#headercontact .facebook{font-size:19px;background: url(images/i_facebook_mini.png) no-repeat left ;width:33px;height:35px;display:inline-block;} 
#headercontact .twitter{font-size:19px;background: url(images/i_twitter_mini.png) no-repeat left ;width:33px;height:35px;display:inline-block;}
#headercontact .espace{font-size:19px;background: url(images/i_espace_mini.png) no-repeat left ;padding-left:35px;height:35px;}

#headercontact .tel {background:url(images/tel.png) no-repeat left center;}
#headercontact .tel span {padding-top:10px;}
#headercontact .contact {background: url(images/contact.png) no-repeat left center;}
#headercontact .contact a{text-decoration:none}

#headercontact ul{list-style: none;margin:0;float:right;}
#headercontact li{list-style: none;float:left;padding-left:5px;}
#headercontact li a {text-decoration: none;display:block;}

#headerrecherche {text-align:right}
#headerrecherche input[type="text"]{padding:4px 1px; margin:0px 0;font-size:18px;border:1px solid #666666}
#headerrecherche input[type="submit"] {padding:3px 0;background:url(images/recherche.png) no-repeat ;
	width:30px;
    height:30px;
    border:none;
    float:right;
    margin:0;
    cursor:pointer;
}


#container{max-width:1200px;width:100%;margin-left:auto;margin-right:auto;text-align:left;height:100%;padding-bottom:50px;}

#footer{margin-left:auto;margin-right:auto;text-align:center;width:100%; min-height:180px;font-size:12px;background-color:#D9D6D5;float:left;}

#footer_contenu{max-width:1200px;margin-left:auto;margin-right:auto;padding:0px 0px;text-align:center;width:98%;min-height:120px;display:inline-block;}
.footertext {color:#4A4A49; font-size:16px;padding:1% 0%;font-family:Quicksand, sans-serif; font-weight:100;width:100%;background-color:#FFFFFF}
.footertext a {color:#4A4A49;}
.footertextbas{letter-spacing:1px;text-transform:uppercase;float:left;padding:1% 0%;width:100%;text-align:center;}
.footergauche {width:40%;text-align:left;float:left}
.footerdroit iframe{width:100%}
.footerdroit {width:50%;text-align:right;float:right}
.footertel{font-size:24px }



#barreicone {padding:3% 0 0 0 ;width:100%; text-align:center;margin-top:10px;}
#barreicone img{margin:0;padding:0;bottom:0;text-align:center}
#pagecentre{float:left;height:100%;min-height:400px;width:100%;padding:0px 0px 10px 0px;/*pagecentre*/}
#pagecontenu{float:left;width:100%;padding:0 0;text-align:left;}

/*Accueil*/
.fb-page{width: 100% !important; }

article{width:98%;padding:1%;margin:0%;float:left;}
.ac_blocks{width:100%;text-align:center;padding:0% 0%;flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: row;
-webkit-flex-direction:row;	
display: flex;
display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
align-items: stretch;	
-webkit-align-items:stretch;
justify-content: space-between;
-webkit-justify-content: space-between;}
.ac_block h2{color:#333333;padding:0;margin:0;font-size:18px;font-weight:500;display:none}
.ac_block {width:20%;cursor:pointer;text-align: center}  
.ac_block img{margin:0;padding:0;text-align:center;}

.ac_block_2 h2{color:#333333;padding:0;margin:0;font-size:18px;font-weight:500;display:none}
.ac_block_2 {width:50%;cursor:pointer;
flex-direction: column;
-webkit-flex-direction:column;	
justify-content: center;
-webkit-justify-content: center;	
display: flex;
display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */}   
.annuaire, .rejoindre{flex-direction: row;
-webkit-flex-direction: row;	
justify-content: center;
-webkit-justify-content: center;	
display: flex;
display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */}  

.annuaire img , .rejoindre img{display: block}

.formation {background-color:#ffffff;-webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.25s;
	transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 0.25s;}  
.sije {background-color:#ffffff;-webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.25s;
	transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 0.25s;}  
.soiree {background-color:#ffffff;-webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.25s;
	transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 0.25s;}  
.annuaire {background-color:#2d4263;-webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.25s;
	transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 0.25s;}  
.rejoindre {background-color:#2d4263;-webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.25s;
	transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 0.25s;}  
 

.ul_page li {list-style-image : url(images/puce.png);}

.c1{background-color:#EF7A1B;} 
.c2{background-color:#658A9F} 
.c3{background-color:#F8F6F4} 
.c4{background-color:#E7E0DA} 


#presentation {width:100%;float:left}
#presentation h1{text-align:center;background:url(images/tiret.png) repeat-x center;text-transform:uppercase;font-weight:600 }
#presentation h1 span{background-color:#FFFFFF;padding:0 1%}

#partenaires {width:100%;float:left}
#partenaires h1{text-align:center;background:url(images/tiret.png) repeat-x center;text-transform:uppercase;font-weight:600 }
#partenaires h1 span{background-color:#E8E7E6;padding:0 1%}


#actualites {padding:1% 2%;float:left;width:96%}
#actualites h2 {color:#ffffff;font-size:16px;margin:0;padding:10px 0px 10px 30px; font-weight:600;text-transform:uppercase;background:url(images/puce_actus.png) no-repeat left}
.titreactu {font-size:28px;text-transform:uppercase;color:#000000;float:left;vertical-align:middle;height:100%;display:block; padding:1% 0%}
#news-actu div {padding:4px 0;}
#news-actu iframe {width: 100%;height: 250px}

.text-content{color: #000000}
.titre h2{text-align:left;background:url(images/puce_titre.png) no-repeat left;text-transform:uppercase;font-weight:600;color:#000000;
font-size:20px;padding:5px 0 10px 0}
.titre h2 span{padding-left:40px;}
#actualites p{padding:0;margin:3px 0;}

.tright{text-align:right}

/*formulaire contact*/

#contact input[type="text"]{padding:4px 0; margin:2px 0;}
#contact input[type="button"] {padding:3px;}
#contact input[type="radio"] {padding:3px;}
#contact input[type="submit"] {padding:3px;}

#contact .labcontact{text-align:right;padding:5px 0;margin:2px 0;}
#contact .labcontact span {padding-right:5px;text-align:right}

.centrer{text-align: center}

input[type="text"]{padding:5px 2px; margin:2px 0;width: 97%;font-size: 18px; }
input[type="button"] {padding:3px;font-size: 18px; }
input[type="file"] {padding:3px;}
input[type="radio"] {padding:3px;font-size: 16px; }
input[type="submit"] {padding:10px;cursor: pointer;font-size:18px;background-color:#EF7A24;color: #FFFFFF;border:none;transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out; }
input[type="submit"]:hover {background-color:#1E1E1E;border-radius: 10px; }
select {padding:6px 0; margin:2px 0;font-size: 16px; }

.ibanfr, .ibanbq , .ibangui , .ibancpte, .ibancle {float: left;margin-right:5px;}

.ibanfr input[type="text"], .ibanbq input[type="text"], .ibangui input[type="text"]{width:50px; }
.ibancpte input[type="text"]{width: 150px;}
.ibancle input[type="text"]{width: 40px;}
.champslarge input[type="text"]{width: 99%}

.lab{text-align:right;padding:5px 0;margin:2px 0;}
.lab span {padding-right:5px;text-align:right}

.img_vig {width: 30%;margin: 1%;float: left;text-align: center;}

 
#btsaisir{display:none;}	


/*fil*/
.fil{margin-top:-20px;}
/*ul */
.lien li{padding:5px 0 5px 5px;list-style:url(images/puce_lien.png);list-style-type:none; }
.lien span{color:#03759F;font-weight:600}

.bt_tx a{padding:5px;margin:5px 0px;color:#38221B;text-decoration:none;font-size:18px;border:1px #FFFFFF solid;height:20px;width:200px;display:block;text-align:left;background:url(images/fleche_bouton.png) no-repeat right}
.bt_tx a:hover{background: #CCCCCC url(images/fleche_bouton.png) no-repeat right;text-decoration:none;}

/*page projet contenant .bt_tx*/
.barre_tx {width:100%;text-align:center;}
.barre_tx .bt_tx {width:210px;text-align:center;display:inline-block;}

.bt_part a{text-align:center;padding:5px;margin:5px 0px;color:#38221B;text-decoration:none;font-size:18px;border:1px #FFFFFF solid;height:20px;width:200px;display:block;}
.bt_part a:hover{background: #CCCCCC ;text-decoration:none;}



/*pied page*/
#mpl_pied {width:100%;text-align:center;padding:2% 0;background-color:#D9D6D5;}
#mpl_news{width:100%;background-color:#B2ACAA;text-align:center;padding:1% 0;}
#mpl_news .mpl_newsletter{font:18px Quicksand, sans-serif;color:#000000;text-align:left;max-width: 1200px;margin-left: auto;margin-right: auto}
#mpl_news input[type="text"]{padding:4px 1px;margin:0px 0;font-size:18px;border:1px solid #666666}
#mpl_blocks{}
.mpl_block h2{color:#333333;padding:0;margin:0;font-size:14px;font-weight:600}
.mpl_block {width:23%;float:left;text-align:center;padding:1%;height:150px;}  
.mpl_block img{margin:0;padding:0;text-align:center;}


.textesiteerreur{color:#D73600;}
.texteerreurbloc{color:#D73600;border:1px solid #D73600;display: block;margin-bottom:10px;padding:5px 0;}
.texteerreurbloc span{text-align: center;display: block}

p {max-width:1200px;}
.lignepage{width: 100%;float:left;height: 15px;padding:20px 0}
hr{width: 150px;text-align: center;display:block; height:3px;background-color: #F07A1A;border: none;margin: auto;margin-bottom:10px}

.pright{padding-right:4%}
.pleft{padding-left:4%}
 
.t3{width:30%}
.t5{width:50%;}
.t7{width:70%;}
.t20{width: 20%}
.t25{width: 25%}
.t71{width: 71%}
.t76{width: 76%}
.t80{width: 80%}
.t96 {width:96%} 
.t40 {width:40%;}
.t50 {width:50%;}
.t56 {width:56%} 
.t46 {width:46%;}
.t6bis {width:66%}
.t7bis {width:70%;text-align:justify;}
.t8 {width:96%}
.t9 {width:96%}
.t10 {width:96%}
.t100 {width:100%}

.pad1{padding:0% 2%}
.pad2{padding-top:4%}
.pad3{padding:2% 0%}
.pad4{padding:0% 3% 0% 1%}
.pad5{padding:2%}
.pad6{padding:0 0% 1% 0%}
.pad7{padding-top:15px; }

.zone_gauche {float:left;text-align:justify;}
.zone_droite {float:right;}
 
.bouton_adherer {float: left;width: 100%;text-align: center;padding-top:30px;}
.bouton_adherer a { width:30%;text-align: center; background-color:#F07A1A;padding:10px;color:#FFFFFF;text-decoration: none;transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;}
.bouton_adherer a:hover {background-color:#1E1E1E;color: #FFFFFF;border-radius: 10px;  }

img {
max-width:100%;
height:auto;
}

.mentions{float:right;width:34%;padding-top:25px;text-align:right}
.adresse{float:left;width:45%;padding-top:25px;text-align:left;margin-left:10px;}
.logo_pied{float:left;}
.icones a{padding-right:5px;}


#cookies{width:98%;padding:1%;position:fixed;bottom:0;opacity:0.8; background-color:#000000;color:#FFFFFF;z-index:100}
#cookies a{color:#FFFFFF; }
#cookies .bt_fermer {padding:3px;background-color:#33CC66;color:#FFFFFF; -moz-border-radius: 2px; -webkit-border-radius: 2px;border-radius: 2px;text-decoration:none}
#cookies .bt_fermer a{text-decoration:none}
#cookies .bt_fermer:hover{background-color:#339966;}

#inscription a{background-color:#4FA5A4;-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px;color:#FFFFFF;padding:5px;font-size:17px;font-family:Quicksand, sans-serif;text-decoration:none}
#inscription a:hover{background-color:#EC6200;}

.openmenuresponsive {
  display: none;
}



.coul1:hover{background-color:#B2ACAA /*#e7e0da*/}  
.coul2:hover{background-color:#B2ACAA/*#f8f6f4*/}  

.z_recherche input[type=text], .z_recherche select{padding:2px;font-size:16px}

/*Actualités*/

#articleliste article{float:left;display:inline-block; width:31%;min-height:450px;padding:1%;margin:0%; }
.arti_txt {font-size:16px;color:#333333;}
.arti_txt h3{text-decoration:none;padding:5px 0 10px 30px; background:url(images/puce_actus.png) no-repeat left}
.arti_txt img{width:100%;height:auto}
.arti_txt iframe {width: 100%;height:250px;}

.article .arti_txt iframe {width: 100%;height:550px;}

/*Annuaire*/

#adherentliste article{float:left;display:inline-block; width:30%;min-height:180px;padding:1%;margin:0.5%; }
.serv_1  {background-color: #E3E3E3;color:#686868;}
.serv_2 {background-color: #E3E3E3;color:#686868;}
.serv_1 h3, .serv_2 h3, .serv_2 a, .serv_1 a {color:#686868;}

.adhe_txt {font-size:16px;text-align: center}
.adhe_txt h3{text-decoration:none;padding:5px 0 10px 0px;}
.adhe_txt img{width:100%;height:auto} 


.adherententete{background-color: #0B0B0B;color: #FFFFFF;border: 1px solid #0B0B0B}
.adherentligne {border: 0.5px solid #2d4263}
.ques_titre {float:left;width: 18%;padding:1%; }
.ques_message, .ques_reponse {float:left;width: 38%;padding:1% }
.entete {color:#FFFFFF}
.adhe_activite {float:left;width: 21%;padding:1% }
.adhe_tel {float:left;width: 13%;padding:1% }
.adhe_lien {float:left;width: 13%;padding:1% }
#formationliste .theme {width:100%;float: left;margin:1% 0;background-color: #F7F7F7 }

.them_titre{width: 98%;padding:1%;color:#ffffff;text-align: left;font-size: 18px;font-weight: bold;background-color: #1bade9}
#formationliste .formation {border-bottom:1px solid #ffffff}
#formationliste .form_titre {color:#333333; text-align: left;width: 86%;float: left;padding:1% 1%;font-size: 18px}
#formationliste .form_lien a{color:#333333; text-align: left;width: 10%;float: left;padding:1% 1%}
#formationliste  .form_lien  img{-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(0.8); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(0.8); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(0.8);
    transition: all 200ms ease-in;
    transform: scale(0.8);   }
#formationliste  .form_lien  img:hover{     -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);}


.structure{float:left;display:inline-block; width:23%;min-height:200px;padding:1%;margin:0%;text-align:center }
.structure h3 {text-decoration:none;text-align:center;padding:10px 0 15px 0}
.structure .stru_txt{font-size:16px;color:#333333;text-align:center;line-height:24px;}

.typestructure{width:100%;float:left;padding:1% 0%;}

#typestructures{width:100%;float:left;padding:2% 0;}
.typestructures{width:21%;float:left;padding:10% 2%;font-size:24px;vertical-align:center;text-align:center}
.typestructures h2 {text-decoration:none;text-align:center;color:#FFFFFF;font-size:27px}
.typestructures a {text-decoration:none;color:#FFFFFF}

.tyc1{background-color:#40688C;} 
.tyc2{background-color:#FDAF17} 
.tyc3{background-color:#76C2BE} 
.tyc4{background-color:#893B8F} 


.listefaqs .type_faq {width:28%;float:left;padding:2% 2%;margin:2% 0%;font-size:14px;text-align: center;background-color:#F8F6F4; }
.listefaqs a {text-decoration: none;}
.listefaqs h2 {text-decoration: none;font-size: 18px;color:#000000;padding:0 4% }
.listefaqs .mgct {margin:2% 2%}

.faqs h2 {font-size: 20px;}
.faqs h3 {text-transform: none;padding:1% 0%; }

.boutonplus{background: url(images/plus.png) right no-repeat}
.boutonmoins{background: url(images/moins.png) right no-repeat}

.faq {background-color:#F8F6F4;margin:0.5% 0;padding:1% }
.faq a {text-decoration: none}
.faq_txt a {text-decoration: underline}

.bt_retour {padding:2% 0; }
/*formation*/

#banniere{float:left;width:100%;}

.formationligne {
border-top:1px dotted #666666;
}

.TextobjmessErreur {
	color: #E9310F;
}

#buttoncpt{background-color:#B2ACAA;color: #1D1D1D;border: none;width: 150px;cursor: pointer;font-size: 16px;border-radius: 0;padding:0 }
#buttontfoo{background:none;color: #1D1D1D;border: none;width: 150px;font-size:16px;text-align: center;cursor: pointer;border-radius: 0;padding:0}
#resultatcpt{width: 150px;text-align:left;color: #1D1D1D;} #resultatcpt a{ color: #1D1D1D;}
#resultatfoo{width: 100%;text-align: center;color: #1D1D1D;font-size:16px;} 
#resultatfoo a{color: #1D1D1D;text-align: center;display: block}
#buttonmail{background:none;color: #1D1D1D;border: none;cursor: pointer;font-size: 16px}

@media screen and (max-width:1200px){
	.container-menu li { display:inline-block; }	
}
@media screen and (max-width:1100px){
#headerpage{width:100%;min-height:auto;float: left}
.container-menu li { display:inline-block; }
}

@media screen and (max-width:960px){
#headercontenu{float:left;}
#header {float:left;}	 
  
 
.container-menu li { display:inline-block; }

.mpl_block h2{color:#333333;padding:0;margin:0;font-size:13px;font-weight:600}

}

@media screen and (max-width:850px){
.container-menu li {display:inline-block;}
.container-menu ul li ul > li  {font-size:1em;}
.mpl_block h2{color:#333333;padding:0;margin:0;font-size:12px;font-weight:600}
 
}

@media screen and (max-width:768px){
	
#btsaisir{text-align: center;width: 100%;float: left;display:inline-block;margin-top:10px;}	
#btsaisir a{background-color: #46AC33;color: #FFFFFF;width:80%;font-size:1.5em;text-align: center;display:block;margin-right: auto;margin-left: auto}		
#headerlogo {float:left;text-align:center;width:100%}
.lignevertical{border-right:none}

.container-menu li {display:inline-block;}
#headermenu { height:100%;background-color: #1F1F1F;}
#headerpage	{position:relative;float: left;display:block;}	
.mentions{float:right;width:100%;text-align:right}
.adresse{float:right;width:100%;text-align:right}
.logo_pied{float:left;width:100%;text-align:left}

.block_ph {float:none;width:100%;text-align:center}
.block_tx1 {float:none;width:100%;}
	
.ac_block_2 {width: 100%}	
	
.documentliste {width: 48%;}	
 
.documents {width: 46%;margin:1%}	
	
	body {font-size:14px;font-weight:100;}

	#cookies{font-size:11px}
	#barreicone input[type=text]{width:90%}
	
	iframe {width:100%;max-width:100%;min-height:100%;height:auto;}
	
	.textorange,.textblanc, .textgris{font-size:13px;}
	.titreorange, .titreblanc, .titregris {font-size:14px}

	.footertextpetit {font-size:12px}
	.lesreseaux{float:left;width:100%;}
	.icones img {width:auto;height:auto}
	h2{font-size:18px;}
	h3{font-size:28px;}
	.t3{width:98%}	
	.t5{width:98%}	
	.t6{width:98%}
	.t6bis{width:96%}	
	.t7{width:98%}	
	.t4{width:98%}
	.t8 {width:98%}

	.pright{padding-right:0%}
	.t40 {width:100%;}
	.t56 {width:100%} 
	
	.pad1{padding:0% 1%}
	
	.zone_1{width:100%;}
	.zone_1 ul {width:98%;}
	.zone_2{width:98%;;max-width:100%;}
	
	.container-menu li {float:none;}
	.container-menu li ul{display:block;}	
	.container-menu a {width:100%;}
	.container-menu {display:none}
	
	.responsivemenu{display:block}

	.openmenuresponsive {
	  width: 100%;      
	  height:22px;
	  color:#ffffff;
	  padding: 10px 0px;
	  text-align: center;
	  display: block;
	  cursor: pointer;
	  font-size: 20px;
	  clear: both;
	  margin-top: 5px;
	
	}
	
	.responsivemenu ul {
		display: block;
		position: relative;
		background-color:#B2ACAA;			
		width:100%;
	}
	
	.responsivemenu ul li ul{
		display: block;
	}
	

	.responsivemenu ul li {
		width: 100%;
		height: auto;
		text-align: center;
		padding: 0;
		margin: 0;
		font-size:18px;		
	}
	
		
	.responsivemenu ul li a {
		height: 30px;
		line-height: 30px;
		padding: 0px;
		border: none;
		width: 100%;
	}
		
	.responsivemenu li {padding:1% 0;}

	.responsivemenu ul li ul > li  {
		  display:block;
		  padding: 1px 0px;
		  margin:0;
	}
	
	.responsivemenu a:hover {
		background: #999999;
		color:#FFFFFF;
	}
	
	.responsivemenu ul li:hover > ul  {
	  margin-top:0px;
	  max-width:100%;
	  text-align:left;
	  font-size:1em;
      z-index:103;	
}

	.sel {border:none}
	#headerlogo{width:100%;text-align:center;padding-top: 50px;}
	.logo{width:auto;text-align:center;float :none}
	.slogan {font-size:19px;padding:2% 0;width: 100%;text-align: center;float: none}
	.certification {width:20%;float: right}
	#headercontact{width:100%;text-align:left;font-size:14px}
	#headercontact .tel, #headercontact .contact{	font-size:1.5em;}

	.mpl_block h2{color:#333333;padding:0;margin:0;font-size:12px;font-weight:400}

	 
	/*formulaire contact*/
	#contact .labcontact{text-align:left;padding:5px 0;margin:2px 0;}
	 
	#headermenu{position: fixed;height: auto;top:0;width: 100%}
	#headercontact .contact{float:left}
	#headerligne{float: left;min-height:auto;margin-top:55px;}
	#headerlignecontenu{float: left;min-height:auto }
}


@media screen and (max-width:480px){
	 
	
	.ques_titre {float:left;width: 98%;padding:1%;font-weight: bold; }
	.ques_message, .ques_reponse {float:left;width: 98%;padding:1% }
	.ques_reponse { font-style: italic }
	
	
	.avc_block, .cpt_block {width: 48%}
	
	.annuaire, .rejoindre{display:inline-block;text-align: center}	
   
	/*entete*/
	
	.fil{margin-top:5px;}
	
	#headercontenu{float: left;min-height:auto }
	.slogan { margin-top:10px;padding-left:0px;bottom:0;font-size:18px;width: 100%;float: none;text-align: center}
	#headercontact .tel, #headercontact .contact{	font-size:1.2em;padding-left:30px;padding-right:10px;}
	#headercontact .contact span {display:none}
	#headercontact .contact{float:left}
	#headercontact .tel {background:url(images/tel.png) no-repeat left top;float:left}
	
	#headercontact span{display: none}
	
	/*Accueil*/
	.ac_block h2{color:#333333;padding:0;margin:0;font-size:18px;font-weight:500;display:none}
	.ac_block {width:50%;float:left;cursor:pointer;text-align:center;}  
	#news-actu article {width:98%}
	#news-actu article {min-height:auto;}
	
	
	h1 {font-size:20px;}	
	h3 {font-size:18px;}	
	.t2 {width:98%;}
	.t5 {width:98%;}
	.t46 {width:98%;}
	
	/*general*/
	.titre h2{font-size:15px;}	
	.z_recherche .lignerech .lr_lab{width:98%;padding:2px 0 2px 0;float:left;text-align:left}
	.z_recherche .lignerech .lr_text{width:98%;float:left}
	.z_recherche input[type=text], .z_recherche select{padding:2px;font-size:15px;width:98%}	
	
	/*formulaire contact*/
	#contact input[type="text"]{padding:4px 0; margin:2px 0;width:90%}	
	#contact .labcontact{text-align:left;padding:5px 0;margin:2px 0;}
	#contact .labcontact span {padding-right:5px;text-align:left}
	
	ul.tabs {float:left;margin-bottom:20px;min-height:30px;height:auto}
	ul.tabs li	{width:98%}

	.bouton_adherer a {width: 96%;display:block;}
	/*structures */
	.typestructures{width:46%;float:left;padding:15% 2%;font-size:0.7em;vertical-align:center;text-align:center;height:110px;}
	.structure{float:left;display:inline-block; width:98%;min-height:130px;padding:1%;margin:0%;text-align:center }
	.structure h3 {text-decoration:none;text-align:center;padding:10px 0 15px 0}
	.structure .stru_txt{font-size:12px;color:#333333;text-align:center;line-height:24px;}
	
	/*Actualités*/	
	#articleliste article{float:left;width:48%;min-height:420px;padding:1%;margin:0%; }	
	.arti_txt h3 {font-size:15px;}
	
	/*pied page*/
	#mpl_news{padding:20px 0}
	#mpl_news .mpl_newsletter{font-size:15px;}
	.ac_part_block h2{color:#333333;padding:0;margin:0;font-size:12px;font-weight:600;}
	.ac_part_block {width:48%;float:left;cursor:pointer;text-align:center;padding:1%;padding-bottom:10px;min-height:100px;}

	.mpl_block h2{color:#333333;padding:0;margin:0;font-size:12px;font-weight:400}
	.mpl_block {width:48%;float:left;text-align:center;padding:1%;height:150px;}  
	.pagefacebook	{width: 100%}
	.t50 {width: 100%}
	
	.documentliste {width: 98%;margin:1%}
	.documentliste h3{min-height: auto}	
	.documentliste img{width: 100%;height: auto}	
	
	.fichesmetiers a{margin:0.5%;width:99%;display: inline-block }
	.documents {width: 96%}
	
	input[type="text"]{padding:5px 2px; margin:2px 0;width: 100%;font-size: 18px; }
	.ibanfr input[type="text"], .ibanbq input[type="text"], .ibangui input[type="text"]{width:80px; }
	.ibancpte input[type="text"]{width: 150px;}
	.ibancle input[type="text"]{width: 30px;}
	.champslarge input[type="text"]{width: 98%}
	
}

@media screen and (max-width:320px){
	/*entete*/
	.avc_block, .cpt_block {width: 98%} 
	.slogan {float:none;margin-top:10px;padding-left:0px;bottom:0;font-size:17px;}
	#headercontact .tel, #headercontact .contact{	font-size:1em;padding-left:30px;padding-right:10px;}
	#headercontact .contact span {display:none}
	#headercontact .contact{float:left}
	#headercontact .tel {background:url(images/tel.png) no-repeat left top;float:left}
	/*Accueil*/
	#wowslider-container1{display:none}
	.ac_block h2{color:#333333;padding:0;margin:0;font-size:18px;font-weight:500;display:none}
	.ac_block {width:100%;float:left;cursor:pointer;text-align:center;}  
	#news-actu article {width:98%}
	
	h1 {font-size:17px;}
	.t2 {width:98%;float:left}
	

	/*structures */
	.typestructures{width:96%;float:left;padding:20% 2%;font-size:0.6em;vertical-align:center;text-align:center;height:90px;}

	/*actualites */
	#articleliste article{float:left;width:98%;min-height:auto;padding:1%;margin:0%; }	

	/*pied page*/
	.ac_part_block h2{color:#333333;padding:0;margin:0;font-size:12px;font-weight:600}
	.ac_part_block {width:98%;float:left;cursor:pointer;text-align:center;padding:1%;}
	
	.mpl_block h2{color:#333333;padding:0;margin:0;font-size:12px;font-weight:400}
	.mpl_block {width:98%;float:left;text-align:center;padding:1%;height:120px;}  
	
}


.information {display:none}