/*
Theme Name: Naked Wordpress
Theme URI: http://bckmn.com/naked-wordpress
Author: J Beckman
Author URI: http://bckmn.com
Description: A super bare theme for designers who don't know Wordpress PHP but want to build with Wordpress.
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */
/* RESPONSIVE
-------------------------------------------------------------- */





/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .marge{
        width:88%;
        max-width:1400px;
    }
  /*.marge{width: 300px;}
  .marge.extra{ width:calc(100% - calc(calc(100% - 300px) / 2))}*/
  h1{font-size: 30px; line-height: 36px; margin: 6px auto;}
  h2{font-size: 24px; line-height: 28px; margin: 6px auto;}
  h3{font-size: 20px; line-height: 26px; margin: 6px auto;}
  h4{font-size: 16px; line-height: 20px; margin: 6px auto;}
  h5{font-size: 14px; line-height: 18px; margin: 6px auto;}
  p, ul li, ol li{font-size: 14px; line-height: 20px; margin: 0 auto 6px;}
  ul, ol{padding: 0 0 0 40px; margin: 0 auto 5px;}
  ul li, ol li{margin: 0 auto;}
  blockquote{margin: 6px auto;}
  blockquote p{font-size: 20px; line-height: 26px; padding: 10px;}
  pre{font-size: 14px; line-height: 18px; padding: 10px; margin: 0 auto 6px;}
  ul.collist li{padding: 0 20px; margin: 20px auto 0;}
  ul.col2 li{width: 100%;}
  ul.col3 li{width: 100%;}
  ul.col4 li{width: 100%;}
  ul.col5 li{width: 100%;}
  ul.col6 li{width: 100%;}
    
    /*----mainmenu--*/
    #mainmenu.active{
        width:100%;
    }
    #mainmenu #menu-wrapper{
        padding:80px 40px 20px 20px;
    }
  /*-slider-*/
    .slider-item .contentslide .text_left .textwrapper h2{ 
       color:#fff;
       font-size:40px;
       line-height:44px;
    }
    
    .slider-item .contentslide .text_left,
    #entete .text_left{
        padding-left:6vw;
    }
    .slider-item .contentslide .img_right{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .slider-item .contentslide > div{
       width:100%;
    }
    #slidenav{
        width:100%;
    }
    #slidedots{
        width:100%;
    }
    /*---header & cover--*/
    
    
    header.bg-black{
        position: relative;
        z-index:3;
    }
    #topheader{
        padding-bottom: 15px;
    }
    #buttons{
        display:none;
    }
    #btnmenu::before{
        display:none;
    }
    a#logoheader{
      width: 70px;
      -webkit-transform:translateY(-50px);
              transform:translateY(-50px);
    }
      
   #entete .marge{
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }
    #entete .marge .text_left{
        z-index:2;
    }
    #entete .marge .text_left h1{
       margin-bottom:25px;
       font-size:40px;
      line-height:44px;
    }
    #entete .marge .img_right{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #entete .marge .text_left span{
        text-shadow: 0 0 10px rgba(0,0,0,1);
    }
     #entete .marge .img_right::after{
         content:'';
         display:block;
         top:0;
         left:0;
         width:100%;
         height:100%;
         background-color:rgba(0,0,0,0.4);
    }
    #entete .marge > div{
       width:100%;
       display:block;
    }
    #entete .marge .text_left .contenu{

        padding-left:0;
    }
    /*--newsletter--*/
    .newsletter .form_newsletter .gform_body ul{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
            -ms-flex-direction:column;
                flex-direction:column;
    }
   /*-footer-*/
    .topfooter .marge{
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
    }
    .topfooter .marge > div.col10,
    .topfooter .marge > div.col15,
    .topfooter .marge > div.col25,
    .topfooter .marge > div.col50{
        width:100%;
        text-align: center;
    }
    .topfooter .text_footer::before{
        content:'';
        background-color: #000;
        position:absolute;
        width:calc(100% - 60px);
        height: 1px;
        top:25px;
        left:30px;
    }
    .topfooter .menu {
        -webkit-column-count: 1;
                column-count: 1;
    }
    .legal{
        float:none;
        max-width:none;
        text-align: center;
    }
    .copyright{
        float:none;
        max-width:none;
        text-align: center;
    }
    
    /*--------------------*/
    /*----FLEXIBLE---*/
    /*--------------------*/
    section[id^="block-"] h2{
        font-size:25px;
        line-height:30px;
    }
    section[id^="block-"] h2:before{
        height:25px;
        width:25px;
    }
    /*----txt_img-----*/
    .txt_img .marge{
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    }
    .txt_img .img-wrapper{
        width: 100%;
        padding-right:2vw;
    }
    .txt_img .txt-wrapper{
        width: 100%;
        padding-left:0;
        padding-top:60px;
    }
    .txt_img.right .img-wrapper{
        padding-left:40px;
        padding-right:0;
    }
    .txt_img.right .txt-wrapper{
        padding-right:0;
        padding-left:0;
    }
    /*--trajectoire--*/
    .bloc_trajectoire .cols{
       -ms-flex-wrap:wrap;
           flex-wrap:wrap;
    }
    .col-creas{
        max-width:100%;
        padding-left:0;
    }
    .col-etapes{
        width:100%;
        max-width:none;
        padding-right:0;
    }
    .col-illus{
        width:100%;
    }
    .col-illus .image-wrapper{
        margin-bottom:20px;
    }
    
    /*--equipe--*/
    .equipe .team-member{
        width: 100%;
        margin: 0 0 50px 0;
    }
    .equipe .team-member .modal{
        width:90%;
    }
    .equipe .team-member .modal .top .left img,
    .equipe .team-member .modal .top .left svg{
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50% , -50%);
                transform: translate(-50% , -50%);
    }
    .equipe .team-member .modal .top .left{
      display:none;   
    }
    .equipe .team-member .modal .top .right{
        padding:20px 20px 20px 20px;
        width:100%;
    }
    
    /*--argumentaire--*/
    .argumentaire_ecole.layout1 .marge{
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    }
    .argumentaire_ecole.layout1 .marge .text{
        -webkit-box-flex:1;
            -ms-flex:1 1 100%;
                flex:1 1 100%;
        padding-right:0;
    }
    .argumentaire_ecole.layout1 .marge .args{
        -webkit-box-flex:1;
            -ms-flex:1 1 100%;
                flex:1 1 100%;
    }
    .argumentaire_ecole.layout1 .marge .args .args-wrapper{
        padding:0;
    }
    .argumentaire_ecole.layout1 .marge .args .args-wrapper{
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    }
    .argumentaire_ecole.layout1 .marge .args .args-wrapper .arg{
        -webkit-box-flex:1;
            -ms-flex:1 1 100%;
                flex:1 1 100%;
    }
    .argumentaire_ecole.layout2 .marge .args-wrapper{
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    }
    .argumentaire_ecole.layout2 .marge .args-wrapper .arg{
        margin:10px 10px;
        width:100%;
    }
    .argumentaire_ecole.layout3 .marge .args-wrapper{
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    }
    .argumentaire_ecole.layout3 .marge .args-wrapper .arg{
        width:100%;
    }
    
    
    /*--bloc stages--*/
    .bloc_stages .intro,
    .bloc_stages .intro.right{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
            -ms-flex-direction:column-reverse;
                flex-direction:column-reverse;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    }
    .bloc_stages .intro .img-wrapper{
        width: 100%;
        padding-right: 40px;
        margin-top: 30px;
    }
    .bloc_stages .intro.right .img-wrapper{
        padding-left:40px;
        padding-right:0;
    }
    .bloc_stages .intro .txt-wrapper{
        width: 100%;
        padding-left:0;
    }
    .bloc_stages .intro.right .txt-wrapper{
        padding-right:0;
        padding-left:0;
    }
    /*--les stages--*/
    .liste_stages ul li{
        width: 100%;
    }
    /*--bg_txt--*/
    .bg_txt .contenu{
        width:100%;
    }
    /*--blocs--*/
    section.blocs ul#blocs_culture{
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    }
    section.blocs ul#blocs_culture li{
        width:100%;
    }
    /*--reas passes--*/
    .rea_passees .intro_rea{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
            -ms-flex-direction:column-reverse;
                flex-direction:column-reverse;
    }
    .rea_passees .intro_rea .txt-wrapper{
        padding-left:0;
    }
    .rea_passees .intro_rea.right .txt-wrapper{
        padding-right:0;
        padding-left:0;
    }
    .rea_passees .intro_rea .img-wrapper{
        padding-right: 2vw;
        margin-top: 30px;
    }
    .rea_passees .intro_rea.right .img-wrapper{
        padding-left:2vw;
        padding-right:0;
    }
    .old_creations-wrapper ul li{
        width:100%;
         margin:0 0 25px 0;
    }
    /*--bloc-ateliers --*/
    .bloc_ateliers .intro_ateliers{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
            -ms-flex-direction:column-reverse;
                flex-direction:column-reverse;
    }
    .bloc_ateliers .intro_ateliers .img-wrapper{
        width: 100%;
        padding-right: 2vw;
        margin-top: 30px;
    }
    .bloc_ateliers .intro_ateliers.right .img-wrapper{
        padding-left:2vw;
        padding-right:0;
    }
    .bloc_ateliers .intro_ateliers .txt-wrapper{
        width: 100%;
        padding-left:0;
    }
    .bloc_ateliers .intro_ateliers.right .txt-wrapper{
        padding-right:0;
        padding-left:0;
    }
    .liste_projets ul li{
        width:100%;
        margin:0 0 25px 0;
    }
    /*--bloc events--*/
    .bloc_events .intro,
    .bloc_events .intro.right{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
            -ms-flex-direction:column-reverse;
                flex-direction:column-reverse;
    }
    .bloc_events .intro .img-wrapper{
        width: 100%;
        padding-right:2vw;
    }
    .bloc_events .intro.right .img-wrapper{
        padding-left:2vw;
        padding-right:0;
    }
    .bloc_events .intro .txt-wrapper{
        width: 100%;
        padding-left:0;
    }
    .bloc_events .intro.right .txt-wrapper{
        padding-right:0;
        padding-left:0;
    }
    /*--cooperation--*/
    .blocs-cooperations .coop-item{
        flex-direction:column-reverse;
    }
    .blocs-cooperations .coop-item .image-wrapper{
        width:100%;
        min-height:260px;
    }
    /*--Contenu deux colonnes Refait--*/
    .col1-2-alt .wrapper{
        width:100%;
        display:flex;
        align-self: stretch;
        position:relative;
    }
    .col1-2-alt .wrapper:nth-child(odd){
        flex-direction:column;
    }
    .col1-2-alt .wrapper:nth-child(even){
        flex-direction:column;
    }
    .col1-2-alt .wrapper .left,
    .col1-2-alt .wrapper .right{
        height: auto;
    }
    .col1-2-alt .wrapper:nth-child(odd) .right{
        padding:30px 10% 50px 10%;
    }
    .col1-2-alt .wrapper:nth-child(even) .right{
        padding:50px 10% 30px 10%;
    }
    .col1-2-alt .wrapper:nth-child(even)::before{
        /*content:'';
        width:70%;
        height:1px;
        background-color:rgba(255,255,255,0.2);
        position:absolute;
        left:50%;
        top:0;
        transform:translateX(-50%);*/
    }
    /*--actualites--*/
    .posts > div .marge ul li{
        width: 100%;
        margin:60px 0 0px 0;
    }
    /*--bloc_creation--*/
    .bloc_creation ul li{
        width:100%;
    }
    /*--formations--*/
    section.les_formations .marge ul li{
        width:100%;
    }
     /********************/
    /* SINGLE CREATION */
    /********************/
    .single-creation .infos .left,
    .single-creation .infos .right{
        width:100%;
        float:none;
    }
    .single-creation .infos .left{
        margin-right:0;
    }
    .single-creation .infos .right{
        margin-left:0;
    }
    .single-creation .video-bloc .marge{
        flex-direction:column-reverse;
    }
    .single-creation .video-bloc .marge .left{
        width:100%;
        position:relative;
    }
    .single-creation .video-bloc .marge .left::after{
        content: "";
        display: block;
        padding-bottom: 0;
        
    }
    .single-creation .video-bloc .marge .right{
        width:100%;
        padding: 0 0 40px 0;
    }
    .single-creation .bandeau_images .image-wrapper{
        width:100%;
    }
    
    
    
    /*--demarche--*/
    
    .demarche .marge .demarches ul li{
        width:100%;
        margin-bottom:20px;
    }
    .demarche .marge .demarches ul li:not(:nth-child(2n+1)){
        margin-left:0;
    }
    
    /*--ressources--*/
    .ressources .contenu_haut ul li{
        width:100%;
        margin-bottom:40px;
    }
    .ressources .contenu_haut ul li:not(:first-child){
        margin-left:0;
    }
    
    .ressources .contenu_bas ul li{
        width:100%;
    }
    /*---text- image-*/
    section.texte.Cover .marge{
        margin: 0 0 0 0;
    }
    /*--videos--*/
        .videos .left{
        width:100%;
    }
    .videos .right{
       width: 100%;
       padding:20px 0 45px 0;

    }
    /*--formations--*/
    .bloc-formations .bloc-single-formation{
        margin-bottom:40px;
    }
    .bloc-formations .bloc-single-formation .contenu{
        position:relative;
        padding:15px 15px 15px 15px;
    }
    .bloc-formations .formations-wrapper ul li{
        flex:1 1 100%;
        margin:0 0 20px 0;
    }
    .bloc-formations .formations-wrapper ul li:nth-child(odd){
        margin-left:0;
    }
    .bloc-formations .formations-wrapper ul li:nth-child(even){
        margin-right:0;
    }
    .bloc-formations .bloc-single-formation .contenu .btns{
        position:relative;
    }
    /*---bloc formations--*/
    .bloc-formations .contenu_bas .left,
    .bloc-formations .contenu_bas .right{
        width:100%;
    }
    .bloc-formations .contenu_bas > div:only-child.citations ul li{
        width:100%;
        padding:0 20px;
        max-width:none;
        margin-bottom: 40px;
    }
    .bloc-formations .contenu_bas > div:only-child.citations ul li:nth-child(even){
        margin-left:0;
    }
    .bloc-formations.surmesure .contenu_haut .left{
        width:100%;
        padding-right: 40px;
    }
    .bloc-formations.surmesure .right{
        width:100%;
        padding-bottom: 40px;
    }
    .bloc-formations.surmesure .contenu_bas .projets ul li{
        width: 100%;
        margin:0 0 30px 0;
    }
   /* .bloc-formations.surmesure .contenu_bas .projets ul li:nth-child(1n + 1){
        margin-left:0;
    }
    .bloc-formations.surmesure .contenu_bas .projets ul li:nth-child(3n + 1){
        margin-left:0;
    }*/
    .bloc-formations.surmesure .citations ul li .content{
        padding:40px 5%;
    }
    .bloc-formations .bloc-single-formation .leftimg{
        width:100%;
        position:relative;
        overflow:hidden;
    }
    .bloc-formations .bloc-single-formation .leftimg img{
        position:relative;
        height:auto;
        max-width:100%;
    }
    .bloc-formations .bloc-single-formation .contenu{
        width:100%;
    }
    /*--------------------*/
    /*----contact---*/
    /*--------------------*/
    .page-template-template-contact #content .left,
    .page-template-template-contact #content .right,
    .page-template-template-inscription #content .left,
    .page-template-template-inscription #content .right{
        float:none;
        width:100%;
    }
    .page-template-template-contact #content .left,
    .page-template-template-inscription #content .left{
        padding-right:0;
        margin-bottom: 60px;
    }
    .contactform .gform_wrapper .gform_body li.half{
        float:none;
        width:calc(100% - 20px);
    }
    
    /*.txt_img .citations ul{
        flex-wrap:wrap!important;
    }*/
    .txt_img .citations ul li{
        max-width:none;
    }
    .txt_img .citations ul li:not(:first-child){
        margin-left:0;
    }
    /*paragraphes*/
    .paragraphes .paras .para{
        width:100%;
        margin:20px 0 20px 0; 
    }
    .paragraphes .paras .para .btn{
        float:right;
    }
    
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
  /*.marge{width: 460px;}
  .marge.extra{ width:calc(100% - calc(calc(100% - 460px) / 2))}*/
  ul.collist li{padding: 0 15px; margin: 15px auto 0;}
  ul.col2 li{width: 50%;}
  ul.col3 li{width: 50%;}
  ul.col4 li{width: 50%;}
  ul.col5 li{width: 50%;}
  ul.col6 li{width: 50%;}
    
    /*--header--*/
    #buttons{
        display:inline-block;
    }
    #btnmenu::before{
        display:inline-block;
    }
    a#logoheader{
      width: 140px;
      -webkit-transform:translateY(0);
              transform:translateY(0);
    }
  /*--mainmenu--*/
  #mainmenu #menu-wrapper{
    padding:80px 40px 20px 80px;
  }

  /*--------------------*/
    /*----FLEXIBLE---*/
    /*--------------------*/
    section[id^="block-"] h2{
        font-size:40px;
        line-height:45px;
    }
    section[id^="block-"] h2:before{
        height:30px;
        width:30px;
    }
    
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 600px) {
  /*.marge{width: 570px;}
  .marge.extra{ width:calc(100% - calc(calc(100% - 570px) / 2))}*/
  ul.collist li{padding: 0 20px; margin: 20px auto 0;}
    /*---menu---*/
    #mainmenu.active{
        width:auto;
    }
    /*--header & cover--*/
    #topheader{
        padding-bottom: 0;
    }
    
    /*--footer--*/
   .topfooter .marge > div.col10{
        width:20%;
        text-align:left;
    }
    .topfooter .marge > div.col15{
        width:100%;
        text-align: center;
    }
    .topfooter .marge > div.col25{
        width:80%;
        text-align: left;
    }
    .topfooter .marge > div.col50{
        width:100%;
        text-align: left;
    }
    .topfooter .text_footer::before{
        width:1px;
        height: calc(100% - 50px);
        left:10px;
        top:50px;
    }
    .topfooter .menu {
        -webkit-column-count: 2;
                column-count: 2;
    }
    .legal{
        float:left;
        max-width:50%;
        text-align: left;
    }
    .copyright{
        float:right;
        max-width:50%;
        text-align: right;
    }
    /*--------------------*/
    /*----FLEXIBLE---*/
    /*--------------------*/
    
    /*--equipe--*/
    .equipe .team-member .modal .top .left{
      display:block;   
    }
    .equipe .team-member .modal .top .right{
        padding:20px 20px 40px 20px;
        width:55%;
    }
    /*--argumentaire--*/
    .argumentaire_ecole.layout1 .marge .args .args-wrapper{
        -ms-flex-wrap:nowrap;
            flex-wrap:nowrap;
    }
    .argumentaire_ecole.layout1 .marge .args .args-wrapper .arg{
        -webkit-box-flex:1;
            -ms-flex:1 1 33.34%;
                flex:1 1 33.34%;
    }
    /*--les stages--*/
    .liste_stages ul li{
        width: calc(50% - 50px);
    }
    /*---reas passees--*/
    .old_creations-wrapper ul li{
        width:calc(50% - 50px);
        margin:0 25px 25px 25px;
    }
    /*--bloc ateliers -- */
    .liste_projets ul li{
        width:calc(50% - 50px);
        margin:0 25px 25px 25px;
    }
    /*--formations--*/
    .bloc-formations .bloc-single-formation{
        margin-bottom:0;
    }
    .bloc-formations .bloc-single-formation .contenu{
        position:relative;
        padding:15px 15px 85px 15px;
    }
    .les_formations .marge ul li{
        width:calc(50% - 35px);
    }
    .bloc-formations .bloc-single-formation .contenu .btns{
        position:absolute;
        bottom:15px;
        left:15px;
    }
    /********************/
    /* SINGLE CREATION */
    /********************/
    .single-creation .infos .left,
    .single-creation .infos .right{
        width:calc(50% - 60px);
        float:left;
    }
    .single-creation .infos .left{
        margin-right:60px;
    }
    .single-creation .infos .right{
        margin-left:60px;
    }
    .single-creation .bandeau_images .image-wrapper{
        flex:1;
        width:auto;
    }
    
   
    
    
    
    
     /********************/
    /* CONTACT */
    /********************/
    .contactform .gform_wrapper .gform_body li.half{
        float:left;
        width:calc(50% - 20px);
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  /*.marge{width: 740px;}
  .marge.extra{ width:calc(100% - calc(calc(100% - 740px) / 2))}*/
  h1{font-size: 33px; line-height: 38px; margin: 8px auto;}
  h2{font-size: 27px; line-height: 32px; margin: 8px auto;}
  h3{font-size: 22px; line-height: 28px; margin: 8px auto;}
  h4{font-size: 17px; line-height: 22px; margin: 8px auto;}
  h5{font-size: 15px; line-height: 20px; margin: 8px auto;}
  p, ul li, ol li{font-size: 15px; line-height: 22px; margin: 0 auto 8px;}
  ul, ol{padding: 0 0 0 60px; margin: 0 auto 8px;}
  ul li, ol li{margin: 0 auto 3px;}
  blockquote{margin: 8px auto;}
  blockquote p{font-size: 22px; line-height: 28px; padding: 15px;}
  pre{font-size: 15px; line-height: 20px; padding: 15px; margin: 0 auto 8px;}
  ul.collist li{padding: 0 15px; margin: 15px auto 0;}
  ul.col3 li{width: 33.3334%;}
  ul.col4 li{width: 25%;}
  ul.col5 li{width: 33.3334%;}
  ul.col6 li{width: 33.3334%;}
    
    /*---header & cover--*/
   /* header.bg-black{
        position: relative;
        z-index:2;
    }*/
    a#logoheader{
        position:relative;   
    }
    #entete .marge .text_left{
        z-index:0;
    }
    #entete .marge > div{
       width:55%;
       display:block;
    }
    #entete .marge .text_left .contenu{

        padding-left:45px;
    }
    #entete .marge .img_right{
        position: relative;
        top:  unset;
        left:  unset;
        width:45%;
        height: unset;
    }
    #entete .marge .img_right::after{
        content:unset;
    }
    
    /*--newsletter--*/
    .newsletter .form_newsletter .gform_body ul{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            -ms-flex-direction:row;
                flex-direction:row;
    }
   /*--footer--*/ 
      .topfooter .menu {
            -webkit-column-count: 3;
                    column-count: 3;
      }
    
     /*--actualites--*/
    .posts > div .marge ul li{
         width: calc(50% - 30px);
         margin:60px 15px 0px 15px;
    }
    /*--------------------*/
    /*----FLEXIBLE---*/
    /*--------------------*/
    section[id^="block-"] h2{
        font-size:50px;
        line-height:55px;
    }
    section[id^="block-"] h2:before{
        height:40px;
        width:40px;
    }
    /*--argumentaire--*/
     .argumentaire_ecole.layout3 .marge .args-wrapper .arg{
        width:calc(50% - 50px);
    }
     /*--trajectoire--*/
    .col-etapes{
        width:60%;
        max-width:none;
        padding-right:60px;
    }
    .col-illus{
        width:40%;
    }
    .col-illus .image-wrapper{
        margin-bottom:80px;
    }
    /*--equipe--*/
    .equipe .team-member{
        width: calc(50% - 60px);
        margin: 0 30px 50px 30px;
    }
    .equipe .team-member .modal .top .left img,
    .equipe .team-member .modal .top .left svg{
        left: 0;
        -webkit-transform: translate(0 , -50%);
                transform: translate(0 , -50%);
    }
    /*--blocs--*/
    section.blocs ul#blocs_culture li{
        width:calc(50% - 40px);
    }
    /*--actualites--*/
    /*.posts > div .marge ul li{
         width: calc(25% - 20px);
         margin:60px 10px 0px 10px;
    }*/
    /*--bloc_creation--*/
    .bloc_creation ul li{
        width:50%;
    }
    /*--ressources--*/
    .ressources .contenu_haut ul li{
        width:calc(50% - 25px);
    }
    .ressources .contenu_haut ul li:not(:first-child){
        margin-left:50px;
    }
    /*--text-img--*/
    section.texte.Cover .marge{
        margin: 0 0 0 30%;
    }
    /*---bloc formations--*/
    .bloc-formations .contenu_bas .left,
    .bloc-formations .contenu_bas .right{
        width:calc(50% - 20px);
    }
    .bloc-formations .contenu_bas > div:only-child.citations ul li{
        width:50%;
        max-width:none;
        padding:0 20px;
    }
    .bloc-formations.surmesure .contenu_bas .projets ul li{
        width: calc(50% - 40px);
        margin:0 0 30px 60px;
    }
    .bloc-formations.surmesure .contenu_bas .projets ul li:nth-child(2n + 1){
        margin-left:0;
    }
    /*.bloc-formations.surmesure .contenu_bas .projets ul li:nth-child(3n + 1){
        margin-left:60px;
    }*/
    .bloc-formations .bloc-single-formation .leftimg{
        width:40%;
        position:relative;
        overflow:hidden;
    }
    .bloc-formations .bloc-single-formation .leftimg img{
        display:block;
        position:absolute;
        height:100%;
        width:auto;
        max-width:none;
        left:50%;
        top:0;
        transform:translateX(-50%);
    }
    .bloc-formations .bloc-single-formation .contenu{
        width:60%;
        /*padding:15px 15px 85px 15px;*/
        position:relative;
    }
    
    /*--demarche--*/
    
    .demarche .marge .demarches ul li{
        width:calc(50% - 50px);
    }
    .demarche .marge .demarches ul li:not(:nth-child(2n+1)){
        margin-left:50px;
    }
    
     /*--formations--*/
    section.les_formations .marge ul li{
        width:calc(50% - 26.25px);
    }
    
    
    
}




/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  /*.marge{width: 960px;}
  .marge.extra{ width:calc(100% - calc(calc(100% - 960px) / 2))}*/
  ul.col5 li{width: 20%;}
  ul.col6 li{width: 16.6667%;}
    /*-slider-*/
    .slider-item .contentslide .text_left .textwrapper h2{ 
       color:#000;
       font-size:54px;
       line-height:54px;
    }
    .slider-item .contentslide .img_right{
        position: relative;
        width: 50%;
        height:auto;
    }
    .slider-item .contentslide > div{
       width:50%;
    }
    #slidenav{
        width:50%;
    }
    #slidedots{
        width:50%;
    }
    /*--------------------*/
    /*----FLEXIBLE---*/
    /*--------------------*/
    
    /*----txt_img-----*/
    .txt_img .marge{
        -ms-flex-wrap:nowrap;
            flex-wrap:nowrap;
    }
    .txt_img .img-wrapper{
        width: 53%;
        padding-right: 2vw;
    }
    .txt_img .txt-wrapper{
        width: 47%;
        padding-left:60px;
        padding-top:0;
    }
    .txt_img.right .img-wrapper{
        padding-left:60px;
        padding-right:0;
    }
    .txt_img.right .txt-wrapper{
        padding-right:60px;
        padding-left:0;
    }
    /*--trajectoire--*/
    .bloc_trajectoire .cols{
       -ms-flex-wrap:nowrap;
           flex-wrap:nowrap;
    }
    .col-creas{
        max-width:280px;
        padding-left:60px;
    }
    .col-illus{
        width:auto;
    }
    /*--equipe--*/
    .equipe .team-member .modal{
        max-width:600px;
    }
    /*--argumentaire--*/
    .argumentaire_ecole.layout1 .marge .args .args-wrapper{
        padding:0 15px;
    }
    .argumentaire_ecole.layout2 .marge .args-wrapper .arg{
        width:calc(50% - 20px);
    }
    /*--bg_txt--*/
    .bg_txt .contenu{
        width:45%;
    }
    /*--cooperation--*/
    .blocs-cooperations .coop-item{
        flex-direction:row;
    }
    .blocs-cooperations .coop-item:nth-child(even){
       flex-direction:row-reverse;
    }
    .blocs-cooperations .coop-item .image-wrapper{
        width:auto;
        min-height:none;
    }
    /*--Contenu deux colonnes Refait--*/
    .col1-2-alt .wrapper{
        /*width:50%;*/
        display:flex;
        align-self: stretch;
    }
    .col1-2-alt .wrapper:nth-child(odd){
        flex-direction:row;
    }
    .col1-2-alt .wrapper:nth-child(even){
        flex-direction:row-reverse;
    }
    .col1-2-alt .wrapper:nth-child(odd) .right,
    .col1-2-alt .wrapper:nth-child(even) .right{
        padding:100px 10%;
    }
    .col1-2-alt .wrapper:nth-child(even)::before{
        content:unset;
    }
   
    /********************/
    /* SINGLE CREATION */
    /********************/
    .single-creation .video-bloc .marge{
        flex-direction:row;
    }
    .single-creation .video-bloc .marge .left::after{
        content: unset;
        
    }
    .single-creation .video-bloc .marge .left{
        width:50%;
    }
    .single-creation .video-bloc .marge .right{
        width:50%;
        padding: 0 0 45px 60px;
    }
    /*--ressources--*/
    .ressources .contenu_bas ul li{
        width:calc(33.334% - 37px);
    }
    .ressources .contenu_bas ul li:not(:first-child){
        margin-left:55px;
    }
    /*--formations--*/
    .bloc-formations .bloc-single-formation .contenu{
        position:relative;
        padding:15px 15px 85px 15px;
    }
    .bloc-formations .formations-wrapper ul li{
        flex:1 1 calc(50% - 20px);
        margin:20px;
    }
    .bloc-formations .formations-wrapper ul li:nth-child(odd){
        margin-left:0;
    }
    .bloc-formations .formations-wrapper ul li:nth-child(even){
        margin-right:0;
    }
    .bloc-formations .contenu_bas > div:only-child.citations ul li{
        width:calc(50% - 40px);
        max-width:none;
        padding:0 75px;
    }
    .bloc-formations .contenu_bas > div:only-child.citations ul li:nth-child(even){
        margin-left:40px;
    }
    .bloc-formations.surmesure .contenu_haut .left{
       width:53%;
        padding-right: 60px;
    }
    .bloc-formations.surmesure .right{
        width:47%;
        padding-bottom: 40px;
    }
    .bloc-formations.surmesure .contenu_bas .projets ul li{
        width: calc(33% - 40px);
        margin:0 0 30px 60px;
    }
    .bloc-formations.surmesure .contenu_bas .projets ul li:nth-child(2n + 1){
        margin-left:60px;
    }
    .bloc-formations.surmesure .contenu_bas .projets ul li:nth-child(3n + 1){
        margin-left:0;
    }
    .bloc-formations.surmesure .citations ul li .content{
        padding:40px 25%;
    }
    /*paragraphes*/
    .paragraphes .paras .para{
        flex:1;
        width:auto;
    }
    .paragraphes .paras .para .btn{
        float:none;
    }
    .paragraphes .paras .para{
        margin:20px;
    }
    .paragraphes .paras .para:first-child{
        margin:20px 20px 20px 0;
    }
    .paragraphes .paras .para:last-child{
        margin:20px 0 20px 20px;
    }
    
    
    
    
}
@media only screen and (min-width : 1023px) {
    /*--header & cover --*/
    #entete .marge .text_left h1{
      font-size:54px;
      line-height:54px;
    }
    .topfooter .marge{
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .topfooter .marge > div.col10{
        width:10%;
    }
    .topfooter .marge > div.col15{
        width:15%;
        text-align: left;
    }
    .topfooter .marge > div.col25{
        width:25%;
    }
    .topfooter .marge > div.col50{
        width:50%;
    }
    
     /*--actualites--*/
/*
    .posts > div .marge ul li{
         width: calc(25% - 30px);
         margin:60px 15px 0px 15px;
    }
*/
    /*--------------------*/
    /*----FLEXIBLE---*/
    /*--------------------*/
    /*--bloc_creation--*/
    .bloc_creation ul li{
        width:25%;
    }
    /*--equipe--*/
    .equipe .team-member{
        width: calc(33% - 60px);
        margin: 0 30px 50px 30px;
    }
    /*--bloc stages--*/
    .bloc_stages .intro{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            -ms-flex-direction:row;
                flex-direction:row;
        -ms-flex-wrap:nowrap;
            flex-wrap:nowrap;
    }
    .bloc_stages .intro.right{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }
    .bloc_stages .intro .img-wrapper{
        width: 53%;
        padding-right: 60px;
        margin-top:0:
    }
    .bloc_stages .intro.right .img-wrapper{
        padding-left:60px;
        padding-right:0;
    }
    .bloc_stages .intro .txt-wrapper{
        width: 47%;
        padding-left:60px;
    }
    .bloc_stages .intro.right .txt-wrapper{
        padding-right:60px;
        padding-left:0;
    }
    /*--argumentaire--*/
     .argumentaire_ecole.layout3 .marge .args-wrapper .arg{
        width:calc(25% - 50px);
    }
    /*--rea passes --*/
    .rea_passees .intro_rea.right{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:reverse;
            -ms-flex-direction:row-reverse;
                flex-direction:row-reverse;
    }
    .rea_passees .intro_rea .img-wrapper{
        width: 53%;
        padding-right: 2vw;
        margin-top:0:
    }
    .rea_passees .intro_rea.right .img-wrapper{
        padding-left:2vw;
        padding-right:0;
    }
    .rea_passees .intro_rea .txt-wrapper{
        width: 47%;
        padding-left:60px;
    }
    .rea_passees .intro_rea.right .txt-wrapper{
        padding-right:60px;
        padding-left:0;
    }
    .old_creations-wrapper ul li{
        width:calc(25% - 50px);
        margin:0 25px 50px 25px;
    }
    /*--bloc-ateliers --*/
    .bloc_ateliers .intro_ateliers{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            -ms-flex-direction:row;
                flex-direction:row;
    }
    .bloc_ateliers .intro_ateliers.right{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:reverse;
            -ms-flex-direction:row-reverse;
                flex-direction:row-reverse;
    }
    .bloc_ateliers .intro_ateliers .img-wrapper{
        width: 53%;
        padding-right: 2vw;
        margin-top:0:
    }
    .bloc_ateliers .intro_ateliers.right .img-wrapper{
        padding-left:2vw;
        padding-right:0;
    }
    .bloc_ateliers .intro_ateliers .txt-wrapper{
        width: 47%;
        padding-left:60px;
    }
    .bloc_ateliers .intro_ateliers.right .txt-wrapper{
        padding-right:60px;
        padding-left:0;
    }
    .liste_projets ul li{
        width:calc(25% - 50px);
        margin:0 25px 50px 25px;
    }
    /*--bloc events--*/
    .bloc_events .intro{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            -ms-flex-direction:row;
                flex-direction:row;
    }
    .bloc_events .intro.right{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:reverse;
            -ms-flex-direction:row-reverse;
                flex-direction:row-reverse;
    }
    .bloc_events .intro .img-wrapper{
        width: 53%;
        padding-right: 2vw;
        margin-top:0:
    }
    .bloc_events .intro.right .img-wrapper{
        padding-left:2vw;
        padding-right:0;
    }
    .bloc_events .intro .txt-wrapper{
        width: 47%;
        padding-left:60px;
    }
    .bloc_events .intro.right .txt-wrapper{
        padding-right:60px;
        padding-left:0;
    }
    
    /*--demarche--*/
    
    .demarche .marge .demarches ul li{
        flex:1;
        width:auto;
    }
    .demarche .marge .demarches ul li:not(:nth-child(2n+1)){
        margin-left:0;
    }
    .demarche .marge .demarches ul li:not(:first-child){
        margin-left:50px;
    }
    /*--text-img--*/
    section.texte.Cover .marge{
        margin: 0 0 0 52%;
    }
    /*--videos--*/
        .videos .left{
        width:50%;
    }
    .videos .right{
       width: 50%;
       padding:20px 0 45px 60px;

    }
    /*--bloc-formations--*/
    .bloc-formations .bloc-single-formation .contenu{
        padding:15px 15px 145px 15px;
    }
    /*--------------------*/
    /*----contact---*/
    /*--------------------*/
    .page-template-template-contact #content .left,
    .page-template-template-contact #content .right,
    .page-template-template-inscription #content .left,
    .page-template-template-inscription #content .right{
        float:left;
        width:50%;
    }
    .page-template-template-contact #content .left,
    .page-template-template-inscription #content .left{
        padding-right:60px;
        margin-bottom: 0;
    }
    
    
    .txt_img .citations ul{
        flex-wrap:nowrap!important;
    }
    .txt_img .citations ul li{
        max-width:300px;
    }
    .txt_img .citations ul li:not(:first-child){
        margin-left:100px;
    }
    
    
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  /*.marge{width: 1000px;}
  .marge.extra{ width:calc(100% - calc(calc(100% - 1000px) / 2))}*/
  h1{font-size: 36px; line-height: 40px; margin: 10px auto;}
  h2{font-size: 30px; line-height: 36px; margin: 10px auto;}
  h3{font-size: 24px; line-height: 30px; margin: 10px auto;}
  h4{font-size: 18px; line-height: 24px; margin: 10px auto;}
  h5{font-size: 16px; line-height: 22px; margin: 10px auto;}
  p, ul li, ol li{font-size: 16px; line-height: 24px; margin: 0 auto 16px;}
  ul, ol{padding: 0 0 0 80px; margin: 0 auto 15px;}
  ul li, ol li{margin: 0 auto 5px;}
  blockquote{margin: 10px auto;}
  blockquote p{font-size: 24px; line-height: 30px; padding: 20px;}
  pre{font-size: 16px; line-height: 22px; padding: 20px; margin: 0 auto 10px;}
  ul.collist li{padding: 0 20px; margin: 20px auto 0;}
    
  #entete .marge .text_left h1{
       margin-bottom:65px;
    }
    
     
    /*--------------------*/
    /*----FLEXIBLE---*/
    /*--------------------*/
    
    /*--equipe--*/
    .equipe .team-member{
        width: calc(20% - 60px);
    }
    /*--argumentaire--*/
    .argumentaire_ecole.layout2 .marge .args-wrapper{
        -ms-flex-wrap:nowrap;
            flex-wrap:nowrap;
    }
    .argumentaire_ecole.layout2 .marge .args-wrapper .arg{
        margin:25px 25px;
        width:auto;
        -webkit-box-flex:1;
            -ms-flex:1;
                flex:1;
    }
    /*--blocs--*/
    section.blocs ul#blocs_culture{
            -ms-flex-wrap:nowrap;
                flex-wrap:nowrap;
    }
    section.blocs ul#blocs_culture li{
        width:calc(25% - 40px);
    }
    
    /*--bloc-formations--*/
    .bloc-formations .bloc-single-formation .contenu{
        padding:15px 15px 85px 15px;
    }
    
}
@media only screen and (min-width : 1300px) {
    /*--------------------*/
    /*----FLEXIBLE---*/
    /*--------------------*/
    /*--argumentaire--*/
    .argumentaire_ecole.layout1 .marge{
        -ms-flex-wrap:nowrap;
            flex-wrap:nowrap;
    }
    .argumentaire_ecole.layout1 .marge .text{
        -webkit-box-flex:1;
            -ms-flex:1 1 50%;
                flex:1 1 50%;
        padding-right:90px;
    }
    .argumentaire_ecole.layout1 .marge .args{
        -webkit-box-flex:1;
            -ms-flex:1 1 50%;
                flex:1 1 50%;
    }
    /*---les stages--*/
    .liste_stages ul li{
        width: calc(25% - 35px);
    }
    /*--formations--*/
    section.les_formations .marge ul li{
        width:calc(25% - 26.25px);
    }
    
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {
  /*.marge{width: 1100px;}
  .marge.extra{ width:calc(100% - calc(calc(100% - 1100px) / 2))}*/
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {
  /*.marge{width: 1100px;}
  .marge.extra{ width:calc(100% - calc(calc(100% - 1100px) / 2))}*/
  #entete .marge{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      -ms-flex-wrap:nowrap;
          flex-wrap:nowrap;
  } 
}

@media only screen and (min-width : 1500px){
    /*--actualites--*/
    .posts > div .marge ul li{
         width: calc(25% - 60px);
         margin:60px 30px 0px 30px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1600px) {
  /*.marge{width: 1400px;}
  .marge.extra{ width:calc(100% - calc(calc(100% - 1400px) / 2))}*/
  .slider-item .contentslide .text_left,
    #entete .text_left{
        padding-left:calc(calc(100vw - 1400px) / 2);
  }
}