@font-face{
    font-family:nova-regular;
    src: url('../fonts/Nova-Regular.otf'),
         url('../fonts/Nova-Regular.woff');
}

@font-face{
    font-family:nova-light;
    src: url('../fonts/Nova-Light.otf'),
         url('../fonts/Nova-Light.woff');
}

@font-face{
    font-family:nova-bold;
    src: url('../fonts/Nova-Bold.otf'),
         url('../fonts/Nova-Bold.woff');
}

@font-face{
    font-family:nova-alt-bold;
    src: url('../fonts/Nova-Alt-Bold.otf'),
         url('../fonts/Nova-Alt-Bold.woff');
}

h1,h2,h3,h4,h5,h6{cursor:default;}

html *{font-family:nova-regular;}

.center{text-align:center;}
.bold{font-weight:bold;}
.btn-xl{text-shadow: 1px 1px 2px #aaa;}
nav ul{display:block;}
.hide1, .btmenu, .btmenu1, .btmenu2{display:none;}
.red{color:#f00;text-shadow:none;}
.show{display:block;}

:root {
  --jaune-batiecom:#fdb723;
  --bleu-batiecom:#0f123a;
}

.cookie{
    padding:5px 0;
    color: #0f123a;
    background-color: #fdb723;
    text-align: center;
}

.cookie button{
    margin-left:10px;
    background-color: #0f123a;
    color:#fff;
    border-radius:5px;
    border:1px solid #fff;
}

/*nav {display:none !important;}*/

nav.navbar{
    position:relative;
    float:left;
    width:100%;
    border-radius:0;
    box-sizing:border-box;
}

.container{
    width:100%;
    padding:0;
}

ul.nav-mobile{
    display:none;
}

nav .accroche {
    float:right;
    margin-top:35px;
}

nav .accroche img{
    float:left;
    margin-right:20px;
    height: 54px;
}

nav .accroche .text {
    float:left;
    padding:10px 15px;
    font-family:nova-light;
    font-size:30px;
    color:#0f123a;
    background-color:#fdb723;
}

.container .nav-left{
    float:left;
    width:20%;
}

.container .nav-left .logo{
}

.container .nav-left .logo img{
    height:170px;
    margin:10px 20%;
}

.container .nav-right{
    float:left;
    width:80%;
}

.navbar-nav.navbar-right:last-child{
    margin-right: -95px;
}

.navbar-notfixed-top{
    position:relative; 
    width: 100%;
}

select.departmentsList{
    font-size:20px;
}

section{
    float: left;
    width: 100%;
}

section#partenaires,
.navbar-default{
    background-color:#0f123a;
}

.navbar-toggle{
    display:none;
}


section#contact input::-webkit-inner-spin-button{
    -webkit-appearance: none;
}

section#contact h3.sendMessage{
    color:#014278;
}

h1.section-heading{
    margin-top:5px;
    font-size:60px;
}

section h2.section-heading{
    font-size:45px;
}

.section-heading{
    font-family:nova-alt-bold;
}

section h3.section-subheading{
    font-family:nova-light;
    font-style:normal;
}

.navbar-collapse{
    padding-right:0;
}

.navbar-right{
    float:left !important;
    width:80%;
    margin-top:30px;
}

.back-town{
    float:left;
    width:20%;
}

.navbar-nav>li{
    float:right;
    width:14%;
    border-bottom:none;
}

.navbar-default{
    height:200px;
    padding:10px 0;
    margin:0;
}

.navbar-default .nav li a{
    text-align:center;
    font-family:nova-bold;
    font-size:17px;
    font-weight:bold;
    letter-spacing:2px;
}

nav {    
    box-shadow: 3px 0 3px #000; 
    background-repeat:no-repeat;
}
    
.collapse a span{
    float:left;
    width:100%;
}

header{
    padding-top:125px;
}

header .intro-text .intro-heading,
header .intro-text{
    text-shadow:0 0 5px #333;
}

header .intro-text .intro-heading{
    margin-bottom: 25px;
    font-weight:normal;
}

section{
    padding:50px 0;
}

section#objectifs h4.multi-devices {
    font-size:30px;
    margin:20px 0;
}

section#objectifs .logo img{
    width:100px;
    height:100px;
    border-radius:50px;
    border:2px solid #fede71;
}

section#objectifs .logo img:hover{
    box-shadow:0 0 5px #aaa;
}

.liste-formations,
.detail-formation,
section#contact,
section#suivi,
section#entreprises,
section.espace-adherents{
    float:left;
    width:100%;
    background-color:#f0f0f0 !important;
    background-image:url('/content/images/back.png');
    background-repeat:repeat;
}

section.espace-adherents {
    background-image:none;
}

section.espace-adherents{
    padding:50px 10%;
}

section#contact .section-heading{
    color:inherit;
}

section#entreprises h2{
    margin-bottom:10px;
}

section#entreprises h3,
section#suivi h3,
section#formation h3{
    margin:20px 0;
    font-size:22px;
}

section#entreprises canvas{
    pointer-events: none;       /* make the canvas transparent to the mouse - needed since canvas is position infront of image */
    position: absolute;
}

section#entreprises .map{
    max-width:100%;
    text-align:center;
}

section#entreprises .map img{
    width:100%;
    max-width:500px;
    border-radius:15px;    
    box-shadow:0 0 5px #333;
}

section#entreprises area:hover{
    display:block;
    background-color:#f00;
    color:#f00;
}

section#entreprises .list{
    margin-top:20px;
    margin-bottom:50px;
}

section#entreprises .list .line{
    float:left;
    width:100%;
    margin:30px 0;
}


section#entreprises .list h2{
    font-size:22px;
}

section#entreprises .list img,
section#entreprises .list .address{
    float:left;
}

section#entreprises .list .address{
    width:47%;
    margin-left:3%;
    padding-top:5px;
}

section#entreprises .list .address div{
    width:100%;
}

#entreprises .list{
    float:left;
    width:100%;
}

section#entreprises .list #entreprise{
    float:left;
    width:40%;
    margin:0 5%;
    padding:0.4%;
    border:1px solid #aaa;
    background-color:#fff;
}

#entreprise .fiche{ 
    float:left;
    width:100%; 
    min-height:530px;
    font-size:20px;
    /*margin:0 30%;*/
    padding:2%;
    background-color:#ddd;
    background-image:url('/content/images/back-ets.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#entreprise .fiche.with-photo{
    height:670px;
}

.row.ets.mid{
    float:left;
    width:50%;
    min-height:300px;
    margin:0;
}

#entreprise .fiche .ets h2,
#entreprise .fiche .ets h3{
    cursor:default;
}

#entreprise .fiche .ets.photo-ets{
    margin-bottom:15px;
}

#entreprise .fiche .ets.photo-ets img{
    float:none;
    max-width:95%;
    height:150px;    
    margin:auto;
    border: 1px solid #ccc;
    display:block
}

#entreprise .fiche .ets .infos .img{
    float:left;
    width:50%;
}

#entreprise .fiche .ets .infos .img img{
    float:right;
    max-height:150px;
}

#entreprise .fiche .ets .jobs,
#entreprise .fiche .ets .files{
    padding: 15px 0;
}

#entreprise .fiche .ets .jobs,
#entreprise .fiche .ets .files{
    float:left;
    width:100%;  
    height:100%;
}

#entreprise .fiche .ets .files{
    background-color:#eee;
}

#entreprise .fiche .ets .infos{
    width:100%;
}

#entreprise .fiche .ets .jobs {
    width:95%;
    margin-right:5%;
    border-right: 2px solid #fff;
}

#entreprise .fiche .ets.nodoc{
    width:50%;
    margin:0 25%;
}

#entreprise .fiche .ets .jobs.nodoc{
    border-right:none;
}

#entreprise .fiche .ets .infos,
#entreprise .fiche .ets .jobs {
    float:left;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

#entreprise .fiche .ets .jobs h3{
    border-bottom:2px  solid #fff;
}

#entreprise .fiche .ets h3{
    width:90%;
    margin-left:5%;
    padding:0 0 10px 15px;
    font-family: nova-alt-bold;
    font-size:22px;
    font-style:normal;
    font-weight:700;
    text-align:left;
    text-transform:uppercase;
}

#entreprise .fiche .ets .files h3{
    color:#ffb110;
}

#entreprise .fiche .ets .jobs .job{    
    width: 100%;
    float: left;
    padding-left:9%;
}

#entreprise .fiche .ets .files .file{    
    width: 85%;
    float: left;
    margin:5px 0 5px 9%;
    text-align:left;
}

section#suivi .form-control {
    float:left;
    height:auto;
    width:45%;
    padding:20px;
    margin:0 2% 50px 2%; 
    text-align:center;
}

section#partenaires h3.section-subheading{
    color:#ccc;
}

article#entreprise .row a{
    color: #333;
    font-weight:bold;
}

article#entreprise .row .address .addr2{
    margin-bottom:5px;
}

article#entreprise .row .address.maxcenter{
	width:100%;
	text-align:center;
}

section#objectifs div.col-lg-12,
section#contact div.col-lg-12{
    margin-top:30px;
}

footer{
    float: left;
    width: 100%;
    color: #fff;
    font-family:nova-light;
    font-size: 14px;
    padding: 35px 0 10px 0;
}

footer .infoslegales{
    margin:0;
}

footer .infoslegales,
.copyright{
    font-size:12px;
}

footer .infoslegales a,
.copyright a{
    color:#aaa;
}

.partenaires{
    margin-top:30px;
}

.partenaires .partenaire{
    float:left;
    width:33%;
    text-align:center;
    margin-bottom:25px;
}

.partenaires .partenaire img{
    max-height:150px;
}

#partenaires h2.section-heading,
.partenaires .partenaire h3 a{
    color:#FFF;
}

.partenaires .partenaire.unikalo{
    position:absolute;
    z-index:1000;
}

.error {
    color:#F00;
    text-align:center;
}

.espace-adherents button.dlall{
    position:relative;
    float:left;
    width:40%;
    left:30%;
    margin-bottom:35px;
    padding:8px;
    border-radius:10px;
}

.espace-adherents .userrow{
    background-color:#eee;
    margin-bottom: 25px;
}

.espace-adherents .userrow .row{
    margin-right:0;
    margin-left:0;
    padding:15px;
}

.espace-adherents .document a{
    color:#0074CE;
}

.espace-adherents .document:hover{
    background-color:#5bc0de;
}

.espace-adherents .document{
    float:left;
    width:100%;
    padding:15px 0;
    border-top:1px solid #ccc;
}

.espace-adherents .document span.nom{
    width:31%;
}


.espace-adherents .document span{
    float:left;
    width:23%;
}

.userrow button.logs{
    float: right;
    left: 0;
    width: auto;
    margin-top: -40px;
}

.espace-adherents .document span.dl{
    text-align:center;
    color:#0074CE;
    text-decoration:underline;
}

.espace-adherents .document span.dl.dla,
.espace-adherents .document span.dl a{
    cursor:pointer;
}

.espace-adherents .shadowcontainer{
    position: fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:#CCC;
    opacity:0.7;
    z-index:1000;
}

.espace-adherents .upload{
    position: fixed;
    width:40%;
    height:350px;
    left:30%;
    top:250px;
    border:1px solid #999;
    box-shadow:1px 1px 0px #777;
    background-color:#FFF;
    z-index:1001;
}

.espace-adherents .upload h3,
.espace-adherents .upload h5{
    width:100%;
    text-align: center;
}

.espace-adherents .upload div{
    float:left;
    width:100%;
    margin:5px 0;
}

.espace-adherents .upload .file {
    width:80%;
    margin:0 10% 10px 10%;
}

.espace-adherents .upload button{
    width:30%;
    left:65%;
    margin:10px 0;
    padding:5px;
    text-transform:uppercase;
}

.espace-adherents .upload .file input{
    position:relative;
    float:left;
    left:25%;
    margin-top:15px;
}

.espace-adherents .load{
    position:fixed;
    float:left;
    left:39%;
    top:150px;
}

section#formation h3.section-subheading{
    margin-bottom:25px;
}

.btn-xl,
#formation .row .btn-link{    
    background-color: #fdb723;
}

#formation .row .btn-link{
    float:left;
    width:20%;
    margin:0 5% 20px;
    padding:40px 0;
    color:#fff;
    text-shadow:1px 1px #ccc;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-size:20px;
    font-family:nova-alt-bold;
}

#formation .row .btn-link span {
    width:100%;
    font-size:15px;
    margin-top:6px;
    letter-spacing:1px;
}

#formation .row .btn-link-g{
    margin:0 2% 20px 28%;
}

#formation .row .btn-link-d{
    margin:0 28% 20px 2%;
}

#formation .row .btn-link-one{
    position: relative;
    left: 50%;
    transform: translate(-50%);
    margin: 0;
}

#formation .row .btn-link a{
    float:left;
    width:100%;
    color:#fff;
    text-shadow:1px 1px #ccc;
}

section#formulaire-pvc{
    padding-top:30px;
}

section#formulaire-pvc h1.section-heading{
    font-size:50px;
}

section#formulaire-pvc form input[type="submit"]:hover,
#formation .row .btn-link:hover{
    background-color: #fec503;
}

section#formulaire-pvc .infos{
    width:70%;
    margin:20px 15%;
    font-size:17px;
}

section#formulaire-pvc form{
    width:70%;
    margin:0 15%;
}

section#formulaire-pvc form .ligne{
    float:left;
    width:100%;
    margin-bottom:20px;
}

section#formulaire-pvc form .ligne label,
section#formulaire-pvc form .ligne input[type="text"],
section#formulaire-pvc form .ligne input[type="date"],
section#formulaire-pvc form .ligne input[type="checkbox"],
section#formulaire-pvc form .ligne input[type="radio"]{
    float:left;
    font-size:17px;
}


section#formulaire-pvc form .ligne label{
    width:160px;
    margin-top:10px;
}

section#formulaire-pvc form .ligne input[type="text"],
section#formulaire-pvc form .ligne input[type="date"]{
    width:250px;
    margin:0 10px;
    padding:10px 0;
}

section#formulaire-pvc form .ligne input[type="checkbox"],
section#formulaire-pvc form .ligne input[type="radio"]{
    margin-right:15px;
    margin-top:15px;
    
}

section#formulaire-pvc form .ligne.adresse input[type="text"]{
    width:673px;
}

section#formulaire-pvc form .ligne .wauto{
    width:auto;
}

section#formulaire-pvc form .bloc{
    margin-bottom:20px;
}

section#formulaire-pvc form .bloc hr{
    float:left;
    width:100%;
    border-color:#000;
}

section#formulaire-pvc form .champs{
    float:left;
    width:auto;
}

section#formulaire-pvc form textarea{
    width:500px;
    max-width: 100%;
    height:100px;
}

section#formulaire-pvc form input[type="submit"]{
    padding:20px;
    border:none;
    color: #fff;
    background-color: var(--jaune-batiecom);
    font-weight: normal;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

section#formation .row{
    margin-bottom:10px;
}

section#formation .row.row-one{
    width: 100%;
}

section#formation .row.row-one .btn-link{
    float:none;
    margin:0 auto;
}

.formation-info,
section#differences{
    background-color:#004278;
}

section#differences .bloc{
    float:left;
    width:20%;
    height:445px;
    margin:10px 5.666%;
    padding:1%;
    color:#fff;
    font-family:nova-light;
    text-align:center;
}

section#differences .bloc .titre{
    font-family:nova-alt-bold;
    font-size:30px;
}

section#differences .bloc .titre.titre-alone{
    font-family:nova-light;
    font-size:34px;
    padding-top:75px;
}

section#differences .bloc .trait{
    width:25%;
    height:2px;
    margin:20px 37.5%;
}

section#differences .bloc .text{
    font-family:nova-light;
    font-size:20px;
}

section#differences .bloc.bloc2{
    background-color:#c44486;
}

section#differences .bloc.bloc2 .trait{
    background-color:#004278;
}

section#differences .bloc.bloc3{
    background-color:#f5821f;
}

section#differences .bloc.bloc3 .trait{
    background-color:#c44486;
}

section#differences .bloc.bloc4{
    background-color:#573594;
}

section#differences .bloc.bloc4 .trait{
    background-color:#c44486;
}

section#differences .bloc.bloc5{
    background-color:#0f153b;
}

section#differences .bloc.bloc5 .trait{
    background-color:#f9a45e;
}

section#differences .bloc.bloc6{
    background-color:#a6ce39;
}

section#differences .bloc.bloc6 .trait{
    background-color:#004278;
}

section#formation{
    background-color: #014278;
    color:#fff;
}


.video .batiecom-video{
    width:59%;
    margin:0 20%;
    border:2px solid #fff;
}

section#resume{
    background-color: #014278;
    background-image: -webkit-linear-gradient(top bottom, #004178 0%, #0f153b 100%);
    background-image:    -moz-linear-gradient(top bottom, #004178 0%, #0f153b 100%);
    background-image:     -ms-linear-gradient(top bottom, #004178 0%, #0f153b 100%);
    background-image:      -o-linear-gradient(top bottom, #004178 0%, #0f153b 100%);
    background-image:         linear-gradient(top bottom, #004178 0%, #0f153b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#004178',endColorstr='#0f153b', GradientType=0);
}

footer{
    background-color: #014278;
}

section#resume .blocs-gauche,
section#resume .blocs-droite{
    float:left;
    width:50%;
}

section#resume .blocs-gauche .texte{
    width:60%;
    margin:0 20%;
    color:#fff;
    padding-top:70px;
    font-size:28px;
    text-align:justify;
}

section#resume .blocs-droite img{
    width:60%;
    margin:0 20%;
}

section#solution{
    text-align:center;
    background-color:#014278;
}

section#solution img{
    width:60%;
    margin:0 20%;
}

section#solution .titre{
    font-family:nova-bold;
    font-size:50px;
    color:#f5821f;
}

section#solution .soustitre{
    margin-top:20px;
    font-size:23px;
    color:#fff;
}

section#fluidite {
    background-color: #f0f0f0;
    background-image: url('/content/images/back.png');
}

section#fluidite h2{
    text-align:center;
}

section#fluidite .bloc{
    float:left;
    width:50%;
}

section#fluidite .bloc .texte{
    width:80%;
    margin:0 10%;
    padding-top:60px;
    font-size:30px;
    text-align: justify;
}

section#fluidite .bloc img{
    width:80%;
    margin:0 10%;
}

form {
    float:left;
    width:70%;
    margin:0 15%;
}

section#formation .texte{
    width:60%;
    margin:0 20%;
    font-size:18px;
}

.btn-video{
    float: left;    
    width: 20%;    
    margin: 15px  40%;    
    padding: 40px 0;    
    color: #fff;
    background-color: #fec503;    
    border-color: #f6bf01;
    text-shadow: 1px 1px #ccc;    
    text-align: center;    
    text-transform: uppercase;    
    font-weight: bold;    
    font-size: 20px;    
    font-family: nova-alt-bold;
}

.btn-video{
    width: 40%;    
    margin: 15px  30%;   
}

.btn-video:hover{
    background-color: #fec503;   
    color: #fff; 
}

@media (max-width:1680px) {
    section#differences .bloc{
        width:25%;
        margin:10px 4.166%;
    }
}

@media (max-width:1250px) {
    section#formulaire-pvc form{
        width:90%;
        margin:0 5%;
    }
    
    section#formulaire-pvc form .ligne input[type="checkbox"]{
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
    }
    
    section h2.section-heading{
        font-size:35px;
    }
    
    nav .accroche,
    .navbar-default .navbar-collapse{
        display:none !important;
    }
    
    .container .nav-right{
        float:right;
        width:20%;
        height:auto;
    }
    
    .navbar-default{
        height:auto;
    }
    
    .nav-mobile{
        margin-top:5px;
        border-top:1px solid #fff;
    }
    
    .btmenu{
        float: right;
        width:100%;
        margin:10px 1% 0 0;
        cursor:pointer;
        display: block;
    }
    
    section#fluidite .bloc,
    section#resume .blocs-gauche, section#resume .blocs-droite{
        width:100%;
    }
    
    section#fluidite .bloc .texte,
    section#resume .blocs-gauche .texte{
        width:90%;
        margin:0 5%;
        padding:20px 0;
        font-size:22px;
    }
    
    section#differences .bloc{
        width:40%;
        margin:10px 5%;
    }
    
    section#solution .titre{
        font-size:40px;
    }
    
    section#solution img,
    section#solution .soustitre{
        width:80%;
        margin:0 10%;
    }
    
    .btmenu.btmenu2{
        display:none;
    }
    
    .container .nav-left .logo img{
        width:100%;
        height:auto;
    }
    
    .navbar-nav>li{
        border-bottom:1px solid #ddd;
    }

    .container{
        width:100%;
        padding:0;
    }
    
    .navbar-nav.navbar-right:last-child {
        margin-right:0;
    }
    
    nav{     
        position:relative !important;
        margin-bottom:0 !important;   
    }  
    
    nav ul{     
        display:none;
    }    
    
    .navbar-default{
        /*padding: 90px 0 140px 0;*/
        padding:0;
    }
        
    section{
        padding-top:20px;
    }
    
    .collapse{
        display:block !important;
        background-color:#29272a;
    }
    
    .collapse a span{
        float:none;
        width:auto;
    }
    
    img.multi-devices{
        width:80%;
    }
    
    .navbar-right{
        width:100% !important;
        margin:0;
    }
    
    .navbar-nav>li{
        float:right;
        width:100%;
    }
    
    .btn-xl{
        font-size:110%;
    }
    
    section#suivi .form-control{
        width:70%;
        margin:10px 15%;
    }

    .partenaires .partenaire.unikalo{
        top:100px;
        right:40px;
    }

    .partenaires .partenaire.unikalo img {
        width:90px;
    }
    
    #entreprise .fiche .ets h3{
        font-size:18px;
    }
    
    #entreprise .fiche .ets .files .file,
    #entreprise .fiche .ets .jobs .job{
        font-size:13px;
    }
    
    section#contact .form-group input.form-control,
    section#contact .form-group textarea{
        /*width:70%;
        margin:10px 15%;*/
    }
    
    section#formulaire-pvc h1.section-heading{
        font-size:45px;
    }
}

@media (max-width: 450px) {  
    #entreprise .fiche .ets.photo-ets img{
        max-width: 90%;
        height:auto;
    }
    
    .row.ets.mid{
        width:100%;
    }
    
    #entreprise .fiche.with-photo{
        height: auto;
    }
    
    #entreprise .fiche .ets .jobs{
        border-right:none;
    }
    
    section#entreprises .list .address{
        width:100%;
        text-align:center;
    }
    
    #entreprise .fiche .ets .infos .img{
        width:100%;
        text-align: center;
    }
    
    #entreprise .fiche .ets .infos .img img{
        float:none;
    }
    
    #entreprise .fiche .ets.nodoc{
        width:90%;
        margin:0 5%;
    }
}

@media (max-width: 770px) {  
    .partenaires .partenaire.unikalo{
        top:10px;
        right:40px;
    }
    
    section#formulaire-pvc form .ligne.adresse input[type="text"]{
        width:250px;
    }
}

@media (max-width: 1300px) {    
    section#entreprises .list #entreprise{
        width:80%;
        margin:0 10% 20px 10%;
    }    
}

@media (max-width: 1550px) {  
    nav .accroche .text{
        font-size:20px;
    }
    
    nav .accroche img{
        height:47px;
    }
    
    .back-town{
        display:none;
    }
    
    .navbar-right{
        float:right !important;
        width:100%;
    }
}

@media (max-width: 1675px) {  
    section#formulaire-pvc form{
       /* width:60%;
        margin:0 20%;*/
    }
}

@media (max-width: 1160px) {   
    section#differences .bloc{
        height:400px;
    }
}

@media (max-width:900px) {      
    section#differences .bloc{
        width:80%;
        margin:10px 10%;
    }
    
    .btn-video{
        width:40%;
        margin:15px 30%;
    }
    
    .video .batiecom-video{
        width:90%;
        margin:0 5%;
    }
    
    .partenaires .partenaire {
        width: 50%;
    }
}
    
@media (max-width:800px) {    
    section#formation .row.row-one{
        width:auto;
    }
    
    #formation .row .btn-link{
        width:50%;
        margin:0 25% 30px 25%;
    }
}

@media (max-width:700px) {   
    .partenaires .partenaire{
        width:100%;
    }
    
    
}

@media (max-width:600px) {   
    .btn-video{
        width:80%;
        margin:15px 10%;
    }
    
    .video .batiecom-video{
        width:80%;
        margin:0 10%;
    }
}

@media (max-width:500px) {   
    h1.section-heading{
        font-size:35px;
    }
    
    
    section#solution .titre,
    section h2.section-heading{
        font-size:25px;
    }
    
    
    section#fluidite .bloc .texte, 
    section#resume .blocs-gauche .texte,
    section#differences .bloc .text{
        font-size:18px;
    }
    
    section .row {
        width:100%;
        margin:0 auto;
    } 
    
    .datadock-rotate {
        display:none;
    }
    
    form,
    section#contact .form-group input.form-control, 
    section#contact .form-group textarea,
    section#formation .texte{
        width:90%;
        margin:0 5%;
    }
    
    section#contact h3.section-subheading{
        margin-bottom: 5px;        
    }
    
    .navbar-default .nav li a{
        font-size:19px;
    }
}

@media (max-width: 1400px) {  
    section#formulaire-pvc form{
        width:90%;
        margin:0 5%;
    }
}

.partenaire a,
.partenaire a h3{
    color:#fff;
    cursor:pointer;
}

section#suivi form.gestionpvc .form-group{
    text-align:center;
}

section#suivi form.gestionpvc label,
section#suivi form.gestionpvc input.form-control {
    float:none;
    width:30%;
    display: inline-flex;
    font-size:22px;
    margin:0;
}

section.infoslegales{
    
}

section.infoslegales h3,
section.infoslegales p,
section.infoslegales div.ul{
    width:70%;
    margin:15px 15%;
}

.datadock-rotate {
    position: absolute;
    width: 85px;
    transform: rotate(35deg);
    margin-top: -30px;
    margin-left: 60px;
}

.espace-adherents .document.expire-2 {
    color:#f00;
    font-weight:bold;
}

.espace-adherents .document.expire-1 {
    color:#ff8d00;
    font-weight:bold;
}

.espace-adherents .document span span {
    width:auto;
}

.pvc-susp {
    text-align: center;
    color:#f00;
    font-size:25px;
}

.detail-formation * {
    color:#333;
}

.detail-formation .duree {
    font-size:30px;
    color:var(--bleu-batiecom);
}

.detail-formation .pdf i {
    font-size:30px;
    color:var(--bleu-batiecom);
}

.detail-formation h1 {
    margin-bottom:40px;
    text-transform:none;
}

.detail-formation .prix{
    font-size:20px;
    padding-top:8px;
}

.detail-formation .bloc-prix {
    padding-right:50px;
    box-sizing:border-box;
}

.detail-formation .bloc-obj {
    padding-left:50px;
    border-left:5px solid var(--jaune-batiecom);
    box-sizing:border-box;
}

.detail-formation .obj {
    font-size: 18px;
    margin-bottom: 10px;
}

.detail-formation .obj i {
    color:var(--bleu-batiecom);
}

.detail-formation .titre-obj {
    margin-bottom:20px;
}

.detail-formation .titre-obj span {
    border-bottom:2px solid var(--bleu-batiecom);
    color:var(--bleu-batiecom);
}

.formation-info * {
    color:#fff;
}

.programme-formation div,
.formation-info div {
    font-size:17px;
}

.programme-formation .txt-info,
.formation-info .txt-info {
    margin:0 25% 50px;
}

.formation-info .txt-info:last-child {
    margin-bottom:0;
}

.programme-formation h2,
.formation-info h2 {
    margin:0 25%;
    padding-bottom:15px;
}

.programme-formation h2 span {
    border-bottom:3px solid var(--bleu-batiecom);
    color:var(--bleu-batiecom);
}

.formation-info h2 span {
    border-bottom:3px solid var(--jaune-batiecom);
}

.programme-formation .lst-prog i {
    font-size:15px;
    color:var(--jaune-batiecom);
}

.programme-formation .lst-prog h2 {
    text-transform:none;
    margin:25px 25%;
}

.programme-formation h2.section-heading {
    padding-bottom:5px;
    margin-bottom:0;
}

.detail-formation#formation .row .btn-link {
    width:300px;
    padding:15px 0;
    margin-top:40px;
}

.detail-formation#formation .row .btn-link a {
    text-shadow:none;
    color:var(--bleu-batiecom);
}

.liste-formations .stats-form {
    padding:0 25%;
    display:flex;
}

.liste-formations .stats-form div {
    width:50%;
    padding:40px 0;
    display:flex;
    flex-direction:column;
}

.liste-formations .stats-form div {
    font-size:18px;
}

.liste-formations .stats-form div .nb {
    font-size:24px;
    font-weight:bold;
}

.liste-formations .liste {
    display: flex;
    justify-content: center;
}

.liste-formations .liste .bloc-formation {
    width:300px;
    height:220px;
    margin:50px 10px 30px;
}

.liste-formations .liste .bloc-formation img {
    width:100%;
    height:100%;
}

.liste-formations .liste .bloc-formation:hover span {
    text-decoration:underline;
}

.liste-formations .liste .bloc-formation:hover span {
    background-color:rgba(1,66,120,1);
}

.liste-formations .liste .bloc-formation span {
    position:absolute;
    width:300px;
    height:65px;
    background-color:rgba(253,183,35,0.75);
    color:#fff;
    margin-top:155px;
    font-size:20px;
    letter-spacing:1px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-property: background-color;
    transition-duration: 1s;
    text-align:center;
}

section#formulaire-pvc form .bloc-session .champs label {
    padding:10px;
    background-color:var(--bleu-batiecom);
    color:#fff;
    text-align:center;
    font-weight:normal;
    cursor:pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

section#formulaire-pvc form .bloc-session .champs label:hover {
    text-decoration:underline;
}

section#formulaire-pvc form .bloc-session .champs {
    margin-right:15px;
    display: flex;
    align-items: stretch;
}

section#formulaire-pvc form .bloc-session .champs label.select-session {
    padding:10px;
    background-color:var(--jaune-batiecom);
    color:var(--bleu-batiecom);
    text-align:center;
}

section#formulaire-pvc form .bloc-session .ligne {
    display: flex;
    align-items: stretch;
}

section#formulaire-pvc form .ligne .handicap .lbl-handi {
    width:35px;
}

section#formulaire-pvc form .ligne .handicap .champs {
    margin-left:5px;
}

.detail-formation .pdf a {
    padding-top:8px;
    display:flex;
    justify-content: flex-end;
    align-items: center;
}