﻿@media (max-width: 565px) {

    #articleContentRow-one{
		display: block;
	}

	.articleContentRowItem,
	h2, h1, a{
		text-align: center;
	}

}

@media (max-width: 850px){

    div#accordion {
        display: block;
    }

    div#desktopNavServices {
        display: none;
    }

    .btnService,
    #containerServicesForm div.select-improved,
    #containerServicesForm div.boxInputForm{
        width: 100%;
    }

}

@media (max-width: 570px){

    #boxModal{
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

}

@media (max-width: 937px) {

    br.break_txt {
        display: inline;
    }

    /*
    div.boxServiceBtns div.boxServiceBtn:nth-child(2),
    .icon_info {
        margin: 0 0 25px;
    }
    */
}

@media (max-width: 425px) {
    
    p#linkHeaderNavTxtCfcorse{
        line-height: 23px;
    }

    #mobileHeaderNavCfcorse{
        margin-top: 10px;
    }

}


@media (max-width: 460px) {
    
    /* MODAL CANCEL FORM*/ 
    div#boxModalCancelForm{
        width: 95%;
    }
    div#boxModalCancelForm img.icon_exclamation{
        margin-bottom: 10px;
    }
    div#boxModalCancelForm .toutDossier{
        margin-bottom: 10px;
    }
    button#btnModalCancelFormClose{
        margin-bottom: 15px;
    }

    .box_full_small{
        display: block;
        width: 100%;
    }

    #mobileHeaderNavCfcorse{
        margin-top: 10px;
    }

    /* button formulaire français */
    a#btnConsultNotice{
        margin-bottom: 20px;
        margin-top: 100px;
    }

    /* HOME PAGE */
    p.homeNote{
        display: block;
        margin-top: 55px;
    }
    div.boxHomeBtnFr{
        margin-top: 85px;
    }
    div.boxHomeBtnEn{
        margin-top: 135px;
    }
    p.font_italic_fr{
        margin-top: 80px;
    }
    p.font_italic_en{
        margin-top: 100px;
    }

    /* SERVICE MOBILE */
    .small_margin_bottom_35{
        margin-bottom: 35px;
    }
    .small_margin_top_15{
        margin-top: 15px;
    }
    .small_text_align_center,
    #accordion .boxServiceTxt p.small_text_align_center,
    #accordion .serviceBoxTx p.small_text_align_center{
        text-align: center;
    }

    .small_flex_direction_column{
        flex-direction: column;
    }
    
    .boxServiceIconInfoReclamationNumeroPv {
        margin-bottom: 31px;
    }
    
    .boxIdentity{
        margin-top: 15px;
    }

    /* PJ */
    div.fileItem{
        flex-direction: column;
    }
    
    div.ajax-file-upload-statusbar,
    div.ajax-upload-dragdrop,
    div.boxFiles,
    div.boxFileInputElement{
        width: 100%;
    }

    button#btnShowModalCancelForm,
    button.btnShowResume,
    a#btnConsultNotice,
    button.inputNextForm{
        display: block;
        width: 100%;
    }

    #boxBtnModalResume{
        flex-direction: column;
    }
    /* DATE LITIGE */
    .boxBlockInputDateInput {
        width: 100%;
    }
    /* MODAL NUMERO PV */
    #boxModalNumeroPv,
    div#boxModalCancelForm,
    div#boxModalSubmitSuccess,
    #boxModalResume{
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

    #boxModalNumeroPvImages{
        flex-direction: column;
    }
    #boxImgNumeroPvImages-ai{
        width: 100%;
        margin-bottom: 25px;
    }
    #boxImgNumeroPvImages-pv{
        width: 100%;
    }
    #linkHeaderNavTxtSncf{
        line-height: 25px;
    }
    #linkHeaderNavTxtCfcorse{
        margin-left: 60px;
    }

    /* PV INTRODUCTION */
    .boxPvContent .txtCenter {
        text-align: center;
    }

    /* ALERT CONTACT CENTRE DE RECOUVREMENT */
    #noContact_recouvrement img{
        width: 100%;
    }
    #noContact_recouvrement .transporteur_label,
    #noContact_recouvrement .boxCourrier{
        text-align: center;
    }
    
    /* ALERT DATE PV */
    .alert_error_date_pv{
        margin-top: 20px;
    }
    .alert_error_date_pv .articleContentRowItem{
        text-align: center;
        flex: auto;
        flex-direction: column;
        align-items: center;
    }
    .alert_error_date_pv .exclamation_text{
        align-items: center;
        flex-direction: column;
    }
    .alert_error_date_pv img.icon_exclamation{
        margin: 10px 0;    
    }
    .alert_error_date_pv .exclamation_text{
        margin-bottom: 10px;
    }
    

    #boxModalAlertDatePvContentCoordonnees {
        margin: 0;
    }

    .transporteur_row{
        flex-direction: column;
        align-items: center;
    }
    .transporteur_label_right_column .transporteur_label_right_column_item:nth-child(n+1){
        margin-top: 20px;
    }

    
}


@media (max-width: 320px) {
    p.font_italic_en{
        margin-top: 135px;
    }
    div.boxHomeBtnEn{
        margin-top: 175px;
    }
}

@media (min-width: 690px) and (max-width: 849px) {
    .boxBlockInputNumeroPv {
        width: 33%;
        padding-right: 33px;
    }
    .boxBlockInputDateInput_short {
        width: 22%;
    }
}

@media (max-width: 850px) {
    /* MODAL CANCEL FORM*/ 
    div#boxModalCancelForm{
        width: 95%;
    }
}

@media (max-width: 689px) {

    /*  PV COLLECTION */
    .NumPvDateItem{
        flex-direction: column;
    }
    .boxBlockInputNumeroPv,
    .boxBlockInputDateInput_short{
        width: 100%;
        padding-right: 0;
    }
    .boxBtnPersonAction {
        justify-content: center;
    }
}

    

