body {width:100%;font:16px Open Sans, sans-serif;color: #333333;font-weight:100;background:#D8D4CE ;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;margin:0;padding:0 }
#page{float:left;margin-left:auto;margin-right:auto;text-align:center;min-height:200px;height:auto;width:100%; }
#headerpage{width:100%;float: left;border-bottom:1px solid #0E0E0E;border-bottom:2px solid #606060}
#headercontenu{float:left;width:100%;margin:0;padding:0; }
#headermenu{float: left;width: 100%;height: 70px;z-index: 120;}
#headertop{float:left;width:100%;min-height:50px;z-index:100;padding-top:5px;background-color:#393838;}
.headerligne{width:100%; max-width:1200px;margin-left:auto;margin-right:auto;text-align:center;}

#headerlogo{ padding-bottom: 1%;padding-top:1%;text-align: center}
#headerlogo h1{font-size:42px;margin:0;padding:20px ;color:#000000}
#headerlogo h1 a {color:#000000}
#headerlogo img{width:auto}

#cours{float:left;width:100%;border: 1px solid #393939}
.entete{float:left;width:96%;padding:2% ;background: #393939;color: #FFFFFF}
.ligne{float:left;width:96%;padding:2% ;border-top: 1px solid #393939}
.col_1{float:left;width:80%;  }
.col_2{float:left;width:20%;  }
/*.col_2 input[type="checkbox"]{padding:5px;border:1px solid #F11A1E;background-image: url("images/adobe.jpg")}*/
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #F58B04;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


h1 {color:#FF7722;text-align:left;font-weight:100;font-family:Open Sans, sans-serif;font-size:2.2em;}
h2 {color:#FF7722;font-size:24px;margin:0; font-weight:bold;padding:10px 0px 10px 30px;  text-transform:uppercase;background:url(images/puce.png) no-repeat left}
h3 {color:#000000;font-size:22px;margin:0;padding:1px 0px;font-weight:100;}
h4 {color:#FFFFFF;font-size:24px;margin:0;padding:4px 0px;font-weight:100;text-transform:uppercase}

.TextERREUR{padding-top: 30px;text-align: center;font-size: 1.3em}
 
.titre_1 {font-family:Open Sans, sans-serif;text-align: center;color:#ffffff;padding:5px 0px 5px 0px;text-transform:none;background:none;font-size:1.5em;font-weight: bold;margin:10px;border-bottom: 2px dotted;}
.titre_2 {font-family:Open Sans, sans-serif;text-align: center;color:#ffffff;padding:10px 0px 10px 0px;background:none;font-size:1.5em;text-transform:uppercase;font-weight: bold}
.titre_3 {color:#262626;font-size:2.2em;text-align:center;font-family: Open Sans, sans-serif;font-weight: normal}
.titre_4 {  color:#2C2C2C;padding:10px 0px 10px 0px;text-transform:none;background:none;font-size:1.3em;font-weight: bold}
h3 {color:#000000;font-size:22px;margin:0;padding:1px 0px;font-weight:100;text-decoration:underline}
h3 a {color:#000000;}
h4 {color:#FFFFFF;font-size:px;margin:0;padding:4px 0px;text-transform:uppercase;font-weight: bold}
.titrecontenu{font-size:20px;color:#46ac33; font-weight:bold}
.opacite {background: url(images/opacite.png) repeat}
.miseenevidence{font-size: 18px;font-weight: bold}

.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:center;z-index:50;}
.container-menu {width: 100%; font-size:1.2em ;padding:0;z-index: 102;text-align: center}
.container-menu a{list-style:none;text-decoration:none;margin:1px;display:block;color:#FF7722;}
.container-menu a:hover{color:#333333;}
.container-menu ul,.container-menu li {list-style:none;margin:0;padding:0;}
.container-menu ul {width: 100%;float: right ;z-index: 103;  }
.container-menu li {padding: 1% 0% 1% 2%;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;
	  background-color:#CFCFCF;
	  margin-top:5px;
	  text-align:left;
	  max-width: 200px;
	  font-size:0.9em; 
	 position: absolute;
}
 

.container-menu ul li ul > li  {
      display:block;
	  padding: 4px 20px;
	  z-index: 110;
	  
}
input[type="text"], input[type="password"]{padding:2px 0; margin:2px 0;font-size:16px}
input[type="button"], select {padding:3px;}
input[type="submit"]{margin:5px;padding:5px 10px;border:none; font-size:28px;background-color: #2F2F2F;color:#FFFFFF}
input[type="submit"]:hover{background-color: #FF7722;}


.headerbouton{float:right;width:60%;text-align:right;padding-top:5px;margin-top:10px;}
.headerbouton a {text-decoration: none;font-size:20px;color: #FFFFFF}
.headerbouton .adhesion {border:1px solid #EC8C08;color:#EC8C08;padding:1%;z-index: 0;}
.headerbouton .paiement {border:1px solid #46AC33;color:#46AC33;margin-left:5px;padding:1%;z-index: 0;}
.headerbouton .adhesion:hover {background-color:#EC8C08;color:#FFFFFF;}
.headerbouton .paiement:hover {background-color:#46AC33;color:#FFFFFF}
.headerbouton .adhesionexpress {border:1px solid #393838;background-color:#393838;color:#FFFFFF;padding:1%;z-index: 0;} 
.headerbouton .adhesionexpress:hover {border:1px solid #9A9999;background-color:#9A9999;color:#FFFFFF}


.bt_adherez { margin: 2% 0;color: #FFFFFF ;text-align: center}
.bt_adherez a {color: #FFFFFF;display: block;padding:10px;-webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.1s;
	transition-duration: 0.1s;
    transition-timing-function: ease;
    transition-delay: 0.1s;width: 200px;text-align: center;border:1px solid #ffffff;text-decoration: none;text-transform: uppercase}
.bt_adherez a:hover{background-color: #FFFFFF;color: #EC8C08}

.bt_adh { margin: 2% 0;color: #FFFFFF ;text-align: center}
.bt_adh a {background-color:#46AC33;color: #FFFFFF;display: block;padding:10px;-webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.1s;
	transition-duration: 0.1s;
    transition-timing-function: ease;
    transition-delay: 0.1s;width: 200px;text-align: center;text-decoration: none;text-transform: uppercase}
.bt_adh a:hover{background-color:#018420;color:#FFFFFF}


.slogan {float:left;padding-bottom:20px;bottom:0;font-size:26px;}
#headerslogan{float: left;width: 50%;text-align: left;color:#ffffff;font-size: 1.3em;text-transform: uppercase}
#headercontact{float:right;width:50%;padding:2px 0 2px 0;color:#ffffff;text-align:right;}
#headerreseau{float:right;width:40%;padding:8px 0;text-align:right}
#headercontact .tel, #headercontact .contact{font-size:16px;padding-left:35px;padding-right:15px;height:25px;display:inline-block;margin-top:5px;}
#headercontact .facebook{font-size:20px;background: url(images/i_facebook_mini.png) no-repeat left top;width:35px;height:35px;display:inline-block} 
#headercontact .twitter{font-size:20px;background: url(images/i_twitter_mini.png) no-repeat left top;width:35px;height:35px;display:inline-block}
#headercontact .tel {background:url(images/tel.png) no-repeat left center;}
#headercontact .contact {background: url(images/enveloppe.png) no-repeat left center;color: #ffffff}
#headercontact .contact a{text-decoration:none;color: #ffffff}
 
#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;z-index: 80;overflow: hidden}

/*pied page*/
#footer{margin-left:auto;margin-right:auto;text-align:center;width:100%; min-height:180px;background:#E3DFDF;float:left;background-size: contain}

#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-weight:100;width:100%;}
.footertext a {color:#4A4A49;}

#arapl_pied {width:100%;text-align:center;padding:2% 0;}

#mpl_news{width:100%;background-color:#B2ACAA;text-align:center;padding:1% 0;}
#mpl_news .mpl_newsletter{font:18px Open sans, sans-serif;color:#000000;text-align:center}
#mpl_news input[type="text"]{padding:4px 1px;margin:0px 0;font-size:18px;border:1px solid #666666}
.pied_ligne {text-align: left;font-size:18px;float:left;width: 100%}
.pied_ligne div {float: left;width: auto;text-decoration: none}
.pied_ligne div span{bottom:0}

#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:0;margin:0;/*pagecentre*/}
#pagecontenu{float:left;height:100%;width:100%;padding:0;text-align:left;margin:0;}

/*Accueil*/
article{width:48%;padding:0%;margin:0%;float:left;}
#ac_blocks{width:100%;text-align:center;padding:0% 0% 2% 0%;margin:0}
.ac_block {width:50%;float:left;cursor:pointer;text-align:center;}  
.missions {background-color:#47AC34;color:#ffffff;width: 100%;float: left }  
.missions h2{color:#ffffff; } 
.missions h2 span {border-bottom-style :dotted;font-size: 32px }
.votreespace {background-color:#DBDBDB;color:#ffffff;width: 100%;display: block;float: left}
.votreespace h2{color:#ffffff; } 
.votreespace h2 span {border-bottom-style :dotted;border-bottom-color :#F89A24;font-size: 32px }
.votreespace div a {border:1px solid #ffffff;padding:3px;margin:15px 0;font-size:28px;color:#FFFFFF;text-decoration:none   }
.votreespace div a:hover {}
.votreespace div {padding:20px 0; }

.diaporama {width: 100%;display: block;float: left;background-color:#DBDBDB;height:100%}
.votreespace, .missions, .services, .diaporama {min-height:500px;  }

.services {background-color:#E26B4B;color:#ffffff;width: 100%;display: block;float: left}
.services h2{color:#ffffff; } 
.services h2 span {border-bottom-style :dotted;border-bottom-color :#ffffff;font-size:32px }

.diaporama h2 {font-size:20px;color:#333333; }
.diaporama p {text-align: right;padding:0px 10px 0px 0px;margin:0}

.former {background-color:#FDAF17}  
.informer {background-color:#76C2BE}  
.document {background-color:#893B8F;}  
.projet:hover{background-color:#6C96BB}  
.former:hover{background-color:#FEBF4B}  
.informer:hover{background-color:#8FCDCA;}  
.document:hover{background-color:#A346AA;} 

/*.c1{background-color:#FCD2A7;} 
.c2{background-color:#F4E8DB} */
.c3{background-color:#E7E0DA} 
.c4{background-color:#F8F6F4} 

#pageliens {float: left;width: 100%;text-align: center;flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: row;
-webkit-flex-direction:row;	
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: stretch;	
-webkit-align-items:stretch;
justify-content: space-between;
	-webkit-justify-content: space-between;max-width: 1200px;}
#pageliens div {width: 24%;display:inline-block;padding-bottom:20px;}

#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:#E8E7E6;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%}

#listecategorie {float: left;width: 100%;text-align: center;flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: row;
-webkit-flex-direction:row;	
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: stretch;	
-webkit-align-items:stretch;
justify-content: space-between;
	-webkit-justify-content: space-between;max-width: 1200px;}
.categorie{width:20%;padding:0;background-color:#FFA366;display:inline-block;margin:1%;min-height: 60px}
.categorie_mini{width:18%;padding:0;background-color:#FFA366;display:inline-block;margin:1%;min-height: 60px}

.categorie a, .categorie_mini a {color:#ffffff;display: block;text-decoration: none;width: 98%;padding:2% 1%}
.categorie:hover, .categorie_mini:hover {background-color:#FF7722  }

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

.titre h2{text-align:left;background:url(images/puce.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}
/*Bulletin*/
 

.bloc_bu {border:1px solid #999999;width: 43%;margin:2%;padding:1%;float: left;min-height: 150px;text-align: center}
.ligne_bulletin{float:left;width: 98%;margin:3px;padding:2px 1%}
#bulletin input[type="text"]{padding:1%; margin:2px 0;width: 98%;border: 1px solid #999999;}
#bulletin input[type="button"] {padding:3px;}
#bulletin input[type="radio"] {padding:3px;}
#bulletin .retour {padding:3px;background-color: #E4E4E4;color:#000000;border: 1px solid #999999;text-decoration: none}
#bulletin .retour:hover{border: 1px solid #2F60FC;}
.col1{background-color: #EBEBEB}

 #bulletin input[type="text"].txt_date,  #bulletin input[type="text"].txt_tel, #bulletin input[type="text"].txt_cp,  #bulletin input[type="text"].txt_div {padding:3%;width: 94%;}
#bulletin input[type="text"].txt_ville{margin-left:1%;padding:1.5%;width: 96%; }


#bulletin input[type="text"].txt_date_2 {width: 30%;}
.bodyTitreerreursaisie {background-color:#C74848;color: #FFFFFF;padding:10px;font-size:18px; }
.bodyTextOksaisie {background-color:#65AA5D;color: #FFFFFF;padding:10px;font-size:18px;}
.bodyTexterreursaisie {color: #C74848;}
.txtR {text-align: right}
.txtL {text-align: left}
.txtC {text-align: center}
/*formulaire actualite*/
#uneactu {background-color: #E3E3E3;border: #252323 1px solid;;padding:2%;float: left;display:none;width: 96%;}
#uneactu input[type="text"]{padding:1%; margin:2px 0;width: 98%;border: 1px solid #999999;}
#uneactu input[type="button"] {padding:3px;}
#uneactu input[type="radio"] {padding:3px;}
#uneactu input[type="submit"] {padding:3px;font-size: 16px;}
#uneactu .retour {padding:3px;background-color: #E4E4E4;color:#000000;border: 1px solid #999999;text-decoration: none}
#uneactu .retour:hover{border: 1px solid #2F60FC;}
.col1{background-color: #EBEBEB}

#uneactu input[type="text"].txt_date,  #uneactu input[type="text"].txt_tel, #uneactu input[type="text"].txt_cp,  #uneactu input[type="text"].txt_div {padding:3%;width: 94%;}
#uneactu input[type="text"].txt_ville{margin-left:1%;padding:1.5%;width: 96%; }
#uneactu input[type="text"].txt_date_2 {width: 30%;}

/**/

/*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}


#ac_part_blocks{width:100%;text-align:center;padding:2% 0;float:left;}
.ac_part_block a{text-decoration:none}
.ac_part_block h2{color:#333333;padding:0;margin:0;font-size:14px;font-weight:600}
.ac_part_block {width:14.666666%;float:left;cursor:pointer;text-align:center;padding:1%;}  
.ac_part_block img{margin:0;padding:0}
#block_devenir{width:100%;text-align:center;float:left;min-height:50px;}
.bt_devenir{text-align:center;font-size:24px;}
.bt_devenir a{text-decoration:none;border:1px solid #000000;padding:1%;}
.bt_devenir a:hover{background-color:#0099CC;color:#FFFFFF}
/*.financer {background:url(images/i_euros.png) no-repeat center;background-size:contain;text-align:center}  
.assurer {background:url(images/i_protection.png) no-repeat center;background-size:contain;text-align:center}  
.comptable {background:url(images/i_compta.png) no-repeat center;background-size:contain;text-align:center}  
.avocat {background:url(images/i_avocats.png) no-repeat center;background-size:contain;text-align:center}  
.recruter {background:url(images/i_recrutement.png) no-repeat center;background-size:contain;text-align:center}  
.investir {background:url(images/i_investissement.png) no-repeat center;background-size:contain;text-align:center}  
.financer:hover{background:url(images/i_euros_sel.png) no-repeat center;background-size:contain;}  
.assurer:hover{background:url(images/i_protection_sel.png) no-repeat center;background-size:contain;}  
.comptable:hover{background:url(images/i_compta_sel.png) no-repeat center;background-size:contain;}  
.avocat:hover{background:url(images/i_avocats_sel.png) no-repeat center;background-size:contain;}  
.recruter:hover{background:url(images/i_recrutement_sel.png) no-repeat center;background-size:contain;}  
.investir:hover{background:url(images/i_investissement_sel.png) no-repeat center;background-size:contain;}  */

/*fil*/
.fil{margin-top:2%;}
/*ul */


.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;}

.textesiteerreur{color:#C74848}

p {max-width:1200px;}

.t1 {width:98%}
.t2 {width:18%}
.t3 {width:22%;}
.t32 {width:32%;}
.t4 {width:30%;}
.t5 {width:46%;}
.t6 {width:58%}
.t6bis {width:66%}
.t7 {width:66%;text-align:justify;}
.t7bis {width:70%;text-align:justify;}
.t8 {width:96%}
.t9 {width:96%}
.t10 {width:100%}
/* utilisé*/
.t20 {width:15%;}
.t30 {width:30%;}
.t70 {width:70%;}
.t40 {width:40%;}
.t60 {width:60%;}
.t40 {width:40%;}
.t48 {width:48%;}
.t60 {width:60%;}

.t68 {width:68%;}
.t50 {width:50%;}
.t100 {width:100%}

.t98 {width:98%}
.t48 {width:48%}
.t46 {width:46%}
.t47 {width:47%;padding:1%;min-height:300px; }
.t47video {width:47%;padding:1%;min-height:auto; }
.t250 {width: 250px;}

.t25 {width:25%;}
.t73 {width:73%;}
.ptb2{padding:0}

.gs{font-weight: bold}
.gtx{font-size: 1.4em;}

.mg0{margin:0 2%}

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

.zone_gauche {float:left;text-align:justify;}
.zone_droite {float:right;}

.milieu{vertical-align:middle}

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

.coul1{background-color: #EC8C08}
.coul2{background-color: #C4C3C3}
.coul3{background-color: #46AC33}
.coul4{background-color: #B7B7B7}
.coul5{ background-color: #535353}

.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;}

iframe {width:100%;max-width:700px;height:auto;min-height:500px}
#popup { width:98%;padding:1%;position:fixed;bottom:0;top:0;opacity:0.9; background-color:#ffffff;color:#FFFFFF;text-align: center;z-index: 1001}
#popup .messa {width: 40%;padding:5%;border: 1px solid #090909;color:#FFFFFF;font-size:2em;text-transform: uppercase ;text-align: center;margin-left:auto;margin-right:auto;background-color:#EC8C08;}

#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;}

/*bouton scroll*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 99;
  font-size: 20px;
  border: none;
  outline: none;
  background: #ADADAD url(images/fleche_haut.png) no-repeat center;
  color: white;
  cursor: pointer;
  padding: 15px 25px;
  border-radius: 0;
  transition: background-color 0.6s ease;
}


#myBtn:hover {
  background-color: #F09962 ;
}


#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:Montserrat, sans-serif;text-decoration:none}
#inscription a:hover{background-color:#EC6200;}



.openmenuresponsive {
  display: none;
}


/*COMPTABLE et AVOCAT*/

#avc_blocks, #cpt_blocks{width:100%;text-align:center;padding:2% 0%}
.avc_block h2, .cpt_block h2{color:#333333;padding:0;margin:0;font-size:18px;font-weight:500;}
.avc_block, .cpt_block {width:23%;height:200px; float:left;cursor:pointer;text-align:center;padding:1%;}  
.avc_block img, .cpt_block img{margin:0;padding:0;text-align:center;display:inline-block}

 




/* CSS FORMATION */

.noteguichet{width:50%;background-color:#CC0000;color:#FFFFFF; text-align:center;padding:20px 10px;}
.noteguichet img{width:auto}
.noteguichet a {padding:5px;border:1px solid #FFFFFF;color:#FFFFFF; margin:3px 0;text-decoration:none}
.noteguichet a:hover{background-color:#FFFFFF;color:#CC0000} 

.z_recherche {background-color:#f8f6f4;width:98%;padding:0.5% 1%;float:left}
.z_recherche .lignerech{width:99%;padding:0.5%;float:left}
.z_recherche .lignerech .lr_lab{width:15%;padding:2px 1% 2px 0;float:left;text-align:right}
.z_recherche .lignerech .lr_text{width:84%;float:left}

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


#Programmeformation, #Tarifformation, #Sessionformation,  #inscriptionformation {background-color:#f8f6f4;width:98%;padding:0.5% 1%;float:left}
#inscriptionformation .lignesaisie{width:99%;padding:0.5%;float:left}
#inscriptionformation .lignesaisie .lr_lab{width:15%;padding:2px 1% 2px 0;float:left;text-align:right}
#inscriptionformation .lignesaisie .lr_text{width:84%;float:left}

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


/*tab*/
/* root element for tabs  */
ul.tabs {list-style:none;margin:0 !important;padding:0;border-bottom:1px solid #CCCCCC;height:30px}

/* single tab */
ul.tabs li {float:left;text-indent:0;padding:0px 0px;margin:-2px -2px 0px 0px!important;list-style-image:none !important;}

/* link inside the tab. uses a background image */
ul.tabs a { background: #588DBC ;font-size:14px;display:block;height: 30px;line-height:30px;text-align:center;text-decoration:none;color:#000000;padding:0px 6px;margin:0px 0px;position:relative;top:1px;border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC}

ul.tabs a:active {outline:none;color:#FFFFFF}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {background-position: 0px -31px;color:#fff}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background-position: 0px -62px;cursor:default !important;color:#ffffff !important;}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */

/* initially all panes are hidden */
.panes .pane {display:none}


/*inscription formation*/
a.info_bulle span  
{  
    position:absolute;  
    top:-2000em;  
    left:-2000em;  
    width:1px;  
    height:1px;  
    overflow:hidden;  
    background:#DDEEFF; /* D�finition du fond, sinon on a le m�me que notre lien */ 
    border:1px solid #6699FF; /* D�finition des bordures */ 
}  
a.info_bulle  
{  
    color:#2F368A;  
    text-decoration:none;  
    padding:2px 16px 2px 2px; /*D�finition des marges int�rieures de notre lien */ 
    /* D�finition de l'arri�re plan de notre lien */ 
    background:transparent url('comment.gif') no-repeat right center;  
    position:relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
a.info_bulle:hover  
{  
    border:0; /* ligne qui corrige le bug d'IE6 et inf�rieur */ 
}  
/* Rend visible tout notre bloc span et lui attribue une taille */ 
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span  
{  
    top:auto;  
    left:auto;  
    width:220px;  
    height:auto;  
    overflow:visible;  
}  

/*Actualités*/
#articleliste {text-align: center;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;max-width: 1200px;}
#articleliste article{  width:30%; padding:0%;margin:1% 0%;border:1px solid #CAC5BD }

.arti_txt {font-size:16px;color:#333333;padding:0 0%;margin:0;display:block;}
.arti_txt h3{text-decoration:none;padding:0px 0px 5px 30px; background:#EAE8E3 url(images/puce_actu.png) no-repeat left top;text-align: left;margin:0;}
.arti_txt img{width:auto;text-align: center}
.arti_txt iframe {width: 100%;height:250px;}

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

.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%;}
.dimg{width: 100%;text-align: center}
#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} 


/*formation*/

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

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

.packformationcadre {background-color:#F9F9F9}
.packtitrecadre {font-weight:bold;width:25%}
.packdateSessionTitre_1, .packdateSessionTitre_1 a {
	font:14px Verdana;
	color: #02A4EC;	
	font-weight:bold;
	vertical-align:top;
	width:250px;
}

.formationcadre, .formationRecherche  {
border:1px solid #666666;border-spacing:0;
border-collapse: collapse;
}
.formationcadre tr {
padding:2px;
}
.formationcadre td {
padding:2px;
}
.formationcadre th {
border-bottom:1px solid #666666;
font:14px verdana;
color: #ffffff;	
background-color:#588DBC;
font-weight:bold;
vertical-align:top;
text-align:left;
padding:4px;
}


#formationplanning {
border:1px solid #666666;
background-color:#F9F9F9;
}
#formationplanning tr {
margin:0px;
}
#formationplanning td {
padding:4px;
}
#formationplanning th {
border-bottom:1px solid #666666;
font-size:12px;
color: #000000;	
vertical-align:top;
text-align:left;
padding:4px;
}


.formationRecherche th {
border-bottom:1px dotted #666666;
font-size:14px;
color: #ffffff;	
background-color:#588DBC;
font-weight:bold;
vertical-align:top;
text-align:left;
padding:4px;
border-spacing:0;
border-collapse: collapse;
}

#ligne1 { width: 100%;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
-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 */
justify-content: space-between;
-webkit-justify-content: space-between;}

.ligne_1_block_1 { display: flex;width: 50%;text-align: center;display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */	padding-bottom:0px;flex-wrap: wrap;
-webkit-flex-wrap: wrap;flex-direction: row;-webkit-flex-direction:row;}

.ligne_1_block_2 { display: flex;width:50%;flex-direction: column;-webkit-flex-direction:column;text-align: center;display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */	flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;padding-bottom:10px;-webkit-justify-items: center; align-items: center;background-color: #EC8C08;color: #FFFFFF }

.ligne_1_block_2 p {width:98%;font-weight: bold}


#ligne2 { width: 100%;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
-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 */
justify-content: space-between;
-webkit-justify-content: space-between;}

.ligne_2_block_1 { display: flex;width: 33.3333%;flex-direction: column;-webkit-flex-direction:column;text-align: center;display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */	flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;padding-bottom:10px} 

.ligne_2_block_1 a {width: 38%;display:inline-block;border:2px solid #FFFFFF;margin:1%;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius:10px;}
.ligne_2_block_1 a:hover{background-color: #018420}

#ligne3 { width: 100%;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
-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 */
justify-content: space-between;
-webkit-justify-content: space-between;}

.ligne_3_block_1 { display: flex;width: 66.66666%;flex-direction: column;-webkit-flex-direction:column;text-align: center;display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */	flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;padding-bottom:10px}

.ligne_3_block_2 { display: flex;width: 33.33333%;flex-direction: column;-webkit-flex-direction:column;text-align: center;display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */	flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;padding-bottom:10px;color:#FFFFFF}

.ligne_3_block_2 a {width: 38%;display:inline-block;border:2px solid #FFFFFF;margin:1%;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius:10px;}
.ligne_3_block_2 a:hover{background-color: #018420}
 
.lien a {width: 50px;height: 50px;text-align: center;background-color: #636363;-moz-border-radius: 50% ; -webkit-border-radius: 50%;border-radius:50%;border:2px solid #FFFFFF;}
.lien a:hover{background-color: #0FB126}

.barrelien{text-align: right;padding:10px;}
.barrelien a {padding:5px ;-moz-border-radius: 5px ; -webkit-border-radius: 5px;border-radius:5px;border:2px solid #FFFFFF;color:#FFFFFF;text-decoration: none}
.barrelien a:hover{background-color: #0FB126}

.ac_lib1 {background:url(images/filtre_b.png);margin:35% 8% 0 8%;padding:5%;}
.ac_lib2 {background:url(images/filtre_b.png); margin:10% 5%; color: #FFFFFF;font-weight: bold}

.ac_lib3 {font-size:2em;color: #030303;margin:20px 10px 10px 10px;}
.ac_lib4 {font-size:1.6em;font-size:bold;color: #EC8C08;margin: 5px;}
	
.ac_actu{text-align: left;color: #ffffff;padding:10px;}/*background-color: #C4C3C3;*/
.ac_agen  .titre_1, .ac_info  .titre_1, .ac_actu .titre_1{text-align: left}
.ac_info{text-align: left;color: #FFFFFF;padding:10px;}/*background-color: #535353;*/
.ac_agen{text-align: left;color: #FFFFFF;padding:10px;}/*background-color: #939393;*/

.titre_1 a {}

 
/*ligne générale*/
.ligne_contenu{width:100%;float: left;margin:1% 0;}
.ligne_contenu img {display: block; width:100%;}

.ligne_col_L{float:left} 
.ligne_col_R{float:right} 
.coulgris{background-color:#b7b7b7}
.coulbleu{background-color:#6CBBDC}
.coulvert{background-color:#e6e7e8}
.coulorange{background-color:#ec8c08;color: #FFFFFF}


 
.cadretab {border-left:1px solid #000000;border-right:1px solid #000000;border-top:0.5px solid #000000;border-bottom:0.5px solid #000000;}
.cadretab td {padding:2px;border-left:1px solid #000000;border-bottom:1px solid #000000;border-right:0.5px solid #000000;border-top:0.5px solid #000000;}
.cadretab th {padding:2px;border-left:1px solid #000000;border-bottom:1px solid #000000;border-right:0.5px solid #000000;border-top:0.5px solid #000000; font-size:12px}

.adherent {padding:0;margin:0;border-spacing:0;border:0.5px solid #A69E91;width:100%}
.adherent th{background-color:#A69E91;border:0.5px solid #A69E91;padding:5px;font-size:18px;text-align:center}
.adherent td{border:0.5px solid #A69E91;padding:12px 5px;font-size:16px}
.datesupp{background-color:#C74848;color:#FFFFFF}
.dateval{background-color:#65AA5D;color:#FFFFFF}
.datedis{background-color:#CAC5BD;color:#A69E91}

.messageko {color:#FF3300;font-size:16px;font-weight:bold}
.messageok {color:#669933;font-size:16px;font-weight:bold}

.celluleGreen {
	background-color:#669933;
	font: 12px Verdana;
	font-weight:bold;
	color: #FFFFFF;
	letter-spacing: normal;
	}
.celluleErreur {
	background-color:#FF3300;
	font: 12px Verdana;
	font-weight:bold;
	color: #FFFFFF;
	letter-spacing: normal;
	}

.celluletitre {
	background-color:#999999;
	font: 12px Verdana;
	font-weight:bold;
	color: #FFFFFF;
	letter-spacing: normal;
	}

.celluledetail {
	font: 12px Verdana;
	background-color:#FFFFFF;
	letter-spacing: normal;
	}

@media screen and (max-width:1200px){
	/*#headerpage{width:100%;min-height:250px;background: #FFFFFF url(images/fond_entete.png) no-repeat;background-size:contain;}*/
	.container-menu li {padding: 1.5% 0 1.5% 1.5%;display:inline-block;font-size:0.9em;}	
	.container-menu ul li ul > li  {font-size:1.3em;}
	#pagecontenu{padding:0 1%;width: 98%}
	.headerligne {padding:0 1%;width: 98%}
	*::-ms-backdrop, #listecategorie { max-width: 1100px; } /* IE11 */

}
@media screen and (max-width:1100px){ 
.container-menu li {padding: 1.5% 0 1.5% 1.25%;display:inline-block;font-size:0.8em;}
.headerbouton a {font-size:18px;}
	
#headerslogan{font-size: 1.2em;}	
*::-ms-backdrop, #listecategorie { max-width: 940px; } /* IE11 */	
}


@media screen and (max-width:940px){
/*#headersociaux{float:right;position:absolute;width:50px;left:93%;text-align:right}*/

.container-menu li {padding: 1.5% 0 1.5% 1%;display:inline-block;font-size:0.7em;}

.mpl_block h2{color:#333333;padding:0;margin:0;font-size:13px;font-weight:600}
.headerbouton {width: 70%}
*::-ms-backdrop, #listecategorie { max-width: 850px; } /* IE11 */	
}


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

.logo{width:30%}
.slogan {font-size:20px;text-align:left;}
.headerbouton a {text-decoration: none;font-size:17px;}		
*::-ms-backdrop, #listecategorie { max-width: 768px; } /* IE11 */	
}


@media screen and (max-width:768px){
	
body {color: #000000;}	
#headerlogo {float:left;text-align:center;width:100%;padding-top:30px;}

.lignevertical{border-right:none}

.container-menu li {padding: 2% 0%;display:inline-block;font-size:0.8em;margin:0}
	 
#headermenu {float:none;position: absolute;top:0;height:auto;min-height:35px;background: #333333;width: 100%;padding:0 ;margin:0;z-index: 102} 
#pagecontenu{padding:0 2%;width: 96%}	

.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%;}
 
	#headerslogan{width: 98%;padding:0 1%;margin-top:40px;text-align: right}
	
	body {font-size:14px;font-weight:100;}

	#cookies{font-size:11px}
	#barreicone input[type=text]{width:90%} 
	
	
	#headercontenu {margin-top:10px;}
	#headerpage {padding-bottom:10px;margin: 0}
	.headerbouton{width: 100%;margin-top:10px;}
	iframe {width:100%;max-width:100%;min-height:100%;height:400px;} 
	
	.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%}
	.t46 {width:98%}
	
	.pad6, .pad1{padding:0% 1%}
	
	.zone_1{width:100%;}
	.zone_1 ul {width:98%;}
	.zone_2{width:98%;;max-width:100%;}
	
	/*equipe*/
	.bloc_equipe .photo{ width:50%;float:left;}
	.bloc_equipe .ident{ width:50%;height: 100%;display: block;bottom:0;float: right;min-height: 150px;}
	
	
	
	.container-menu li {float:none;padding: 0;margin: 0}
	.container-menu li ul{display:none;}	
	.container-menu a {margin: 0;padding:0}
	.container-menu ul li:hover > ul  {background-color:#CFCFCF;max-width: 100%;position: relative;
		padding:0;margin:0}
	.container-menu a {width:100%;color:#ffffff;}
	.container-menu {display:none;}
	
	.responsivemenu{display:block;}

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

	.responsivemenu ul li {
		width: 100%;
		height: auto;
		text-align: center;
		padding: 0;
		margin: 0;
		font-size:16px;		
	}
	
		
	.responsivemenu ul li a {
		height: 30px;
		color:#ffffff;
		line-height: 30px;
		padding: 0px;
		border: none;
		width: 100%;
		margin: 0;
	}
		
	.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;	
		margin:0;padding:0
}

	#cours{float:left;width:100%;border: 1px solid #393939}
.entete{float:left;width:96%;padding:2% ;background: #393939;color: #FFFFFF}
.ligne{float:left;width:96%;padding:2% ;border-top: 1px solid #393939}
.col_1{float:left;width:80%;  }
.col_2{float:left;width:20%;  }

	
		  
	.sel {border:none}
	#headerlogo{width:100%;text-align:center;}
	.logo{width:auto}
	.slogan {font-size:20px;text-align:left;}
	#headercontact{width:100%;text-align:right;font-size:14px}
	#headercontact .tel, #headercontact .contact{	font-size:1.5em;}
	.ac_block {width:100%;float:left;cursor:pointer;text-align:center;}  

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

	#news-actu article {min-height:350px;}
	
		
	/*structures */
	.typestructures{float:left;padding:15% 2%;font-size:0.5em;vertical-align:center;text-align:center;height:100px;}

	.structure{float:left;display:inline-block; width:48%;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:14px;color:#333333;text-align:center;line-height:24px;}

	/*formulaire contact*/
	#contact .labcontact{text-align:left;padding:5px 0;margin:2px 0;}
	.headerligne{ padding:0;width: 100%}
	
	.categorie{width:29%;padding:1%;margin:1%; }
	.categorie_mini{width:20%;padding:1%;margin:1% ;}
	*::-ms-backdrop, #listecategorie { max-width: 580px; } /* IE11 */	
	
	
	.t50, .t48 {width:100%}
	#pageliens div {width: 30%;}
	.t20 {width:40%;}
	.t70 {width:50%;}
	
	.t20 img {width: auto}
	
}


@media screen and (max-width:580px){

	#popup .messa {width: 80%;padding:20% 5%;margin-top:35%;border: 1px solid #090909;color:#FFFFFF;font-size:1.5em;text-transform: uppercase ;text-align: center;margin-left:auto;margin-right:auto;background-color:#EC8C08;}
	
	#pageliens div {width: 45%;}
	
	/*entete*/
	#headerpage	{position:relative}	
	.slogan {float:left;margin-top:10px;padding-left:0px;bottom:0;font-size:18px;}
	#headercontact .tel, #headercontact .contact{	font-size:1.2em;padding-left:30px;padding-right:10px;}
	#headercontact .contact span {display:none}
	
	#headercontact .tel {background:url(images/tel.png) no-repeat left top;}
	#headerslogan{font-size: 1em}
	.headerbouton  a {width: 96%;display: block;text-align: center}
	.headerbouton .adhesionexpress, .headerbouton .adhesion, .headerbouton .extranet  {padding:1%;z-index: 0;margin:2% 1%}
  
	/*Accueil*/
	.ac_block h2{padding:0;margin:0;font-size:18px;font-weight:500;}
	
	.ligne_3_block_1, .ligne_3_block_2, .ligne_2_block_1, .ligne_1_block_1, .ligne_1_block_2 {width: 100%}
	#ligne3, #ligne2, #ligne1 { 	flex-direction: column;	-webkit-flex-direction:column;}	
 	.ac_img_3{background-size: contain;background-position: center;}
	.ligne_2_block_1 {padding-bottom:70px;}
 
	.votreespace, .missions, .services, .diaporama {min-height:auto;  }
	
	.categorie{width:46%;padding:1%;margin:1%; }
	.categorie_mini{width:46%;padding:1%;margin:1% ;}
	
	#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%;}
	.t20, .t70, .t50, .t48 {width:100%}
	.t20 {text-align: center} 
	.pad1{padding: 0}
	.pad6{padding: 0}
	/*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}

	/*formation*/
	#inscriptionformation {background-color:#f8f6f4;width:98%;padding:0.5% 1%;float:left}
	#inscriptionformation .lignesaisie{width:99%;padding:0.5%;float:left}
	#inscriptionformation .lignesaisie .lr_lab{width:98%;padding:2px 0 2px 0;float:left;text-align:left}
	#inscriptionformation .lignesaisie .lr_text{width:98%;float:left;text-align:left}
	#inscriptionformation .lignesaisie .lr_text span{width:100%;display:block}
	#inscriptionformation input[type=text], #inscriptionformation select{padding:2px;font-size:16px;width:98%}
	
	ul.tabs {float:left;margin-bottom:20px;min-height:30px;height:auto}
	ul.tabs li	{width:98%}

	
	/*equipe*/
	.bloc_equipe{width:98%}
	.bloc_mg{margin:1% 0%;} 
	
	.bloc_pli {width: 100%}
	
	/*adhesion*/
	.bloc_bu {width: 94%;}
	
	/*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:96%;min-height:auto;padding:1%;margin:1% 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;}  
	
	.pied_ligne {font-size:15px;}
	.pied_ligne .foot_ico {width: 20%}
	.pied_ligne .foot_txt {width: 80%}
	*::-ms-backdrop, #listecategorie { max-width: 320px; } /* IE11 */	
	
}

@media screen and (max-width:320px){
	/*entete*/
	.slogan {float:left;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;}

	/*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;}  
	
	*::-ms-backdrop, #listecategorie { max-width: 280px; } /* IE11 */
	
}


.information {display:none}