.interne{background:#f5f5f5;}
ul{padding:0px;margin:0px;}
.title_caption{
    font-size: 60px;
    position: relative;
    margin: 20px 0px;
    display: block;
    text-align:center;
    color:#fff;
    font-family: ubuntu;
    font-weight: 600;
}






.caption_interne{position:absolute;height: 100%;width: 100%;top: 0px;left: 0px;text-align: center;display: flex;align-items: center;}
.caption_interne>div{width:100%;padding: 0px 15px;}
.image_page img{max-height: 100%;width: 100%;}
.image_page{position:relative;width: 100%;overflow: hidden;}
.caption_interne p{font-size:24px;color:#fff;font-400;}

.title_interne {
    font-size: 45px;
    position: relative;
    margin: 20px 0px;
    display: block;
    text-align:center;
    font-family: ubuntu;
    font-weight: 600;
}
.title_interne  span{display:block;}
.text{font-family:roboto;font-size:16px;color:#4f4f4f;}
.title_organisation{
    font-family: roboto;
    font-size: 25px;
    position: relative;
    margin: 20px auto;
    display: table;
    text-align:center;
    font-weight:700;
    color:#131313;
}
.title_organisation:after{content: "";height: 1px;width: 80px;background: #69a714;display: block;position: absolute;right: -150px;top: 18px;}
.title_organisation:before{content:"";height: 1px;width: 80px;background: #69a714;display: block;position: absolute;left: -150px;top: 18px;}
.title_organisation span:after{content: "";height: 80px;width: 1px;background: #69a714;display: block;margin:20px auto;}
.flex-item{display:flex;align-items: center;font-size:16px;padding: 30px 0px;line-height: 25px;}
.vert:hover {
    background: #69a714;
}
.num{font-size:60px;font-family: "ClarendonLTStd-Bold";color:#cfcfcf;padding: 0px 10px;}
.num:after{content:"/";font-size:48px;}
.box_organisation{font-size:18px;color:#131313;text-transform:uppercase;}



.box_domaine .title_interne
{position:absolute;height: 100%;width: 100%;top: 0px;left: 0px;text-align: center;margin: 0px;background: hsla(213, 96%, 20%, 0.7);color: #fff;display: flex;align-items: center;}
.box_domaine .title_interne>div{width:100%;}


.box_domaine {position:relative;margin-top: 60px;width: 100%;overflow: hidden;}
.boxbleu{background: rgba(1,42,93,1);
background: -moz-linear-gradient(top, rgba(1,42,93,1) 0%, rgba(8,63,132,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,42,93,1)), color-stop(100%, rgba(8,63,132,1)));
background: -webkit-linear-gradient(top, rgba(1,42,93,1) 0%, rgba(8,63,132,1) 100%);
background: -o-linear-gradient(top, rgba(1,42,93,1) 0%, rgba(8,63,132,1) 100%);
background: -ms-linear-gradient(top, rgba(1,42,93,1) 0%, rgba(8,63,132,1) 100%);
background: linear-gradient(to bottom, rgba(1,42,93,1) 0%, rgba(8,63,132,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012a5d', endColorstr='#083f84', GradientType=0 );padding:5% 10%;overflow:hidden;margin-bottom: 40px;}
.vertitle{font-size:24px;color:#89ce2a;text-transform:uppercase;font-weight:400;line-height: 28px;margin-bottom: 20px;}
.numvert{font-size:60px;font-family: "ClarendonLTStd-Bold";color:#89ce2a;}
.boxbleu ul {padding:0px;margin:0px;list-style:none;font-size:16px;color:#f5f5f5;font-weight: 400;}
.boxbleu ul li:before{content:"/";color:#89ce2a;margin-right:10px;}
.boxbleu ul li{margin-bottom:10px;}
.boximg_presentation {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.boximg_presentation img{max-width:100%;min-height: 100%;}
.innerflex{padding: 0px 40px;color:#ffffff;font-size:16px;font-family:roboto;font-weight:400;}
.titleimg{
    
    font-size:30px;
    position: relative;
    margin-bottom:20px;font-family: 'Alfa Slab One', cursive;

    display: block;
   
.interne{
    background: #f5f5f5;}  .title_caption{
    font-size: 60px;
    position: relative;
    margin: 20px 0px;
    display: block;
    text-align:center;
    color:#fff;
    font-family: 'Alfa Slab One', cursive;  }  .title_caption:after{
    content:"";
    height:80px;
    width:1px;
    display:block;
    background:#fff;
    margin:0 auto;}  .caption_interne{
    position:absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    display: flex;
    align-items: center;}  .caption_interne>
    div{width:100%;
    padding: 0px 15px;}  .image_page{
    position:relative;
    width: 100%;
    overflow: hidden;}  .caption_interne
    p{font-size:24px;
    color:#fff;
    font-weight:400;}    .title_interne {
    font-size: 60px;
    position: relative;
    margin: 20px 0px;
    display: block;
    text-align:center;
    font-family: 'Alfa Slab One', cursive;  }  .title_interne
    span{display:block;}  .text{
    font-family:roboto;
    font-size:16px;
    color:#4f4f4f;}  .title_organisation{
    font-family: roboto;
    font-size: 25px;
    position: relative;
    margin: 20px auto;
    display: table;
    text-align:center;
    font-weight:700;
    color:#131313;  }  .title_organisation:after{
    content: "";
    height: 1px;
    width: 80px;
    background: #69a714;
    display: block;
    position: absolute;
    right: -150px;
    top: 18px;}  .title_organisation:before{
    content:"";
    height: 1px;
    width: 80px;
    background: #69a714;
    display: block;
    position: absolute;
    left: -150px;
    top: 18px;}  .title_organisation
    span:after{content: "";
    height: 80px;
    width: 1px;
    background: #69a714;
    display: block;
    margin:20px auto;}  .flex-item{
    display:flex;
    align-items: center;
    font-size:16px;
    padding: 30px 0px;
    line-height: 25px;}  .num{
    font-size:60px;
    font-family: "ClarendonLTStd-Bold";
    color:#cfcfcf;
    padding: 0px 10px;}  .num:after{
    content:"/";
    font-size:48px;}  .box_organisation{
    font-size:18px;
    color:#131313;
    text-transform:uppercase;}        .box_domaine .title_interne  {
    position:absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    margin: 0px;
    background: hsla(213, 96%, 20%, 0.7);
    color: #fff;
    display: flex;
    align-items: center;}  .box_domaine .title_interne>
    div{width:100%;}      .box_domaine {
    position:relative;
    margin-top: 60px;
    width: 100%;
    overflow: hidden;}  .boxbleu{
    background:#022d62;
    padding:5% 10%;
    overflow:hidden;
    margin-bottom: 40px;}  .vertitle{
    font-size:24px;
    color:#89ce2a;
    text-transform:uppercase;
    font-weight:400;
    line-height: 28px;
    margin-bottom: 20px;}  .numvert{
    font-size:60px;
    font-family: "ClarendonLTStd-Bold";
    color:#89ce2a;}  .boxbleu
    ul {padding:0px;
    margin:0px;
    list-style:none;
    font-size:16px;
    color:#f5f5f5;
    font-weight: lighter;}  .boxbleu
    ul li:before{content:"/";
    color:#89ce2a;
    margin-right:10px;}  .boxbleu
    ul li{margin-bottom:10px;}  .boximg_presentation {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;  }  .boximg_presentation
    img{max-width:100%;
    min-height: 100%;}  .innerflex{
    padding: 0px 40px;
    color:#ffffff;
    font-size:16px;
    font-family:roboto;
    font-weight:400;}  .titleimg{
    font-family: "ClarendonLTStd-Bold";
    font-size: 30px;
    position: relative;
    margin-bottom:20px;
    display: block;       }  .offre{
    padding:5% 0px;}  .box_offre{
    background:#e3e3e3;
    padding:40px 20px;
    margin-bottom:20px;}  .box_offre
    strong{font-weight:bold;
    font-size:18px;
    display:block;
    margin-bottom:20px;}    .titlecontact{
    font-family: "ClarendonLTStd-Bold";
    font-size: 60px;
    position: relative;
    padding: 5% 20px;
    display: flex;
    color:#131313;
    align-items: baseline;  }  .titlecontact:after {
    content: "";
    background: #69a714;
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 46.9vw;
    bottom: 40%;  }    .titlecontact:before {
    content: "";
    height: 1px;
    background: #69a714;
    width: 45vw;
    bottom: 22px;
    right: 0px;
    margin: 0px 20px;  }  .flexbox{
    display:flex;}  .box_form{
    background:url(../images/formcontact.jpg) no-repeat;
    min-height:500px;
    overflow: hidden;
    background-size: cover;}  .formcontact{
    background: rgba(227, 227, 227, 0.90);
    height: 100%;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2% 0px;  }   
 .input{
    outline:none;
    background:#fff;
    border:0px;
    height:50px;
    width:80%;
    margin:15px auto;
    display:block;
    padding-left:10px;
    text-align: center;}  

 .input_error{
    outline:none;
   
    border:0px;
    height:50px;
    width:80%;
    margin:15px auto;
    display:block;
    padding-left:10px;
    text-align: center;

    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;

}



.input_block{
    outline:none;
    background:#fff;
    border:0px;
    height:150px;
    width:80%;
    margin:15px auto;
    display:block;
    padding-left:10px;
    margin-bottom: 30px;
    text-align: center;
    padding-top: 15px;}  
.boxref{
    padding:40px 20px;}   
  .bloc_references {
    display: flex;
    flex-wrap: wrap;
    position: relative;     width: 85%;
    margin: 0 auto; }   .bloc_references .bleu{
    height:100%;
    min-height:320px;
    padding: 100px 40px;}   .bloc_references .col-xs-6{
    margin-bottom: 30px;}     .bloc_references
    img{      position: absolute;
    z-index: 1;
    left: calc(50% - 100px);
    top: calc(50% - 125px);  }       .bloc_references
    ul {padding:0px;
    margin:0px;
    list-style:none;
    font-size: 15px;
    color:#f5f5f5;
    font-weight: lighter;}   .bloc_references
    ul li:before{content:"/";
    color:#89ce2a;
    margin-right:10px;}   .bloc_references
    ul li{margin-bottom: 7px;}  .maps{}            @media (
    min-width: 992px)  {  .container {      width: 100%;  }    }  @media (
    max-width: 1200px)  {  .boxbleu {           padding: 5% 15px;        }  }
    font-family: 'Alfa Slab One', cursive;
}
.offre{padding:5% 0px;}
.box_offre{background:#e3e3e3;padding:40px 20px;margin-bottom:20px;}
.box_offre strong{font-weight:bold;font-size:18px;display:block;margin-bottom:20px;}

.titlecontact{
    font-size: 60px;
    position: relative;
    padding: 5% 20px;
    display: flex;
    color:#131313;
    align-items: baseline;
    font-family: 'Alfa Slab One', cursive;
    text-align: center;
    text-transform: capitalize;
}
.titlecontact:after {
    content: "";
    background: #69a714;
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 46.9vw;
    bottom: 40%;
}

.titlecontact:before {
    content: "";
    height: 1px;
    background: #69a714;
    width: 45vw;
    bottom: 22px;
    right: 0px;
    margin: 0px 20px;
}
.flexbox{display:flex;}
.box_form{background:url(../images/formcontact.jpg) no-repeat;min-height:500px;overflow: hidden;background-size: cover;}
.formcontact{
    background: rgba(227, 227, 227, 0.90);
    height: 100%;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2% 0px;
}

.input{outline:none;background:#fff;border:0px;height:50px;width:80%;margin:15px auto;display:block;padding-left:10px;text-align: center;}
.input_block{outline:none;background:#fff;border:0px;height:150px;width:80%;margin:15px auto;display:block;padding-left:10px;margin-bottom: 30px;text-align: center;padding-top: 15px;}
.boxref{padding:40px 20px;}

 .bloc_references {
    display: flex;
    flex-wrap: wrap;
    position: relative;    width: 85%;
    margin: 0 auto;
}
 .bloc_references .bleu{height:100%;min-height:320px;padding: 100px 40px;background: rgba(1,42,93,1);
background: -moz-linear-gradient(top, rgba(1,42,93,1) 0%, rgba(8,63,132,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,42,93,1)), color-stop(100%, rgba(8,63,132,1)));
background: -webkit-linear-gradient(top, rgba(1,42,93,1) 0%, rgba(8,63,132,1) 100%);
background: -o-linear-gradient(top, rgba(1,42,93,1) 0%, rgba(8,63,132,1) 100%);
background: -ms-linear-gradient(top, rgba(1,42,93,1) 0%, rgba(8,63,132,1) 100%);
background: linear-gradient(to bottom, rgba(1,42,93,1) 0%, rgba(8,63,132,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012a5d', endColorstr='#083f84', GradientType=0 );

    border-radius: 130px 0 0 0;
}
.bloc_references .bleu.right_bottom{border-radius: 0px 0 130px 0;}
.bloc_references .bleu.right_top{border-radius: 0 130px 0 0;}
.bloc_references .bleu.left_bottom{border-radius: 0px 0 0 130px;}
 .bloc_references .col-xs-6{margin-bottom: 30px;}

 .bloc_references img{
    position: absolute;
    z-index: 1;
    left: calc(50% - 100px);
    top: calc(50% - 125px);
}


 .bloc_references ul {padding:0px;margin:0px;list-style:none;font-size: 15px;color:#f5f5f5;font-weight: lighter;}
 .bloc_references ul li:before{content:"/";color:#89ce2a;margin-right:10px;}
 .bloc_references ul li{margin-bottom: 7px;}
.maps{}

.details_produit{
    padding: 5% 0px;
}




@media (min-width: 768px)
{
.container {
    width: 100%;
}
}

@media (min-width: 992px)
{
.container {
    width: 100%;
}

}

@media (min-width: 1200px)
{
.container {
    width:1170px;
}

}



@media (max-width: 1200px)
{
.boxbleu {
   
    padding: 5% 15px;
    
}
}
@media (max-width: 992px)
{
.titlecontact:before{display:none;}
.titlecontact:after{display:none;}
.titlecontact{justify-content:center;}
}
@media (max-width: 767px)
{
.flex-item{justify-content:center;}
.boxbleu .col-xs-12{margin-bottom:30px;}
.title_caption{font-size: 35px;}
.caption_interne p {
    font-size: 18px;
    }
.title_interne{font-size: 35px;}


.title_organisation:before{display:none;}
.title_organisation:after{display:none;}
.bloc_references .bleu{    padding: 100px 15px;}
.flexbox {
    display: block;
}

}

@media (max-width:600px)
{
 .bloc_references .col-xs-6{margin-bottom: 30px;width: 100%;}
.bloc_references img{display:none;}
}

.center_margin{float:none; margin : 0 auto}