div#email .general_content {max-width:1000px !important;}

div#email {position:relative; width:100%; display:table; padding:10px 0 0 0;}

.contactok {
	position:relative;
	width:98%;
	max-width:600px;
	margin:10px auto 30px auto;
	padding:20px;
	text-align:center;
	background:#c5faa8;
}
.contactok p {margin:5px auto;padding:0}

.contact_grille {
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	margin:0 0 15px 0;
}
.contact_grille_6, .contact_grille_3, .contact_grille_2, .contact_grille_1 {padding:0 15px;}
.contact_grille_6 {grid-column:span 6;}
.contact_grille_3 {grid-column:span 3;}
.contact_grille_2 {grid-column:span 2;}
.contact_grille_1 {grid-column:span 1;}


.frm_sstitle {position:relative; margin:25px auto; width:100%; font-size:1.4em; font-weight:bold; color:var(--cg_bleu);}

.champ_titre {margin:15px 0 5px 0;}

.champ_valeur input,
.champ_valeur textarea {width:calc(100% - 20px); border:none; background:#e3f3f8; color:#206374;padding:10px 10px; border-radius:0.5em;}

.champ_valeur input::placeholder,
.champ_valeur textarea::placeholder{color:#a2a2a2;}

.frm_submit {margin:25px auto 0 auto;}

.frm_submit .bouton_envoyer {
	/* Rounded Corners */
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
	width:100%;
	background:var(--cg_orange) url(../img/public/picto_plus.png) 10px center no-repeat;
	transition: background 0.5s;
	font-size:1.1em;
	padding:20px 0;
	text-transform:uppercase;
	border:0px;
	color:#FFF;
	cursor:pointer;
}

.frm_submit .bouton_envoyer:hover {background:var(--cg_bleu) url(../img/public/picto_plus.png) 15px center no-repeat; transition: background 0.5s;}


.info_rgpd {position:relative; margin:30px auto 15px auto;font-size:0.8em;}



.erreur_info {
  background: none repeat scroll 0 0 #FFB4B4;
  border-bottom: 1px solid #CC0000;
  border-top: 1px solid #CC0000;
  font-size: 0.8em;
  color: #CC0000;
  padding: 10px 15px;
  margin: 10px auto;
}

@media screen and (max-width : 800px) {
	
	.contact_grille_2 {grid-column:span 3;}
	.contact_grille_1 {grid-column:span 3;}
	
}
@media screen and (max-width : 480px) {
	
	.contact_grille_3 {grid-column:span 6;}	
	.contact_grille_2 {grid-column:span 6;}
	.contact_grille_1 {grid-column:span 6;}
	
	.frm_submit .bouton_envoyer {margin:25px auto 0 auto;}
	
}