@charset "utf-8";
/* CSS Document */

/* le background-color du document est donné par multicouche qui se trouve sur design_shadow_liste */
 .logo_contact {
	display:inline-block ;
	vertical-align:top ;
	border:solid red 0px ;
	margin-top:10px ;
	margin-left:10px ;
	
}
 .contact_droit {
	 display:inline-block ;
	 vertical-align:top ;
	 color:white;
	 margin-top:10px ;
	 margin-left:10px ;
 }
 .mini_image {
	display:inline-block ;
	vertical-align:top ;
	position:relative ;
	top:0px ;
	left:4px ;
	float:right ;
	margin-right:45px ;
	margin-top:60px ;
	border:solid black 0px ;
}
.mini_image img {
	width:150px ;
	box-shadow:5px 5px 5px black ;
}
.voile {
	 width:540px ;
	 height:120px ;
	 background-color:white ;
	 opacity:1 ;
}

 .triangle_bottomleft {
	display:inline-block ;
	vertical-align:top ;
	margin-left:20px ;
	margin-top:15px ;
	width: 0;
	height: 0;
	border-bottom: 20px solid #0080C0 ;
	border-right: 20px solid transparent;
	}
.titre_contact {
	display:inline-block ;
	vertical-align:top ;
	font-size:16px ;
	font-weight:bold ;
	margin-top:20px ;
	margin-right:5px ;
}

  .raison_contact {
	  font-size:16px ;
	  font-style:italic ;
 }


 .tel_contact {
	display:inline-block ;
	vertical-align:top ;	
	font-size:14px ;
 }
 .tel_contact_particulier {
	  margin-top:0px ;
	  
 }
.form_contact {
	width:360px ;
	margin:auto ;
	margin-top:80px ;
}
.form_contact input { 
	display:inline-block ;
	vertical-align:top ;
	width:350px ;
	height:25px ;
	margin:auto ;
	padding:5px ;
	padding-top:2px ;
	padding-bottom:2px ;
	margin-bottom:10px ;
	color:rgb(56, 56, 56) ; 
	border:solid rgb(0, 0, 0) 1px ;
} 
.form_contact textarea {
	display:inline-block ;
	width:349px ;
	padding-top:2px ;
	padding-bottom:2px ;
	padding-left:5px ;
	padding-right:7px ;
	border:solid black 1px ;
}
.form_contact input[type="submit"] {
	display:inline-block ;
	width:364px ;
	height:40px ;
	font-size:18px ;
	letter-spacing:3px ;
	background-color:#007EBB ;
	color:white ;
	margin-top:10px ;
	cursor:pointer ;
	border:none ;
	box-shadow:3px 3px 3px black ;
}
#bouton_liberte {
	display:none ;
}
a.connex {
	display:none ;
	text-decoration: none ;
}
#bouton_liberte input[type="submit"]{
	color:white ;
	width:364px ;
	height:40px ;
	font-size:18px ;
	letter-spacing:3px ;
	background-color:#007EBB ;
	margin-top:10px ;
	cursor:pointer ;
	border:none ;
	box-shadow:3px 3px 3px black ;
	margin-left:70px ;
	margin-top:20px ;
}
#bouton_liberte input[type="submit"]:hover,#connexion_creation:hover,.form_contact input[type="submit"]:hover{
	background-color: rgb(2, 175, 2) ;
}
#connexion_creation{
	display:flex ;
	justify-content: center;
	align-items: center;
	text-align: center;  /* centre plusieurs lignes */
	color:white ;
	width:364px ;
	height:40px ;
	font-size:15px ;
	letter-spacing:3px ;
	background-color:#007EBB ;
	margin-top:10px ;
	cursor:pointer ;
	border:none ;
	box-shadow:3px 3px 3px black ;
	margin-left:0px ;
	margin-top:20px ;	
}
.option_liberte {
	display:inline-block ;
	width:364px ;
	height:40px ;
	line-height: 40px;
	font-size:18px ;
	background-color:#007EBB ;
	color:white ;
	box-shadow:5px 5px 5px black ;
	margin-top:10px ;
	cursor:pointer ;
	border:none ;
	text-align: center;
	font-size: 15px ;
}
.option_liberte:hover {
	color:white ;
	background-color:#00D200 ;
}
.info_contact {
	margin-top:0px ;
	width:510px ;
	height:120px ;
	background-color:#101518 ;
	border-top:solid rgb(0, 0, 0) 1px ;

}
.croix_contact,.croix_confirmation {
	float:right ;
	position:relative ;
	top:4px ;
	right:4px ;
	height:30px ;
	width:30px ;
	background-color:white ;
	border:solid black 1px ;
   	box-shadow: 1px 1px 5px black ;	 
   	cursor:pointer ;
}
.croix1c {
	display:inline-block ;
	vertical-align:middle ;
	position:absolute ;
	left:14px ;
	top:3px ;
	height:22px ;
	border-left:solid #C10000 2px ;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);

}
.croix2c {
	display:inline-block ;
	vertical-align:middle ;
	position:absolute ;
	left:15px ;	  
	top:3px ;
	height:22px ;
	border-left:solid #C10000 2px ;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
 
 /* *************************************************************************** */

input:focus {
	
	border-color: rgba(82, 168, 236, 0.75);
	-moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
	-webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
	box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
}

.correct {
	border-color: rgba(68, 191, 68, 0.75);
	background-color:white ;
}

.correct:focus {
	border-color: rgba(68, 191, 68, 0.75);
	-moz-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
	-webkit-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
	box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
	background-color:white ;
}

.incorrect {
	border-color: rgba(191, 68, 68, 0.75);
	background-color:#FFB871 ; 

}

.incorrect:focus {
	border-color: rgba(191, 68, 68, 0.75);
	-moz-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
	-webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
	box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
}

.tooltip,.tooltip3 {
	display:inline-block ;
	vertical-align:top ;
	text-align:center ;
	width:200px ;
	height:22px ;
	line-height:22px ;
	padding:5px ;
	padding-top:3px ;
	padding-bottom:3px ;
	margin-left:10px ;
	border: 1px solid black ;
	background-color:#4F4F4F ;
	color:white ;
}
.validation_message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
	font-weight:bold ;
	font-size:16px ;
	text-decoration:underline ;
}
.depassement {
	width:700px ;
}
#non_envoiFc {
	display:none ;
}
#envoiFc {
	display:none ;
}