@charset "utf-8";
@media (max-width: 1023px) {
    #wrapper {
        min-height: auto;
        background: none;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 70px;
    }
    body {
        background: #dbd7d0 url("../img/bg.jpg") no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .coin_haut,
    .coin_bas,
    .coin_bas_2 {
        display: none;
    }
    #content {
       // margin-top: 150px;
    }
    .form_inscription {
        margin-bottom: 36px;
    }
    .respnosive {
        display: block;
    }
    /*#port {*/
        /*display: none;*/
    /*}*/
    #content_index{
        width: 100%;
    }

}
@media (max-width: 1000px) {

    .my_form{ padding: 200px 0 0 0}
    div.wrapper_holdsname{width: 50%}
    .checkboxes{margin: auto}
    .btn_submit{left: 0; right: 0; margin-right: auto; margin-left: auto}
    .btn_suivant{left: 0; right: 0; margin-left: auto; margin-right: auto}
}
@media (max-width: 860px) {div.wrapper_holdsname{width: auto}}
@media (max-width: 780px) {
    .separateur {
        width: 100%;
    }
    .logo_2 {
        max-width: 417px;
        width: 90%;
    }
    .index_text_1 {
        font-size: 25px;
        margin-top: 0;
    }
    .index_text_2 {
        font-size: 30px;
    }
    #content {
        margin-top: 70px;
    }
    .titre_page {
        width: 231px;
        font-size: 18px;
    }
    .wrap_message p {
        font-size: 20px;
    }
    .wrap_message p.text_invitation {
        font-size: 14px;
    }
    div.holdsname span.holder {
        font-size: 14px;
        padding: 0 5px;
    }
    .form_inscription {
        padding: 10px;
    }
    #input_nom {
        padding-left: 112px;
    }
    #input_date_naissance {
        padding-left: 130px;
    }
    #input_tel {
        padding-left: 44px;
    }
    #input_email {
        padding-left: 55px;
    }
    #input_cin {
        padding-left: 43px;
    }
    label.error,
    .label_check label.error {
        font-size: 12px;
    }
    .form_question {
        padding: 10px;
    }
    .form_question p {
        margin-top: 0px;
    }
    /*ul.liste_etape > li {*/
        /*width: 21px;*/
        /*height: 33px;*/
        /*margin-right: 4px;*/
    /*}*/
    .lien_left_header{width: 25%; left: 0}
    .lien_right_header{right: 0; width: 25%}

    #input_nom{padding-left: 40%}
    #input_date_naissance{padding-left: 15%}
    #input_tel,#input_email,#input_cin{padding-left: 30%}
}
@media (max-width: 590px) {
    .logo_home,.logo,.text{position: relative;top: inherit; left: inherit; right: inherit}

    #content_index,#port{text-align: center}
    .my_btn{display: inline-block; position: relative; bottom: inherit; margin-top: 30px}


}
@media (max-width: 480px) {


    #port{ overflow: visible; height: auto; padding: 10px}
    #content_index{height: auto}
  #port .bg_pdt{display: none}
    body{background: #dbd7d0 url("../img/bg_mb.jpg")  top center no-repeat;}
    #wrapper{padding-bottom: 10px}
    div.holdsname{width: 100%}
    .holdsname label{position: relative; left: inherit; top: inherit; display: block; width: 100% !important;}
    div.holdsname,div.wrapper_holdsname{height: auto; width: 100%}
    .relative_date{margin-left: 0}
    .holdsname img{top: inherit; bottom: 0}
    #input_email + .picto_inscri_fg{bottom: 5px;}
    .holdsname input{padding-left: 10px !important;}
    #content{margin-top: 30px; position: relative}
    .title_page{position: relative; top: inherit; left: inherit; transform: none;color: #1353ab;  font-size: 22px;  font-weight: 600; margin-bottom: 25px; margin-top: 0}
    .btn_submit{position: relative; top: inherit; bottom: -10px}
    .type_select{background-position: 95% 15px;}
    .type_select select{margin-left: 0; width: 100%}
    .my_form {
        padding: 200px 10px 0 10px;
    }
    #wrapper{
        padding:0;}
    div.holdsname input{width: 100%}
    .holdsname label.error, .holdsname.type2 label.error{right: 0; bottom: -5px; top: inherit}
    .holdsname.type_select label{left: inherit;height: inherit}
    ul.liste_etape{padding: 17px 0 15px; background: #145fa5; width: 100%}
    ul.liste_etape > li{margin: 0 2% 10px 0;}
    .my_form{ height: auto;  position: relative }
    .my_form.quest_page, .my_form{background: #FFFFFF; padding: 20px 15px 30px; -webkit-border-top-left-radius: 35px;
        -webkit-border-top-right-radius: 35px;
        -moz-border-radius-topleft: 35px;
        -moz-border-radius-topright: 35px;
        border-top-left-radius: 35px;
        border-top-right-radius: 35px;}
    .my_form.quest_page{margin-top: 10px}
    .lien_center_header{ position: relative}
    .wrap_question{padding: 0; height: auto; width: 100%}
    .title_question{margin-bottom: 25px}
    .btn_suivant{position: relative; bottom: 0; margin-top: 20px}
    ul.liste_etape{position: relative; bottom: 10px}
    .wrap_question p{font-size: 18px}
    .nbr_question, .page_title{font-size: 22px}
    .my_label{font-size: 14px}
    .bloc_result{width: 100%; background: none}

    .text_merci{width: 100%; padding: 10px 10px 20px; position: relative; background: #FFFFFF; background-image:none; border-bottom: 4px solid #2D479F }
    .bloc_result .page_title{font-size: 35px}
    .text_merci .page_title{margin-bottom: 40px}
    .text_merci .text_comment{font-size: 22px}
    .wrapper_holdsname > label{height: 45px;
        line-height: 45px;
        background: #145fa6;    padding: 0 15px;
        border-radius: 5px;
        font-weight: 400;
        font-size: 14px;
        width: 100%;
        text-align: left;
        color: #FFFFFF;
    }
    .bloc_result{margin: 10px auto 0}
    .btn_partage::before{left: 6%}



}
@media (max-width: 370px) {

    .lien_left_header, .lien_right_header{display: none}
}