@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Roboto:wght@100&display=swap);
body {width:100%;font:15px "Montserrat", Sans-serif;color: #333333; background:#FFFFFF ;margin:0px;font-weight: 100; text-align:justify;letter-spacing: 0.05em}
a {color:#000000;text-decoration: underline}
/*div{margin:0;padding:0}*/
.droite{float:right;}
#main{margin-left:auto;margin-right:auto;text-align:center;position:relative }
#page{float:left;margin-left:auto;margin-right:auto;text-align:center;min-height:500px;height:auto;width:100%; }
#header {float:left;width:100%;min-height:180px;/*height:25vh;*/}
#headerpage{width:100%;float:left;z-index:1002;background:#e34f21;}
#headerligne{margin-left:auto;margin-right:auto;text-align:center;width:100%;background-color:#e34f21;min-height:40px;z-index:100;}/*161616*/
#headerlignecontenu{margin-left:auto;margin-right:auto;text-align:center;width:100%;min-height:40px;z-index:100;padding-bottom:10px}/*#382659*/
#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:#E9E9E9;min-height:50px;z-index:100;float:left;}

.textesiteerreur{color:#D73600}

h1 {color:#7030a1;font-size:47px;font-weight:600;padding:10px 0px 10px 0px;font-family:Montserrat, sans-serif;text-align: center}
h2 {color:#382659;font-size:32px;margin:0;padding:10px 0px 10px 0px;font-weight:600;text-transform:uppercase;font-family:Montserrat, sans-serif ;text-align: center}
h3 {color:#000000;font-size:22px;margin:0;padding:10px 0px;font-weight:100;}
h4 {color:#FFFFFF;font-size:24px;margin:0;padding:4px 0px;font-weight:100;text-transform:uppercase}

/*.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:Montserrat, 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:#382659;}
.container-menu a:hover{color:#F7AE23} 

.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="tel"],  input[type="password"], select{padding:7px; margin:5px 0;font-size:16px;font-weight:normal;font-family:Montserrat, 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:Montserrat, 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:Montserrat, Arial, sans-serif;-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;}

input[type="tel"]:focus, input[type="text"]: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 {padding:3px 5px;font-weight:normal;font-family:Montserrat, Arial, sans-serif; } 
input[type="submit"], input[type="button"]{font-size:22px;-moz-border-radius:5px;padding:5px 10px;
    -webkit-border-radius:5px;border:none;
    border-radius:5px;background-color:#382659;color:#ffffff}
.boutonajouter {border:none;float: right;width: auto;background-color:#7030a1;color:#FFFFFF}
.boutonajouter:hover,input[type="submit"]:hover, input[type="button"]:hover{background-color:#7030a1;color:#FFFFFF}
.barre_bouton{padding:2% 0;float: left;width: 100%;}  
.boutonaction   {background-color:#382659;color:#ffffff;text-decoration: none;border:none;padding:5px 10px;color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;font-size:22px;}
.boutonaction:hover  {background:#7030a1; color:#ffffff;text-decoration: none;}


#headerlogo{float:left;width:100%;text-align:left; }
#headerlogo img{width: 120px;}
.logo{float:left}
#slogan {padding-left:20px;bottom:0;font-size:30px;color:#FFFFFF}
#slogan .slogan_desc {font-size:20px;padding:0;text-align: center; color:#FFFFFF}
.certification{float:right;}
#headercontact{float:right;width:100%;padding:2px 0 2px 0;color:#FFFFFF;text-align:right;}
#headeraccount{float:right;width:200px;margin:2px 0 2px 0;color:#FFFFFF;text-align:center;border:1px solid #FFFFFF;/*background-color:#4f627c*/ }
#headeraccount ul, #headeraccount li{list-style: none} 
#headeraccount li{padding:8px 0;} 
#headeraccount li i {font-size:20px;}
#headeraccount li a {text-decoration: none;color:#FFFFFF}
#headeraccount li a:hover {color:#7030a1}
#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:#7030a1}
 

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


.form-inner{max-width:800px;width: 100%;margin-left: auto;margin-right: auto }
#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:#000000;float:left;color:#FFFFFF;}
#footer_contenu{float:left;text-align:center;width:98%;display:block;}
.footertext {float:left;color:#FFFFFF; font-size:16px;padding:1% 0%;font-family:Montserrat, sans-serif; font-weight:100;width:100%;}
.footertext a {color:#FFFFFF;}
.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 */
/*section requeteur*/
#s-requeteur {background:url(images/fond-requeteur.jpg) no-repeat center top; height:80vh;
    width: 100%;background-size:cover; }
.form_search{width:750px;margin:10% auto;padding:30px;background:url(images/fond-search.png) repeat;color: #FFFFFF;font-size:25px;font-weight: 100;-moz-border-radius:5px;
    -webkit-border-radius:5px; border-radius:5px;}
.form_search .titre{text-align: center;color:#fdbe4c;font-size:40px;font-weight: 600}
.form_search label {font-weight: 100;}
.form_search .div-ligne{padding:2px;font-size:0.9em}

.form_searchresultat{width:100%;padding:30px;font-size:20px;font-weight: 100;background-color:#F7F7F9; -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;margin:0 0 10px}
.form_searchresultat .titre{text-align: center;color:#fdbe4c;font-size:47px;font-weight: 600}
.form_searchresultat label {font-weight: 100;}
.form_searchresultat .div-ligne{padding:2px;font-size:0.9em}

.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 }
.form_searchresultat input[type="text"], #s-requeteur input[type="text"]{padding:1%; margin:2px 0;width: 98%;border: 1px solid #999999;color:#333333 }
.form_searchresultat select, #s-requeteur select{padding:1%; margin:2px 0;width: 98%;border: 1px solid #999999;color:#333333 }
.form_searchresultat input[type="date"], #s-requeteur input[type="date"]{padding:1%;border: 1px solid #999999;color:#333333}
.form_searchresultat input[type="radio"], #s-requeteur input[type="radio"] {padding:3px;margin:3px;}

.modeaffichage {float:left;padding:10px 0 5px;width: 100% }
.modeaffichage .bt_mode{display:inline-block;padding:5px;cursor: pointer}
/*section formation*/
#s-formationsliees {width: 100%;float:left}
#s-formationsliees .titre-2{text-align: center;color:#382659;font-size: 2em;background:none;font-weight:bold;text-transform:none;}
#s-formations h2 {text-align: center;color:#fdbe4c;font-size:47px;font-weight: 600;display:block;width: 100% }

/*section temoignages*/
#s-temoignages {background:#382659;min-height:400px; width: 100%;color:#ffffff;}
#s-temoignages .temoignage {text-align: center;margin-top:50px;width: 100%;font-size:1.2em;}
.temoignage .fa-quote-left {font-size:2.5em;}
.temoignage h2 {text-align: center;color:#fdbe4c;font-size:47px;font-weight: 600;}
.temoignage .soush2 {text-align: center;font-size:1.5em;padding:15px 0 30px;text-transform: uppercase}
 

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

/*mplclub*/
#s-mplclub {background:#F9F9F9;width: 100vw;}
#s-mplclub  h2 {text-align: center;color:#fdbe4c;font-size:47px;font-weight: 600;}


.counter
{
    /*background-color: #eaecf0;*/
    text-align: center;
	color: #000000;
	
}
.counter i{color:#fdbe4c; font-size:45px;padding:0px 0 20px;}
.employees,.customer,.design,.order
{
    margin-top: 70px;
    margin-bottom: 10px;
}
.counter-count-sur, 
.counter-count
{
    
	font-size: 3em;
   /* background-color: #00b3e7;*/
    border-radius: 50%;
    position: relative;
    color: #1F1F1F;
    text-align: center;
    /*line-height: 92px;
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;*/
    display:inline-block;
}

.employee-p,.customer-p,.order-p,.design-p
{
    font-size: 24px;
    color: #000000;
    line-height: 34px;
}

/*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:#382659}
.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}

/*section Actualités home*/
#s-articlelistehome {width: 100%;float:left;  }
#s-articlelistehome h2{text-align: center;color:#fdbe4c;font-size:47px;font-weight:600;}
#s-articlelistehome .titre {text-align: center;margin-top:50px;width: 100%;}
.articlelistehome {text-align: center;flex-wrap: wrap;width: 100%;
-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;padding-bottom:20px;}
.articlelistehome article{ width: 30%;margin:1% 0;box-shadow: 8px 3px 20px #cccccc;  padding:0.5%; }
.articlelistehome h3 a{text-decoration: none;text-transform: uppercase;font-size: 1.1em}


/*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;}
/*.ac_blocks_3{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;     
display: -ms-flexbox;  
display: -webkit-flex;  
align-items: stretch;	
-webkit-align-items:stretch;
justify-content: space-between;
	-webkit-justify-content: space-between;}
.ac_blocks_2{width:100%;text-align:center;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;     
display: -ms-flexbox;  
display: -webkit-flex; 
align-items: stretch;	
-webkit-align-items:stretch;
justify-content: space-between;
-webkit-justify-content: space-between;}
.ac_blocks_2 .ac_block_2 {width:22%;cursor:pointer;text-align:center;}  
.ac_blocks_2 .ac_block_2 img{margin:0;display:block;padding:0;width: 100%;border:none;box-shadow: 8px 3px 20px #cccccc;background:#7BABCA}*/

/*.ac_block_titre{font-size:19px;padding:10px 0;color:#F7AE23}
.ac_block_titre h3{color:#382659}*/

#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-between;
-webkit-justify-content: space-between;}

#financement .financement_type{width: 100%;box-shadow: 8px 3px 20px #cccccc;  padding:0.5%;margin:1% 0}

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

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

/*.bleu {background-color:#5FBCE8 }
.orange {background-color:#F7AE23 }
.gris {background-color:#D8D8D8 }
.bleumarine {background-color:#382659;color:#ffffff }
.jaune {background-color:#FED318;color:#00244F }*/

#s-partenaires{padding:40px 0}
 
#s-partenaires div.partenaires {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-between;
	-webkit-justify-content: space-between;}
#s-partenaires div.partenaires .picture{width:12%;}
.c1{background-color:#F7F7F9;} 
.c2{background-color:#F0F0F0} 
.c3{background-color:#F8F6F4} 
.c4{background-color:#E7E0DA} 

#accompagnement {border-top:2px solid #382659;background:url('images/fleche_accompagnement.png') top center no-repeat;}
#accompagnement h2 {color:#382659}

#publicite {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-between;
	-webkit-justify-content: space-between;}

#presentation {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-between;
	-webkit-justify-content: space-between;}


/*etape par etape*/
#listeetapescreateur{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;}
.etapecreateur{margin:1% 0;box-shadow: 8px 3px 20px #cccccc;  padding:0.5% 1% 1.5%;width: 100%;}
#listeetapescreateur h2 {text-align: left}
.etapetitre a {text-decoration: none;}
.etapetitre a h3{margin-left:0px;padding-left:35px;background: url("images/puce_actu.png") no-repeat left;text-decoration: none;-webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.25s;
	transition-duration: 0.25s;
    transition-timing-function: ease;
    transition-delay: 0.25s;font-size:18px;  }
.etapetitre a h3:hover{margin-left:10px;}

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

.devise {padding-bottom: 30px;text-align:center}
.devise .fa-quote-left {font-size: 2.5em;color:#382659;} 
.devise p{font-size:28px;color:#fdbe4c;text-align: center}
.mission  {padding:20px 0 30px;}
.cibles {width:100%;text-align:center;padding:2% 0 30px;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;}
.cibles a{text-decoration: none}
.cibles .cible{width: 30%}
.cibles i{font-size: 45px;color: #fdbe4c;margin-bottom:20px}
.cibles span{font-size: 25px;text-transform: uppercase;}

.valeurs {width:100%;text-align:center;padding:2% 0 30px;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;}
.valeurs .valeur{width: 20%}
.valeurs i{font-size: 45px;color: #fdbe4c;margin-bottom:20px}
.valeurs span{font-size: 25px;text-transform: uppercase;padding:2% 0}

/*parcours créateur*/
.parcours {width:100%;text-align:center;padding:2% 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;}
.etape {font-size:1.1em;border:1px solid #ffffff;background-color:#382659;display: block;color:#ffffff;padding:0.5%;width: 23%;text-transform: uppercase;text-decoration: none}
.etape2 {font-size:1.1em;border:1px solid #ffffff;background-color:#FDBE4C;display: block;color:#ffffff;padding:0.5%;width: 23%;text-transform: uppercase;text-decoration: none}
.etape3 {font-size:1.1em;border:1px solid #ffffff;background-color:#1D8E94;display: block;color:#ffffff;padding:0.5%;width: 23%;text-transform: uppercase;text-decoration: none}
.etape:hover{background-color:#3f687c;}
.etape2:hover{background-color:#D48F0C;}
.etape3:hover{background-color:#0C6468;}

.parcours a:hover{color: #ffffff;text-decoration:none}

.etape div {font-size:3em;color:#ffffff;text-align: center;padding:1% }
.etape2 div {font-size:3em;color:#ffffff;text-align: center;padding:1% }
.etape3 div {font-size:3em;color:#ffffff;text-align: center;padding:1% }

.etapefleche{width:60px;background:url("images/fleche_orange.jpg") no-repeat center;min-width:60px}

/*règlementation*/
.reglementations{width:100%;text-align:center;padding:2% 0 30px;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;}
.reglementations .reglementation{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: #382659;margin:10px 0px 20px;}

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

#s-partenaires {width:100%;float:left}
#s-partenaires .titre{text-align: center;color:#382659;font-size: 2em;background:none;font-weight:bold;text-transform:none;}
#s-partenaires .titre_partenaires{text-align:center;background:url(images/tiret.png) repeat-x center;text-transform:uppercase;font-weight:600 }
#s-partenaires .titre_partenaires span{background-color:#E8E7E6;padding:0 1%}

#actualites {padding:0% 2%; width:96%;max-width: 1200px;margin-right: auto;margin-left: auto;text-align: center}
#actualites h2 {color:#666666;font-size:16px;margin:0;padding:10px 0px 10px 30px; font-weight:600;text-transform:uppercase;background:url(images/puce_actus.png) no-repeat left top}
#presentation h2, .titreaccueil {font-size:28px;font-family:Montserrat, Verdana, Arial, sans-serif; text-transform:uppercase;color:#2F2F2F; vertical-align:middle;width:100%;display:block; padding:20px 0 15px;text-align: center;}
/*#news-actu div {padding:4px 0;width:100%}
#news-actu iframe {width: 100%;height: 250px}*/


#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 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;}
.inputerreur{background-color:#F9DEE3;color:#FFFFFF}
.txtR {text-align: right}
.txtL {text-align: left}
.txtC {text-align: center}
.txtgras{font-weight:bold; }
.txtSmall {font-size:12px; }

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

/*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:5px 0;width: 98%;border: 1px solid #999999;}
#uneactu input[type="button"], #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*/
#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}

/*formulaire annonces*/
#annonce {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%}
 
#annonce .lab{text-align:right;padding:12px 1% 12px ;margin:5px 0;}
#annonce .lab span {padding-right:5px;text-align:right}

#block_annonce{width:100%;text-align:center;float:left;min-height:50px;}
.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} 

#rechercher {float:left;width:96%;padding:2%;margin-bottom:2%;text-align:left;background-color:#F7F7F9  }
/*annonces liste*/
#listeannonces{float: left;width: 100%;padding:0% 0%;text-align:left;border-top: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;}
#listeannonces .lignetab{float:left;padding:0;color: #000000;width:100%;border-bottom: 2px solid #FFFFFF;}
#listeannonces .lignetab .col_1{ float:left;width:25%;padding:0px 20px;border-right: 2px solid #FFFFFF;webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;text-align: center }
#listeannonces .lignetab .col_2{ float:left;width:75%;padding: 0px 20px; webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box ;height: 100%;}

#listeannonces .lignetab .col_1 img{width: 200px;height: 150px;}
#listeannonces .lignetab a {display:block;float: left;background-color: #E9E6E6;width: 100%;transition-property:background-color;transition-duration: 1s;
    transition-delay: 0.2s; }

#listeannonces h3{padding-top:10px;}
#listeannonces .lignetab a:hover{background-color: #7B7B7B}
#listeannonces .txt_categorie{float: left;width:100%;padding:5px 0;}
#listeannonces .txt_ville{float: left;width:100%;padding:5px 0;}
.txt_prix{font-weight: bold}

.txt_cate{font-weight: bold}
#listeannonces .txt_prix{float: left;width:50%}
#listeannonces .txt_date{float: right;width:50%;text-align: right}

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

#annoncedetail {float:left;width: 100%}
#annoncedetail .annonce_entete {float:left;width: 96%;background-color: #E0E0E0;padding:2%}
#annoncedetail .ligne {float:left;width: 100%;padding:0%}
#annoncedetail .txt_prix, #annoncedetail .txt_date{float: left;width:100%}
#annoncedetail .annonce_contenu{float:left;width:96%;background-color: #E0E0E0;padding:2%;}
#annoncedetail .txt_description{float:left;width:70%;}
#annoncedetail .txt_contact{float:right;width:25%;text-align: right}

#ctct_t {display: block}
#ctct_t a{text-decoration: none}
#ctct_n {display: none}
#annoncedetail .txt_contact div{text-align: right}
#annoncedetail .zone_x{unicode-bidi: bidi-override; direction: rtl;padding:2%;margin:2% 0;background-color: #F8A83A;color: #FFFFFF;width:200px;display:block;text-align: center}
#annoncedetail .zone_x:hover {background-color: #FCBD4D; }
#annoncedetail .zone_y{unicode-bidi: bidi-override; direction: rtl; }
#annoncedetail .bt_mess a{padding:2%;margin:2% 0;background-color: #52A5D4;color: #FFFFFF;text-decoration:none;width: 200px;display:block;text-align: center }
#annoncedetail .bt_mess a:hover{background-color: #68BAE5;}
#annoncedetail .colt_1, #annoncedetail .colt_2, #annoncedetail .colt_3, #annoncedetail .colt_4, #annoncedetail .colt_5, #annoncedetail .colt_6, #annoncedetail .colt_7, #annoncedetail .colt_8, #annoncedetail .colt_9{display:none}

/*#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{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:#382659;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:#382659;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:#382659;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;}
/*fiches métiers*/
#fichemetier {padding-bottom: 20px;}
.fich_titre_1, .fich_titre_2 {color:#1D8E94;padding-left:70px;text-align: left}
.fich_titre_1{background: url("images/definition-metier.png") no-repeat left;}
.fich_titre_2{background: url("images/specificite-metier.png") no-repeat left;}
.fich_p_1, .fich_p_2 {padding:10px 0 40px;width: 100%}
.fich_savoir_titre{text-align: center;padding:0 0 10px;font-weight: bold}
.fich_savoir {padding:1%;width: 100%; background-color:#F7F7F9}
.fich_lien {padding:15px 0px 15px 50px;background: url("images/adobe.jpg") no-repeat left;font-size: 25px;}

#ficheliste {text-align: left;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;border-top: 1px solid #EBEBEB ;border-left: 1px solid #EBEBEB ;border-right: 1px solid #EBEBEB }
.fich_ligne {width:100%;padding:1%;border-bottom: 1px solid #EBEBEB}
#ficheliste .fich_titre {font-size: 18px;text-transform: uppercase;float:left;width:49%;}
#ficheliste .fich_titre a {text-decoration: none;display: block} 
#ficheliste .fich_lien{background:none;font-size: 15px;padding:0px;float:left;width:19%}
.coul_1{background: #FFFFFF}
.coul_2{background: #F7F7F9}
.coul_1:hover{background-color:#B2ACAA /*#e7e0da*/}  
.coul_2:hover{background-color:#B2ACAA/*#f8f6f4*/}  
 

/*pied page*/
#mpl_pied {width:100%;text-align:center;padding:2% 0;}
#mpl_news{width:100%;background-color:#F7F7F9;text-align:center;padding:1% 0;float: left}
#mpl_news .mpl_newsletter{font:15px Montserrat, sans-serif;color:#000000;text-align:left;max-width: 1200px;margin-left: auto;margin-right: auto}
#formRech input[type="text"], #news input[type="text"]{padding:0.5% 1px;margin:0px 0;font-size:18px;border:1px solid #666666;width: 30%}
#news {font-size: 0.9em;float: left}
#news h3{text-align: center;margin-bottom:10px; }
#news  input[type="submit"]{text-align: center}

#mpl_blocks{float: left;flex-flow: row wrap;-webkit-flex-flow: row wrap;  flex-direction: row;  width: 100%;
-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;  margin-bottom: 20px;}
#mpl_blocks ul, #mpl_blocks li{list-style: none;margin:2px 0px;padding:2px 0px;font-size:0.9em;text-align: left}
#mpl_blocks a {color:#fff; text-decoration: none}#mpl_blocks a:hover{color:#fdbe4c} 

.nossites{font-size:1.2em;width: 100%;float:left;padding:20px 0 10px;}
.nossites h2{color: #FFFFFF;font-size:1.3em}
.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}

.mpl_block h3{color:#fff;padding:5px 0 5px;margin:0;font-size:1em;font-weight:600;text-align:left;}
.mpl_block {width:19%;text-align:left;padding:1% 0;}  
.mpl_block img{margin:0;padding:0;text-align:center;}
 

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

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

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

.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: stretch;	
-webkit-align-items:stretch;
justify-content: space-between;
-webkit-justify-content:space-between;  margin-bottom: 20px; }

.zone-flex-col .colonne{width: 100% }
.zone-flex-col .colonne{padding:2%;margin:10px 1%;text-align: center }

.zone-flex-col{text-align: justify;flex-flow: row wrap;-webkit-flex-flow: row wrap;  flex-direction: row;  
-webkit-justify-items: center; 
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-between;
-webkit-justify-content:space-between;  margin-bottom: 20px; }


.flex_zone .site{width: 13%;text-align: center;padding:5px 0}
.flex_zone .colonne{width: 48% }
.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}*/
#popupprivilege { width:100%;height:100%;padding:1%;position:fixed;bottom:0;top:0;opacity:1;overflow-y: scroll; background:#e8d190 url(images/fond-nl.jpg) ;color:#FFFFFF;z-index:1003;text-align: center; background-size:     cover; 
    background-position: center center; }
#popupprivilege .messa {width:60%;padding:2% 5% 5% 5%;border: 1px solid #090909;color:#FFFFFF;font-size:1.7em;text-align: center;margin-left:auto;margin-right:auto;background-color:#000000 ;}

#popupprivilege .btlien {background-color:#ffffff;color:#000000;text-decoration: none;padding:10px; -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px; }
#popupprivilege .btlien:hover {background-color:#e8d190;color:#000000;text-decoration: none;padding:10px;-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;  }
#popupprivilege  .messafermer {text-align: right;color:#e8d190;text-decoration: none} #popupprivilege .messafermer a{color:#e8d190;}
#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*/
 
#notorietepanel{font-size: 0.7em;text-align: left}
#notorietepanel input[type="radio"] {padding:3px;}
#notorietepanel label {padding:0 5px;    font-weight: 500 } 
#notorietepanel div{padding:3px 10%;}
#notorietepanel .cte{text-align: center}
#notorietepanel .mess_erreur{font-size:0.8em;text-align: center;font-weight: bold}

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

.openmenuresponsive {
  display: none;
}

/*EQUIPE*/
.ligne_equipe {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; padding-bottom:20px;}
.bloc_equipe{width:22%;  min-height: 120px;background-color: #ffffff;
 transition-property: background-color;
 transition-duration: 1s;margin:1%;box-shadow: 8px 3px 20px #cccccc;  padding:0.5%;}
.bloc_equipe .photo{ width:100%;float:left;}
.bloc_equipe .photo img {width: 100%;display: block}
.bloc_equipe .ident{ width:100%;padding:2% 1% 1%;height: 100%;display: block;bottom:0;float: right;min-height: 50px;}
.bloc_equipe .ident span {font-weight: bold}
.bloc_equipe .ident_tx {min-height: 50px;text-align: center}
.bloc_equipe .ident_ph {background: url("images/guillemet.png") no-repeat left top;padding-left:40px;margin-top:10px;}
.bloc_equipe .ident_ph p{font-weight: 400;font-family: Montserrat, sans-serif;text-align: left}

.titre_equipe{font-size: 1.3em;padding:15px 0;text-align: center }
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% }
.lignesaisie{width:99%;padding:0.5%;float:left;text-align:left}
.lignesaisie .lr_lab{width:25%;padding:8px 1% 2px 0;float:left;text-align:right}
.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:94%;padding:2%;margin:10px 1%;box-shadow: 10px 5px 18px #cccccc;border: 1px solid #E7E7E7;text-align: center}

#form_connexion { width:50%;padding:2%;margin:10px 23%;box-shadow: 10px 5px 18px #cccccc;float: left;border: 1px solid #E7E7E7}
#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; }
/*.lignetabentete  {border:1px solid #DDDDDD; }*/
.lignetab {border-top:1px solid #DDDDDD;margin-bottom:5px; }
.tableauform{width: 100%;padding: 0;border-spacing: 0;border: none;}
.tabform, .tabdate,.tabdatepl, .tabduree, .tabville, .tabvillesess, .tabsupp, .tabinsc, .tabajout, .tabnbplace, .tabchoixville,.tabhoraire   {padding:1%;float:left}
.tabform {width:38%}
.tabdate {width:18%;}
.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}

.tabpanier{float:left;width: 100%}

.tabentete{background-color: #382659;color:#ffffff;border-left: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8;border-top: 1px solid #d8d8d8;}
.tabentete, .tabligne{display:flex;width: 100%;line-height:30px; }
.tabligne{ border:1px solid #D8D8D8}
.tabprod, .tabqte, .tabprix, .tabperiode, .tabdateab, .tabdateact {padding:1%;float:left; border:1px solid #D8D8D8}
.tabprod {width:40%;} 
.tabqte {width:10%;}
.tabperiode {width:30%;}
.tabdateab {width:15%;}
.tabdateact{width:15%;}
.tabprix {width:20%;}
.recaptab{width:100%; }
.recaplg{width:100%;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:end;-webkit-justify-content:end;}
.recapcol1{border:1px solid #D8D8D8;padding:1%;width: 80%;text-align: right}
.recapcol2{border:1px solid #D8D8D8;padding:1%;width: 20%;text-align: right;}

.txtD{text-align: right}
.txtG{text-align: left}
.txtC{text-align:center}	
/*.lignetabentete  {border:1px solid #DDDDDD; }*/


#barrecomptempl {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:center;-webkit-justify-content:center}
#barrecomptempl div{width: 110px;display: block;margin:20px 30px;text-align: center;}
#barrecomptempl div a{text-decoration: none;display: block;}

.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{background-color:#FD6F89;color: #ffffff;text-align: center;padding:5px;}
.mess_ok{color: #1D8E94}
.mess_alerte{color: #C99000;padding:20px}


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



.cadreboutiquelib_0, .cadreboutiquelib_1, .cadreboutiquelib_2, .cadreboutiquelib_3 {height:250px;width:250px;padding:0px 0px 0px 0px;margin:5px;text-align:center;float:left;color:#FFFFFF;font-size:14px;font-weight:bold;}
.cadreboutiquelib_0{background:url(images/pl_boutique_1.jpg) no-repeat;}
.souscadreboutiquelib_0{height:250px;width:250px;text-align:center;float:left;}
/*a .souscadreboutiquelib_0 {height:250px;width:250px;background-color:#cccccc;opacity:0.4;text-decoration:none;}*/
a .souscadreboutiquelib_0 {height:250px;width:250px;text-decoration:none;}
a:hover .souscadreboutiquelib_0 {height:250px;width:250px;opacity:0;}

a .cadreboutiquelib_1 {}
.cadreboutiquelib_1{background:url(images/pl_boutique_2.jpg) no-repeat;}
.souscadreboutiquelib_1{height:250px;width:250px;text-align:center;float:left;}
a .souscadreboutiquelib_1 {height:250px;width:250px;text-decoration:none;}
a:hover .souscadreboutiquelib_1 {height:250px;width:250px;opacity:0;}

.cadreboutiquelib_2{background:url(images/pl_boutique_3.jpg) no-repeat;}
.souscadreboutiquelib_2{height:250px;width:250px;text-align:center;float:left;}
a .souscadreboutiquelib_2 {height:250px;width:250px;text-decoration:none;}
a:hover .souscadreboutiquelib_2 {height:250px;width:250px;opacity:0;}

.cadreboutiquelib_3{background:url(images/pl_boutique_4.jpg) no-repeat;}
.souscadreboutiquelib_3{height:250px;width:250px;text-align:center;float:left;}
a .souscadreboutiquelib_3 {height:250px;width:250px;text-decoration:none;}
a:hover .souscadreboutiquelib_3 {height:250px;width:250px;opacity:0;}


.cadreboutlib_2, .cadreboutlib_3, .cadreboutlib_4, .cadreboutlib_6 {height:250px;width:250px;padding:0px 0px 0px 0px;margin:5px;text-align:center;float:left;color:#FFFFFF;font-size:14px;font-weight:bold;}
.cadreboutlib_2{background:url(images/pl_boutique_1.jpg) no-repeat;}
.souscadreboutlib_2{height:250px;width:250px;text-align:center;float:left;}
/*a .souscadreboutiquelib_0 {height:250px;width:250px;background-color:#cccccc;opacity:0.4;text-decoration:none;}*/
a .souscadreboutlib_2 {height:250px;width:250px;text-decoration:none;}
a:hover .souscadreboutlib_2 {height:250px;width:250px;opacity:0;}
 
.cadreboutlib_3{background:url(images/pl_boutique_4.jpg) no-repeat;}
.souscadreboutlib_3{height:250px;width:250px;text-align:center;float:left;}
a .souscadreboutlib_3 {height:250px;width:250px;text-decoration:none;}
a:hover .souscadreboutlib_3 {height:250px;width:250px;opacity:0;}

.cadreboutlib_4{background:url(images/pl_boutique_3.jpg) no-repeat;}
.souscadreboutlib_4{height:250px;width:250px;text-align:center;float:left;}
a .souscadreboutlib_4 {height:250px;width:250px;text-decoration:none;}
a:hover .souscadreboutlib_4 {height:250px;width:250px;opacity:0;}

.cadreboutlib_6{background:url(images/pl_boutique_2.jpg) no-repeat;}
.souscadreboutlib_6{height:250px;width:250px;text-align:center;float:left;}
a .souscadreboutlib_6 {height:250px;width:250px;text-decoration:none;}
a:hover .souscadreboutlib_6 {height:250px;width:250px;opacity:0;}


.cadreboutiquesal_0, .cadreboutiquesal_1, .cadreboutiquesal_2 {height:250px;width:250px;padding:0px 0px 0px 0px;margin:5px;text-align:center;float:left;color:#FFFFFF;font-size:14px;font-weight:bold;}
.cadreboutiquesal_0{background:url(images/s_boutique_1.jpg) no-repeat;}
.souscadreboutiquesal_0{height:250px;width:250px;text-align:center;float:left;}
a .souscadreboutiquesal_0 {height:250px;width:250px;text-decoration:none;}
a:hover .souscadreboutiquesal_0 {height:250px;width:250px;opacity:0;}

a .cadreboutiquesal_1 {}
.cadreboutiquesal_1{background:url(images/s_boutique_2.jpg) no-repeat;}
.souscadreboutiquesal_1{height:250px;width:250px;text-align:center;float:left;}
a .souscadreboutiquesal_1 {height:250px;width:250px;text-decoration:none;background-color:#cccccc;opacity:0.4;}
a:hover .souscadreboutiquesal_1 {height:250px;width:250px;opacity:0;}

.cadreboutiquesal_2{background:url(images/s_boutique_3.jpg) no-repeat;}
.souscadreboutiquesal_2{height:250px;width:250px;text-align:center;float:left;}
a .souscadreboutiquesal_2 {height:250px;width:250px;text-decoration:none;background-color:#cccccc;opacity:0.4;}
a:hover .souscadreboutiquesal_2 {height:250px;width:250px;opacity:0;}

.cadreboutiqueelu_0 {height:120px;width:250px;padding:60px 0px 0px 0px;background-color:#999999;margin:10px;text-align:center;}
a .cadreboutiqueelu_0, a .cadreboutiqueelu_1, a .cadreboutiqueelu_2 {background-color:#999999;text-decoration:none;float:left;color:#FFFFFF;font-size:14px;font-weight:bold}
a:hover .cadreboutiqueelu_0 {background-color:#666666;}

.cadreboutiqueelu_1 {background-color:#999999;border-color:#D33443;}
a .cadreboutiqueelu_1 {background-color:#999999;}
a:hover .cadreboutiqueelu_1 {background-color:#666666;}

.cadreboutiqueelu_2 {background-color:#999999;border-color:#D33443;}
a .cadreboutiqueelu_2 {background-color:#999999;}
a:hover .cadreboutiqueelu_2 {background-color:#666666;}

.cadreboutiqueaut_0 {background:url(images/pl_boutique_6.jpg) no-repeat;height:250px;width:250px;margin:5px;display:inline-block; }
.cadreboutiqueaut_1 {background:url(images/pl_boutique_8.jpg) no-repeat;height:250px;width:250px;margin:5px;display:inline-block;}
.cadreboutiqueaut_2 {background:url(images/pl_boutique_9.jpg) no-repeat;height:250px;width:250px;margin:5px;display:inline-block;}

.cadresante {height:250px;width:250px;padding:0px 0px 0px 0px;margin:5px;text-align:center;float:left;color:#FFFFFF;font-size:14px;font-weight:bold;}
.cadresante{background:url(images/pl_boutique_sante.jpg) no-repeat;}
.souscadresante{height:250px;width:250px;text-align:center;float:left;}
a .souscadresante {height:250px;width:250px;text-decoration:none;}
a:hover .souscadresante {height:250px;width:250px;opacity:0;}

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

}

.couleur8{background-color: #7BAEFD} 
.couleur7{background-color: #ff6600} 
.couleur0{background-color: #f9a800} 
.couleur1{background-color: #7ebab5}
.couleur2{background-color: #2ebbe8}
.couleur3{background-color: #058b8c}
.couleur4{background-color: #c73f4a}
.couleur5{background-color: #9b287b}
.couleur6{background-color: #03275F}

.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:#382659}
.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:#382659;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;}
#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){
#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}

.etape, .etape2, .etape3{width: 100%; padding:0 0.5% 2%;}	
.etapefleche{width:100%;height:62px;background:url("images/fleche_orange_bas.jpg") no-repeat center;}
	
.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%}	

/*.ac_block {width:190px; height:190px; cursor:pointer;text-align:center; }  */
 		
	.bloc_equipe{width:47%; }
	/*equipe*/
	.bloc_equipe .photo{ width:50%;float:left;}
	.bloc_equipe .ident{ width:50%;height: 100%;display: block;bottom:0;float: right;min-height: 150px;}
	#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:#382659;
	  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:#382659;/*#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;}

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

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

.fichesmetiers a{margin:0.5%;width:48%;display: inline-block }
.mpl_block {width:48%;float:left;text-align:center;padding:1%;height:150px;}

.tdformation {width: 48%;}
#s-articlelistehome article {width: 96%;}
#articleliste article, #articlelistecovid article{width: 46%;}	
	
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;}	
}
@media screen and (max-width:580px){
	.flex_zone .site{width:100%}
	#pagecentre{width:96%;margin-left:2%;margin-right: 2%}
	.logo{width:80%;text-align:center;}
	#headerlogo{width:100%;text-align:center;}
#popup .messa {width: 80%;padding:5% 5%;margin-top:5%; font-size:1.5em;}
#popupprivilege	.messa {width: 80%;padding:5% 5%;margin-top:5%; font-size:1.3em;}
 #financementformation iframe{width:100%;height:250px;  }
/*.ac_block {width: 100%}*/
	
/*.ac_block {width:400px; height:400px; 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;	}	*/
	
.social-share a{font-size:16px;  padding:5px 1%;margin:0 1%;width:30%;}	
/*.ac_blocks_2 .ac_block_2 {width:48%;margin:1%}	*/
	
.etape, .etape2, .etape3{width: 100%;padding:0 0.5% 2%;}	
.etapefleche{width:100%;height:62px;background:url("images/fleche_orange_bas.jpg") no-repeat center;}

.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%}	
.barre_financement .bt_tx a {padding:3%;margin:10px auto;background-color:#ffffff; border:1px solid #F7AE23;color:#F7AE23;text-decoration:none;font-size:20px;display:block;}
	 
#formvideo .video {width:100%;} 
#formvideo iframe{width:100%;height:320px;}
	
/*equipe*/
.bloc_equipe{width:98%}
#ficheliste {width: 98%}	
	 
.mpl_block {width:48%;float:left;text-align:center;padding:1%;height:150px;} 
	
.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:18px;display: none}
	.client_message, .panier_message{width:70%;}
	#form_connexion {width:80%;margin:10px 8%;}
	
	.tabform, .tabdate,.tabdatepl, .tabduree, .tabville, .tabvillesess, .tabsupp, .tabinsc, .tabajout, .tabhoraire   {padding:1%;float:left}
	.tabform {width:100%}
	.tabdate {width:50%;}
	.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}*/
	
	h1 {font-size:28px;}	 
	
	.form_block {width:94% }
	/*.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%}
	.etape{width: 100%;padding:0 0.5% 2%;}	
	.etapefleche{width:100%;height:62px;background:url("images/fleche_orange_bas.jpg") no-repeat center;}
	.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%;}
	
	h1 {font-size:24px;}	 
	.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;}
 
	
	/*Actualités*/	  
	
	/*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:#F7AE23;padding:0;margin:0;font-size:12px;font-weight:400}
	.mpl_block {width:48%;float:left;text-align:center;padding:1%;height:150px;}  
	.pagefacebook	{width: 100%} 
	
	.documentliste {width: 98%;margin:1%}
	.documentliste h3{min-height: auto}	
	.documentliste img{width: 100%;height: auto}	
	
	.fichesmetiers a{margin:0.5%;width:99%;display: inline-block }
	.documents {width: 96%}
	.tdformation {width: 98%;}
}

@media screen and (max-width:320px){
	/*entete*/
	
	#pagecentre{width:96%;margin-left:2%;margin-right: 2%}
	.avc_block, .cpt_block {width: 98%}
	#ficheliste {width: 98%}	
	#ficheliste .fich_titre{width: 60%}
	#ficheliste .fich_lien{width: 40%}
	 
	#slogan {float:left;margin-top:10px;padding-left:0px;bottom:0;font-size:17px;display: none}
	#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%}	*/
	h1 {font-size:17px;}
	.t2 {width:98%;float:left}
	.t40, .t50, .t60,.t30, .t70 {width:98%;} 
	.t48 {width:98%;padding-right: 0}	
	 .documentsutiles a{margin:1%;width:98%;}
	.bt_tx a {text-align: center;margin:20px auto;font-size:20px;padding:3%;width: 80%}	
	
  
	/*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:#F7AE23;padding:0;margin:0;font-size:12px;font-weight:400}
	.mpl_block {width:98%;float:left;text-align:center;padding:1%;height:120px;}  
	.tdformation {width: 98%;}
}


.information {display:none}

.form-inner .civ{padding:10px 0px }
.form-inner .civ input.mr {
    margin-left: 15px;
}

.form-inner .civ label {
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    margin-left: 8px;
}

.form-inner select,.form-inner textarea,
.form-inner input[type=tel],
.form-inner input[type=email],
.form-inner input[type=password],
.form-inner input[type=text] {
    width: 100%;
    color: #000000;
    padding: 10px; 
    margin: 4px auto;
    text-align: left;
	border: 1px solid #cccccc;
	-moz-border-radius:5px;
    -webkit-border-radius:5px; border-radius:5px;
}


.form-inner textarea {min-height:100px;}

.form-inner input[type=tel]::placeholder,
.form-inner input[type=email]::placeholder,
.form-inner input[type=password]::placeholder,
.form-inner input[type=text]::placeholder {
    color: #999999;
}

.form-inner input[type=email]:-ms-input-placeholder,
.form-inner input[type=tel]:-ms-input-placeholder,
.form-inner input[type=text]:-ms-input-placeholder {
    color: #999999;
}

.form-inner input[type=email]::-ms-input-placeholder,
.form-inner input[type=tel]::-ms-input-placeholder,
.form-inner input[type=text]::-ms-input-placeholder {
    color: #999999;
}

.form-inner input[type=checkbox] {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.form-inner .infos {
    margin-top: 20px;
    text-align: left;
	font-size: 12px;
}
.info-cvg {overflow:auto;height:200px;	border: 1px solid #cccccc;
	-moz-border-radius:3px;
    -webkit-border-radius:3px; border-radius:3px;/*28px*/padding:5px;text-align: justify;}
.info-cvg h3 {font-size: 14px;font-weight: bold;padding:5px 0}
.info-cvg h2 {font-size: 15px;font-weight: bold;padding:5px 0}
.form-inner .infos label {
    width: 90%;
    vertical-align: top;
    font-size: 20px;
    color: #000000;
    font-weight: 300;
    text-align: left;
}

.form-inner input[type=submit] {
    height: 46px;
    background-color: #702FA0;
    color: #fff;
    text-transform: uppercase;
    padding: 0 45px;
    margin: 30px 0;
    font-weight: 600;
    border:none;
	border-radius: 5px;
	font-size:18px
}

.barre-bouton{text-align: center}

.form-inner .head-form p.main {
    color: #000000;
    font-size: 27px;
    font-weight: 400;
    text-align: center;
}

form#formMougins {
    margin-top: 30px;
	margin-left:10%;
	margin-right:10%; 
}

form#formRecap {
    margin-top: 30px;
	margin-left:2%;
	margin-right:2%; 
}

#formRecap span{font-weight: bold}


.form-inner a{ color:#E34F20;}
.form-inner a:hover{ color:#000000;}
.form-inner p.ctr{
	font-weight: normal;
	font-size: 17px;
	text-align: center
}

.form-inner p.disclaimer {
    font-size: 10px;
    color: #000000;
    text-align: left;
    margin-top: 10px;
}

.form-inner p.mentions {
    text-decoration: underline;
    color: #000000;
    font-size: 8px;
}

.form-inner p.mentions-deploy {
    color: #000000;
    font-size: 8px;
    font-weight: 300;
    text-align: justify;
}

.form-inner .infos .textesiteerreur{color:#D73600}
 
/*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;
}