div#global{background:#FFF;}
div#contact_frm {
	position:relative;
	margin:40px auto;
	width:calc(100% - 62px);
	max-width:800px;
	padding:30px;
	background:#f8fafc;
	border-radius:0.8em;
	border:1px solid #f1f5f9;
	color:#1e293b;
}

.contact_frm_cadre {overflow: hidden;}

.contact_frm_title {text-align:center;}
.contact_frm_title h1 {font-size:1.6em; text-transform:uppercase;}
.contact_frm_title h1:after {
    content: "";
    position: relative;
    width: 70px;
    left: calc(50% - 35px);
    bottom: -10px;
    border-bottom: 5px solid #2563eb;
    transform: scaleX(1);
    transition: transform 150ms ease-in-out;
    display: table;
}
.contact_frm_error {position: relative; margin: 25px auto; float: left; width: 100%;}

.contact_frm_error p.erreur,
.contact_frm_champ p.erreur {font-size:0.9em;margin:5px auto; color:#8B0002; background:#ffcaca; padding:10px 20px;border-radius:0.3em; display:table;}
.contact_frm_champ p.erreur {margin:5px auto 20px auto;}
.contact_frm_champ {position:relative; margin:15px;}
.contact_frm_champ100 {float:left; width:calc(100% - 30px);}
.contact_frm_champ50 {float:left; width:calc(50% - 30px);}
.champ_titre {position:relative;font-size:0.8em;margin:0 0 10px 5px;}
.champ_valeur {position:relative; width: 100%;}
.champ_valeur input,
.champ_valeur textarea,
.champs_valeur_pj { border:1px solid #f1f5f9; border-radius:0.8em; background:#FFF; padding:20px 15px;width: calc(100% - 30px);}
.champ_info {font-size:0.7em; font-style: italic; color:#8f9aaa; margin:10px 0 10px 5px;}

.contact_frm_pj {border:1px solid #f1f5f9; border-radius:0.8em; background:#FFF; overflow: hidden;}

.contact_frm_champ p.doc { line-height:16px; text-indent:5px; display: table; margin: 10px auto;}
.contact_frm_champ p.pj_total {font-size:0.8em; color:#8f9aaa; font-style:italic; text-align: center;}
.suppr_doc {
    background: url("../img/public/search_delete_filtre.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-size:95%;
    display: block;
    float: left;
    height: 25px;
    width: 15px;
}



.contact_frm_submit_btn {cursor:pointer;background:#ff8a00; color:#FFF; font-size:1.1em; padding:20px 0; text-transform: uppercase; border:0; border-radius:0.8em; margin: 0 auto; display: table;width: 250px; max-width: 100%;}
.contact_frm_submit_btn:hover {background:#1e293b; color:#FFF;}

/* MESSAGE ENVOYE */
.contact_frm_ok_title {font-size:1.6em; display:table; margin:0 auto; padding:0 0 0 40px; background:url("../img/public/contact_msg_ok.png") left center no-repeat;}
.contact_frm_ok_sstitle {font-size:1.1em; display:table; margin:30px auto 40px auto;}

/* DONNEES DE CONTACT */
div#contact_coord {
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	width:90%;
	max-width:860px;
	margin:0 auto;
}
.contact_coord_item {
	grid-column:span 2; 
	padding:15px;
	background:#f8fafc;
	border-radius:0.8em;
	border:1px solid #f1f5f9;
	text-align:center;
}

.contact_coord_tel {
	margin:20px 20px 20px 0;
}
.contact_coord_ad {
	margin:20px;
}
.contact_coord_mail {
	margin:20px 0 20px 20px;
}

.contact_coord_item a {color:inherit; text-decoration:none;}
.contact_coord_item_title {font-size:1.3em; text-transform: uppercase; margin:10px auto 30px auto;}
.contact_coord_item_phone {font-size:1.1em; margin:0 auto 20px auto;}
.contact_coord_item_horaire, .contact_coord_item_mail_info {font-size:0.85em; margin:5px auto;}
.contact_coord_item_coord, .contact_coord_item_mail {font-size:1.1em; margin:5px auto;}
.contact_coord_item_coord {font-size:1.1em; margin:5px auto;}

@media screen and (max-width : 800px) {
	
	.contact_frm_champ50 {float:left; width:calc(100% - 30px);}
	
	.contact_coord_tel, .contact_coord_ad {
		grid-column:span 3;
	}
	.contact_coord_ad {
		margin:20px 0 20px 20px;
	}
	.contact_coord_mail {
		grid-column:span 6;
		margin:20px 0;
	}
	
	div#contact_frm {width:calc(94% - 32px);padding:25px 15px;}
}
@media screen and (max-width : 500px) {
	
	.contact_coord_tel, .contact_coord_ad, .contact_coord_mail {
		grid-column:span 6;
		margin:20px 0;
	}
}