@font-face {
    font-family: poppinsMedium;
	src: url(../font/poppins/Poppins-Medium.otf);
}
@media (min-width: 480px) {
    .container-actualities .one-actu .contain-info .titre {
        font-size: 16px;
        padding: 10px;
    }
    .container-actualities .one-actu .contain-info  .description {
        font-size: 12px;
        padding: 0 10px;
    }
    .conteneur-presentation .contain-bloc .the-bloc.bloc-encadrement .titre-bloc .icon {
        vertical-align: middle;
    }
}

@media (min-width: 768px) {
    main {
        margin-top: 0;
    }
    header {
        position: static;
    }
    header .head-contact{
        display: block;
    }
    header .bloc-nav .head-contact-nav {
        display: none;
    }
    header .band-head {
        height: 142px;
    }
    header .band-head .contain-band .elt-logo{
        width: 190px;
    }
    header .band-head .contain-band .elt-logo img{
        /*width: 114%;*/
    }
    header .band-head .contain-band .elt-logo {
        left: 20px;
    }
    header .band-head .contain-band .elt-theme {
        /*top: 26px;
        left: 216px;*/

        top: 26px;
        left: 194px;
        width: 520px;
    }
    header .band-head .contain-band .elt-theme img.img-theme{
        display: inline-block;
        width: 100%;
    }
    header .band-head .contain-band .elt-theme img.img-theme-mbl{
        display: none;
    }

    header .btn-nav-mobile{
        display: none;
    }
    header .bloc-nav .contain-nav .head-mbl-menu {
        display: none;
    }
    header .bloc-nav {
        display: block;
        position: static;
    }
    header .bloc-nav {
        width: 100%;
        height: 75px;
        background: #5e5e5e;
        margin-top: 20px;
    }
    header .bloc-nav .contain-nav {
        width: 100%;
        max-width: 1210px; /* 1170px - (pad 20px x 2) */
        padding: 0 20px;
        box-sizing: border-box;
        margin: auto;
        height: 75px;
        position: relative;
    }
    header .bloc-nav .contain-nav .elt-house {
        display: block;
        text-decoration: none;
        width: 75px;
        height: 100%;
        background: #f5821f;
        padding-top: 25px;
    }
    header .bloc-nav .contain-nav .elt-house img {
        display: block;
        margin: auto;
    }
    header .bloc-nav .elt-house {
        display: block;
    }
    header .bloc-nav .contain-nav nav{
        height: 100%;
        display: inline-block;
    }
    header .bloc-nav .contain-nav nav {
        height: 100%;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 90px;
        z-index: 1000;
        /*background: red;*/
    }
    header .bloc-nav .contain-nav nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    header .bloc-nav .contain-nav nav ul .home-acceuil{
        display: none;
    }
    
    header .bloc-nav .contain-nav>nav>ul >li{
        display: inline-block;
        /*background: blue;*/
        font-family: Myriad;
        margin: 0 7px;
        margin-top: 22px;
        border: none;
    }
    header .bloc-nav .contain-nav>nav>ul >li a{
        display: inline-block;
        text-decoration: none;
        color: white;
        font-size: 20px;
        transition: 0.3s color ease;
    }
    header .bloc-nav .contain-nav>nav>ul >li a:hover{
        color: #f5821f;
    }
    header .bloc-nav .contain-nav nav .nav-theme {
        
    }
    header .bloc-nav .contain-nav nav .nav-theme {
        position: relative;
        background-image: url(../img/icon/chevron-right-blanc-bas.png);
        background-size: 20px;
        background-position: top 7px right 0px;
        padding-right: 24px;
    }
    header .bloc-nav .contain-nav nav .nav-theme:hover {
        background-image: url(../img/icon/chevron-right-org-haut.png);
    }
    header .bloc-nav .contain-nav nav .nav-theme:hover>a {
        color: #f5821f;
    }
    header .bloc-nav .contain-nav nav .nav-theme .sub-menu {
        position: absolute;
        z-index: 1000;
        top: 50px;
        left: 0;
        background: #5e5e5e;
        width: 275px;
        height: 0px;
        text-align: left;
    }
    header .bloc-nav .contain-nav nav .nav-theme:hover .sub-menu{
        height: 115px;
        border-top: none;
    }
    header .bloc-nav .contain-nav nav .nav-theme .sub-menu li {
        text-align: left;
    }
    header .bloc-nav .contain-nav nav .nav-theme .sub-menu>li>a {
        background-position: top 11px left 0px;
        padding-left: 20px;
        transition: ease 0.2s;
        font-size: 16px;
    }
    header .bloc-nav .contain-nav nav .nav-theme .sub-menu>li:hover>a {
        padding-left: 30px;
        background-image: url(../img/icon/chevron-right-org-gch.png);
        color: #f5821f;
    }
    header .bloc-nav .contain-nav nav .nav-theme .sub-menu.active{
        height: 115px;
        border-top: none;
    }



    header .bloc-nav .contain-nav nav#menu-menu-1 > ul > .menu-item-has-children {
        
    }
    header .bloc-nav .contain-nav nav#menu-menu-1 > ul > .menu-item-has-children {
        position: relative;
        background-image: url(../img/icon/chevron-right-blanc-bas.png);
        background-size: 20px;
        background-position: top 7px right 0px;
        padding-right: 24px;
    }
    header .bloc-nav .contain-nav nav#menu-menu-1 > ul > .menu-item-has-children:hover {
        background-image: url(../img/icon/chevron-right-org-haut.png);
    }
    header .bloc-nav .contain-nav nav#menu-menu-1 > ul > .menu-item-has-children:hover>a {
        color: #f5821f;
    }
    header .bloc-nav .contain-nav nav#menu-menu-1 > ul > .menu-item-has-children .sub-menu {
        position: absolute;
        z-index: 1000;
        top: 50px;
        left: 0;
        background: #5e5e5e;
        width: 275px;
        height: 0px;
        text-align: left;
    }
    header .bloc-nav .contain-nav nav#menu-menu-1 > ul > .menu-item-has-children:hover .sub-menu{
        height: 115px;
        border-top: none;
    }
    header .bloc-nav .contain-nav nav#menu-menu-1 > ul > .menu-item-has-children .sub-menu li {
        text-align: left;
    }
    header .bloc-nav .contain-nav nav#menu-menu-1 > ul > .menu-item-has-children .sub-menu>li>a {
        background-position: top 11px left 0px;
        padding-left: 20px;
        transition: ease 0.2s;
        font-size: 16px;
    }
    header .bloc-nav .contain-nav nav#menu-menu-1 > ul > .menu-item-has-children .sub-menu>li:hover>a {
        padding-left: 30px;
        background-image: url(../img/icon/chevron-right-org-gch.png);
        color: #f5821f;
    }
    header .bloc-nav .contain-nav nav#menu-menu-1 > ul > .menu-item-has-children .sub-menu.active{
        height: 115px;
        border-top: none;
    }


    
    header .bloc-nav .contain-search {
        display: block;
    }

    /** bloc-actualites 
    --------------------------------------*/
    .bloc-actualites {
        margin-top: 23px;
    }
    .bloc-actualites .actus{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 50px;
        margin-bottom: 55px;
    }
    .bloc-actualites .actus a.actu{
        width: 49%;
    }
    .bloc-actualites .actus .actu .corps-info {
        padding: 23px 30px;
        box-sizing: border-box;
    }
    .bloc-actualites .actus .actu .link-see {
        bottom: -22px;
    }
    .bloc-actualites .actus .actu .link-see .img-simple {
        transition: 0.5s ease;
    }
    .bloc-actualites .actus .actu .link-see .img-hover{
        transition: 0.5s ease;
    }
    .bloc-actualites .actus .actu .link-see:hover .img-simple {
        display: none;
    }
    .bloc-actualites .actus .actu .link-see:hover .img-hover{
        display: block;
    }
    .bloc-actualites .btn-see-all-actus { 
        display: none;
    }
    .bloc-actualites .actu-titre {
        position: relative;
    }
    .bloc-actualites .actu-titre .see-all{
        text-decoration: none;
        display: inline-block;
        font-family: poppinsMedium;
        font-size: 16px;
        color: #b41d8d;
        position: absolute;
        right: 0;
        top: 20px;
    }

    /** footer
    --------------------------------------*/
    .bloc-theme {
        padding-top: 89px;
        padding-bottom: 100px;
        position: relative;
        background: transparent;
        overflow: hidden;
        /*background-color: #82acbb;*/
    }

    .bloc-theme .contain-themes{
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-top: 55px;
    }
    .bloc-theme .contain-themes a.one-theme{
        width: 32%;
        max-width: 350px;
        background: white;
        transition: 0.3s ease;
    }
    .bloc-theme .contain-themes .one-theme:hover{
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(178,144,169,1) 33%, rgba(178,116,161,1) 54%, rgba(180,29,141,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(178,144,169,1) 33%,rgba(178,116,161,1) 54%,rgba(180,29,141,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(178,144,169,1) 33%,rgba(178,116,161,1) 54%,rgba(180,29,141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b41d8d',GradientType=0 ); /* IE6-9 */
    }
    .bloc-theme .contain-themes .one-theme .photo img {
        cursor: pointer;
    }
    .bloc-theme .contain-themes .one-theme:hover .line {
        border-bottom: 3px solid white;
    }
    .bloc-theme .contain-themes .one-theme:hover .titre{
        color :white;
    }
    .bloc-theme .contain-themes .one-theme:hover .description {
        color :white;
    }
    .bloc-theme .grand-titre {
        font-size:25px;
        margin-bottom: 15px;
    }
    .bloc-theme .line-titre {
        width: 200px;
    }
    .bloc-theme .contain-themes .one-theme .photo {
        padding: 38px 0;
    }
    .bloc-theme .fond {
        display: block;
        position: absolute;
        margin: auto;
        top: -80px;
        left: 0;
        right: 0;
        z-index: -1;
        min-width: 1780px;
        width: 100%;
    }
    .bloc-theme .fond img{
        display: block;
        width: 100%;
    }

    /**  bloc-contact
    -------------------------------------*/
    .bloc-contact {
    }
    .bloc-contact .contain-bloc-contact {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        height: 166px;
    }

    .bloc-contact .contain-bloc-contact .photo {
        width: 30%;
        padding: 0;
        padding-top: 33px;
        text-align: right;
        padding-right: 67px;
    }
    .bloc-contact .contain-bloc-contact .text {
        width: 50%;
        padding-top: 47px;
        line-height: 29px;
    }
    .bloc-contact .contain-bloc-contact .text p{
        text-align:left;
    }
    .bloc-contact .contain-bloc-contact .btn-container {
        width: 30%;
        text-align: left;
    }
    .bloc-contact .contain-bloc-contact .btn-container .button{
        margin-top: 68px;
    }
    /** footer
    --------------------------------------*/
    footer  {
        padding-top: 30px;
    }
    footer .col-logo {
        width: 20%;
    }
    footer .col-foot {
        width: 30%;
    }
    footer .col-info {
        width: 30%;
    }
    footer .col-btn-foot {
        width: 20%;
    }
    footer .col-last {
        width: 100%;
    }
    footer .singtr-foot {
        
    }
    footer .col-foot h3{
        background-image: none;
        border-bottom: none;
    }
    footer .col-foot h3.active{
        background-image: none;
    }
    footer .col-foot nav{
        height: auto;
        overflow: visible;
    }
    footer .col-foot nav.active{
        height: auto;
    }
    /** container-actualities
    --------------------------------------*/
    .container-actualities {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .container-actualities .one-actu {
        width: 48%;
        height: auto;
        position: relative;
        overflow: visible;
        margin: 15px 0;
    }
    .container-actualities .one-actu .contain-photo {
        width: 100%;
        height: 200px;
        position: static;
        text-align: center;
    }
    .container-actualities .one-actu .contain-photo img {
        display: inline-block;
        height: auto;
        width: 100%;
    }
    .container-actualities .one-actu .contain-info {
        width: 100%;
        position: static;
    }
    .container-actualities .one-actu:hover>.see-actu {
        display: block;
    }
    .container-actualities .one-actu:hover>.see-actu {
        display: block;
    }
    .container-actualities .one-actu>.see-actu:hover .img-simple {
        display: none;
    }
    .container-actualities .one-actu>.see-actu:hover .img-hover {
        display: block;
    }

    /** conteneur-presentation 
    ---------------------------------*/
    .conteneur-presentation .contain-bloc .the-bloc.bloc-diplome {
        float: right;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .conteneur-presentation .contain-bloc .the-bloc.bloc-encadrement {
        
    }
    .conteneur-presentation .contain-bloc .the-bloc.bloc-presentation {
        clear: right;
    }

    .conteneur-presentation .contain-bloc {
        padding: 20px;
    }
    .conteneur-presentation .contain-bloc .the-bloc {
        padding: 20px;
        box-shadow: #9e9e9e 3px 4px 8px;
        margin-bottom: 0;
    }
    .conteneur-presentation .contain-bloc .the-bloc .titre-bloc  {
        border-bottom: none;
    }
    .conteneur-presentation .contain-bloc .the-bloc .titre-bloc .icon {
        display: inline-block;
    }
    .conteneur-presentation .contain-bloc .the-bloc .titre-bloc .text {
        display: inline-block;
        width:  calc(100% - 50px);
        height: 40px;
	    line-height: 40px;
    }

    .contain-contact .col-contact  {
        width: 50%;
        padding: 10px 20px;
        padding-left: 0;
        box-sizing: border-box;
    }
    .contain-contact .col-mail  {
        width: 50%;
        padding: 20px;
        padding-right: 0;
        box-sizing: border-box;
    }

    .contain-contact {
        padding-top: 23px;
    }

    .titre-first .titre {
        height: 40px;
        line-height: 40px;
    }

    .et_divi_builder #et_builder_outer_content .et_pb_image.icon{
        display: inline-block;
    }
    .et_divi_builder #et_builder_outer_content .et_pb_text_align_left.text {
        display: inline-block;
        min-height: 40px;
        line-height: 28px;
        padding-top: 5px;
        margin-bottom: 20px !important;
        width: calc(100% - 50px);
        text-align: left;
        padding-left: 10px;
    }
    .et_divi_builder #et_builder_outer_content .et_pb_row.the-bloc {
        width: 100%;
        padding: 20px 20px;
        box-shadow: #eeeeee 0px 0px 4px;
        margin: 10px 0;
        margin-bottom: 20px;
    }
}
@media (min-width: 840px) {
    header .bloc-nav .contain-nav>nav>ul >li {
        margin: 0 5px;
        margin-top: 22px;
    }
}

@media (min-width: 1024px) {
    header .band-head .contain-band .elt-theme {
        top: 26px;
        left: 216px;
        width: 558px;
    }
    header .bloc-nav .contain-nav>nav>ul >li{
        margin: 0 7px;
        margin-top: 22px;
    }
    .contain-search form {
        position: static;

    }
    header .bloc-nav .contain-search {
        height: 37px;
        width: 175px;
        padding-left: 11px;
    }
    header .bloc-nav .contain-search i {
        font-size: 16px;
        margin: auto;
    }
    header .bloc-nav .contain-search i:hover{
        cursor: auto;
    }
    header .bloc-nav .contain-search input[type="text"]{
        display: inline-block;
    }
    /** footer
    --------------------------------------*/
    footer  {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    footer .col-logo {
        width: 20%;
    }
    footer .col-logo img {
        width: 200px;
    }
    footer .col-logo .singtr {
        display: block;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        text-align: center;
        color: #0066b3;
        font-size: 18px;
    }
    
    footer .col-foot {
        width: 20%;
        padding-top: 25px;
        box-sizing: border-box;
        padding-left: 50px;
    }
    footer .col-t-e-s {
        border-left: 1px solid #a8a8a8;
    }
    footer .col-info {
        border-right: 1px solid #a8a8a8;
    }
    footer .col-foot h3 {
        margin-bottom: 35px;
    }
    footer .col-foot ul li {
        line-height: 42px;
    }
    footer .col-info {
        width: 20%;
    }
    footer .col-btn-foot {
        width: 20%;
        display: flex;
        height: 190px;
        flex-direction: column;
        justify-content: space-between;
    }
    footer .singtr-foot {
        display: none;
    }
    footer .col-btn-foot .btn-haut-page{
        width: 230px;
        min-width: 230px;
        height: 56px;
        line-height: 56px;
        background-color: #0066b3;
        border-radius: 50px;
        background-image: none;
        font-size: 20px;
        margin: 0 auto;
    }
    footer .col-btn-foot .btn-haut-page:hover{ 
        cursor: pointer;
        background: white;
        outline: #0066b3;
        color: #0066b3;
    }
    footer .col-btn-foot .text{
        display: block;
    }
    footer .col-btn-foot .btn-contact {
        width: 230px;
        min-width: 230px;
        height: 56px;
        line-height: 56px;
        border-radius: 50px;
        background: #3c3939;
        font-size: 20px;
        color: white;
        margin: 0 auto;
    }
    footer .col-last {
        width: 20%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: right;
        padding-right: 40px;
    }
    footer .col-last .facebook {
        display: block;
        margin: 20px 0;
        /* float: right; */
        position: relative;
    }
    /** bloc-contact
    --------------------------------------*/
    .bloc-contact .contain-bloc-contact .photo {
        width: 30%;
    }
    .bloc-contact .contain-bloc-contact .text {
        width: 40%;
    }
    .bloc-contact .contain-bloc-contact .btn-container .button{
        margin: 0;
        margin-top: 68px;
    }

    .contain-contact .col-mail .contain-form .name-mail .nom {
        width: 48%;
    }
    .contain-contact .col-mail .contain-form  .name-mail .email {
        width: 48%;
    }

    .contain-contact .col-mail .contain-form span.wpcf7-not-valid-tip {
        
    }
    
    .contain-contact .col-mail .contain-form div.wpcf7-validation-errors,
    .contain-contact .col-mail .contain-form div.wpcf7-acceptance-missing {
       
    }
}
@media (max-width: 7680px) {
    header .band-head .contain-band .elt-logo img{
        height: auto;
        max-width: 90%;
    }

    header .btn-nav-mobile {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 28px;
        color: #f5821f;
        position: absolute;
        z-index: 110;
        border-radius: 7px;
        padding-top: 1px;
        margin: auto;
        right: 5px;
        top: 0;
        bottom: 0;
    }
    
}
@media (min-width: 1200px) {
    .contain-contact .col-mail .contain-form span.wpcf7-not-valid-tip {
        min-height: 30px;
    }
    
    .contain-contact .col-mail .contain-form div.wpcf7-validation-errors,
    .contain-contact .col-mail .contain-form div.wpcf7-acceptance-missing {
        min-height: 30px;
    }
    header .band-head .elt-photo {
        display: block;
    }
    header .bloc-nav .contain-nav>nav>ul >li {
        margin: 0 20px;
        margin-top: 22px;
    }

    /** container-actualities
    --------------------------------------*/
    .container-actualities {
        
    }
    .container-actualities .one-actu {
        width: 32%;
    }

    .container-favorie-actu {
        width: 100%;
        max-width: 1170px;
        margin: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .container-favorie-actu .col-left {
        width: 40%;
    }
    .container-favorie-actu .col-right {
        width: 56%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .container-favorie-actu .col-left .actu-1 {
        text-decoration: none;
        display: block;
        width: 100%;
        height: auto;
        margin: 8px 0;
        /*border: black 1px solid;*/
        position: relative;
        overflow: hidden;
        background: white;
        position: relative;
    }
    .container-favorie-actu .col-left .actu-1>.see-actu {
        display: block;
        position: absolute;
        right: 20px;
        bottom: -22px;
        z-index: 80;
        display: none;
    }
    .container-favorie-actu .col-left .actu-1>.see-actu .img-simple {
        display: block;
    }
    .container-favorie-actu .col-left .actu-1>.see-actu .img-hover {
        display: none;
    }
    
    .container-favorie-actu .col-left .actu-1 .contain-photo {
        width: 100%;
        height: 300px;
        overflow: hidden;
        background: #d5d5d5;
        display: inline-block;
        text-align: center;
    }
    .container-favorie-actu .col-left .actu-1 .contain-photo img {
        display: inline-block;
        height: 100%;

        
    }
    .container-favorie-actu .col-left .actu-1 .contain-info {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: inline-block;
        padding: 23px 30px;
        padding-bottom: 0;
    }
    .container-favorie-actu .col-left .actu-1 .contain-info .titre {
        text-decoration: none;
        font-family: poppinsSemiBold;
        font-size: 16px;
        text-align: left;
        text-transform: uppercase;
        color: #f5821f;
        margin: 0;
        padding: 5px 10px;
    }
    .container-favorie-actu .col-left .actu-1 .description {
        font-family: poppinsMedium;
        font-size: 14px;
        text-align: left;
        color: #3c3939;
        margin: 0;
        padding: 0 10px;
        height: 100px;
    }
    


    .container-favorie-actu .col-right .actu-right  {
        text-decoration: none;
        display: block;
        width: 100%;
        height: 213px;
        margin: 16px 0;
        /*border: black 1px solid;*/
        position: relative;
        overflow: hidden;
        background: white;
        position: relative;
    }
    .container-favorie-actu .col-right .actu-right>.see-actu {
        display: block;
        position: absolute;
        right: 20px;
        bottom: -22px;
        z-index: 80;
        display: none;
    }
    .container-favorie-actu .col-right .actu-right>.see-actu .img-simple {
        display: block;
    }
    .container-favorie-actu .col-right .actu-right>.see-actu .img-hover {
        display: none;
    }
    
    .container-favorie-actu .col-right .actu-right .contain-photo {
        width: 213px;
        height: 213px;
        overflow: hidden;
        background: #d5d5d5;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
    }
    .container-favorie-actu .col-right .actu-right .contain-photo img {
        display: inline-block;
        height: 100%;
        
    }
    .container-favorie-actu .col-right .actu-right .contain-info {
        width: calc(100% - 200px);
        overflow: hidden;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 200px;
        padding: 20px;
        box-sizing: border-box;
    }
    .container-favorie-actu .col-right .actu-right .contain-info .titre {
        text-decoration: none;
        font-family: poppinsSemiBold;
        font-size: 16px;
        text-align: left;
        text-transform: uppercase;
        color: #f5821f;
        margin: 0;
        padding: 20px 10px;
    }
    .container-favorie-actu .col-right .actu-right .contain-info  .description {
        font-family: poppinsMedium;
        font-size: 14px;
        text-align: left;
        color: #3c3939;
        margin: 0;
        padding: 0 10px;
        height: 50px;
        margin-top: 10px;
    }
    


}