.container{padding:0px}
.row{margin:0px}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding:0px}

body {padding-left:0px;padding-right:0px;font-family:roboto;}
header{background:white;}
ul,ol{margin:0px;padding:0px}
a:hover{text-decoration:none;}
video {width: auto;height: 100%;background: #000;}
.clear{clear: both}
.effaceur{display:none}
.wrapper{background:#859499;}
.barreHaut{background:#859499;height:35px;width:100%}


.barreHaut .container{}
.butt-content{width:50%;float:left;background:#1e2d4c}
.butt-content:first-child{background:#3b9cbc}
.barreHaut .butt-content:first-child a:hover{background:#1e2d4c}

.barreHaut .container p{display:table-cell;padding:0}
.barreHaut a{display:block;text-align:center;padding:7px;height:35px;color:#fff;text-transform:uppercase;font-size:12px;}
.barreHaut a:hover{background:#3b9cbc;transition:0.3s}
.contRapid{font-size: 1em}
.contRapid p{margin: 10px;font-weight: bold;text-transform: uppercase;color: #1e2d4c;text-align: center;}
.contRapid a{color:#1e2d4c;}

.MenuBLoc{margin: 10px 0 0 0;}

.lasuite{display: block;width: 100%;text-align: center;}
.lasuite img{transition: 0.5s;width:35px;margin-top:10px;}
.lasuite img:hover{transform: rotate(90deg);}
bloc foot .lasuite img {width:40px; padding: 10px 0;}
.cd-slider .content > div{padding:0;margin: 0;vertical-align: initial;width: 100%;}

/*
.lasuite{float: right;color:#fff;text-decoration:underline;line-height:3}
.lasuite:hover{color:#fff;text-decoration:underline}
*/
.rubtitle{font-size:0.8em;margin:10px 0 5px;}

.effaceur{display:none}
#retourmenu{background: #3b9cbc;position: absolute;right: 0px;width: 56px;height: 56px;color: #fff;z-index: 10;margin: 20px;text-align: center;font-size: 1.8em;border: 3px solid #fff;}
.menu img{display:none}

.spip_logo_center{margin:20px auto 0px auto;}
.spip_logo_site img{}
/*#showMenu{display:none}*/
#showMenu{display:table;background:#fff;color:#414040;transition:0.3s;margin:0 auto 20px;border:1px solid #859499;}
#showMenu:hover{background: rgb(59, 156, 188);
color: #fff;border: 1px solid #ffffff;}
#showMenu .menu-bar,#showMenu .menu-name{display:table-cell}
.menu-bar span{display:block;width:22px;height:2px;border-radius:1px;background-color:#414040;margin:4px 0px;}
.menu-name{padding-left:10px;vertical-align:middle;font-weight:bold;line-height:1em;font-size:1.4em;color:#414040;}
.icon-three-bars{font-size:1.8em;display:block;float:left}
.menu-h{font-size:1.5em;display:block;float:left;margin:-3px 0 -5px 5px;}
.cd-slider-wrapper{margin-bottom:15px;overflow:hidden}
.cd-slider{position:initial}

.formulaire_recherche{}
.formulaire_recherche .input-group-btn > .btn{margin:0;border:1px solid #859499;border-left:none;height:34px;width:40px;background:url(../images/picto.svg#loupe) no-repeat 9px 5px;box-shadow:none;text-shadow:none;border-radius:0px;text-indent:-99999px;}
.formulaire_recherche input{border:1px solid #859499;border-right:none;box-shadow:none;text-shadow:none;}
.rech{top: 80px;margin-bottom: 100px;}
.rech article{float:none}

.rech .titre{color:grey;font-weight:bold;font-size:1.2em}
.rech .texte{color:grey}
.result div:first-child{float: left;margin: 0 20px 20px 0;}
.result div:nth-child(2){}

nav .item{box-shadow:none;}
nav a:focus{text-decoration:none;}
nav .item-heading{background-image:none;background-color:transparent;border-color:transparent;padding:0 25px;}
nav .item{background-color:transparent;}

.input-group{width:225px;margin:auto;}

nav .item-title > a{display:inline-block;border-radius:8px 8px 0 0;padding:10px;}
nav .item-title > a::before { font-size:1.8em; width:30px; }
nav .item-title > a{font-size:1.4em;text-shadow:1px 1px 2px rgba(0, 0, 0, 1);}
.pixto{font-family: 'typicons';font-size: 1.8em;}
.pixto:before { content:"\e12c" }
#zone-menu-1 .item-title .pixto:before { content:"\e12c" }
#zone-menu-2 .item-title .pixto:before { content:"\e128" }
#zone-menu-3 .item-title .pixto:before { content:"\e0c2" }
#zone-menu-4 .item-title .pixto:before { content:"\e103" }
#zone-menu-5 .item-title .pixto:before { content:"\e045" }
#zone-menu-6 .item-title .pixto:before { content:"\e043" }
#zone-menu-7 .item-title .pixto:before { content:"\e09a" }
#zone-menu-8 .item-title .pixto:before { content:"\e0c5" }

.titre_menu{padding-left:5px}
/*
#zone-menu-1 .item-title > a::before { content:"\e12c" }
#zone-menu-2 .item-title > a::before { content:"\e128" }
#zone-menu-3 .item-title > a::before { content:"\e0c2" }
#zone-menu-4 .item-title > a::before { content:"\e103" }
#zone-menu-5 .item-title > a::before { content:"\e045" }
#zone-menu-6 .item-title > a::before { content:"\e043" }
#zone-menu-7 .item-title > a::before { content:"\e09a" }
#zone-menu-8 .item-title > a::before { content:"\e0c5" }
*/
nav .item-body a::before{content:"\e00a"}
.menu > li > a{margin-top:15px;}
.effect-airbnb .outer-nav .item-body a{display:block;margin:5px 10px;}

main{position:relative;padding-bottom:30px;top:0px}
/*main > .container{background:url(../images/techno-back.jpg);}*/
main article{padding:40px;color:#1e2d4c;background: #fff;}
.img-article{width:100%;height:auto;padding-bottom:15px;}
.article-spot{color:#fff;padding:15px;border-radius:5px;margin-bottom:15px;
  background:#3b9cbc; /* For browsers that do not support gradients */
  background:-webkit-linear-gradient(63deg, #3487a3, #4dc7f0); /* For Safari 5.1 to 6.0 */
  background:-o-linear-gradient(63deg, #3487a3, #4dc7f0); /* For Opera 11.1 to 12.0 */
  background:-moz-linear-gradient(63deg, #3487a3, #4dc7f0); /* For Firefox 3.6 to 15 */
  background:linear-gradient(63deg, #3487a3, #4dc7f0); /* Standard syntax */
}
.article-spot{padding:0;margin:15px 0;position:relative;display:grid;}
.article-spot h3{text-align:center}
.cache-spot{position:absolute;width:100%;height:100%;background:#ff000080;margin:0;background-image:url(../images/eoliene.svg);background-repeat:no-repeat;background-size:100% 80%;background-position:center center;}

/* Fleche qui sert pas a grand chose */

.bandoBlanc{
  text-align:center;
}

#fleche-down span.icon-chevron-down{
  font-size: 3em;
  text-decoration: none;
  color:#414143;
  position: relative;
  top: 25%;

}

#fleche-down span.icon-chevron-down:hover{color:#3b9cbc;    transition: 0.3s;}






/* CARROUSEL */
.img-carrousel img{width:100%;height: auto}
.img-carrousel{overflow:hidden;}
.cd-slider-wrapper h2{line-height:normal;padding: 0;margin: 0;font-size:0.8em;}
.cd-slider h1{padding: 0;margin: 0;font-size:1.4em;text-transform: uppercase;color:#fff;font-weight: 400;}
.cd-slider p{line-height:normal;padding: 0;margin: 0;font-size: 1em;}
.cd-slider li .content{padding:20px}



article p{font-size:1em}

article ul{margin:0;border-right: 1px solid #859499;border-left: 1px solid #859499;}
article .row{margin-bottom:20px}
article .titre{left:0}


.blocbox{min-height:350px;height:auto;background: url(../images/techno-texture.jpg);background-size: cover}
.blocbox:hover .bloc-title{display:none}

.bloc-title{width:100%;height:100%;position:absolute;text-align:center;display:block;padding-top:28%;font-size:1.2em;font-weight:800;text-transform:uppercase;color:#fff;}
.bloc-title-int{font-size:1.2em;text-align:center;background:#3c9bb9;color:#fff;height:70px;padding-top:25px;margin:0;}
.blocbox p{padding: 0 20px;display: block;margin: -20px 0 0 0;font-size: 1em;}
.triangle{width:0px;border:35px solid transparent;border-top:25px solid #3c9bb9;margin:auto;display:block;}

/* ARTICLE AJAX */
.flexy{display:flex;flex-direction: column;}
.chapo2{margin:0 0 15px 0;font-weight:600;display:block;}
.chapo3{margin:0 0 15px 0;display:block;font-size: 0.8em;}
.descriptif{padding: 20px 0}
.gradient1{background:url(../images/eolienne.png) no-repeat 45% 65%,linear-gradient(63deg, #3487a3, #4dc7f0)}
.gradient2{background:url(../images/eolienne.png) no-repeat 45% 65%,linear-gradient(63deg, #344fa3, #4d76f0)}
.gradient3{background:url(../images/eolienne.png) no-repeat 45% 65%,linear-gradient(63deg, #34a375, #4df0ac)}
.gradient4{background:url(../images/eolienne.png) no-repeat 45% 65%,linear-gradient(63deg, #34a350, #4df076)}
.gradient5{background:url(../images/eolienne.png) no-repeat 45% 65%,linear-gradient(63deg, #a35034, #f0764d)}
.gradient6{background:url(../images/eolienne.png) no-repeat 45% 65%,linear-gradient(63deg, #8834a3, #c74df0)}





.deco-titre{color:#3b9cbc;font-size:2em}
.deco-titre2{color:#3b9cbc;display:inline-block}

article h3{margin:0 0 5px 0;font-size:1.2em;text-transform:uppercase;font-weight: 800;}
article h4{text-transform:uppercase;color:#3c9bb9;font-size:30px;margin:0 0 15px 0;font-weight:400}
article h4 strong{font-weight:400}

article h1{margin:0 0 15px 0;text-transform:uppercase;font-weight:bold;font-size:1.2em;color:#3b9cbc}
article h2{margin:0 0 15px 0;font-size:1.5em;font-weight:300}

.consultbox{background: #3b9cbc;padding: 15px;font-weight: bold;text-transform: uppercase;display: block;color: #ffffff;text-align: center;border: 2px solid #3c9bb9;}
.consult p{margin:0 0 0 10px;padding:0;display:inline-block;font-family:roboto;text-transform: uppercase;font-weight: 500;}

.docs > span{background: #3b9cbc;padding:5px;font-weight: bold;text-transform: uppercase;display: block;color: #ffffff;text-align: center;}
.docs p{margin:0 0 0 10px;padding:0;display:inline-block;font-family:roboto;}
.docs img{width:30px;display:inline-block}
article li{border-bottom: 1px solid #859499;padding: 10px 0 10px 10px;margin: 0;}
/* ACTU LISTE */

.rub-list{position:relative;padding-bottom:30px;top:0px;}
.rub-list .img-cadre{height:165px;overflow:hidden;margin-bottom: 5px;}
.rub-restreinte .img-cadre{height:165px;overflow:hidden;margin-bottom: 5px;}
.rub-list .img-article{width:100%;height:auto}
.rub-list article{padding:0;border-bottom:1px solid #859499;margin-bottom:15px;}
.rub-list breadCrumbHolder{padding:5px 15px 5px 15px;}

.rub-list .titre h1 a{text-transform:uppercase;font-weight:bold;font-size:1.4em;color:#1e2d4c;margin:5px 0;width:auto;}
.rub-list .titre h1 a:hover{color:#3b9cbc;transition:.2s}
.bord-tournant a{color:#1e2d4c}
.acces-txt a{color:#1e2d4c}
.date-article{margin:0;width:auto;display:block;}

/* Blog */
.comment-bloc{border: 1px solid lightgrey;padding: 20px;margin: 20px 0;}
.comment-bloc .formulaire_spip input.text, .formulaire_spip textarea{border: solid 1px #aaa;}
.commentaires{background: #f2f2f2;padding: 20px;margin-bottom: 20px;color: #333;}
.pseudo{font-weight: bold;float: left;margin-right: 10px;}
.datecom{font-size: 0.9em;font-weight: bold;line-height: 1.6em;}
.txtcom{clear: both}
#champ_email_1{width:100%}
/*  Rubrique Client  */




.breadCrumbHolder{padding:5px 15px 5px 40px;background: #3b9cbc;}
.breadCrumbHolder p,.breadCrumbHolder a{display:inline;color:#fff;}
.breadCrumbHolder a{color:#fff}
.bandoBlanc{width:100%;height:80px;display: block;background:#fff}
.blocacc{background:#859499}
.bloc-acc,.blocfoot{margin:15px 15px 0 15px}
.blocfoot{overflow:hidden}
.bloc-acc .titre{text-align:center;text-transform:uppercase;font-weight:bold;color:#fff;padding:20px 0px;font-size:1.6em;
background:rgba(34,51,87,1);
background:url(img/barre-noire.png) repeat,-moz-linear-gradient(45deg, rgba(34,51,87,1) 0%, rgba(52,133,219,1) 100%);
background:url(img/barre-noire.png) repeat,-webkit-gradient(left bottom, right top, color-stop(0%, rgba(34,51,87,1)), color-stop(100%, rgba(52,133,219,1)));
background:url(img/barre-noire.png) repeat,-webkit-linear-gradient(45deg, rgba(34,51,87,1) 0%, rgba(52,133,219,1) 100%);
background:url(img/barre-noire.png) repeat,-o-linear-gradient(45deg, rgba(34,51,87,1) 0%, rgba(52,133,219,1) 100%);
background:url(img/barre-noire.png) repeat,-ms-linear-gradient(45deg, rgba(34,51,87,1) 0%, rgba(52,133,219,1) 100%);
background:url(img/barre-noire.png) repeat,linear-gradient(45deg, rgba(34,51,87,1) 0%, rgba(52,133,219,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#223357', endColorstr='#3485db', GradientType=1 );
}
.bloc-acc .contenu li{border-bottom:1px solid #fff;font-weight:bold;background-color:#414143;font-size:0.8em;transition:0.5s;position:relative;}
.bloc-acc .contenu li.up{background-color:#81bc00;}
.bloc-acc .contenu a{color:#fff;display:block;position:relative;z-index:1;text-align:center;height:70px;padding:25px 0}
/*.bloc-acc .contenu li:last-child{border-bottom:none}*/
.bloc-acc .contenu li .fleche{display:block;position:absolute;top:35%;width:0;height:0;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent #414143;right:0px;transition:0.5s}
.bloc-acc .contenu li.up .fleche{right:-12px;z-index:2;border-color:transparent transparent transparent #81bc00;top:29px}
.bloc-acc .img{overflow:hidden;position:relative;height:350px;}
.bloc-acc .img img{ transition:0.5s; opacity:0;position:absolute;top:0px;height: 100%;width: auto;left: -50%;}
.bloc-acc .img img.up{ opacity:1}
.greyback{background:#414143}
.lineadd{border-bottom:1px solid #fff;}
.cachebloc{overflow:hidden;height:350px;}


.commun{background:#fff;z-index:1;position:relative;padding:15px 0 100px 0;}
.picto-actu{background:url(../images/picto.svg#actu-bleu) no-repeat;display:inline-block;height:44px;width:56px;margin:0 15px -8px 0;}
.picto-blog{background:url(../images/picto.svg#blog) no-repeat;display:inline-block;height:46px;width:56px;margin-bottom:-8px;}

.row .blocfoot{padding:0}
.blocfoot{border-bottom:15px solid #3c9bb9;}
.blocfoot .titre{border:1px solid #3c9bb9;padding:20px 0px;font-size:2.5em;color:#3c9bb9;text-align:center;text-transform:uppercase;margin-bottom:15px}
.blocfoot .titre:hover{background: #3c9bb9;color: #fff;}
.blocfoot .cd-slider-wrapper{height:285px;}
.blocfoot .cd-slider-navigation a{border-color:#337ab7;}
.blocfoot .cd-slider li .content{background-color:#fff;}
.blocfoot .cd-slider-navigation li.selected a{background-color:#81bc00;}
.blocfoot .cd-slider .content{padding:0}
.blocfoot .cd-slider p{line-height:normal;color:#000;height:auto;display:block}
.blocfoot .cd-slider .title{font-size:1.3em;font-weight:bold;text-transform:uppercase;display:block;height:auto}
.blocfoot .cd-slider .title a{color:#000;}
.blocfoot .cd-slider .title a:hover{color:#3c9bb9}
.blocfoot .cd-slider-navigation{bottom:0px;}
.blocfoot .plus{display:block;width:100%;height:100%;transition:0.5s;}
.blocfoot .plus:hover{background:rgba(0,0,0,0.45)}
.blocfoot .plus span{display:block;opacity:0;width:56px;height:100%;margin:auto;background:url(../images/picto.svg#pluscontourblanc) 0% 60% no-repeat;transition:0.5s;}
.blocfoot .plus:hover span{opacity:1;}
.blocfoot .cd-half-block.image{background-size:cover;background-color:#fff;}
.bloc-act{padding:0}

.teldesk{display:none;}
.fondInt{display:none;position:absolute;height:450px;max-height:450px;width:100%;top:180px;}

footer{background:#595959;position:relative;z-index:2;}
footer .spip_logo_footer{height:160px;}
footer .spip_logo_footer img{display:block;padding:0px;margin:0 auto;position:relative;top:-50px;}
footer .adress{padding:15px;color:#fff;}
footer .adress p{margin:0;margin-top: 10px;}
.telmob,.teldesk{color:#fff;}
.telmob:hover{color:#3b9cbc}

.titre-rap{text-transform:uppercase;margin:0;padding:15px 15px 0px 15px;font-weight:bold;font-size:1.2em;color:#fff;text-align:center;background-color:#3b9cbc;margin:0px 15px;}
.form_rapide{padding:5px 15px 10px 15px;background-color:#3b9cbc;margin:0px 15px;}
.form_rapide h3.legend{display:none;}
.form_rapide label{display:block;margin-top:5px;color:#fff;font-weight:normal;margin-bottom:1px;}
.form_rapide .grp1 label{margin-top:0px;}
.form_rapide input,.form_rapide textarea{width:100%;border:none;padding:3px;}
.form_rapide input.text{border:none;}
.form_rapide input.submit{margin-top:8px;width:100px;background:#3b9cbc;border:1px solid #fff;color:#fff;font-weight:bold;}
.form_rapide input.submit:hover{color:#3b9cbc;background:#fff}
.form_rapide fieldset >div >div{width:48%;float:left;}
.form_rapide .editer_input_2,.form_rapide .editer_input_4{margin-left:4%;}
.form_rapide .editer_input_3{width:48%;}

.copy{background-color:#859499;text-align:center;}
.copy .container{padding:3px 15px;}
.copy,.copy a{color:#fff;}


.bord-tournant{padding:15px;float:left;background: #fff;}




/* CLIENTS */
.minislide{width: 100%;height: 108px;margin-top:20px}
.bx-wrapper .bx-pager{display:none}
.bx-wrapper{margin: 20px 0;}
.page-article .texte p{margin-bottom:0}

/* FIN CLIENTS */


/* Rubrique études */
.rub-restreinte .bord-tournant{padding:20px 20px 20px;background-color: #3b9cbc;}
.rub-restreinte article{padding:0;border-bottom: 1px solid #fff;margin-bottom: 15px;background:none}
.rub-restreinte .titre h1 a{text-transform: uppercase;font-weight: bold;font-size: 1.4em;margin: 5px 0;width: auto;}
.acces-txt{padding:15px;float:left}

.rub-etude{width: 100%;text-align: center;margin: 0;padding: 0;display: block;height: auto;font-size: 1.5em;}
.rub-restreinte .formulaire_spip{background:#fff;padding: 20px;}
.bloc-id{}
.etude .formulaire h3{padding:20px 20px 20px 0;font-size: 21px;color: #333;border: 0;border-bottom: 1px solid #e5e5e5;background: #fff;margin: 0 20px;}

.formulaire .formulaire_spip .boutons input, .formulaire_spip .boutons button{background: #fff;border: 1px solid #3b9cbc;color: #3b9cbc;font-size: 0.8em;}
.formulaire .formulaire_spip .boutons input:hover{background:#3b9cbc;color:#fff;    transition: 0.3s;}
.bloc-id .formulaire_spip .boutons input{background: #fff;border: 1px solid #3b9cbc;color: #3b9cbc;font-size: 0.8em;}
.bloc-id .formulaire_spip .boutons input:hover{background:#3b9cbc;color:#fff;    transition: 0.3s;}


/* FIN Rubrique études */


/* Article études */
.etude-art .breadCrumbHolder{background:#fff}
main > .etude-art {background-image:url(../images/techno-back.jpg);background-size:cover}
.slide-etude{}

/* FIN Article études */


/*  NOUS CONTACTER */
.form_contact .formulaire_spip input.text, .formulaire_spip textarea{border:none}
/*.form_contact button, input, select, textarea{border:none}*/
.form_contact label{display:block;font-weight: normal;color: #fff;margin-top: 10px;}
.form_contact label:first-child{margin-top:0}
.form_contact .formulaire_spip{background:#3b9cbc;padding:40px}
.form_contact .formulaire_spip input.text, .formulaire_spip textarea{width:100%}
.form_contact .formulaire_spip .boutons input, .formulaire_spip .boutons button{margin-top: 8px;width: 100px;background: #3b9cbc;border: 1px solid #fff;color: #fff;font-weight: bold}
.form_contact .boutons input:hover{background: white;transition: 0.3s;color: #3b9cbc;}
.form_contact .reponse_formulaire_ok{background: #4bc1e7;color: #ffffff;border-color: #ffffff;}
/* FIN */

/*FORMULAIRE*/
.formulaire{width: 45%;background:#3b9cbc;padding: 20px;color: #fff;margin: 0 auto;}
.titreprojet{width: 100%;background: #fff;display:block}
.formulaire .obligatoire{width: 100%;background: #fff}

.etude .formulaire{width: 100%;background: none;padding:0;clear: both;}
.etude .formulaire label{width:100%}
.etude .formulaire label:nth-child(1){margin-top:15px}

.etude .editer editer_oui_non_2 saisie_oui_non label{margin-top:10px}
.etude .formulaire .choix{width:15%;float:left}
.formulaire p{color:#000}
.formulaire_spip input.text, .formulaire_spip textarea{width:100%;color: #000;margin-bottom: 5px;border: solid 1px #aaa;}
.formulaire .formulaire_spip{background: #fff;padding: 5px 20px 20px 20px;color: #000;
margin: 0 auto;}
.formulaire .form_contact button, input, select, textarea{color: #000;}
.formulaire .formulaire_spip .boutons{margin-top:20px;font-size: 1.5em;}
.etude .formulaire_spip .boutons{font-size: 1.5em;margin-top: 20px;}
.formulaire #champ_email_1{width:100%;padding: .2em;border: solid 1px #aaa;}
.rub-etude .bord-tournant{padding: 20px;float: left;width: 100%;}

.editer-groupe .choix label:last-child{margin-bottom:0}

/*Identifiant*/
.bloc-id legend{display:none}
.bloc-id h3{padding: 20px 20px 20px 0;font-size: 21px;color: #333;border: 0;border-bottom: 1px solid #e5e5e5;background: #fff;margin: 0 20px;}



/*ETUDES DE CAS*/
.acces-txt{padding:0 30px;}
.acces-txt{padding:20px;color:#1e2d4c;text-align: center;}
.acces-txt h2{margin-top:0;font-size: 1.2em;color: #fff;}
.acces-txt p{color: #fff;}
.txt-form{width:100%;}

/*COOKIE*/
#cookieChoiceInfo span{float:left}
body div #cookieChoiceInfo a:first-child{color: #fff;text-decoration: underline;}
padding: 5px;
background: #fff;
border-radius: 5px;
font-size: 1.5em;
margin: 15px 0 0;
display: block;

/*PAGE 404*/
.page404 img{width: 200px;height: auto;margin: 0 auto;}
.page404 h1{width: 100%;font-size: 5em;text-align: center;}
.page404 h2{font-weight: bold;clear: both;}
.page404 ul{border: none;margin-bottom: 30px;}
.page404 li{border: none;}
.page404 .spip_logo{width: 250px;height: auto;float: initial;margin:20px auto 40px;display: block;}

@media only screen and (min-width:418px) {
	.bloc-acc .contenu a{font-size:1.4em;font-weight:initial;padding-top:24px;}
    .blocfoot .cd-slider-wrapper{height:260px}
    .blocfoot .cd-slider-navigation {bottom:-5px}
    .bloc-acc, .blocfoot{margin-bottom:15px}
    .barreHaut a{font-size: 12px;padding-top: 10px;}

.cd-slider h1{padding-bottom:10px;font-size:2em}
    video{width: 100%;height: auto}

    .rub-restreinte .img-cadre{height:200px}
    .rub-list .img-cadre{height:200px}

}


@media only screen and (min-width:767px) {
   .barreHaut a{font-size:10px;padding-top: 10px;}
.page404 .classique{width: 670px;margin: 0 auto;}


/* ARTICLE AJAX */
.descriptif{width:100%;float: right;left: 0;padding-left: 10px;}


	.spip_logo_center{margin:0 15px 0 0;position:absolute;top:-35px;z-index:4}
    header{}
	.teldesk{display:inline;}
	.telmob{}
	.fondInt{display:block;}
	.fondInt .bimg > div{height:450px;margin-top:3px;}
	.fondInt .buni {background:rgba(34,51,87,1);
background:url(img/barre-noire.png) repeat,-moz-linear-gradient(45deg, rgba(34,51,87,1) 0%, rgba(52,133,219,1) 100%);
background:url(img/barre-noire.png) repeat,-webkit-gradient(left bottom, right top, color-stop(0%, rgba(34,51,87,1)), color-stop(100%, rgba(52,133,219,1)));
background:url(img/barre-noire.png) repeat,-webkit-linear-gradient(45deg, rgba(34,51,87,1) 0%, rgba(52,133,219,1) 100%);
background:url(img/barre-noire.png) repeat,-o-linear-gradient(45deg, rgba(34,51,87,1) 0%, rgba(52,133,219,1) 100%);
background:url(img/barre-noire.png) repeat,-ms-linear-gradient(45deg, rgba(34,51,87,1) 0%, rgba(52,133,219,1) 100%);
background:url(img/barre-noire.png) repeat,linear-gradient(45deg, rgba(34,51,87,1) 0%, rgba(52,133,219,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#223357', endColorstr='#3485db', GradientType=1 );}
	.fondInt > .bwhite{background:#fff;height:80px;}
	article .contenu{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
    .row .image .img-responsive{padding:5px 20px 0 0}

    .butt-content{width:17%;float: left;border-right: 2px solid #859499}
    .butt-content:first-child{margin-left:32%}
    .contRapid{float: right}
    .row .formRecherche{width:100%}
    .formulaire_recherche {float:right}
    .MenuBLoc{width:400px;float:right}
    .input-group{width:400px}
    main .home{padding-bottom:30px;margin-top:80px}
    .page-article{top:80px;padding-bottom:120px;}
    .bloc-acc{margin:30px 30px 0 30px}
    .blocfoot{border-bottom:15px solid #3c9bb9;margin:30px 30px 0 30px}
    .cd-slider-navigation {left:50%;top:420px;}
    .blocfoot .cd-slider-navigation{left:50%;top:215px;}
    .blocfoot .cd-slider-wrapper{height:250px}
    .cd-slider-wrapper{margin-bottom:0}
    .img-cadre {overflow:hidden;}

    article .titre:first-child{width:40%;padding-right:10px;}
    article .titre:nth-child(2){width:60%;padding-left:10px;margin-top:33px}
    .rub-restreinte article .titre:nth-child(2){width:60%;padding-left:10px;margin-top:0}
    rech article .titre{padding-left:0}
    .blocbox p{padding:0 30px}

.rub-list{top:80px;margin-bottom:90px;}
.rub-list article{padding:20px;width:100%}

.rub-restreinte article .titre:nth-child(3){margin-top: 0;padding-left: 10px;width: 60%;}
.rub-list .img-cadre{overflow:hidden;width:100%;min-height:165px}
.rub-list .img-article{width:100%;height:auto;margin:0;}
.rub-list article .row {margin:0}
.rub-list article .titre:nth-child(2){margin-top:0}
.rub-list article .titre:nth-child(3){margin-top:0;padding-left:10px;width:60%;}
.bord-tournant {padding:20px;}
.acces-txt {padding:20px;width: 100%;}

/* ARTICLE AJAX FORMATION (ADELINE 2023) */
    
#tableauFormation1 {margin-bottom: 20px}
#tableauFormation1 td {padding:20px !important}
#tableauFormation1 tbody>tr>:nth-child(1){width:20%}
#tableauFormation1 tr:nth-of-type(1) td {background-color: #3B9CBC;color: white;}
#tableauFormation1 table, th, td {border: 1px solid grey;}
.coll0 p {margin-bottom: 10px !important }
.coll0 h3 {margin-bottom: 10px ; margin-top : 10px }
    

/* CARROUSEL */
.cd-slider li .content{padding:40px}
.cd-slider h1{padding-bottom:20px;font-size:2.8em}


.rub-restreinte{margin-top: 80px}
.rub-restreinte .formulaire_spip{padding:40px;margin:0}
.etude .formulaire {width: 100%;padding: 0;margin-bottom: 40px;}
.bloc-id{width: 75%;margin: 0 auto;}
.acces-txt div{padding:0 40px;width: 480px;margin: 0 auto;}
.bloc-id{width:100%;margin-bottom: 20px;}
.txt-form{width:50%;margin:0 auto}

}

@media only screen and (min-width:900px) {
    .big .cd-slider .content > div{padding-top: 20px;}
    .lasuite{display: block;margin: 20px auto;height: auto;width: 51px;}
    .lasuite img{margin-top: 20px;display:block;width:35px}
    .blocfoot .lasuite img{margin-top: 20px;display:block;width:35px}
    .rub-list .lasuite img{margin-top: 20px;display:block;width:35px}
    .row .blocfoot{padding-bottom:15px}
    .cd-slider-navigation {left:75%;}
    .blocfoot .cd-slider-navigation{left:25%}
    .blocfoot .cd-slider p {padding-right:15px}
    video{width:auto;height:100%}

/* AJAX */
.coll0{width: 100%}
.coll1{width: 40%;float: left}
.coll2{width: 60%;float: left;padding:0 0 20px 40px;}
.chapo2{}
article h4{width: 100%;float: left}
article{width: 100%;float: left}
article .texte{}
.consult{width: 50%;padding-right:0}
.docs{width: 50%;padding-right:0}
.descriptif{width:100%;float:left;padding:0 0 40px 0}
.consult{width:100%;display:block;margin-bottom: 20px;}
.docs{width:100%}
.flexy{display:block;flex-direction: row}

    .page-article .coll1{margin-bottom:20px}




/* CARROUSEL */
.img-carrousel img{width:auto;height:100%;margin: 0;padding: 0;left: 0;}
.cd-slider span{border-radius:50%}

.leplus{}

.effaceur{display:block}
.effaceur2{display:none}

}

@media only screen and (min-width:991px) {
    .barreHaut a{font-size:14px;padding-top:7px}
    .butt-content:first-child {margin-left: 28%;}
    .butt-content {width: 18%;}

    /*ETUDES DE CAS*/
    .rub-restreinte .bord-tournant{width:100%;padding: 40px;}
    .acces-txt{width: 100%;padding: 0;text-align: center;margin-bottom: 20px;}
    .etude .formulaire{padding:0;}
    .rub-restreinte .formulaire_spip{width: 100%;padding: 40px;}
    .formulaire .formulaire_spip{width: 100%;padding: 40px 40px 20px;margin-bottom: 40px;}
    .txt-form{width: 60%;}
/* AJAX */

/*    main{top: -63px;}*/
    #retourmenu{display:none}
    .menu{display:block}
    .menu img{display:block}
    .MenuBLoc,#showMenu{display:none}
    .big .cd-slider .content > div {padding: 40px 0 0 0;}
    .cd-slider-wrapper h2{font-size:1.3em}
    .cd-slider p{font-size:1.1em}
    .lasuite{margin:0 auto}
    .cd-slider .content > div

    #showMenu{display:none;}
	.container.menu{position:relative}
	#mainMenu{position: relative;text-transform: uppercase}
	nav.outer-nav.vertical{height:auto;background-color:#fff;}
	nav.outer-nav{display:block;top:115px;z-index:11;}
	nav.outer-nav.left{left:245px;top:121px;}
	.outer-nav.horizontal, .outer-nav.vertical{overflow:initial;}
	nav .item{display:block;float: left; border: none}
	nav .item-heading{position:relative;padding:0}
    nav .item-title{padding:0 9px 10px;display: block;margin: 0;font-size: 0.6em;}
    nav .item-title:hover{background:#3c9bb9;color:#fff;transition:0.3s}
    nav .sous-menu{display:none;}
    nav .item:hover .sous-menu{display:block }

    .docs{margin-bottom: 20px;}
    .fondInt .bimg > div{margin-top: -9px;}

	nav .item-title > a::before{display:block;margin:0 auto;font-size:2.2em;width:14px;color:#444;text-shadow:none;}
	.outer-nav a:hover::before{color:#fff}
	.effect-airbnb .outer-nav a{opacity:1; -webkit-transform:translateX(0px); transform:translateX(0px); -webkit-transition:-webkit-transform 0s, opacity 0s;transition:transform 0s, opacity 0s;display:inline-block;text-shadow:none;color:#444;margin: 0}
	.effect-airbnb .outer-nav .item-title > a{border-bottom:2px solid transparent; transition:border .5s ease-in;margin:0;}
	.effect-airbnb .outer-nav .item-title > a:focus{border-bottom:2px solid #3c9bb9;}
	.sous-menu{position: absolute;background: #ffffff;width: 100%;left: 0;z-index: 2;height: auto;border:1px solid #859499;padding-bottom: 20px;}
    .effect-airbnb .outer-nav .sous-menu a{color:#444;}
    .effect-airbnb .outer-nav .sous-menu a:hover{color:#fff;}
    .sous-menu li:hover{background:#3c9bb9;}

    .img-rubrique{width:30%;height:100%;background:#fff;text-align:center;float:left }
    .img-rubrique img{width: 100%;height: auto;float: initial;margin: 0;padding:20px;}
    .sous-menu ul{width:70%;float:left;font-size: 0.8em;text-transform: initial;padding-top: 15px;}

    .sous-menu ul:hover

    .cd-slider-wrapper{padding:0}
    .bloc-acc {margin:30px 15px 0 15px}
    .blocfoot .cd-slider-navigation{top:235px}
    header {padding-bottom:62px;}
    .img-article {width:100%;height:auto;margin:0;}

    .rub-list article .titre:first-child{width:30%;padding-right:10px}
    .rub-list article .titre:nth-child(2) {width:70%;padding-left:10px;margin-top:0}
    article{float:left;margin:0;padding:10px;border:0px;}
    .rub-list .img-cadre{min-height:auto;max-height:96px;}
    .rub-list .titre h1 a{display:block}
    .rub-chapo{width:100%;min-height:96px;}


    .bord-tournant{padding: 30px;margin: 0;}
    .rub-etude .bord-tournant{padding:20px;margin: 0;}



    .rub-list article .titre:nth-child(3){width:70%}


}

@media only screen and (min-width:992px) {
nav .item-title{padding:0 16px 10px;display: block;margin: 0;font-size: 0.8em;}
.rub-list article{width:50%}
.rub-restreinte article{width:50%}



}

@media only screen and (min-width:1200px) {

    .img-carrousel img{width:100%;height:auto;margin: 0;padding: 0;left: 0;}
.cd-slider li .content{padding:40px}
footer .adress p{width:104%}
nav .item-title {padding: 0 20px 10px;}


}
@media only screen and (min-width:1601px) {

video {width:100%;height:auto;background: #000;}
#carrousel-container

}

/* css carrousel etude */

#carrousel-container{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          text-decoration:none;

}



#carrousel-container img {
  width: 100%;
  height: auto;
  padding: 5px;
}


#carrousel-container .slick-dots {
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0;
}
#carrousel-container .slick-dots li {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  text-decoration: none;
  border:none;
}

#carrousel-container .slider ul {
  border:none;
}

#carrousel-container .slick-dots li.slick-active button {
  background-color: black;
}
#carrousel-container .slick-dots li button {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: #999;
  border: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
#carrousel-container .slick-dots li :hover {
  background-color: black;
}

/* Custom Arrow */
.prev {
  color: #999;
  position: absolute;
  top: 38%;
  left: -2em;
  font-size: 1.5em;
}
.prev :hover {
  cursor: pointer;
  color: black;
}

.next {
  color: #999;
  position: absolute;
  top: 38%;
  right: -2em;
  font-size: 1.5em;
}
.next :hover {
  cursor: pointer;
  color: black;
}

@media screen and (max-width: 800px) {
  .next {
    display: none !important;
  }
}


.image-cadre video{
  height:800px;
  width:600px;
  position:relative;
  left:-50%;
}

@media only screen and (min-width: 900px){
  video {
      height:100%;
      width:100%;
  }
}