@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Roboto);
body {width:100%;font:14px Open Sans, sans-serif;color: #333333; background:#FFFFFF ;margin:0px;font-weight:500;text-align:justify;cursor:wait}
 
a {color:#000000;text-decoration: underline;}
/*div{margin:0;padding:0}*/
.droite{float:right;}
.wait { cursor: wait; }
#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 {float:left;width:100%;min-height:210px;/*height:25vh;*/}
#headerpage{width:100%;float:left;position:fixed;z-index:1002;}
#headerligne{margin-left:auto;margin-right:auto;text-align:center;width:100%;min-height:40px;z-index:100;}/*161616*/
#headerlignecontenu{margin-left:auto;margin-right:auto;text-align:center;width:100%;background-color:#ffffff;min-height:40px;z-index:100;}/*#2B4262*/
#headercontenu{width:100%; max-width:1200px;min-height:140px;padding:0 0%;margin-left:auto;margin-right:auto;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;}
.colonne{flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: column;
-webkit-flex-direction:column;	
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-around;
-webkit-justify-content: space-around;}
#headermenu{margin-left:auto;margin-right:auto;text-align:center;width:100%;background-color:#382659;min-height:50px;z-index:100;float:left;}


h1 {color:#382659;font-size:30px;font-weight:600;padding:10px 0px 10px 0px;margin:10px 0px 10px 0px;font-family:Open Sans, sans-serif;text-align:left}
h2 {color:#7030a1;font-size:21px;margin:0;padding:10px;font-weight:600;font-family:Open Sans, sans-serif ;text-align:left}
h3 {color:#e34f21;font-size:18px;margin:0;padding:5px 0px;font-weight:400;}
h4 {color:#000000;font-size:16px;margin:0;padding:4px 0px;font-weight:100;}

/*.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 5px 0}
.titre h2 span{padding-left:30px;}*/

.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:1200px;width:100%;margin-left:auto;margin-right:auto;text-align:right;z-index:50;}
.container-menu {height:100%;max-width:1200px;width:100%;margin-left:auto;margin-right:auto;text-align:left;font-family:Roboto, sans-serif;font-size:17px ;padding:0% 0;z-index:50;font-weight:400}
.container-menu a{list-style:none;text-decoration:none;margin:1px;display:inline-block;color:#ffffff;}
.container-menu a:hover{color:#e34f21} 

.container-menu ul {max-width:1200px;position: absolute;width:100%;list-style:none;margin:0;padding:0; }
.container-menu li {padding: 1.1% 1.5% 1.1% 0%;display:inline-block;list-style:none;margin:0;} 
.container-menu ul li ul{display:none;margin:1% 0 0 0;padding:0;text-align:left;}
.container-menu ul li:hover > ul  {display:block;background-color:#E9E9E9;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: 7px 20px;font-size:0.9em; }

input[type="text"], input[type="date"],input[type="number"],  input[type="password"], select{padding:7px; margin:5px 0;font-size:16px;font-weight:normal; font-style: normal;font-family:Open Sans, Arial, sans-serif;border: 1px solid #cccccc;-moz-border-radius:5px;
    -webkit-border-radius:5px; border-radius:5px;}
input[type="text"], textarea {width: 100%}
input[type="checked"], input[type="option"] {padding:1%; margin:5px 0;font-size:16px;font-weight:normal;font-family:Open Sans, Arial, sans-serif;border: 1px solid #cccccc;-moz-border-radius:5px;
    -webkit-border-radius:5px; border-radius:5px;}

textarea{padding:7px; margin:5px 0;border: 1px solid #cccccc;font-size:16px;font-weight:normal;font-family:Open Sans, Arial, sans-serif;-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;}

input[type="text"]:focus, input[type="number"]:focus, textarea:focus, input[type="date"]:focus, select:focus{-moz-border-radius:5px;
    -webkit-border-radius:5px; border-radius:5px;border: 2px solid #1D8E94;outline: none;}


input[type="submit"], input[type="button"], select, .boutonaction {padding:3px 5px;font-weight:normal;font-family:Open Sans, Arial, sans-serif; } 
input[type="submit"], input[type="button"], .boutonaction {font-size:22px;-moz-border-radius:5px;padding:5px 10px;
    -webkit-border-radius:5px;border:none;
    border-radius:5px;background-color:#382659;color:#ffffff;text-decoration: none}
.boutonajouter {font-weight:normal;font-family:Open Sans, Arial, sans-serif; font-size:22px;-moz-border-radius:5px;padding:5px 10px;
    -webkit-border-radius:5px;border:none;text-decoration: none;
    border-radius:5px;background-color:#382659;color:#ffffff}
.boutonajouter:hover,input[type="submit"]:hover, input[type="button"]:hover, .boutonaction:hover {background-color:#7030a1;color:#FFFFFF;text-decoration: none;}



#headerlogo{float:left;width:100%;text-align:left; }
#headerlogo img{width:auto;}
.logo{float:left}
#slogan{bottom:0;font-size:30px;color:#7030A1}
#slogan .slogan_desc {font-size:20px;padding:0;text-align: center; color:#e34f21}
.certification{float:right;}
#headercontact{float:right;width:100%;padding:2px 0 2px 0;color:#FFFFFF;text-align:right;}
#headeraccount{float:right;width:350px;margin:2px 0 2px 0;color:#222222;text-align:left;border:1px solid #F7F7F9;font-size:13px; }
#headeraccount ul, #headeraccount li{list-style: none} 
#headeraccount li{padding:3px 0;} 
#headeraccount li i {font-size:20px;}
#headeraccount li a {text-decoration: none;color:#4A4A49}
#headeraccount li a:hover {color:#e34f21}
#headeraccount .lien-cab{color:#7030A1;font-weight: bold} .lien-cab:hover{color:#e34f21}
#headeraccount .lien-out{color:#e34f21} .lien-out:hover{color:#e34f21}
.identite {font-size:19px;font-weight: bold}

#headercontact ul{list-style: none;margin:0;float:right; }
#headercontact li{list-style: none; padding-left:7px;float: left;font-size:22px;}
#headercontact li a {text-decoration: none;display:block;color:#FFFFFF}
#headercontact li a:hover {text-decoration: none;display:block;color:#fdbe4c}
 

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

#accueil{width: 100%;text-align: center}
#accueil h1 {text-align: center}


#rech_bt{background-color:#382659;color:#ffffff;-moz-border-radius:5px;-webkit-border-radius:5px;border:none;border-radius:5px;cursor:pointer;padding:5px;margin:0 1%;font-size:1.6em; }
#rech_txt{width:80% }
.barre-recherche{flex-wrap: wrap;text-align: center;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
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: center;	
-webkit-align-items:center;justify-content:flex-start;
-webkit-justify-content:flex-start; }

#container{ 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:100px;background-color:#efefef;float:left;color:#000000;}
#footer_menu{font-size:0.9em;width: 100%;padding:1% 0;flex-wrap: wrap;text-align: center;
-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:center;
-webkit-justify-content:center; }
.footer-col {padding:1% 3%;flex-wrap: wrap;text-align: left;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: column;
-webkit-flex-direction:column;	
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:flex-start;
-webkit-justify-content:flex-start;width:26%}
#footer_menu h4 {font-size:1.3em }
#footer_menu h5 {font-size:1.1em }
.footer-col2{width:100%; flex-wrap: wrap;text-align: left; 
-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:flex-start;
-webkit-justify-content:flex-start;}
.footer-col2 div{width:auto;padding:0 1%}
#footer_menu ul{list-style: none;margin-left:5px;padding-left:10px;}
#footer_menu li a{color:#5B5B5B;text-decoration: none}
#footer_menu a:hover{color:#C93A3C;text-decoration: none}
#footer_contenu{float:left;text-align:center;width:98%;display:block;}
.footertext {float:left;color:#000000; font-size:16px;padding:1% 0%;font-family:Open Sans, sans-serif; font-weight:100;width:100%; }
.footertext a {color:#000000;}
.footertextbas{letter-spacing:1px;text-transform:uppercase;float:left;padding:1% 0%;width:100%;text-align:center;}
.footertel{font-size:24px } 
.textok {font-size: 19px;color:#198300}

#pagecentre{max-width:1200px;width:100%;margin-left:auto;margin-right:auto;text-align:left;height:100%;padding-bottom:50px;/*pagecentre*/}
#pagecontenu{float:left;width:100%;padding:5px 0px 30px 0px;}

/*Accueil */

.div-ligne .bt_action{background-color: #fdbe4c;padding:5px 10px;color: #FFFFFF;border:1px #fdbe4c; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;font-size:22px; }
.bt_action:hover{background-color: #AC750D; cursor: pointer }

.zone-aide{width:100%;text-align: center}
.zone-aide .video-aide{width:700px;height:500px;}


.modeaffichage {float:left;padding:10px 0 5px;width: 100% }
.modeaffichage .bt_mode{display:inline-block;padding:5px;cursor: pointer}

/*savoirplus*/
#s-savoirplus {background:#FFFFFF;float:left;width: 100%;}
.savoirplus {float:left;text-align: center;margin-top:20px;color:#ffffff;width: 100%;font-size:1.2em;}
.savoirplus h2 {text-align: center;color:#fdbe4c;font-size:47px;font-weight: 600;}
.savoirplus h3 {padding:10px;}
.textsavoirplus {background-color: #FBFBFB;width: 100%;padding:20px;color:#333333}


/*section formations*/
.formations_liste {width: 100%;padding:1% 0;flex-wrap: wrap;text-align: center;
-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; }
.form_block {width: 31%;margin:1% 0;box-shadow: 8px 3px 20px #cccccc;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;} 
.form_block .titre {width: 98%;padding:1%;min-height:50px;  font-size:1em;text-transform: uppercase;text-align: center;font-weight: bold; }
.form_block .titre a{text-decoration: none;text-align:center;color:#2B4262}
.form_block .resume {width: 98%;padding:1%; font-size:1em; }
.form_block .lien {width: 98%;padding:1%; border-top:1px solid #E7E7E8;bottom:0;height:30px;text-align: center}
.form_block .img {width:100%;height:auto; padding:0;text-align:center;}
.boutiques  {width: 100%;padding:1% 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;text-align: center}
.bout_creer, .bout_devel {width: 46%;margin:1% 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;text-align: center}
/*.bout_creer {background-color: #}
.bout_devel {background-color: #F7AE23}*/

.bout_creer a, .bout_devel a  {color:#FFFFFF;font-size:2em;text-decoration: none; text-transform:uppercase; display: block;padding:30px 15%;}
.bout_creer a {background-color: #fdbe4c}
.bout_devel a {background-color: #1D8E94}
.bout_creer a:hover {background-color: #d48f0c}
.bout_devel a:hover {background-color: #0C6468}


/*barre  partage boutons sociaux*/
.social-share{width: 100%;float:left }
.social-share a{font-size:20px;  padding:5px 10px;margin:0 5px;width:20%;  -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;text-decoration:none;color:#ffffff;display: inline-block;text-align: center}
.facebookshare {background-color: #1877F2;}
.twittershare {background-color: #1B95E0;}
.linkedinshare {background-color: #0077B5;}
/*Accueil*/ 
.zone_accueil{margin-left: auto;margin-right:auto;max-width: 1200px;text-align: center;width: 100%}
.zone_accueil h2{color:#FFFFFF;padding:15px 1%;margin:0;font-size:22px;font-weight:600;text-decoration: none}
.carte{background: url(images/carte.gif) no-repeat center;background-size: contain}

article{width:98%;padding:1%;margin:0%;float:left;}
 
 

.document:hover{background-color:#4A4949;} 

  
.barre_navi{width: 100%;padding:1% 0;flex-wrap: wrap;text-align: center;float: left;}
.barre_prec {text-align: right;margin:0 ;width: 40%;float:left}
.barre_suiv{text-align: left;margin:0 ;width: 40%;float:right}
.barre_prec a, .barre_suiv a{padding:5px 10px;margin:20px 0px;background-color:#F7AE23;color:#FFFFFF;text-decoration:none;font-size:25px;display:inline-block;}
.barre_prec a:hover, .barre_suiv a:hover{background: #D48F0C;text-decoration:none;}


.tright{text-align:right}

/*.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 input[type="submit"] {padding:3px;font-size: 16px;}
#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%;}
.bodyTexterreursaisie {color: #FF191D;}
.txtR {text-align: right}
.txtL {text-align: left}
.txtC {text-align: center}
.txtgras{font-weight:bold; }
.txtSmall {font-size:12px; }
 

/*formulaire contact*/
#form_creation, #contact, #inscriptionformation{border:1px solid #cccccc;-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;text-align: center;float: left ;margin:0 10%;width: 76%;padding:20px 2% }
 

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

 
.bt_saisir{text-align:center;font-size:24px;}
.bt_saisir a{text-decoration:none;border:1px solid #000000;padding:1%;}
.bt_saisir a:hover{background-color:#0099CC;color:#FFFFFF}

/*annonce recherche*/
.coul3 {background-color:#F7F7F9;} 
.coul4 {background-color:#F8F6F4} 

 
 
.txt_prix{font-weight: bold}

.txt_cate{font-weight: bold} 

.img_vig {width: 30%;margin: 1%;float: left;text-align: center;}
 
#ctct_t {display: block}
#ctct_t a{text-decoration: none}
#ctct_n {display: none} 
 

/*fil*/
.fil{padding-top:1%;}
/*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}

/*bouton action*/
.bt_tx a {padding:5px 10px;margin:20px 0px;background-color:#2b4262;color:#FFFFFF;text-decoration:none;font-size:30px;display:block;}
.bt_tx a:hover{background: #F7AE23;text-decoration:none;}

.bt_txchoix a{padding:5px 10px;margin:20px 0px;background-color:#2b4262;color:#FFFFFF;text-decoration:none;font-size:20px;display:inline-block;}
.bt_txchoix a:hover{background: #F7AE23;text-decoration:none;}

/*page projet contenant .bt_tx*/
.barre_tx {width:100%;text-align:center;}
.barre_tx .bt_tx {margin-left:auto;margin-right:auto;text-align:center;display:inline-block;}


/*bouton telechargement*/
.bt_tel a{padding:5px 10px 5px 10px;margin:10px 0px 0px;background-color:#2B4262;color:#FFFFFF;text-decoration:none;font-size:20px;display:inline-block;}
.bt_tel a i{color:#fffff }
.bt_tel a:hover{background-color: #a0cde8 ;text-decoration:none;}

.barre_tel {width:100%;text-align:center;}
.barre_tel .bt_tel {margin-left:auto;margin-right:auto;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; display:block;}
.bt_part a:hover{background: #CCCCCC ;text-decoration:none;}
/*formvideo*/
#formvideo {float: left; width:100%;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; }
#formvideo .video {width:48%;}
#formvideo iframe{width:100%;height:400px;}
 
.coul_1{background: #FFFFFF}
.coul_2{background: #F7F7F9}
.coul_1:hover{background-color:#B2ACAA /*#e7e0da*/}  
.coul_2:hover{background-color:#B2ACAA/*#f8f6f4*/}  
 
 
.footer-rester, .footer-suivre {color: #ffffff;font-size:1.5em;padding-top: 20px;}
.footer-rester h2, .footer-suivre h2{color: #FFFFFF;font-size:1.7em;padding:20px 0;}
.footer-suivre ul, .footer-suivre li{list-style: none;margin:2px;padding:2px;font-size:1.3em}
.footer-suivre li{display: inline-block}.footer-suivre a{color: #fff}.footer-suivre a:hover{color: #F7AE23}
 
.textesiteerreur{color:#D73600}
.erreurfonctionnement{color:#D73600;font-size:18px;font-weight: bold;padding:5% 0;}

p {max-width:1200px;line-height: 21px;}

.t1 {width:98%}
.t2 {width:18%}
.t3 {width:22%;}
.t4 {width:30%;}
.t5 {width:49.25%;}
.t47{width:47% }
.t48{padding-right:2%;width:50% }
.t50 {width:50%;}.t81{width:81%;}.t35{width:35%;}
.t6 {width:58%}
.t6bis {width:66%}
.t7 {width:66%;text-align:justify;}
.t7bis {width:70%;text-align:justify;}
.t8 {width:100%}
.t9 {width:96%}
.t10 {width:100%}
.t100 {width:100%}
.t80{width:80%;}
.t90{width:90%;}
.pad1{padding:0% 2%}
.pad2{padding-top:4%}
.pad3{padding:20px 0%}
.pad4{padding:0% 3% 0% 1%}
.pad5{padding:2%}
.pad6{padding:0 2% 1% 2%}
.pad5bis{padding:2% 0.25%}

.mg1{margin: 1% 0 0}
.pad7{padding:40px 0 20px;}
.pad8{padding:0% 5%}
.pad3{padding:40px 0%}

.padb{padding:0px 0 5px}

.t60 {width:58%}
.t65 {width:73%} 
.t70{width:68%}
.t40{width:40%}
.t30{width:30%}
.t25{width:25%}
.pleft{padding-left:1%}
.padtop{padding-top:30px}

.taR{text-align:right}
.taC{text-align:center}
.taL{text-align:left}

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

.lab{font-size:1em;font-weight:400;}
.ztxt{font-size:0.9em;font-style: italic;background-color:#ffffff;padding:7px;-moz-border-radius:5px;-webkit-border-radius:5px;
    border-radius:5px}
.ligne-flex {text-align: justify;flex-flow: row wrap;-webkit-flex-flow: row wrap;  flex-direction: row;  
-webkit-justify-items: center; 	
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;}

.accueil{width: 100%;text-align: center;min-height:350px }
.accueil h1 {text-align: center}
.block-zone , .flex-zone{text-align: justify;flex-flow: row wrap;-webkit-flex-flow: row wrap;  flex-direction: row;  
-webkit-justify-items: center; 	
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: center;	
-webkit-align-items:center;
	justify-content: center;
-webkit-justify-content:center; margin-bottom: 20px;width:100%; }

.bt-cabinet, .bt-adherent{margin:30px;width: 230px;padding:15px;text-align: center;display: block;-moz-border-radius:5px;
    -webkit-border-radius:5px;border:none;
    border-radius:5px;text-transform: uppercase;font-size:1.2em;color: #FFFFFF;text-decoration: none; }
.bt-cabinet{background-color: #7030a1;}.bt-cabinet:hover {background-color: #E34F21;color: #FFFFFF;text-decoration: none; }
.bt-adherent{background-color: #382659;}.bt-adherent:hover {background-color: #E34F21;color: #FFFFFF;text-decoration: none; } 

.flex_zone .site{width: 13%;text-align: center;padding:5px 0}

.flex_zone .colonne{max-width: 49.5%;width: auto; }
.flex_zone .colonne-1{max-width: 53.5%;}
.flex_zone .colonne-2{flex-grow:1;}
.flex_zone .colonne-3{max-width: 29.5%;width: auto}
.flex_zone .colonne-4{flex-grow: 1; }
.flex_zone .colonne-5{max-width: 69.5%;width: auto } 
.flex_zone .colonne-6{max-width:69.5%;flex-grow: 1 }
 
.milieu{vertical-align:middle}
.centrer{text-align:center;margin-left: 0;margin-right: 0}
.centrer .fb-page {text-align:center}
.ital{font-style: italic}

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

/*iframe {width:100%;max-width:700px;height:auto;min-height:280px}*/
 #popup { width:100%;height:100%;padding:1%;position:fixed;bottom:0;top:0;opacity:1;overflow-y: scroll; background-color:#ADABAB;color:#FFFFFF;z-index:1003;text-align: center}
#popup .messa {width: 40%;padding:5%;border: 1px solid #090909;color:#212121;font-size:2em;text-align: center;margin-left:auto;margin-right:auto;background-color:#ffffff ;}/*#B50205*/

#pagecookie{max-width:1200px;width:100%;margin-left:auto;margin-right:auto;text-align:left;padding-bottom:50px;/*pagecentre*/}
#cookies{width:100%;padding:40px 0 1%;position:fixed;min-height: 300px;bottom:0;opacity:0.95; color:#FFFFFF;z-index:100;background-color:#000000;}
#cookies a{color:#FFFFFF;text-decoration: underline }
#cookies .bt_fermer {font-size:24px;padding:3px;background-color:#33CC66;color:#FFFFFF; -moz-border-radius: 2px; -webkit-border-radius: 2px;border-radius: 2px;text-decoration:none;border:none;cursor: pointer} 
#cookies .bt_fermer:hover{background-color:#339966;}
zone_cookie{width:70%;min-height:100px;margin-left: auto;margin-right: auto;}
#cookie_barre{width:100%;text-align:center;margin-left:auto;margin-right:auto;max-width:1200px;}
#cookie_parametres{width:98%;padding:1%}

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

.openmenuresponsive {
  display: none;
}
 
a.link{
    text-decoration: none;  
    position: relative;
    display: block;
}

a.link span.overlay-image{
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(0,0,0,0.2); /* black background with 20% alpha */
}

a.link span.overlay-image:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;   
}

a.link:hover span.overlay-image img{
    display: inline-block;  
    vertical-align: middle;     
}

a.link:hover span.overlay-image{
    visibility: visible;
}

.bloc_equipe:hover {background-color: #F7F7F9}
.ident_bt {text-align: center;bottom:0;}
.ident_bt a{padding:2%;color:#FFFFFF; text-decoration: none;background-color:#F7AE23}
.ident_bt a:hover{background-color: #D48F0C}

/*SITES DE FORMATION*/
#listesitesformation{width:100%;padding:1% 0;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
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;}
.siteform{margin:1%;box-shadow: 8px 3px 20px #cccccc;  padding:0.5%;width: 47%}
.siteform a{font-size:13px;}
.site_handicap {font-size:20px}



/*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}
.coul1 {background-color:#f8f6f4}  
.coul2 {background-color:#e7e0da}  
 
.coul1:hover{background-color:#B2ACAA /*#e7e0da*/}  
.coul2:hover{background-color:#B2ACAA/*#f8f6f4*/}  


/* CSS FORMATION */
.noteguichet{width:46%; color:#CC0000; text-align:center;padding:10px 2%;float:left;}
.noteguichet img{width:auto}
.noteguichet a {padding:5px;background-color:#F7AE23;color:#FFFFFF; margin:3px 0;text-decoration:none}
.noteguichet a:hover{background-color:#D48F0C;color:#FFFFFF;} 

.z_recherche {background-color:#F7F7F9;width:100%;padding:0.5% 1%;float:left}
.z_recherche .lignerech{width:99%;padding:0.5%;float:left}
.z_recherche .lignerech .lr_lab{width:15%;padding:1% 1% 1% 0;float:left;text-align:right}
.z_recherche .lignerech .lr_text{width:84%;float:left}
.z_recherche input[type="text"], .z_recherche select{padding:1%;font-size:16px;width: 50%}

/*section programme*/ 
#programmeform {border:1px solid #fdbe4c;float: left;width: 100%;padding:2%; margin:10px 0}
.voirprogramme{float: left;width: 100%;padding:1%;}
.programme{float: left;width: 100%;padding:2%;}
#programmedetail{float: left;width: 100%;display:none}

#formationMotscles {float: left;width: 100%; margin:10px 0;background-color: #fdbe4c;}
.formationMotscles{padding:1%;float: left;width: 100%;text-align: center;color:#ffffff}

#Programmeformation {/*background-color:#F7F7F9;*/width:98%;padding:0.5% 1%;float:left;margin:10px 0 ; }
#Programmeformation iframe{width:100%;height:100%;border: none }
.barrefo{padding:10px 0;width: 100% }
.argufo {width: 100%;padding:10px 0;font-weight: bold;text-align: left;color:#1D8E94}
.webdescfo {width: 100%;padding:10px 0;}
.webfo {float:left;width: 46%;padding:10px 2%;text-align: justify;}
.Introfo {width: 100%;padding:10px 0;text-align: justify;}
.titrefo i {font-size:25px;color:#fdbe4c}
.titrefo, .formationTexte_2 {padding:5px 0}
.titrefo {font-weight: bold}


#show{cursor: pointer;color:#fdbe4c;font-weight: bold;font-size:1.4em } #hide{display: none;cursor: pointer;color:#fdbe4c;font-weight: bold;font-size:1.4em}
#Sessionformation { width:100%;float:left; }
#Sessionformation .titre {text-align: center;color:#333333;font-size: 2em;}
/*#inscriptionformation {width:98%;padding:0.5% 1%;float:left;margin:10px 0;box-shadow: 10px 5px 18px #cccccc;}*/
 #inscriptionformation{border:1px solid #cccccc;-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;text-align: center;float: left ;margin:0 10%;width: 76%;padding:20px 2% }

#calc-resultat{text-align: center;width: 100%;}
.vehicule {width: 100%; display: flex;flex-wrap: wrap;margin:0;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: row;
-webkit-flex-direction:row;	 
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;-webkit-align-content: space-between;align-content: space-between;
font-size:13px;border-top :1px solid #efefef;padding: 10px 0;}
.vehicule input[type="text"]{width: 50%}
.zflex {width: 100%;padding:1% 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;}

.ligne-vehicule { width: 100%; display: flex;flex-wrap: wrap;margin:0;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: row;
-webkit-flex-direction:row;	 
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; font-size:13px;border-top :1px solid #150578;}
.calc-ligne{display:flex;flex-wrap: wrap;margin:0;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: row;
-webkit-flex-direction:row;	 
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; font-size:14px;width:96%;margin-left:auto;margin-right: auto;border:1px solid #666666;}
.col-vehicule {width:25%;padding:1%;border:1px solid #666666;text-align: left}
.col-puissance {width:25%;padding:1%;border:1px solid #666666;text-align: left}
.col-formule{width:30%;padding:1%;border:1px solid #666666;text-align: left}
.col-montant{width:20%;padding:1%;border:1px solid #666666;text-align: right}
.col-calc-total{width:80%;padding:1%;border:1px solid #666666;text-align: right}
.col-calc-montant{width:20%;padding:1%;border:1px solid #666666;text-align: right}
.bt-add-vehicule{float:right;padding: 10px;}
.bt-add-vehicule input[type="button"]{font-size:0.9em}
.ligne-vehicule .bt-del-vehicule{float:right}
.ligne-vehicule .t3 {width: 30%;} 
.ligne-vehicule .t4 {width: 40%;}
.ligne-vehicule .t5 {width: 60%}
.ligne-vehicule .t1 {width: 10%;}


.lignesaisie{width:99%;padding:0.5%;float:left;text-align:left}
.lignesaisie .lr_lab{width:25%;padding:0px 1% 2px 0;float:left;text-align:right;font-weight: 600}
.lignesaisie .lr_lab_kilo{width:25%;padding:10px ;float:left;text-align:right;font-size:20px;}

.lignesaisie .lr_text{width:73%;float:left;text-align:left}
.lignesaisie .lr_titre {font-size:20px;width:98%;font-weight: bold}
.lignesaisie .lr_titre_formation { width:98%;text-align:left}
.lignesaisie  input[type=text], .lignesaisie  input[type=password], select{padding:7px;font-size:16px;}
.lignesaisie  input[type=text], .lignesaisie  input[type=password]{width: 90%}
.lignesaisie .lr_text .txt20 {width: 200px;}
.lignesaisie .lr_text .txt30 {width: 300px;}
.txt50 {width: 500px}
.inscription_etape{background-color:#F7F7F9;float: left;width: 100%}

#form_connexion { width:650px;padding:2%;margin:10px auto;box-shadow: 10px 5px 18px #cccccc;border: 1px solid #E7E7E7;height:380px; }
#form_choix{width:100%;padding:1% 0;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
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-around;
	-webkit-justify-content:space-around;}
.form_choix{ width:26%;padding:2%;margin:10px 1%;box-shadow: 10px 5px 18px #cccccc;float: left;border: 1px solid #E7E7E7;text-align: center}
.titre_choix{color:#03759F;font-size:20px;margin:0;padding:10px 0px 10px 0px;font-weight:100;text-transform:uppercase;} 
/*PANIER*/

#panier, #panier_detail{float:left;width: 100%}
.petittitre {font-weight:bold }
.petittxt {font-weight:normal;font-size: 13px }
.petittarif {font-weight:bold;color:#F7AE23} 

.compte_top {background:url(images/compte.png) left no-repeat;padding:5px 0 5px 30px;}
.compte_top, .compte_top a, .panier_top, .panier_top a{color:#4D4D4D;margin-top:1px;text-decoration: none}
.panier_top {background:url(images/panier.png) left no-repeat;padding:5px 0 5px 30px;}
.tabpanier {float: left;width:100%;border:1px solid #4D4D4D}
.tabsession{float: left;width:100%;}

.panelville{float: left;width: 100%;  }
.lignetabentete, .lignetab{float: left;width: 100%;line-height:30px; font-size:13px }

.lignetabdeclaration{float: left;width: 100%;line-height:30px; font-size:13px }
.btdeclaration {font-size:22px;-moz-border-radius:5px;padding:5px 10px;
    -webkit-border-radius:5px;border:none;
    border-radius:5px;background-color:#382659;color:#ffffff;text-decoration: none;margin:5px 0}

.btdeclaration a{color:#ffffff;text-decoration: none}
.btdeclaration a:hover{color:#e34f21;text-decoration: none}
#sort th {vertical-align:top; } 

/*.lignetabentete  {border:1px solid #DDDDDD; }*/
.lignetabentete {background-color: #000000;color: #ffffff}
.lignetab {border-bottom:1px solid #000000;border-left:1px solid #000000;border-right:1px solid #000000; font-size:13px }
.tableauform{width: 100%;padding: 0;border-spacing: 0;border: none;}
.tabfichier i{display: block}
.tabform, .tabdate,.tabdatepl, .tabduree, .tabville, .tabvillesess, .tabsupp, .tabinsc, .tabajout, .tabnbplace, .tabchoixville,.tabhoraire ,.tablib, .tabtype, .tabdate, .tabexercice, .tabfichier   {padding:1%;float:left}
.tablib {width:18%;}
.tabtype {width:10%;}
.tabdate {width:10%;}
.tabexercice {width:12%;}
.tabfichier {width:20%;}
.tabform {width:38%} 
.tabdatepl {width:10%;}
.tabduree {width:8%;}
.tabville {width:18%;}
.tabvillesess {width:28%;}
.tabinsc {width:10%;}
.tabsupp {width:8%}
.tabajout {width:15%;}
.tabnbplace {width:25%;}
.tabhoraire  {width: 23%;font-size:0.9em }
.tabchoixville span{font-weight: bold;color:#fdbe4c}
.tabfichier a{display:flex;flex-direction: row;
-webkit-flex-direction:row;align-items: center;-webkit-align-items:center;justify-content:flex-start;-webkit-justify-content:flex-start;	}

.tabpanier{float:left;width: 100%}
.barre_bouton{padding:2% 0;float: left;width: 100%;} 
/*.boutonaction   {background: #6e6e6e;border:none;padding:5px 10px;color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;font-size:22px;}
.boutonaction:hover  {background:#1D8E94; }*/


.barre-zone-bord, .barre-zone, #barrecomptempl {width:100%;padding: 0;margin:0 0 40px;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
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:flex-start;-webkit-justify-content:flex-start;}/*border:1px solid #efefef*/
.barre-zone-bord{width: 70%} 
#barre-outils {width:100%;padding:1% 0;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
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;background-color: #C5C5C5}

.block-outils {width:17%;padding:3% 0;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
flex-direction: column;
-webkit-flex-direction:column;	
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:center;-webkit-justify-content:center;
-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;	text-align: center;color:#FFFFFF;
}
#form-outil{padding:20px 0}

#barre-menu {width:19%; padding:0;flex-wrap: wrap;margin-right:1%; 
-webkit-flex-wrap: wrap; 
flex-direction: column;
-webkit-flex-direction:column;	
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:flex-start;-webkit-justify-content:flex-start;}
#barre-menu-hor {width:100%; padding:0;flex-wrap: wrap;margin-right:1%; 
-webkit-flex-wrap: wrap; 
flex-direction: column;
-webkit-flex-direction:column;	
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:flex-start;-webkit-justify-content:flex-start;}
#barre-menu-service, #barre-menu-outil, #barre-menu-compte, #barre-menu-dossier, #barre-menu-courrier{border:1px solid #efefef;margin-bottom:50px;box-shadow: 4px 3px 10px #cccccc; }
#barre-menu-courrier-hor{margin-bottom:10px;}
.titre-bord{width: 100%}
#mes-donnees {
	width:80%;
	padding:1% 1% 3% 1%;
	/*background-color: #efefef;*/
	border:1px solid #efefef;
	box-shadow: 4px 3px 10px #cccccc;
}
#mes-donnees-hor {
	width:100%;
	padding:1% 1% 3% 1%;
	/*background-color: #efefef;*/
	border:1px solid #efefef;
	box-shadow: 4px 3px 10px #cccccc;
}
#barre-menu ul{list-style: none;padding:0;margin:0;background-color: #ffffff}
#barre-menu ul li{margin:0;padding:0;display: block;}
#barre-menu ul li a.actif {background: #efefef url("images/fleche.png") no-repeat right;}
#barre-menu ul li a{text-decoration: none; display: block;padding:20px 10px;text-align: left}
#barre-menu ul li a:hover{text-decoration: none; display: block;background-color:#B3B0B0;color:#ffffff}
#barre-menu-hor ul{list-style: none;padding:0;margin:0;  
    justify-items: stretch;flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: stretch; 	
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;}	
#barre-menu-hor ul li a{text-decoration: none; display: block;padding:20px 10px;text-align: left}
#barre-menu-hor ul li a	{ display:block; margin:0;}
#barre-menu-hor ul li{display: inline-block; }


.notice{padding:10px 1%;float:left;width:100%;border-bottom:1px solid #efefef;border-left:1px solid #efefef;border-right:1px solid #efefef }
.notice-type {float:left;width:100%;background-color:#000000;padding:1%}
.notice-type h3{color:#ffffff}
.notice-tit {float:left;width:74%;padding:0 1%;}
.notice-txt {float:left;width:75%;padding:0 1%;}
.notice-fic {float:left;width:22%}


/*PAIEMENT*/
.lignecoti {border:0.5px solid #cccccc;padding:1%}
 .ligneregentete, .lignereg,  .lignecotientete,  .lignecotidetail {width: 100%; text-align: center;padding: 0;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
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:flex-start;-webkit-justify-content:flex-start;}

.cotioption{width: 10%;font-weight:bold}
.cotisel{width: 3%;}
.cotimontant, .cotitaux {width:11%;text-align: right;padding:0 1%}
.cotitaux {width:6%;text-align: right;padding:0 1%}
.coticate, .cotiexe,.cotidate {width:8%;}
.cotioptionsel {width: 4%;padding:0 2%}
.cotilibelle {width:25%;text-align: left}
  
.lignecotientete{font-size:1.2em;color:#7030a1;font-weight: bold }
.ligneregentete {background-color: #000000;color: #ffffff;}
.lignereg {border: 1px solid #cccccc}
.regcate, .regexer, .regdate,.reglib, .regmontant {padding:1%}
.regcate{width: 20% }
.reglib {width:30%}
.regexer, .regdate, .regmontant {width:10%}
.regmontant {text-align: right}

.lignebtcb {width: 100%; text-align: right;padding: 0;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
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:flex-end;-webkit-justify-content:flex-end;}	
.btcb{width:50%;padding:1% 0}
.lignetotal	{width: 100%; text-align: right;padding: 0;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
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:flex-end;-webkit-justify-content:flex-end;}							 
.totallabel {width:25%;padding:1%;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;border-left: 1px solid #cccccc;font-weight: 600 }
.totalval{width:25%;padding:1%;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc}
						 

/*LES FORMATIONS*/
.catalogue, .catalogue a{color:#e34f21}
.catalogue{font-size:1.2em;}
#barre-form {width:100%;padding: 0;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
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:flex-start;-webkit-justify-content:flex-start;}
#formations {width:100%;padding:0%;}
.intro {padding:10px 0}

.lignefo{width:100%;padding: 0;margin:0 0 4%;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
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:flex-start;-webkit-justify-content:flex-start;background-color: #ffffff;border:1px solid #efefef;}
.taimg{width:25%;}
.tabdetail{width:75%;}
.tabfolib{width:100%;padding:1%}
.tabfolib img{width:25px;height: auto }
.tabforesume{width:100%;padding:1%}
.tabfoobj{width:100%;padding:1%;}
.tabfosession{width:100%;padding:2%;margin:0 0;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
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:flex-start;-webkit-justify-content:flex-start;border-top:1px solid #efefef;}
 
.tabfodate{width:20%;}
.tabfohoraire{width:25%;}
.tabfolieu{width:25%;}
.tabfonbplaces{width:15%;}
.tabfoinsc{width:15%;}


.complet{color: #e34f21;font-weight: bold}
.disponible{color: #05a678;font-weight: bold}
.derniere{color: #FBA051;font-weight: bold}



#barrecomptempl a{width: 110px;display: block;margin:20px 30px;text-align: center;}

.barre-alerte{width:100%;padding:1% 0;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
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-around;-webkit-justify-content:space-around;}
.text-alerte{font-size:20px;color:#FFFFFF  }

.mess_alerte{float:left;padding:10px;color:#e34f21;width: 100%;margin: 10px 0;font-size:1.1em; border:1px solid #e34f21}

#barre-accueil{width:100%;padding:1% 0;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
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-around;-webkit-justify-content:space-around;}
#barre-home{width:50%;flex-wrap: wrap; 
-webkit-flex-wrap: wrap; 
flex-direction: column;
-webkit-flex-direction:column;	
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:center;-webkit-justify-content:center;}
#barre-clients, #barre-diaporama{width:50%;flex-wrap: wrap; 
-webkit-flex-wrap: wrap; 
flex-direction: column;
-webkit-flex-direction:column;	
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:center;-webkit-justify-content:center;}
#barre-clients-hor{width:30%; position:absolute;right: 0}
.barre-home {width:100%;padding:1% 0;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
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-around;-webkit-justify-content:space-around;}

.block-home {width:43%;padding:5% 1%;flex-wrap: wrap;margin:3% 1%;
-webkit-flex-wrap: wrap; 
flex-direction: column;
-webkit-flex-direction:column;	
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:center;-webkit-justify-content:center;
-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;	text-align: center;color:#FFFFFF;box-shadow: 6px 3px 10px #cccccc;
}

.cli-gras{font-weight: bold;color:#e34f21}
.block-home h2 {color: #ffffff;font-size:18px;	text-align: center;}
.block-home i {font-size: 35px;}
.block-home a {color: #ffffff;}

.bg1{background-color: #e34f21}
.bg2{background-color: #7030a1}
.bg3{background-color: #382659}
.bg4{background-color: #000000}






.bout_corbeille a {background: url('images/delete.png') center no-repeat;border:none;color: #FFFFFF;width: 30px;line-height: 30px; cursor:pointer;display: block}

#client_action, #panier_action{width:98%;padding:1%;position:fixed;bottom:0;top:0;right:0;left:0;  z-index:1003;text-align: center;vertical-align: super;background:url('images/filtre.png') repeat; }
.client_message, .panier_message{width:580px;padding:30px 10px; 
  box-shadow: 10px 5px 18px #cccccc; color:#FFFFFF;font-size:1.2em;text-align: center;margin:auto;background:#FFFFFF;  margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */}
.client_action_titre, .panier_action_titre {color: #1A1A1A;font-size:1em;padding-bottom:20px;}
.client_action_lien, .panier_action_lien{text-align: center;width: 100%;padding-top:20px;}
.client_action_lien a, .panier_action_lien a{font-size:1em;padding:5px 10px;margin:10px 10px;display: inline-block;background-color: #6E6E6E;color:#ffffff;text-decoration: none}
.client_action_lien a:hover, .panier_action_lien a:hover{background-color:#1D8E94;}
.mess_erreur{color: #F43E41;font-size: 1.2em;text-align: center;}
.mess_ok{color: #1D8E94} 
.mess_resultat{ text-align: center;font-size: 1.2em;padding:10px}
.mess_resultat_calcul{ text-align: center;font-size: 2em;color: #ffffff;width:200px;display:block;padding: 20px;background-color: #6973e8;margin-left:auto;margin-right:auto;}



#Messageinfo .btlien {background-color:#000000;color:#ffffff;text-decoration: none;padding:10px; -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px; }
#Messageinfo .btlien:hover {background-color:#9d8754;color:#ffffff;text-decoration: none;padding:10px;-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;  }

 

/*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: left;flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: left; 	
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;}
#articleliste article{width: 30%;margin:1% 0;box-shadow: 8px 3px 20px #cccccc;  padding:0.5%;}
 
#articlelistecovid {text-align: left;flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: left; 	
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;}
#articlelistecovid article{width: 46%;margin:1% 0;box-shadow: 8px 3px 20px #cccccc;  padding:0.5%;}

.arti_txt {font-size:16px;color:#333333}
.arti_txt h3{text-decoration:none;padding:5px 0 5px 40px; background:url(images/puce_actus.png) no-repeat left top}
.arti_txt img{width:auto;height:auto}
.arti_txt iframe {width: 100%;height:250px;}
#articlelistecovid article img {width: 100%;height: auto}
.article .arti_txt iframe {width: 100%;height:550px;}

#articlelistecovid h3 {display:none;background:#f6ae24;padding:10px 5px;text-align: justify} #articlelistecovid h3 a{color:#ffffff;text-decoration: none}

.documentsutiles{text-align: center;width: 100%;flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: left; 	
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-around;
	-webkit-justify-content:space-around;}
.documentsutiles a{margin:1%;box-shadow: 8px 3px 20px #cccccc;width:30%; }
.documentsutiles a img{width:100%; }

.fichesmetiers a{margin:0.5%;width:31%;display: inline-block }
.fichesmetiers a img{width:100%; }
#documents {width:100%;float:left;padding:1% 0%;}

.documents{float:left;display:inline-block; width:23%;min-height:200px;padding:1%;margin:0%;text-align:center;}
.documents h2 {text-decoration:none;text-align:center;color:#333333;padding:20px 0 15px;margin:0;font-size:18px;font-weight:500;}
.documents a {text-decoration:none}

.bt_actu_covid{ margin: 2% auto;color: #FFFFFF ;text-align: center;width: 100%}

.bt_actu_covid a{font-weight:bold;line-height:30px;color: #FFFFFF;display: inline-block;padding:10px;-webkit-transition-duration: 0.1s;text-align: center;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.1s;
	transition-duration: 0.1s;
    transition-timing-function: ease;
    transition-delay: 0.1s;width: 300px;border:1px solid #ffffff;text-decoration: none;text-transform: uppercase}
.bt_actu_covid a:hover{background-color: #FFFFFF;color: #EC8C08}

#documentsliste {position: relative; width: 100%;padding: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;
}
.documentliste {width: 32%;background-color: #BBADAD;margin: 1% 0;display:flex;flex-direction: column;}
.documentliste h3 {padding:1%;min-height:60px; }
.documentliste p {text-align: center }
 
.structure{float:left;display:inline-block; width:100%; padding:1%;margin:0%;text-align:center;border-bottom: 1px solid #EBEBEB }
.structure h4 {text-decoration:none;text-align:left;padding:0px 5px;;font-size:14px;color:#333333 }
.structure h4 span{font-weight: bold}
.structure .stru_titre{float: left;width: 80%} 
.structure .stru_lien{float: left;width: 20%}

.typestructure{width:100%;float:left;background-color:#E3E3E3}
.typestructure h3{text-align: center;padding:1% 0%; }

#typestructures{width:100%;float:left;padding:2% 0;}
.typestructures{width:100%;float:left;padding:1% 0%;font-size:24px;vertical-align:center;text-align:left}
.typestructures h2 {text-decoration:none;text-align:center;background-color:#F7AE23;color:#FFFFFF;font-size:25px;font-weight: bold}
.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;
}

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

}

.couleur0{background-color: #2ebbe8}
.couleur1{background-color: #f9a800} 
.couleur2{background-color: #058b8c}
.couleur3{background-color: #7ebab5}
.couleur4{background-color: #7f9999}
.couleur5{background-color: #e5b27f}
.couleur6{background-color: #9b287b}
.couleur7{background-color: #ff5757} 
.couleur8{background-color: #7BAEFD} 


.tdtableau { width: 100%;  padding:0 0% 1%; flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
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;}
.tddomaine { color:#FFFFFF;width: 100%;padding:1% ; font-size:1.3em;}


.tdlisterecherchefor {width: 100%;padding:0 0 2%;flex-wrap: wrap;text-align: center;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
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}
.rechmois{width: 100%;font-size:2em;padding:1% 0 ;text-align: center;text-transform: uppercase;border-bottom: 1px solid #cccccc;margin:0 0 1%;color:#fdbe4c;font-weight: bold}
.rechfor{width: 100%;padding:0 0 2%;flex-wrap: wrap;text-align: left;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
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-around;
-webkit-justify-content: space-around;margin:1% 0;}
.rechfor .fophoto{width:15%}.rechfor .fophoto img{width: 100%;height: auto}
.rechfor .fodetail{width:75% }
.rechfor .fotitre{font-size:1.3em;font-weight: bold}
.rechfor .fodesc{margin:5px 0;}
.rechfor .fodate{font-size:1.1em;font-style:italic;margin:0px 0 5px;color:#1D8E94;width: 50%;display: inline-block}
.rechfor .folien{margin:5px 0;}
.rechfor .folieu{text-align:right;font-size:1.1em;font-style:italic;margin:0px 0 5px;color:#1D8E94;width: 48%;display: inline-block}


.tdlisteformations {width: 100%;padding:0 0 2%;flex-wrap: wrap;text-align: center;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
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}
.tdformation {width: 31%;margin:1% 0;box-shadow: 8px 3px 20px #cccccc;flex-wrap: wrap;text-align: center;
-webkit-flex-wrap: wrap;
-webkit-justify-items:center; 	
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-around;
-webkit-justify-content: space-around;} 
.tdlibformation {width: 98%;padding:10px 1% 10px;min-height:50px;  font-size:1em;text-transform: uppercase;text-align: center;font-weight: bold;}.tdlibformation a{text-decoration: none;color:#2B4262}
.tdlibresume {width: 98%;padding:1%; font-size:1em; }
.tdlien {width: 98%;padding:1%; border-top:1px solid #E7E7E8;bottom:0;height:30px;text-align: center}

#formationSatisfaction{float: left;width: 100%;}
/*#formationSatisfaction .Satisfaction .temoignage {text-align: center;margin-top:50px;color:#333333;width: 100%;font-size:1.2em;}*/

#formationSatisfaction .Satisfaction{text-align: center;width: 100%;flex-wrap: wrap;background-color: #A7A220;float:left;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: column;
-webkit-flex-direction:column;	
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-around;
-webkit-justify-content: space-around;}
#formationSatisfaction .Satisfaction .colsat{ width: 48%;background-color: #F96A6C}
.formationNote{color:#fdbe4c;font-size:6em;padding-top:50px }
.formationNotetext{font-size:18px;color: #3F3F3F; }
.formationNotesmalltext{font-size:12px;color: #3F3F3F; }
.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-size:14px;
color: #ffffff;	
background-color:#588DBC;
font-weight:bold;
vertical-align:top;
text-align:left;
padding:4px;
}


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


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

.TextobjmessErreur {
	color: #E9310F;
}

.TextobjmessOk {
	color: #0FB408;
}


.calendrier{color:#666666;padding:1% 0}
.calendrier span{font-weight: bold}
.calendrier p {margin:8px 0;}
.carousel-inner{width:100%;}
.carousel-inner .item {width:100%;padding:2% 10%;text-align: center;min-height:300px; }
.carousel-inner .item-titre {font-size:1.2em;font-weight: 600;padding:5px 0 }
.carousel-inner .item-desc {padding-bottom:20px; }
.carousel-control{opacity:1;text-shadow: none;color:#F7AE23 }
.carousel-control:hover{color:#AC750D }

.carousel-control.right, .carousel-control.left{background: none}

/*CARTE*/
#ContainerIndex {
	margin:0 0 0 23px;
}

#TableContentBottom {
	margin-top:0px;
	float: left;
	width:100%;	
}

#TableContentBottom td {
	vertical-align:top;
}

#TableContentBottom .MapContainer {
	margin-bottom:10px;
}

#TableContentBottom .Map {
	background:url(images/map.png) no-repeat; 
	width:517px; 
	height:500px; 
}

#TableContentBottom .CountyListtop {
	width:246px;
	height:24px;
	background-image:url(../images/jevisite_index_07.jpg);
	background-repeat:no-repeat;
}

#TableContentBottom .CountyListbottom {
	width:246px;
	height:38px;
	background-image:url(../images/jevisite_index_12.jpg);
	background-repeat:no-repeat;
	text-align:right;
	padding-top:15px;
	color:#FFFFFF;
	font-weight:bold;
}

#TableContentBottom .CountyList {
	 
	font-size:16px; 
	padding-left:15px;
	 
}
/*#buttoncpt{background:#4f627c; color:#F7AE23;border: none;float:left;cursor: pointer;font-size: 14px}
#buttontfoo{background:#2B4262;color:#F7AE23;border: none;width: 150px;font-size:16px;text-align: center;cursor: pointer}
#resultatcpt{float:left;; color:#F7AE23;} #resultatcpt a{color:#F7AE23;}
#resultatfoo{width: 100%;text-align: center;color: #ffffff;font-size:16px;} 
#resultatfoo a{color:#F7AE23;text-align: center;display: block}
#buttonmail{background:none;color: #F7AE23;border: none;cursor: pointer;font-size: 16px}*/

#financementformation h2{text-transform:none;font-size:20px;font-weight:bold;color: #131313 }

.fondfinancement {width:100%;text-align:center;padding: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-around;
	-webkit-justify-content: space-around;}

.fondfinancement .codefondstyle{width:30%;margin:0 auto;}

.financement{width:100%;text-align:center;padding: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-around;
	-webkit-justify-content: space-around;}
.barre_financement {width:28%;text-align:center;flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
flex-direction: column;
-webkit-flex-direction:column;	
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-around;
	-webkit-justify-content: space-around;background-color:#FDBE4C;margin:10px 0px 20px;}

.barre_financement a {color:#FFFFFF;text-decoration:none;font-size:20px;display:block;padding:5% 7%; height:100%;}
.barre_financement a:hover{background:#D48F0C;text-decoration:none;color:#FFFFFF;}

.zonealerte{background-color: #FB474A;color: #FFFFFF;padding:10px;margin:5px 0}

@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: 15px 1%;display:inline-block;font-size:0.9em;}	
	#headercontenu {width: 100%;padding:0 1%}
	
	.flex_zone .colonne{max-width: 49.5%;width: auto; }
	.flex_zone .colonne-1{max-width: 49.5%;}
	#pagecentre{width:98%;margin-left: 1%;margin-right: 1%}
	
	.zone_accueil{margin-left:1%;margin-right:1%;width: 98%}
	
}
@media screen and (max-width:1100px){
#headerpage{width:100%;min-height:auto;}
.container-menu li {padding: 15px 0.8%;display:inline-block;font-size:0.8em;}
#headercontenu {width:100%;padding:0 1%}

	#pagecentre{width:98%;margin-left: 1%;margin-right: 1%}
	/*.ac_block {width:300px; height:300px; cursor:pointer;text-align:center; } */	
}


@media screen and (max-width:960px){
/*#headersociaux{float:right;position:absolute;width:50px;left:93%;text-align:right}*/
 
#headercontenu {width: 100%;padding:0 1%; }
/*#header {min-height:310px;}	*/
#headermenu {float:left;position:relative;}
.colonne {width:30%}
#slogan{margin-top:10px;width: 100%;padding:2% 0}
.container-menu li {padding: 15px 0.8%;display:inline-block;font-size:0.7em;}

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

#pagecentre{width:98%;margin-left: 1%;margin-right: 1%}
/*.ac_block {width:280px; height:280px; cursor:pointer;text-align:center; }*/ 	

.barre_financement .bt_tx {display:block; text-align: center;width:100%}		
}


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

#pagecentre{width:98%;margin-left: 1%;margin-right: 1%}
/*.ac_block {width:250px; height:250px; cursor:pointer;text-align:center; } 	*/
	
.barre_financement .bt_tx {display:block; text-align: center;width:100%}	

#financementformation iframe{width:700px;height:475px;  }	
}

@media screen and (max-width:980px){
#popupprivilege .messa {width:70%;padding:10% 5%;margin-top:10%; font-size:1.5em;}	
	
}
@media screen and (max-width:800px){

	
	
.zone-aide .video-aide{width:100%; }	
#headerlogo {float:left;text-align:center;width:100%}
 
#financementformation iframe{width:100%;height:300px;  }	
	
.social-share a{font-size:18px;  padding:5px 1%;margin:0 1%;width:30%;}
#pagecentre{width:96%;margin-left:2%;margin-right: 2%}
.lignevertical{border-right:none}

	
.container-menu li {padding: 15px 0.5%;display:inline-block;font-size:0.7em;}
#header {min-height:200px;}	
#headerpage{width:100%;float:left;position:relative;}	
#headermenu {position:fixed;top:0;z-index: 104}
#headerligne {position:fixed;top:50px;height: 40px;z-index: 103;display: none}/*invisible*/
#headerlignecontenu {float: left;width: 100%;min-height:100px;margin-top:50px;position: relative;	}/*min-height: 100px;margin-top:80px;*/
#headercontenu	{float: left;width: 100%;}
.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%;}
	
.documentliste {width: 48%;}	
 
.documents {width: 46%;margin:1%}	

/*accueil*/	
#barre-home {width: 100%} 
#barre-diaporama{width: 100%} 
#barre-clients	{width: 100%} 
/*Dossier*/
.tabform {width:50%;padding:0 1%}
.tabtype, .tabdate {width:25%;padding:0 1%}
.tabfichier {width:100%;padding:0 1%}
	

	
	#formvideo iframe{width:100%;height:350px;}	
	
	body {font-size:14px;font-weight:100;}
	
	/*#cookies{font-size:11px}*/
	
	/*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}
/*	.icones a{padding-right:5px;}*/

	h2{font-size:18px;}
	h3{font-size:24px;}
	.t3{width:98%}	
	.t5{width:98%}	
	.t6{width:98%}
	.t6bis{width:96%}	
	.t7{width:98%}	
	.t4{width:98%}
	.t8 {width:98%}

	.pad1{padding:0% 1%}
	
	.zone_1{width:100%;}
	.zone_1 ul {width:98%;}
	.zone_2{width:98%;;max-width:100%;}
	
	.faqs h3 {font-size: 14px;}
	.boutonplus{background: url(images/plus.png) bottom no-repeat;height:80px}
	.boutonmoins{background: url(images/moins.png) bottom no-repeat;height:80px}
	.faq {background-color:#F8F6F4;margin:2% 0%;padding:1% }
	
	.container-menu li {float:none;width:100%;}
	.container-menu li ul{display:block;width: 100%}	
	.container-menu a {width:100%;margin:0;}
	.container-menu {display:none} 
	.responsivemenu{display:block}


	.openmenuresponsive {
	  width: 100%;      
	  height:45px;
	 /* background-color:#B2ACAA;*/
	  background-color:#2B4262;
	  color:#FFFFFF;
	  padding: 10px 2%;
	  text-align: left;
	  display: block;
	  cursor: pointer;
	  font-size: 20px;
	  clear: both;
	  /*margin-top: 5px;*/
	z-index: 1000;
	}
	
	.responsivemenu ul {
		display: block;
		position: relative;
		background-color:#2B4262;/*#B2ACAA;*/			
		width:100%;
	}
	
	.responsivemenu ul li ul{
		display: none;
		width:100%;
		max-width:100%;
	}
	
	.responsivemenu ul li ul li ul{
		display: none;
	}
	
	 
	.responsivemenu ul li {
		width: 100%;
		height: auto;
		text-align: left;
		padding: 0 2%;
		margin: 0;
		font-size:14px;		
	}
	
		
	.responsivemenu ul li a {
		height: 35px;
		line-height: 30px;
		padding:0 1%;
		border: none;
		width: 100%;
		background-color:none;
		margin:0;
		display: block;
	}
	
	.responsivemenu ul li:hover > ul  {display:block;background-color:#435D83;margin-top:0px;width:100%;max-width:none}
		
	.responsivemenu li {padding:1% 0;width:100%}

	.responsivemenu ul li ul > li  {
		 /* display:block;*/
		  padding: 0;
		  margin:0;
		width:100%;
	}
	.responsivemenu a{color:#ffffff}
	.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;	
	 display: block
}*/
	.responsivemenu ul li ul li:hover > ul{
		 margin-top:0px;
	  max-width:100%;
	  text-align:left;
	  font-size:1em;
      z-index:103;	
	 display: block
	}
 
.flex_zone .colonne, .flex_zone .colonne-1, .flex_zone .colonne-2, .flex_zone .colonne-3, .flex_zone .colonne-4, .flex_zone .colonne-5, .flex_zone .colonne-6{max-width: 100%; } 
	 	  
.sel {border:none}
#headerlogo{width:100%;text-align:center;}

#slogan {font-size:18px;padding:2% 0}
.certification {width:80%;float: right}
#headercontact{float: left; width:100%;text-align:left;font-size:14px}
#headercontact .tel, #headercontact .contact{	font-size:1.5em;}


/*#news-actu article {min-height:350px;width: 98%}*/
/*.ac_blocks_2 .ac_block_2 {width:48%;margin:1%}*/



/*formulaire contact*/
#contact .labcontact{text-align:left;padding:5px 0;margin:2px 0;}


.tdformation {width: 48%;}
	
h1 {font-size:32px;}	 	
.form_block {width:46% }
.formations_liste { justify-content: space-around;
-webkit-justify-content: space-around; }
	
#s-formations h2, .temoignage h2, .savoirplus h2, #s-mplclub  h2, #s-articlelistehome h2,.form_search .titre {font-size:40px;}	
.bout_creer a, .bout_devel a  {font-size:1.8em;padding:30px 5%;}	
  
.form_search{width:90%;}
#s-requeteur{height:auto; background-size:cover; }
.counter i{font-size:40px;}
.counter-count-sur, .counter-count{	font-size: 2em;}
.employee-p, .customer-p, .order-p, .design-p {font-size:18px }
	
.rechfor .fophoto{width:25%} 
.rechfor .fodetail{width:65%;}
.barre_financement {width:40%;}

#popup .messa {width:60%;padding:10% 5%;margin-top:10%; font-size:1.5em;}
#popupprivilege .messa {width:80%;padding:10% 5%;margin-top:10%; font-size:1.4em;}	

#barre-menu {width: 100%;margin-right:0}	
#barre-menu ul{list-style: none;padding:0;margin:0;  
    justify-items: stretch;flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: stretch; 	
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;}	
#barre-menu ul li a	{ display:block; margin:0;}
#barre-menu ul li{display: inline-block; }
#mes-donnees {width: 100%}	
	
 
#barre-menu-courrier, #barre-menu-outil	{margin-bottom:0px;box-shadow:none}			
#barre-menu-dossier, #barre-menu-service {margin-bottom:10px;box-shadow:none }
#barre-menu ul li a {padding:10px }	
	
#barre-menu ul li a.actif {
    background: #efefef url(images/fleche-bas.png) no-repeat bottom; 
	}	
	
}
@media screen and (max-width:768px){
	#form_connexion {width:80%;margin:10px 10%;float: left;height: auto}
	#headeraccount{width:96%}
	.ligne-vehicule .t3 {width: 90%;}  
	.ligne-vehicule .t5 {width: 90%}  
	.lignefo{width:100%;padding: 0;margin:0 0 4%;flex-wrap: wrap;
	-webkit-flex-wrap: wrap; 
	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:flex-start;-webkit-justify-content:flex-start;background-color: #ffffff;border:1px solid #efefef;}
	.taimg{width:100%;}
	.tabdetail{width:100%;}
	.tabfolib{width:100%;padding:1%}
	.tabforesume{width:100%;padding:1%}
	.tabfoobj{width:100%;padding:1%;}
	.tabfosession{width:100%;padding:2%;margin:0 0;flex-wrap: wrap;
	-webkit-flex-wrap: wrap; 
	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:flex-start;-webkit-justify-content:flex-start;border-top:1px solid #efefef;}	 
}
@media screen and (max-width:650px){
.zone-aide .video-aide{height:450px; }	
}

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

body{font-size:13px;}
h1{	font-size:18px;	}	
.zone-aide .video-aide{height:400px;}		
	.flex_zone .site{width:100%}
	#pagecentre{width:96%;margin-left:2%;margin-right: 2%}

	#headerlogo{width:100%;text-align:center;}
#popup .messa {width: 80%;padding:5% 5%;margin-top:5%; font-size:1.5em;} 
 
.social-share a{font-size:16px;  padding:5px 1%;margin:0 1%;width:30%;}	
/*.ac_blocks_2 .ac_block_2 {width:48%;margin:1%}	*/
 	.logo{width:96%;text-align:center;float: none;padding:2%}
	#headerlogo img {width:100px;height: auto}
	.colonne {width:100%;justify-content:center;
    -webkit-justify-content:center;}
	#headeraccount{width:96%}
.documentsutiles a{margin:1%;width:48%;}
.t40, .t50, .t60, .t30, .t65, .t25, .t70  {width:98%;}
.t48 {width:98%;padding-right: 0}	
.bt_tx a {text-align: center;margin:20px auto;font-size:25px;padding:3%;width: 70%}	
.ligne-vehicule .t3 {width: 90%;} 
.ligne-vehicule .t4 {width: 90%;}
.ligne-vehicule .t5 {width: 90%}  
#formvideo .video {width:100%;} 
#formvideo iframe{width:100%;height:320px;}

.block-home{width: 96%}	
	
.siteform{margin:1%;box-shadow: 8px 3px 20px #cccccc;  padding:0.5%;width: 97%}	
.tdformation {width: 98%;}
	
#formRech input[type="text"], #news input[type="text"]{padding:0.5% ;margin:0px 0;font-size:17px;border:1px solid #666666;width: 96%}	
#formRech, #news {text-align: center}
	
	.client_message, .panier_message{width:96%;padding:30px 1%;} 	
	#s-articlelistehome article, #articleliste article, #articlelistecovid article{width: 96%;}
	h3{font-size:22px;}
	#slogan {float:left;margin-top:10px;padding-left:0px;bottom:0;font-size:16px;}
	.client_message, .panier_message{width:70%;}
	#form_connexion {width:88%;margin:10px 5%;}
	
	.tabform, .tabdate,.tabdatepl, .tabduree, .tabville, .tabvillesess, .tabsupp, .tabinsc, .tabajout, .tabhoraire   {padding:0 1%;float:left}
	.tabform {width:100%}
	.tabdate {width:40%;}
	.tabtype {width:40%;}
	.tabfichier{width:20%;}
	.tabfichier i {display: block} .tabfichier span{display: none}
	.tabdatepl {width:35%;}
	.tabduree {width:20%;}
	.tabville {width:100%;}
	.tabvillesess {width:100%;}
	.tabinsc {width:50%;}
	.tabsupp {width:8%}
	.tabajout {width:50%;}
	.tabnbplace {width:50%;}
	.tabhoraire  {width:50%;} 
	/*.lignetab{border-bottom:1px solid #E4E4E4}*/
	.form_block {width:94% }
	
	.lignetabentete, .lignetab {line-height:20px }
	
	/*.formations_liste { justify-content: space-around;
-webkit-justify-content: space-around; }*/
	
	#s-formations h2, .temoignage h2, .savoirplus h2, #s-mplclub  h2, #s-articlelistehome h2,.form_search .titre {font-size:30px;}
	.boutiques .bout_creer, .boutiques .bout_devel{width:94%;}
	.bout_creer a, .bout_devel a  {font-size:1.8em;padding:30px 5%;}
	.boutiques { justify-content: space-around;-webkit-justify-content: space-around; }
	
	.form_search{width:90%;}
	
	.counter i{font-size:40px;}
	.counter-count-sur, .counter-count{	font-size: 2.5em;}
	
	.rechfor .fophoto{width:100%} 
	.rechfor .fodetail{width:100%;margin-top:10px;  }
	.barre_financement {width:90%;}
	.reglementations .reglementation {width:100%;}	
	
	#header{border-bottom:3px solid #000000}
	#notorietepanel {font-size: 0.9em;}
	#notorietepanel div{padding:10px 10%;}
}
@media screen and (max-width:480px){

	#pagecentre{width:96%;margin-left:2%;margin-right: 2%}
 
	.avc_block, .cpt_block {width: 48%}
	#ficheliste {width: 98%}	
	#ficheliste .fich_titre{width: 60%}
	#ficheliste .fich_lien{width: 40%}
	/*.ac_block {width:300px; height:300px; cursor:pointer;text-align:center; }  
#ac_blocks{flex-direction:column;-webkit-flex-direction:column;justify-content:center;align-items: center;-webkit-align-items: center;
-webkit-justify-content:center;	}	*/
	/*.ac_blocks_2 .ac_block_2 {width:48%;margin:1%}	*/
	/*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 .contact{float:left}
	#headercontact .tel {background:url(images/tel.png) no-repeat left top;float:left}
	
	#headercontact span{display: none}
	
	/*Accueil*/
	/*.ac_block {width: 100%}*/
	/*.ac_block h2{margin:0;font-size:18px;}*/
	 
	/*#news-actu article {width:98%}
	#news-actu article {min-height:auto;}*/
	 .documentsutiles a{margin:1%;width:98%;}
	 
	.t2 {width:98%;}
	.t5 {width:98%;}
	.t40, .t50, .t60,.t30, .t70  {width:98%;}
	
	.t48 {width:98%;padding-right: 0}	
	.bt_tx a {text-align: center;margin:20px auto;font-size:22px;padding:3%;width: 80%}	

	/*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:1%;font-size:15px;width:50%}	
	
	/*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:1% 1%;float:left}
	#inscriptionformation .lignesaisie{width:99%;padding:0.5%;float:left}
	.lignesaisie .lr_lab{width:98%;padding:2px 0 2px 0;float:left;text-align:left}
	.lignesaisie .lr_text{width:98%;float:left;text-align:left}
	#inscriptionformation .lignesaisie .lr_text span{width:100%;display:block}
	input[type=text],  select{padding:7px 1%;font-size:16px;width:98%}
	.lignesaisie .lr_text .txt20 ,
	.lignesaisie .lr_text .txt30 {width: 98%;}
	#inscriptionformation .txt50 {width: 98%}
	.lignesaisie .lr_titre {font-size:20px;width:98%;font-weight: bold}
	
	ul.tabs {float:left;margin-bottom:20px;min-height:30px;height:auto}
	ul.tabs li	{width:98%}
	 
	#formvideo .video {width:100%;} 
	#formvideo iframe{width:100%;height:300px;}
 
 
}

@media screen and (max-width:320px){
	/*entete*/
	
	#pagecentre{width:96%;margin-left:2%;margin-right: 2%}
	.avc_block, .cpt_block {width: 98%}
	  
	#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 {width:290px; height:290px; cursor:pointer;text-align:center; }  
	#ac_blocks{flex-direction:column;-webkit-flex-direction:column;	}
	.ac_block h2{margin:0;font-size:18px;}
	.ac_block {width:100%;float:left;cursor:pointer;text-align:center;}  */
	/*#news-actu article {width:98%}*/
	/*.ac_blocks_2 .ac_block_2 {width:100%;margin:1%}	*/
	.t2 {width:98%;float:left}
	.t40, .t50, .t60,.t30, .t70 {width:98%;} 
	.t48 {width:98%;padding-right: 0}	 
	.bt_tx a {text-align: center;margin:20px auto;font-size:20px;padding:3%;width: 80%}	
	
 
}


.information {display:none}

.newsletter{width:100%;height:480px;}
.footer-rester{/*padding-bottom:20px;*/}
.footer-rester{padding-top:0px;}
.footer-rester{width:55%}
.footer-suivre{width:45%}

@media screen and (max-width:820px){
.col-sm{width: 100%;max-width:100%;flex-basis: auto;}
.newsletter{height:420px;}
.footer-suivre{padding-top:0;padding-bottom:20px;}
.footer-suivre h2 {padding-top:0; }	
}
@media screen and (max-width:650px){
.newsletter{width:100%;height:500px;}
.footer-suivre, .footer-rester{width:100%}
}
 
/*sending blue*/
@font-face {
font-display: block;
font-family: Roboto;
src: url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff")
}

@font-face {
font-display: fallback;
font-family: Roboto;
font-weight: 600;
src: url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff")
}

@font-face {
font-display: fallback;
font-family: Roboto;
font-weight: 700;
src: url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff")
}

#sib-container input:-ms-input-placeholder {
text-align: left;
font-family: "Helvetica", sans-serif;
color: #c0ccda;
}

#sib-container input::placeholder {
text-align: left;
font-family: "Helvetica", sans-serif;
color: #c0ccda;
}
 

@media print {
	
	
	body {font:12px verdana, sans-serif;color:#333333;padding:0;margin:0}
	#vehicules, #barre-menu, #slogan, #headermenu, .fil, #headeraccount, #menu_index, #footer, footertext{
		display:none;
	}	
	
	#barre_controle{ 
		display:none;
		width:10px;
		position: relative;
		top:auto;
		bottom: auto;
		flex-basis:none; 
		flex: none; 
		z-index:1;
		background-color: #FFFFFF;
		border:1px solid #FFFFFF;
	}


	#header {min-height:150px} 
	
	.logo a {color: #ffffff;text-decoration: none}
	.logo a img{text-align: center}
	.logo a::before {
		content: ""}
	.logo a::after {
		content: ""}
	input[type="button"], .boutonajouter{display: none}
	#contenu_annuaire {
		z-index:100;
		position: relative;
		width:100%;
		height:auto; 
		text-align:left;
		margin-left:0px;
		/*position:fixed;/*absolute;*/
		padding:10px;
		background: #FFFFFF;
		top:0;
		left: 0;
		right: 0;
		bottom: 0;
	}	

	.t40{width:80%;}

}