@media screen and (min-width : 960px){
    body.home #menu-outils-parents li:first-child{
        margin-top: 4px;
    }
    
    #sidr{
        display: none;
    }
}

@media screen and (max-width : 768px){

    
    .actualites .actualite a.compat-object-fit img{
        opacity: 1;
    }
}

@media screen and (max-width : 1220px){
    #menu-menu-principal{
        display: table;
        width: 100%;
    }
    
    #menu_principal li {
        display: table-cell;
    }
    
    /*added for compatibility a 960px*/
    #menu_principal li a {
        padding: 15px 9px;
    }
    
    #menu-menu-du-haut li a {
        padding: 0 5px;
    }
    
    #slide_cc .cont_slideshow{
        width: 100%;
        width: -moz-calc(100% - 294px);
        width: -webkit-calc(100% - 294px);
        width: calc(100% - 294px);
        max-width: 100%;
    }
    
    #slide_cc .slideshow{
        max-width: 100%;
    }
    
    #slide_cc .slideshow .img{
        height: 444px;
    }
    
    #masthead #superheader{
        width: 612px;
    }
    
    #col_principal{
        width: 100%;
        width: -moz-calc(100% - 320px);
        width: -webkit-calc(100% - 320px);
        width: calc(100% - 320px);
    }
    
    .cont_slideshow {
        max-width: 100%;
    }
    
    .slideshow {
        max-width: 100%;
    }
    
    .slideshow .img{
        max-height: none !important
    }
    
    .single-att_page .slideshow .img,
    .single-att_article .slideshow .img{
        max-height: 222px !important;
    }
    /*fin add*/
    
    .center{
        width:100%;
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
        margin: 0 10px;
        padding: 0;
    }
    
    .call{
        padding:20px;   
    }
    
    .call .call_content{
        width:100%;
        width: -moz-calc(100% - 200px);
        width: -webkit-calc(100% - 200px);
        width: calc(100% - 200px)
    }
        
    #cont_promo_gallerie{
        padding: 0;
    }
    
    .prevBtn,
    .nextBtn{
        display: none;
    }
    
    #alaune,
    #promotions{
        width:49%;
        width: -moz-calc(50% - 45px);
        width: -webkit-calc(50% - 45px);
        width: calc(50% - 45px);
        float: left;
    }
    
    #promotions{
        padding-top: 57px;
    }
    
    #alaune #content_alaune{
        width: 100%;
        padding-right: 0;
    }
    
    #alaune img{
        width: 100%;
        height: auto;
    }
    
    #promotions{
        float: right;
    }
    
    #promotions .controls li{
        padding: 28px 10px;
    }
    
    #line1{
        padding-bottom:20px;
    }
    
    #line2, #line3, #line4{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .actualites .actualite{
        width: 32% !important;
        padding: 0 1% 20px !important;
        float: left;
    }
    
    .actualites .actualite img{
        width:100%;
    }
    
    #event_principal .border_txt #info_txt .entry{
        display:none;
    }
    
    #event_principal .border_txt #info_txt h2{
        padding-top: 8px;
        font-size: 13px;
    }
    
    #event_principal{
        display: none;
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    
    #event_principal img{
        width: 100%;
        height: auto;
    }
    
    #event_secondaire {
        width: 100%;
    }
    
    .event_secondaire_liste .col_half.one{
        width: 49%;
        width: -moz-calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px);
    }
    
    .event_secondaire_liste .col_half.two{
        width: 50%;
    }
    
    .event_secondaire_liste li{
        width: 100%;
        width: -moz-calc(100% - 10px);
        width: -webkit-calc(100% - 10px);
        width: calc(100% - 10px);
    }
    
    .event_secondaire_liste li.second{
        width: 100%;
        width: -moz-calc(100% - 10px);
        width: -webkit-calc(100% - 10px);
        width: calc(100% - 10px);
    }
    
    #acc_job .half{
        float: none;
        width: 100%;
    }
    
    #emplois-container{
        margin-bottom: 20px;
    }
    
    #emplois-container ul{
        width: 48%; 
    }
    
    #acc_job .more-link{
        text-align: center;
        padding-bottom: 10px;
    }
    
    #acc_job .more-link .call_btn{
        float: none !important;
        display: inline-block;
        width: 200px;
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
        padding:12px 36px !important;        
    }
    
    .att_texte .left,
    .att_texte .right{
        width: 50%;
        width: -moz-calc(50% - 20px);
        width: -webkit-calc(50% - 20px);
        width: calc(50% - 20px);
    }
    
    .cont_galerie
    {
        padding: 0;
        width: 100%;
        margin-bottom: 0;
    }
    
    .cont_galerie img
    {
        width: 100% !important;
    }
    
    .menu_atterrissage li{
        width: 100%;
    }
    
    .menu_atterrissage li:nth-child(even){
        width: 100%;
    }
    
    
    /*page atterrissage header : pour 1220, le reste ira en 960*/
    .page-parent .for_mobile{
        width:100%;
        /*max-height: 300px;
        margin-bottom: 20px;*/
    }
    
    .page-parent .cont_slideshow {
       
    }
    
    .page-parent #col_link{
        width: -webkit-calc(100% - 610px);
        width: -moz-calc(100% - 610px);
        width: calc(100% - 610px);
    }
        
    .page-parent .menu_atterrissage li{
        width: 100%; 
    }
    
    .page-parent .slideshow .img {
        max-height: 300px !important;
    }
    
    .page-parent #col_pub{
        display: none;
    }
    /*fin*/

    .lefty{
        width:65%;
    }
    
    .righty{
        width:33%;
    }
    
    #signup-content{
        width: 96%;
        padding: 0 2%;
    }
    
    #footer-widget-area .widget-area {
        padding-left: 15px;
        padding-right: 30px;
    }
}

@media screen and (max-width : 1050px){
    #masthead #superheader {
        width: 527px;
    }
}

@media screen and (max-width: 960px){
    
    /*le reste à mettre en 960*/
    .page-parent .slideshow .img {
        max-height: none !important;
    }

    .page-parent #col_pub{
        display: none;
    }
    
    .page-parent .for_mobile{
        width:100%;
        float: none;
    }
    
    .page-parent .menu_atterrissage li,
    .page-id-46.page-parent .menu_atterrissage li{
        width: 100%;
        height: 44px;
    }
    
    .page-parent .menu_atterrissage li a,
    .page-id-46.page-parent .menu_atterrissage li a{
        justify-content: center;
        padding: 14px 44px;
        width: -webkit-calc(100% - 88px);
        width: -moz-calc(100% - 88px);
        width: calc(100% - 88px);
        text-align: center;
        height: auto;
    }
    
    .page-parent .cont_slideshow{
        width: 100%;
    }
    
    .page-parent #col_link{
        width: 100%;
        margin-bottom: 12px;
    }
    
    .page-parent .blanc{
        padding-top: 0;
    }
    /*fin page atterrissage*/
    
    
    #utilmenu,
    #masthead,
    #access{
        display:none;
    }
    
    #cnt_rsponsive{
        display:block;
    }
    
    #simple-menu{
        display: block;
        float: left;
        background: url(../images/mobile.png) no-repeat left 19px;
        width: 18px;
        height: 15px;
        cursor: pointer;
        padding: 19px 20px 12px 0;
    }
    
    #cnt_rsponsive .site-title a{
        margin: 0 auto 12px;
    }
    
    #cnt_rsponsive .site-title{
        padding-bottom: 17px;
        display: block;
    }
    
    #cnt_rsponsive .site-description{
        display: none;
    }
    
    #cnt_rsponsive .searchform-header{
        line-height: 29px;
        margin-top: 11px;
        float: right;
    }
    
    #sidebar{
        float:none;
        width:auto;
    }
    
    #col_principal{
        float:none;
        width:auto;
        margin-left: 0;
    }
    
    #page-wrap > .center{
        display: block;
    }    
    
    #page-wrap{
        padding-top:134px;
    }
    
    #lien_utiles{
        float:none;
        width: 100%;
    }
    
    body.home #menu-outils-parents li {
        margin-top: 0;
        width:49%;
        width: -moz-calc(50% - 5px);
        width: -webkit-calc(50% - 5px);
        width: calc(50% - 5px);
        float: left;
    }
    
    body.home #menu-outils-parents li:hover {
        width:49%;
        width: -moz-calc(50% - 11px);
        width: -webkit-calc(50% - 11px);
        width: calc(50% - 11px);
    }   
    
    body.home #menu-outils-parents li:nth-child(even) {
        float: right;
    }
    
    #slide_cc .cont_slideshow{
        width: 100%;
    }
    
    #slide_cc .cont_slideshow{
        max-width: 100%;
        float: none;
    }
    
    #slide_cc .slideshow {
        position: relative;
        max-width: 1220px;
        height: auto !important;
    }
    
    #slide_cc .slideshow .img{
        height: auto;
    }
    
    #slide_cc .cont_slideshow .controls{
        text-align:center;
        position: relative;
    }
    
    #slide_cc .cont_slideshow .controls li{
        padding: 5px 10px;
    }
}

/*entre 768 et 1024*/
@media screen and (min-width: 769px) and (max-width : 1220px){
    .list_article img{
        width: 48%;
        height: auto;
    }
    
    .list_article .content{
        width: 46%;
        padding-right: 2%;
    }
}

/* plus petit que 768*/
@media screen
and (max-width : 768px) {
    .list_article img{
        width: 100%;
        height: auto;
        float: none;
    }
    
    .list_article .content{
        width: 100%;
        padding-right: 0;
        float: none;
    }
    
    #header.nav-up .branding{
        display: none;
    }
    
    body
    {
        font-size:13px;
    }

    h1
    {   
        font-size:18px;
        padding-bottom:10px;
        padding-top:0px;
        text-transform:uppercase;
        font-weight:bold;
    }
    
    h2
    {
        font-size:16px;
        padding-bottom:12px;
        padding-top:12px;
        font-weight:bold;
    }
    
    h3
    {
        font-size: 15px;
        padding-bottom: 10px;
        padding-top: 10px;
        font-weight: bold;
    }
    
    h4
    {
        font-size:14px;
        padding-bottom:6px;
        padding-top:6px;
        font-weight: bold;
    }
    
    #sidebar {
        padding: 0 0 35px 10px;
    }
    
    #sidebar .widget-area{
        padding-top: 20px;
    }
    
    .slideshow .border_txt{
        font-size: 12px;
        padding: 10px;
        width: 100%;
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
    }
    
    .call{
        display: block !important;
        text-align: center;
    }
    
    .call .call_content{
        padding-bottom: 20px;
        float: none;
        width: 100%;
        text-align: left;
    }
    
    .call .call_btn{
    }
    
    #alaune{
        width: 100%;
    }
    
    #alaune,
    #promotions{
        width:100%;
        float: none;
    }
    
    #alaune{
        padding: 0 !important;
        background: transparent;
    }
    
    #alaune #content_alaune .link_alaune{
        padding-bottom: 15px;
    }
    
    #promotions{
        padding-top: 0;
    }
    
    #line1 {
        padding-bottom: 0;
    }
    
    .actualites .actualite{
        width:100% !important;
        padding: 0 0 20px !important; 
    }

    .actualites .actualite img{
        height: auto !important;
    }
    
    .actualites .actualite.last{
        display:none;
    }
    
    #inner_atterrissage .center{
        padding: 20px 0;
    }
    
    .att_texte .left,
    .att_texte .right{
        width: 100%;
        float: none;
    }
    
    .att_texte .first{
        padding-bottom: 20px;
    }
    
    .lefty{
        width:100%;
        float: none;
    }
    
    .righty{
        width:100%;
        float: none;
    }
    
    .entry img{
        float: none;
        margin-left: 0;
        margin-right: 0;
        display: block;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    #alerte {
        padding: 30px 47px;
        text-align: center;
        font-size: 12px;
        line-height: 15px;
    }
    
    #alerte #img_ico {
        width: 27px;
        height: 23px;
        top: 50%;
        top: -moz-calc(50% - 11px);
        top: -webkit-calc(50% - 11px);
        top: calc(50% - 11px);
        left: 10px;
    }
    
    #alerte #img_close {
        width: 12px;
        height: 12px;
        top: -moz-calc(50% - 6px);
        top: -webkit-calc(50% - 6px);
        top: calc(50% - 6px);
        right: 10px;
    }
    
    .map_left{
        width: 100%;
        height: auto;
        float: none;
        margin-bottom: 20px;
    }
    
    .map_left img{
        width: 100% !important;
        height: auto !important;
    }
    
    .map_right{
        width: 100%;
        height: 215px;
        float: none;
        margin-bottom: 20px;
    }
    
    .righty .img_pdf,
    .righty .ico_loupe,
    .righty .ico_download{
        display: none;
    }    
    
    .page-parent .menu_atterrissage li{
        height: auto;
    }
    
    .page-parent .menu_atterrissage li a{
        height: auto;
    }
    
    #footer-widget-area .widget-area {
        width: 100%;
        width: -moz-calc(100% - 15px);
        width: -webkit-calc(100% - 15px);
        width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
    }
    
    #footer-widget-area #fourth.widget-area,
    #footer-widget-area #third.widget-area{
        text-align: center;
    }
    
    .iframe_event{
        pointer-events: none;
    }
    
    .event_secondaire_liste{
        display: block !important;
    }
    
    .event_secondaire_liste .col_half.one{
        width: 100%;
    }
    
    .event_secondaire_liste .col_half.two{
        width: 100%;
    }
    
    #event_principal{
        display: block;
    }
    
    #line2 #header-actualite{
        height: auto;
    }
    
    #line2 #header-actualite .call_btn.blue{
        display: inline-block;
        position: static;
        text-align: center;
    }
}

@media screen and (max-width : 600px) {
    .event_secondaire_liste li{
        width: 100%;
    }
    
    .event_secondaire_liste li.second{
        width: 100%;
    }
    
    #emplois-container ul{
        width: 100%;
        padding: 0;
        margin: 0;
    }
}

@media screen and (max-width : 500px) {
    #event_principal .border_txt #date{
        width:64px;
    }
    
    #event_principal .border_txt #date #jours {
        font-size: 19px;
        padding-bottom: 0;
        padding-top: 10px;
    }
    
    #event_principal .border_txt #date #mois {
        font-size: 12px;
        padding-bottom: 7px;
    }
    
    body.home #menu-outils-parents li {
        margin-top: 0;
        width:100%;
        float: none !important;
    }
    
    body.home #menu-outils-parents li:hover {
        width:100%;
        width: -moz-calc(100% - 6px);
        width: -webkit-calc(100% - 6px);
        width: calc(100% - 6px);
    }
    
    body.et_monarch .et_social_autowidth.et_social_networks li:nth-child(n) {
        width: 100% !important;
        margin: 0 0 2% 0 !important;
    }
}