/*
 ██████╗ ███████╗███╗   ██╗███████╗██████╗  █████╗ ██╗     
██╔════╝ ██╔════╝████╗  ██║██╔════╝██╔══██╗██╔══██╗██║     
██║  ███╗█████╗  ██╔██╗ ██║█████╗  ██████╔╝███████║██║     
██║   ██║██╔══╝  ██║╚██╗██║██╔══╝  ██╔══██╗██╔══██║██║     
╚██████╔╝███████╗██║ ╚████║███████╗██║  ██║██║  ██║███████╗
 ╚═════╝ ╚══════╝╚═╝  ╚═══╝╚══════╝╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&display=swap');


.bold {
    font-weight: bold !important;
}

.margin_bottom {
    margin-bottom: 15px;
}

.color_rrv {
    color: #FE9200;
}

.color_auto {
    color: #D8001A;
}

.color_bat {
    /* color: #747474; */
    color: #BCBCBC;
}

/* Pour supprimer la marge avant le footer */
#content {
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
}

.cell_4 {
    width: calc(33% - 20px);
    transition: all ease 200ms;
}
.cell_3 {
    width: calc(25% - 30px);
    transition: all ease 200ms;
}
.cell_2_4 {
    width: calc(20% - 25px);
    transition: all ease 200ms;
}
.cell_2 {
    width: calc(16.66% - 25px);
    transition: all ease 200ms;
}

.main_new_formulaires {
    padding: 2% 17% 5% 17%;
    background: #f0f0f0;
}

.hidden {
    display: none;
}


.bouton_form {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: auto;
    background: #282828;
    border: 1px solid #282828;
    border-radius: 4px;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    padding: 7px;
    transition: all 250ms ease;
}
.bouton_form:hover {
    background: #000000;
    border: 1px solid #000000;
}

.bouton_appeler {
    background: #1DAB21;
    border: 1px solid #1DAB21;
    border-radius: 4px;
    color: white;
    text-transform: uppercase !important;
    font-weight: 600;
    margin: 7px 0;
    padding: 7px;
    transition: all 250ms ease;
}

.bouton_appeler:hover {
    text-decoration: none !important;
    background: rgb(23, 141, 27);
    border: 1px solid rgb(23, 141, 27);
}
.bouton_appeler:focus {
    text-decoration: none !important;
}

.flex_between_row_wrap {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.checkbox {
    display: flex;
    justify-content: center;
    margin: 0 auto 1em auto;
}
.checkbox .check {
    width: 2%;
    margin: auto 0;
}

.check {
	visibility: hidden;
	position: absolute;
	left: -9999px;
}
.check:checked + label:before {
	-webkit-animation: checked 600ms 10ms 1;
			animation: checked 600ms 10ms 1;
	background: #282828;
}
.check:checked + label {
	color: #282828;
}
.checkbox label {
    font-size: 0.9em;
    margin: auto 0;
    cursor: pointer;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	line-height: 1.5;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}
.checkbox label:before {
	content: '';
	display: inline-block;
	background: #fff;
	margin-right: 10px;
	margin-left: 2px;
	width: 16px;
	height: 16px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 2px #999;
	vertical-align: middle;
    cursor: pointer;
	/* border-radius: 50%; */
	-webkit-transition: all ease 200ms;
	transition: all ease 200ms;
}


/* Checkboxs choix multiple */
.checkbox_multi {
    display: flex;
    justify-content: center;
    position: relative;
}
.checkbox_multi .check_multi {
    width: 2%;
    margin: auto 0;
}

.check_multi {
	visibility: hidden;
	position: absolute;
	left: -9999px;
}
.check_multi:checked + label::after {
	-webkit-animation: checked 600ms 10ms 1;
			animation: checked 600ms 10ms 1;
	background: #000;
}
.check_multi:checked + label {
    color: white;
    background: #8EBA1F;
}

.checkbox_multi label {
    font-size: 0.9em;
    margin: auto 0;
    cursor: pointer;
    background: rgb(218, 218, 218);
    height:100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	line-height: 1.5;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
            user-select: none;
    transition: all 250ms ease;
    position: relative;
    padding: 20px 20px 50px 20px !important;
}
.checkbox_multi label::after {
	content: '';
    display: block;
    margin: 15px auto 0;
	background: #fff;
	width: 16px;
	height: 16px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 2px #999;
	/* vertical-align: middle; */
    cursor: pointer;
	/* border-radius: 50%; */
	-webkit-transition: all ease 200ms;
	transition: all ease 200ms;
    bottom: 20px;
    position: absolute;
    left: calc(50% - 9px);
}

/* Pour cacher le petit point qui permet de garder les libellés à la même hauteur */
.checkbox_multi label span {
    visibility: hidden;
}

.form_box {
    width: 100%;
} 

.form_box input {
    width: 48.5%;
    /* width: 31.2%; */
    margin: 0 0 17px 0 !important;
    padding: 8px;
    border: 1px solid rgb(177, 177, 177);
}

.form_box select {
    width: 100%;
    margin: 0 0 17px 0 !important;
    padding: 8px;
    border: 1px solid rgb(177, 177, 177);
    transition: all ease 200ms;
}

.form_box textarea {
    margin: 0 0 17px 0 !important;
    transition: all ease 200ms;
}

/* .div_select {
    position: relative;
    overflow: hidden;
} */

/* .div_select::after {  */
	/* Le pointeur du select */
	/* content: '';
	position: absolute;
	top: 35%;  */
	/* margin-top: -3px; */
	/* right: .75em;  
	display: block; 
	width: 0; height: 0;
	border-color: transparent;
	border-top-color: #444; 
	border-width: 6px;
	border-style: solid;
	pointer-events: none;
} */

select.form_control_new {
    background-color: #FFF;
    border-radius: 0px !important;
    -webkit-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(fleche.png);
    background-size: 35px 35px;
    background-repeat: no-repeat;
    background-position: 98% center;
}

.label_et_select {
    width: 48.5%;
    display: flex;
    flex-flow: column;
}

#rdv_centre {
    width: 48.5%;
}

#rdv_marque_new,
#rdv_modele_new {
    width: 100%;
}

.select_universel {
    -webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
    
	/* On est sûr de ne plus voir la flèche native */
    width: 110%; 
    height: auto;
	border: 0; 
	margin: 0;
	padding: .75em;
    border-radius: 0;
    overflow: hidden;
    background: white;

    /*On empêche le texte d'aller jusqu'au bout s'il est trop long */
    text-overflow: ellipsis;
    
    transition: all ease 200ms;
}

.input_text_universel {
    -webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
    
	/* On est sûr de ne plus voir la flèche native */
    width: 110%; 
    height: auto;
	border: 0; 
	margin: 0;
	padding: .75em;
    border-radius: 0;
    overflow: hidden;
    background: white;

    /*On empêche le texte d'aller jusqu'au bout s'il est trop long */
    text-overflow: ellipsis;
    
    transition: all ease 200ms;
}

.input_formations {
    width: 100%; 
}

#formulaire_formations .formulaire_formations_auto,
#formulaire_formations .formulaire_formations_bat {
    margin-top: 10px;
}

.textarea_universel {
    -webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
    
	/* On est sûr de ne plus voir la flèche native */
    width: 110% !important; 
    height: auto;
	border: 0; 
	margin: 0;
	padding: .75em;
    border-radius: 0;
    overflow: hidden;
    background: white;
    border: 1px solid rgb(165, 165, 165);

    /*On empêche le texte d'aller jusqu'au bout s'il est trop long */
    text-overflow: ellipsis;
    
    transition: all ease 200ms;
}

.choix {
    width: 100%;
    margin-bottom: 30px;
}

.main_formulaire {
    transition: all ease 200ms;
}

.fa-chevron-right {
    font-size: 0.8em;
    margin-left: 0.3em;
    transition: all ease 200ms;
}

.label_commentaires {
    cursor: pointer;
}

.display_none {
    display: none !important;
}

.display_block {
    display: block !important;
}

.toggleactive {
    height: 500px !important;
}


.rotate90 {
    transform: rotate(90deg);
}

/*
██╗  ██╗██╗   ██╗██████╗     ███████╗ ██████╗ ██████╗ ███╗   ███╗██╗   ██╗██╗      █████╗ ██╗██████╗ ███████╗███████╗
██║  ██║██║   ██║██╔══██╗    ██╔════╝██╔═══██╗██╔══██╗████╗ ████║██║   ██║██║     ██╔══██╗██║██╔══██╗██╔════╝██╔════╝
███████║██║   ██║██████╔╝    █████╗  ██║   ██║██████╔╝██╔████╔██║██║   ██║██║     ███████║██║██████╔╝█████╗  ███████╗
██╔══██║██║   ██║██╔══██╗    ██╔══╝  ██║   ██║██╔══██╗██║╚██╔╝██║██║   ██║██║     ██╔══██║██║██╔══██╗██╔══╝  ╚════██║
██║  ██║╚██████╔╝██████╔╝    ██║     ╚██████╔╝██║  ██║██║ ╚═╝ ██║╚██████╔╝███████╗██║  ██║██║██║  ██║███████╗███████║
╚═╝  ╚═╝ ╚═════╝ ╚═════╝     ╚═╝      ╚═════╝ ╚═╝  ╚═╝╚═╝     ╚═╝ ╚═════╝ ╚══════╝╚═╝  ╚═╝╚═╝╚═╝  ╚═╝╚══════╝╚══════╝
*/
/* 
.main_hub_formulaires h1,
.main_hub_formulaires h2,
.main_hub_formulaires h3,
.main_hub_formulaires h4,
.main_hub_formulaires span,
.main_hub_formulaires p {
    font-family: 'Open Sans', sans-serif;
} */

.main_hub_formulaires h1 {
    font-weight: lighter;
    margin-left: 0.5em;
}

.main_hub_formulaires a:hover {
    text-decoration: none;
}

.main_hub_formulaires .text_hub {
    margin: 20px 0;
}

.main_hub_formulaires .text_hub p {
    margin: 20px 0;
    line-height: 1.6;
}

.hub_vignettes {
    display: flex;
	justify-content: space-evenly;
    flex-flow: row wrap;
    margin: 2em 0 0 0;
}

.hub_vignettes a {
    display: block;
    width: 23%;
    padding: 7em 1em 2em 1em;
}

/* .hub_vignettes { */
    /* display: flex; */
    /* justify-content: center; /* ou space-between / space-evenly selon le rendu voulu */ */
    /* gap: 20px; /* espace entre les vignettes */ 
    /* flex-wrap: wrap; /* pour que ça s’adapte sur mobile */ 
    /* padding: 20px; */
/* } */

/* .hub_vignettes a { */
    /* display: block; */
    /* width: 300px; /* ou un pourcentage comme 45% */ 
    /* padding: 20px; */
    /* text-align: center; */
    /* text-decoration: none; */
    /* border: 1px solid #ccc; */
    /* border-radius: 8px; */
    /* background: #f9f9f9; */
    /* box-shadow: 2px 2px 8px rgba(0,0,0,0.1); */
/* } */

.hub_vignettes a:focus {
    text-decoration: none;
}

.hub_vignettes h2 {
    font-size: 1.7em;
    font-weight: 400;
    margin: 0;
}

.hub_vignettes p {
    font-size: 1.3em;
}

.hub_vignettes small {
    font-size: 12.5px;
    color: white;
}

/*
Images dans themes/glastint/images
*/
.hub_vignettes .vignette_rrv {
    /* background: rgb(218, 218, 218); */
    background: url('../../images/hub-parebrise.jpg') no-repeat center;
    background-size: cover;
}

.hub_vignettes .vignette_tdv {
    /* background: rgb(218, 218, 218); */
    background: url('../../images/hub-auto.jpg') no-repeat center;
    background-size: cover;
}

.hub_vignettes .vignette_bat {
    /* background: rgb(218, 218, 218); */
    background: url('../../images/hub-bat.jpg') no-repeat center;
    background-size: cover;
}

.hub_vignettes .vignette_habitation {
    /* background: rgb(218, 218, 218); */
    background: url('../../images/hub-habitation.jpg') no-repeat center;
    background-size: cover;
}

.vignette_rrv p {
    position: relative;
    top: 33px;
}
.vignette_tdv p,
.vignette_bat p,
.vignette_habitation p {
    position: relative;
    top: 19px;
}

/*
██████╗ ███████╗██╗   ██╗██╗███████╗    ██████╗ ██████╗ ██╗   ██╗
██╔══██╗██╔════╝██║   ██║██║██╔════╝    ██╔══██╗██╔══██╗██║   ██║
██║  ██║█████╗  ██║   ██║██║███████╗    ██████╔╝██████╔╝██║   ██║
██║  ██║██╔══╝  ╚██╗ ██╔╝██║╚════██║    ██╔══██╗██╔══██╗╚██╗ ██╔╝
██████╔╝███████╗ ╚████╔╝ ██║███████║    ██║  ██║██║  ██║ ╚████╔╝ 
╚═════╝ ╚══════╝  ╚═══╝  ╚═╝╚══════╝    ╚═╝  ╚═╝╚═╝  ╚═╝  ╚═══╝  
*/
.form_rrv_box,
.appeler_rrv_box {
    width: 48%;
}

.mentions_legales {
    width: 100%;
    font-size: 0.77em;
    font-style: italic;
    margin-top: 2em;
}

.main_rrv_formulaire h2 {
    font-size: 1.6em;
}

.main_rrv_formulaire .form_rrv {
    display: flex;
    flex-flow: column wrap;
}

.main_rrv_formulaire .form_rrv input, 
.main_rrv_formulaire .form_rrv select {
    width: 100%;
    margin: 0 0 17px 0;
    padding: 8px;
    border: 1px solid rgb(177, 177, 177);
}

/*
Image dans themes/glastint/images
*/
.appeler_rrv_box {
    /* background: rgb(218, 218, 218); */
    background: url('../../images/bloc-appeler.jpg') no-repeat center;
    background-size: cover;
    color: white;
    padding: 11em 2em 1em 2em;
    height: 100%;

}

.appeler_rrv_box h2 {
    font-size: 1.75em;
}

.appeler_rrv_box a {
    display: block;
    text-align: center;
    font-size: 1em;
    margin-bottom: 1em;
}

.appeler_rrv_box p {
    font-weight: 100;
    margin: 0 0 27px 0;
}

.bouton_appeler .fa-phone {
    transform: rotate(90deg);
    font-size: 1.2em;
    margin-right: 0.4em;
}

/*
██████╗ ███████╗██╗   ██╗██╗███████╗     █████╗ ██╗   ██╗████████╗ ██████╗ 
██╔══██╗██╔════╝██║   ██║██║██╔════╝    ██╔══██╗██║   ██║╚══██╔══╝██╔═══██╗
██║  ██║█████╗  ██║   ██║██║███████╗    ███████║██║   ██║   ██║   ██║   ██║
██║  ██║██╔══╝  ╚██╗ ██╔╝██║╚════██║    ██╔══██║██║   ██║   ██║   ██║   ██║
██████╔╝███████╗ ╚████╔╝ ██║███████║    ██║  ██║╚██████╔╝   ██║   ╚██████╔╝
╚═════╝ ╚══════╝  ╚═══╝  ╚═╝╚══════╝    ╚═╝  ╚═╝ ╚═════╝    ╚═╝    ╚═════╝ 
*/
.choix h3 {
    font-size: 0.9em;
    margin-top: 2em;
}


.prestas_box {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin: 20px auto 40px auto;
}

.prestas_box div label {
    width: 100%;
    font-size: 15px;
    padding: 20px 0;
    font-weight: 600 !important;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.prestas_box input[type=checkbox] {
    font-weight: 600 !important;
    display: block;
    margin: 0 auto;
}

/*
 ██████╗██╗  ██╗ ██████╗ ██╗██╗  ██╗    ██████╗  █████╗ ████████╗██╗███╗   ███╗███████╗███╗   ██╗████████╗
██╔════╝██║  ██║██╔═══██╗██║╚██╗██╔╝    ██╔══██╗██╔══██╗╚══██╔══╝██║████╗ ████║██╔════╝████╗  ██║╚══██╔══╝
██║     ███████║██║   ██║██║ ╚███╔╝     ██████╔╝███████║   ██║   ██║██╔████╔██║█████╗  ██╔██╗ ██║   ██║   
██║     ██╔══██║██║   ██║██║ ██╔██╗     ██╔══██╗██╔══██║   ██║   ██║██║╚██╔╝██║██╔══╝  ██║╚██╗██║   ██║   
╚██████╗██║  ██║╚██████╔╝██║██╔╝ ██╗    ██████╔╝██║  ██║   ██║   ██║██║ ╚═╝ ██║███████╗██║ ╚████║   ██║   
 ╚═════╝╚═╝  ╚═╝ ╚═════╝ ╚═╝╚═╝  ╚═╝    ╚═════╝ ╚═╝  ╚═╝   ╚═╝   ╚═╝╚═╝     ╚═╝╚══════╝╚═╝  ╚═══╝   ╚═╝ 
*/
.batiment_choix {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin: 1.5em 0 4em 0;
}

.batiment_choix a {
    position: relative;
    display: block;
    font-size: 18px;
    color: black;
    text-align: center;
    background: rgb(218, 218, 218);
    padding: 20px 0;
    font-weight: 300;
    transition: all 250ms ease;
}
.batiment_choix a:hover {
    text-decoration: none;
    background: rgb(105, 105, 105);
    color: white;
}
.batiment_choix a:active {
    text-decoration: none;
    background: rgb(105, 105, 105);
    color: white;
}

.batiment_choix span {
    font-size: 14px;
}

/*
██████╗ ███████╗██╗   ██╗██╗███████╗    ██████╗  █████╗ ████████╗██╗███╗   ███╗███████╗███╗   ██╗████████╗
██╔══██╗██╔════╝██║   ██║██║██╔════╝    ██╔══██╗██╔══██╗╚══██╔══╝██║████╗ ████║██╔════╝████╗  ██║╚══██╔══╝
██║  ██║█████╗  ██║   ██║██║███████╗    ██████╔╝███████║   ██║   ██║██╔████╔██║█████╗  ██╔██╗ ██║   ██║   
██║  ██║██╔══╝  ╚██╗ ██╔╝██║╚════██║    ██╔══██╗██╔══██║   ██║   ██║██║╚██╔╝██║██╔══╝  ██║╚██╗██║   ██║   
██████╔╝███████╗ ╚████╔╝ ██║███████║    ██████╔╝██║  ██║   ██║   ██║██║ ╚═╝ ██║███████╗██║ ╚████║   ██║   
╚═════╝ ╚══════╝  ╚═══╝  ╚═╝╚══════╝    ╚═════╝ ╚═╝  ╚═╝   ╚═╝   ╚═╝╚═╝     ╚═╝╚══════╝╚═╝  ╚═══╝   ╚═╝   
*/

.batiment_box {
    margin: 1.5em 0 4em 0;
}

.batiment_box a {
    position: relative;
    display: block;
    font-size: 18px;
    color: black;
    text-align: center;
    background: rgb(218, 218, 218);
    padding: 20px 0;
    font-weight: 300;
    transition: all 250ms ease;
}
.batiment_box a:hover {
    text-decoration: none;
    /* background: rgb(105, 105, 105);
    color: white; */
}
.batiment_box a:active {
    text-decoration: none;
    /* background: rgb(105, 105, 105);
    color: white; */
}
.batiment_active {
    text-decoration: none;
    background: rgb(105, 105, 105) !important;
    color: white !important;
    transition: all 250ms ease;
}

.batiment_box span {
    font-size: 14px;
}

.croix_retour {
    position: absolute;
    display: none !important;
}

.span_fictif {
    visibility: hidden;
}

#rdv_observation {
    width: 100% !important;
    transition: all 250ms ease !important;
    margin-bottom: 20px;
}

/*
 █████╗ ███╗   ██╗██╗███╗   ███╗ █████╗ ████████╗██╗ ██████╗ ███╗   ██╗███████╗
██╔══██╗████╗  ██║██║████╗ ████║██╔══██╗╚══██╔══╝██║██╔═══██╗████╗  ██║██╔════╝
███████║██╔██╗ ██║██║██╔████╔██║███████║   ██║   ██║██║   ██║██╔██╗ ██║███████╗
██╔══██║██║╚██╗██║██║██║╚██╔╝██║██╔══██║   ██║   ██║██║   ██║██║╚██╗██║╚════██║
██║  ██║██║ ╚████║██║██║ ╚═╝ ██║██║  ██║   ██║   ██║╚██████╔╝██║ ╚████║███████║
╚═╝  ╚═╝╚═╝  ╚═══╝╚═╝╚═╝     ╚═╝╚═╝  ╚═╝   ╚═╝   ╚═╝ ╚═════╝ ╚═╝  ╚═══╝╚══════╝
*/
@-webkit-keyframes checked {
	0%, 100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
	10% {
	  -webkit-transform: scale(0.8, 0.7);
			  transform: scale(0.8, 0.7);
	}
}
  
@keyframes checked {
	0%, 100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
	10% {
	  -webkit-transform: scale(0.8, 0.7);
			  transform: scale(0.8, 0.7);
	}
}


/*
███╗   ███╗███████╗██████╗ ██╗ █████╗      ██████╗ ██╗   ██╗███████╗██████╗ ██╗███████╗███████╗
████╗ ████║██╔════╝██╔══██╗██║██╔══██╗    ██╔═══██╗██║   ██║██╔════╝██╔══██╗██║██╔════╝██╔════╝
██╔████╔██║█████╗  ██║  ██║██║███████║    ██║   ██║██║   ██║█████╗  ██████╔╝██║█████╗  ███████╗
██║╚██╔╝██║██╔══╝  ██║  ██║██║██╔══██║    ██║▄▄ ██║██║   ██║██╔══╝  ██╔══██╗██║██╔══╝  ╚════██║
██║ ╚═╝ ██║███████╗██████╔╝██║██║  ██║    ╚██████╔╝╚██████╔╝███████╗██║  ██║██║███████╗███████║
╚═╝     ╚═╝╚══════╝╚═════╝ ╚═╝╚═╝  ╚═╝     ╚══▀▀═╝  ╚═════╝ ╚══════╝╚═╝  ╚═╝╚═╝╚══════╝╚══════╝        
*/
@media screen and (max-width: 1700px) {
    .main_new_formulaires {
        padding: 2% 10% 5% 10%;
    }
}
@media screen and (max-width: 1400px) {
    .main_new_formulaires {
        padding: 2% 7% 5% 7%;
    }
}
@media screen and (max-width: 1200px) {
    .prestas_box div label {
        font-size: 15px;
        margin: 0;
    }
}
@media screen and (max-width: 989px) {
    .hub_vignettes a {
        width: 100%;
        margin: 1em auto 1em auto;
        padding: 1em 1em 1.6em 1em;
    }
}
@media screen and (max-width: 768px) {
    .cell_12 {
        width: 100%;
        margin: 15px 0;
    }

    .cell_6 {
        width: calc(50% - 15px);
        margin: 15px 0;
    }

    .margin_bottom {
        margin-bottom: 30px;
    }
    
    .no_margin {
        margin: 0 !important;
    }

    /* Formulaire RRV */
    .main_new_formulaires {
        padding: 5% 5% 5% 5%;
    }

    .main_hub_formulaires h1 {
        font-size: 1.5em;
        text-align: center;
    }
    
    .hub_vignettes {
        margin: 0;
    }

    .hub_vignettes h2 {
        font-size: 1.3em;
    }
    .hub_vignettes p {
        font-size: 1.3em;
    }

    .vignette_rrv p {
        top: 17px;
    }
    
    .main_rrv_formulaire h1 {
        font-size: 1.5em;
        text-align: center;
    }
    
    .main_rrv_formulaire h2 {
        font-size: 1.2em;
        text-align: center;
        margin: 0;
    }

    .main_formulaire h1 {
        font-size: 1.5em;
        text-align: center;
    }
    
    .main_formulaire h2 {
        font-size: 1.2em;
        text-align: center;
        margin: 0;
    }

    .hub_vignettes {
        flex-flow: column wrap;
    }

    .hub_vignettes a {
        width: 100%;
        margin: 1em auto 1em auto;
        padding: 1em 1em 1.6em 1em;
    }

    .vignette_rrv div:first-child {
        margin-bottom: 2.5em;
    }

    .vignette_tdv div:first-child,
    .vignette_bat div:first-child,
    .vignette_habitation div:first-child {
        margin-bottom: 2em;
    }

    .flex_between_row_wrap {
        flex-flow: column wrap;
        margin-top: 7%;
    }

    .form_rrv_box,
    .appeler_rrv_box {
        width: 100%;
    }


    .appeler_rrv_box {
        margin-top: 2.5em;
        margin-bottom: 2.5em;
    }

    /* Formulaire AUTO */
    .form_box input {
        width: 100%;
    }

    .checkbox label {
        padding: 0;
    }

    .checkbox label:before {
        width: 23px;
    }

    .choix h3 {
        margin: 0;
        font-size: 14px;
    }

    .prestas_box {
        margin: 5px auto 20px auto;
    }

    .label_et_select {
        width: 100%;
    }
    
    #rdv_centre {
        width: 100%;
    }

    /* Bâtiment */
    .batiment_choix {
        flex-flow: column wrap;
        margin: 0 0 4em 0;
    }

    .batiment_box {
        margin: 0 0 4em 0;
    }

    .batiment_box a {
        padding: 20px 0 20px 0;
    }

    .batiment_active {
        text-decoration: none;
        background: rgb(218, 218, 218) !important;
        color: black !important;
        transition: all 250ms ease;
    }
    
    .batiment_box a:not(.batiment_active) {
        display: none;
    }

    .croix_retour {
        display: inline-block !important;
        right: 20px;
        top: 14px;
        cursor: pointer;
        padding: 20px 0;
    }

    .span_fictif {
        visibility: visible;
        display: none;
    }

}

@media screen and (max-width: 321px) {
    .cell_12 {
        width: 100%;
        margin: 15px 0;
        transition: all ease 200ms;
    }
}