/*Général*/
html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Calibri, sans-serif;
    color:#2C3D4D;
}
h1{
    font-size: 32px;
}
h2{
    font-size: 20px;
}
h3{
    font-size: 28px;
    color:#B93894;
}
nav {
    display: block;
}
.show-menu {
    text-decoration: none;
    color: #000;
    text-align: right;
    padding: 10px 15px;
    display: none;
    cursor: pointer;
    text-transform: uppercase;
}
.content_head input[type=checkbox]{
    display: none;
}
header {
    position: fixed;
    background: #fff;
    width: 100%;
    height: 40px;
    z-index: 1;
    top: 0;
}
.content_head_FSE{
    float: right;
}
.content_head_FSE img{
    height: 40px;
    width: auto;
}
.content_head{
    position: fixed !important;
    background-image: url("../images/Logo.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    position: relative;
    width: 60%;
    margin-right: 20%;
    margin-left: 20%;
    height: 40px;
}
.content_foot{    
    position: relative;
    width: 60%;
    height: 100%;
    margin-right: 20%;
    margin-left: 20%;
    color:#606672;
}
.content_foot nav{
    line-height: 40px;
}
.content_foot span{
    line-height: 40px;
}
.content_foot a:link, .content_foot a:visited {
    color:#606672;
}
nav{
    float: right;
}
.menu {
    position: relative;
    float: right;
    width: 100%;
    height: 40px;
    margin: 0;
    margin-top: 0px;
    padding: 0px;
    list-style: none;
    background-color: transparent;
    z-index: 2;
}
.menu li {
    float: left;
    padding: 0 0 10px 0;
    position: relative;
    list-style: none;
}
.menu a {
    /*letter-spacing: 0.1em;*/
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 5px;
    font-size: 16px;
    line-height: 30px;
}
a:link, a:visited {
    text-decoration: none !important;
    color: #2C3D4D;
    font-weight: bold;
}
.active {
    color: #333 !important;
    border-bottom: 5px solid #81AF48;
}
footer {
    width: 100%;
    height: 40px;
    background: #1A1C28;
    position: fixed;
    bottom: 0;
}
.content{
    top:40px;
    position: relative;
    width: 100%;
    height: -webkit-calc(100vh - 80px);
    height: -moz-calc(100vh - 80px);
    height: calc(100vh - 80px);
    margin-left: auto;
    margin-right: auto;
}
.content_child{
    position:relative;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.video_part{
    position: relative;
    float: left;
}
.video_part_video{
    position: relative;
    float: left;
}
.video_c3, .video_c3_txt_3p{
    position: relative;
    float: left;
    width: -webkit-calc(88% / 3);
    width: -moz-calc(88% / 3);
    width: calc(88% / 3);
    margin-left: 2%;
    margin-right: 2%;
    height: auto;
    margin-bottom: 20px;
}
.metier_part{
    position: relative;
    float: left;
    width: -webkit-calc(92% / 2);
    width: -moz-calc(92% / 2);
    width: calc(92% / 2);
    margin-left: 2%;
    margin-right: 2%;
    height: auto;
    margin-bottom: 20px;
}
iframe{
    text-align: justify;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-left: 0px;
    background-color: transparent;
    border: 1px solid #3a4f63;
}
.video_c3_txt{
    text-align: justify;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-left: 0px;
    background-color: transparent;
}
.text_prs{
    text-align: justify;
    position: relative;
    float: left;
    width: 60%;
    height: auto;
    margin-left: 20%;
    margin-right: 20%;
    background-color: transparent;
}
.text_prs_text{
    text-align: justify;
    position: relative;
    float: left;
    width: 60%;
    height: auto;
}
.text_prs_img{
    position: relative;
    float: left;
    width: 40%;
    height: 100%;
    background-image: url("../images/img_pres.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
}
.pres_img{
    position: relative;
    float: left;
    width: 20%;
    height: auto;
    margin-right: : 20%;
    background-color: transparent;
}
.pres_img img{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: auto;
}
.text_fly{
    text-align: justify;
    position: relative;
    float: left;
    width: 60%;
    height: auto;
    margin-left: 20%;
    margin-right: 20%;
    background-color: transparent;

}
.text_fly_text{
    text-align: justify;
    position: relative;
    float: left;
    width: 60%;
    height: auto;
}
.text_fly_img{
    position: relative;
    float: left;
    width: 40%;
    height: 100%;
    /*background-image: url("../images/flyers.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;*/
}
.text_fly_img_div_img_bt{
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%);
}
.text_fly_img img{
    width: 100%;
    height: auto;
}
.dl_bt{
    background: url(../images/img_dl.png) no-repeat 1% 50%;
    width: 100%;
    background-color: #225BB4;
    color:#FFF !important;
    font-weight: bold;
    border:none;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin: 5px;
    padding: 10px;
}
.dl_bt:hover{
    background-color: #B93894;
}
.text_met, .video_content{
    text-align: justify;
    position: relative;
    float: left;
    width: 60%;
    height: auto;
    margin-left: 20%;
    margin-right: 20%;
    background-color: transparent;

}
.text_c3 h1, .text_c3 h3, .text_met h1{
    text-align: center;
}
.head_img{
    position: relative;
    width: 100%;
    height: auto;
}
.head_img img{
    width: 100%;
    height: auto;
}
.col_pres{
    display: -webkit-box;      /* iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* Firefox 19 */
    display: -ms-flexbox;      /* IE 10 */
    display: -webkit-flex;     /* Chrome */
    display: flex;             /* Opera 12.1, Firefox 20+ */
    background:#E1E4EB; 
}
.col_video{
    display: -webkit-box;      /* iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* Firefox 19 */
    display: -ms-flexbox;      /* IE 10 */
    display: -webkit-flex;     /* Chrome */
    display: flex;             /* Opera 12.1, Firefox 20+ */
}
.col_met{
    display: -webkit-box;      /* iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* Firefox 19 */
    display: -ms-flexbox;      /* IE 10 */
    display: -webkit-flex;     /* Chrome */
    display: flex;             /* Opera 12.1, Firefox 20+ */
    background:#B93894;
    color: #FFF;
}
.col_fly{
    display: -webkit-box;      /* iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* Firefox 19 */
    display: -ms-flexbox;      /* IE 10 */
    display: -webkit-flex;     /* Chrome */
    display: flex;             /* Opera 12.1, Firefox 20+ */
    background:#78C2E9;
}
.col_link{
    display: -webkit-box;      /* iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* Firefox 19 */
    display: -ms-flexbox;      /* IE 10 */
    display: -webkit-flex;     /* Chrome */
    display: flex;             /* Opera 12.1, Firefox 20+ */
}
.cl_ancre{
    margin-top: -40px;
}
.link_content{
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    text-align: center;
    padding-bottom: 40px;
}
.link_content img{
    height: auto;
    vertical-align: middle;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
    ::i-block-chrome,.cl_ancre {
        display: -webkit-box;
    }

    ::i-block-chrome,.text_prs_img {
        display: -webkit-box; 
        width: 100%;
    }
}

@media only screen and (max-width: 960px) {
    .show-menu{
        display:block;
    }
    .content_head input[type=checkbox]:checked ~ nav{
        display: block;
    }
    nav {
        width:100%;
        margin-top: -5px;
        display: none;
    }
    .menu a:link, .menu a:visited {
        text-decoration: none !important;
        color: #78C2E9;
        font-weight: bold;
        display: block;
    }
    .lines {
        border-bottom: 15px double #225BB4; 
        border-top: 5px solid #225BB4; 
        content:"";
        height: 5px; 
        width:20px;
        padding-right:15px;
        float: right;
    }
    .menu{
        display: inline-grid;
        width: 100%;
        text-align: center;
    }
    .menu li{
        background: #B93894;
        border-bottom: 1px solid #78C2E9;
    }
    .text_prs, .video_content, .text_met, .text_fly{
        float: left;
        width: 92%;
        height: auto;
        margin-left:4%;
        margin-right: 4%;
    }
    .content_head{
        width:100%;
        height: 40px;
        margin: initial;
    }
    .text_prs_text, .video_c3, .video_c3_txt_3p, .metier_part, .text_fly_text, .link_content{
        width: 100%;
        margin:initial;
        margin-bottom: 20px;
    }
    .text_fly_img
    {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
    }
    .text_fly_img_div_img_bt {
        position: relative;
        float: left;
        top: initial;
        left: initial;
        width: 100%;
        height: auto;
        -webkit-transform: inherit;
        transform: initial;
        padding-bottom: 20px;
    }

    .text_fly_img_div_img_bt a{
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px);
    }
    .text_prs_img{
        display: none;
    }
    iframe{
        text-align: justify;
        position: relative;
        float: left;
        width: 100%;
        height: 300px;
        background-color: transparent;
        border: 1px solid #3a4f63;
    }
    .content_foot {
        position: relative;
        width: 100%;
        height: 100%;
        color: #606672;
        margin: inherit;
        text-align: center;
    }
}