/* ---------------------------- */
/*		    Responsive  		*/
/* ---------------------------- */


@media screen and (max-width: 1260px) {
    img {max-width: 100%;}
    .container {max-width: 100%; }
    
    /*video*/    
    #s_video .container {padding: 0;}
    
    /*slider*/
    #myslider p {font-size: 16px;}
    
}

@media screen and (max-width: 1010px) {
    /*preface*/
    .b_losanges {width:655px; height:390px;}
    .b_losanges .b2 {left: 135px; top: 135px;}
    .b_losanges .item {width:250px; height:250px; font-size:14px;}
    .b_losanges p {padding:10px 35px;}
}

@media screen and (max-width: 992px) {
    #global {padding-top:64px;}
    
    /*header*/
    header {padding:10px 0;}
    .menu_top {position:fixed; width:100%; height:100vh; top:0; left:0; background:#fff; text-align: center; padding-top:50px; visibility: hidden; opacity: 0; z-index: 199;}
    .nav_btn { display:block; }
    
    /*slider*/
    #myslider { margin: 0;}
    #myslider h3 {margin-bottom:5px; line-height: 1; font-size:24px;}
    #myslider p {font-size: 14px;}
    #myslider .item--txt.col-6 {padding-left:0;}
    .slick-next {right:0;}
    .slick-prev {left:0;}
    .slick-prev, .slick-next {top:30%;}
    
    /*profil*/
    .item--profil {font-size: 16px;}
    .item--profil h3 {margin-bottom:20px;}
    .item-profil-txt { padding: 15px; }
    
    /*FORM*/
    .col_form {max-width:600px; margin:0 auto;}
    .s_form--contact > .ct {max-width:300px; margin:0 auto;}
}



@media screen and (max-width: 768px) {
    /*slider*/
    #myslider h3 {margin-bottom:5px; line-height: 1; font-size:20px;}
    #myslider p {font-size: 13px; padding-right:10px;}
}

@media screen and (max-width: 767px) {
    .py60 {padding-top:30px; padding-bottom:30px;}
    
    /*preface*/
    .b_losanges {width:380px; height:auto;}
    .b_losanges .b2 {position:relative; left: 0; top: 0;}
    .b_losanges .item {width:380px; height:380px; font-size:20px;}
    .b_losanges p {padding:10px 55px;}
    
    /*slider*/
    #myslider h3 {font-size:24px; margin-bottom:15px;}
    #myslider .item--img img {max-height:300px; width:auto;}
    #myslider .item--txt {padding:15px 30px;}
    
    /*profil*/
    #s_map {padding:0;}
    .b_profil {padding-bottom:100px;}
    .b_profils {margin-left:0; margin-right:0;}
    .item--profil {margin:0 auto 20px; max-width: 388px; width:100%;}
}

@media screen and (max-width: 576px) {
    .title_1, .modal-title {font-size: 26px; padding-bottom:25px;}
    .b_titre_fd {padding:80px 10px 20px;}
    
    /*desc*/
    #s_desc.t20 {font-size:16px;}
    
    /*s_map*/
    .ct--map {font-size: 16px;}
    
    /*sommaire*/
    #s_sommaire .et > div {padding: 0;}
    #s_sommaire .et { font-size: 16px; }
    
    /*FORM*/
    .btn-dl {width:100%;}
}

@media screen and (max-width: 480px) {
    /*preface*/
    .b_losanges {width:250px;}
    .b_losanges .item {width:250px; height:250px; font-size:14px;}
    .b_losanges p {padding:10px 35px;}
    .b_losanges .item:first-child { margin-right: 0; }
    
    /*auteurs*/
    .btn-abc {font-size:14px;}
}

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

}

@media screen and (max-width: 360px) { 
    /*auteurs*/
    .menu_auteur {margin-left:-10px; margin-right:-10px;}
    .btn-abc {font-size:12px;}
}

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

}