/* DEMARAMA */
/* FORMULAIRE CF7 */

/*Textes + générique*/
.cf7-demerama{
	color:#030303!important;
	text-align:left;
}
.cf7-demerama p{
	margin: 0 0 0px!important;
}
h3.cf7-demerama{
	margin-top:1rem;
	font-size:16px;
}
label.cf7-demerama{
	padding-bottom:5px;
}

/*DIV-COL*/
form.wpcf7-form div.cf7-demerama{
	font-size:16px;
	line-height:2;
}

/*DIV-COL justifiés*/
form.wpcf7-form div.cf7-demerama.full{
	width: 100%;
}

div.cf7-demerama{
	padding:10px;
}

/* CHAMPS de FORMULAIRE*/
.wpcf7-form-control-wrap input[type=text].cf7-demerama, 
.wpcf7-form-control-wrap input[type=password].cf7-demerama, 
.wpcf7-form-control-wrap input[type=email].cf7-demerama, 
.wpcf7-form-control-wrap input[type=url].cf7-demerama, 
.wpcf7-form-control-wrap input[type=date].cf7-demerama, 
.wpcf7-form-control-wrap input[type=tel].cf7-demerama, 
.wpcf7-form-control-wrap input[type=number].cf7-demerama,
.wpcf7-form-control-wrap textarea.cf7-demerama{
	background-color: #F9F9F9;
	font-size: 14px;
	width:100%!important;
}


/* BOUTON*/
input[type="submit"].cf7-demerama{
	clear:both!important;
 padding: 14px 30px;
 color: #F9F9F9!important;
 background-color: #00142e;
 font-size: 14px;
 font-weight: 700;
 }

/* ////////// ACCORDEON ////////// */

/* TITRES */
.accordion {
  background-color: #F9F9F9;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Réactivité */
h3.accordion::after{
	content:"+";
	color:red;
}
h3.accordion.active::after {
	content:"-"!important;
	color:red;
}

/* PANNEAU - BLOC TEXTE (caché par defaut) */
.panel {
  background-color: white;
  display: none;
  overflow: hidden;
}
.accordion div.cf7-demerama{
	text-align:center;
}

/* DESKTOP + TABLETTE */
@media (min-width: 640px) {
	/*Titre*/
	.accordion {
		padding: 18px;
		margin :18px auto 0px auto !important;
	}

	/*Panneau*/
	.panel {
  		padding: 5px 18px 18px 18px;
	}
	
	
/*LABEL 2,1 Colonnes*/
	label.cf7-demerama.half{
		float:left;
		margin-right:5%;
		width:45%;
	}
	label.cf7-demerama.full{
		clear:both;
	}
	/*DIV 3,2,1 Colonnes*/
	form.wpcf7-form div.cf7-demerama.half{
		float:left;
		width:45%;
		margin-right:5%;
	}
	form.wpcf7-form div.cf7-demerama.third{
		float:left;
		width:28%;
		margin-right:5%;	}
	form.wpcf7-form div.cf7-demerama.full{
		clear:both;
	}
}

/*Desktop+Tab - Quatre colonne*/
@media (min-width: 1024px) {
	/*DIV 4 Colonnes*/
	div.cf7-demerama div.quart{
		margin-left:2%;
		margin-right:2%;
		width:20%;
		display:inline-block!important;
		text-align:center;
	}
}

/*petitsEcran - trois colonne*/
@media (max-width: 1024px) and (min-width: 768px) {
	/*DIV 4>3 Colonnes*/
	div.cf7-demerama div.quart{
		float:left;
		margin-right:5%;
		width:28%;
	}
}

/*Mobile - deux colonne*/
@media (max-width: 768px) {
	/*DIV 4>2 Colonnes*/
	div.cf7-demerama div.quart{
		float:left;
		margin-right:5%;
		width:45%;
	}
}
/* /////// */
/*Mobile*/
@media (max-width: 640px) {

	/*Accordion*/
	.accordion {
		padding: 10px;
		margin :10px auto 0px auto !important;
	}

	/* Style the accordion panel. Note: hidden by default */
	.panel {
  padding:10px;
	}
	
	/*DIV 4,3,2,1 Colonnes*/
	form.wpcf7-form div.cf7-demerama.half{
		clear:both;
	}
	form.wpcf7-form div.cf7-demerama.third{
		clear:both;
	}
	form.wpcf7-form div.cf7-demerama.full{
		clear:both;
	}
	
	/*LABEL 2,1 Colonnes*/
	label.cf7-demerama.half{
		clear:both;

	}
	label.cf7-demerama.full{
		clear:both;
	}
}

/* CALCUL EN DIRECT */

.egale{
	width:40%;
	display:inline-block;
}
.resultat{
	width:40%;
	display:inline-block
}

/* Fin Demerama CF7*/