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

.gras {font-weight:bold;}
.vert {color:#018032;}
.clear { clear:both;}
.clearLeft { clear:left;}
.clearRight { clear:right;}
.floatLeft { float:left;}
.floatRight { float:right;}
a img {border:none;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}

#ui-datepicker-div {font-size:12px;}

/* Formulaires */
.form {clear:left;}
.form140 {display:block; width:140px; padding-right:20px; float:left; text-align:right;}
.form180 {display:block; width:180px; padding-right:20px; float:left; text-align:right; font-size:0.8em;}
.form200 {display:block; width:200px; padding-right:20px; float:left; text-align:right; font-size:0.8em;}
.form90 {display:block; width:90px; padding-right:20px; float:left; text-align:right;}
.inputCadre { border:#529e11 1px solid;}

.input-text { border: 1px solid #dcdcdc; color: #000000; padding: 7px 5px; width: 70%;}
textarea { border: 1px solid #dcdcdc; color: #000000; padding: 7px 5px;  width: 70%; height:75px;}
.form-element { text-align:left;}
.form-element.floatLeft {width:calc(50% - 4px); float:none; display:inline-block; vertical-align:top; margin-left:4px;}
.form-element.floatLeft:first-child {margin-left:0;}
.form-element input[type="text"] {background:#eef0f1; font-style:italic; border:none; height:34px !important;; width:calc(100% - 10px) !important; padding:0 5px;}
.form-element .label {background:#eef0f1; font-style:italic; border:none; height:34px; width:162px; padding:0 5px; display:inline-block; vertical-align: middle; line-height: 34px; font-weight: 300; font-size: 13px;}
.form-element .label span {font-weight:800;}
.form-element .choix-conteneur { display:inline-block; vertical-align:top; width:calc(100% - 188px);}
.form-element .choix {margin:5px 12px; display: inline-block; vertical-align: top;}
.form-element .choix input {display:inline-block; vertical-align: middle; }
.form-element .choix span {margin-left:5px;display:inline-block; vertical-align: middle; color:#9b9d9d; font-style:italic;}
.form-element textarea {background:#eef0f1; padding:5px; font-style:italic;  border:none; width:calc(100% - 10px); height:160px;}
.formulaire-contact {text-align:center; width:100%; max-width:840px; margin:0 auto;}
.formulaire-contact form > div {margin:10px 4px;}
.formulaire-contact .formulaire-contact-submit {margin:15px auto; width:212px; }
.formulaire-contact-submit input { cursor:pointer; background:#0172b6; border:none; border:1px solid #0172b6; color:#fff; width:212px; height:29px; text-align:center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; }
.formulaire-contact-submit input:hover { background:#fff; color:#0172b6; }

#contenu .contenu-retour {margin:20px 0;}
#contenu .contenu-retour a,
#contenu .contenu-retour a:visited {font-size:18px; font-weight:800;}
#contenu .contenu-retour i {font-size:25px; margin-right: 5px;}

.global-appartient-18 #contenu .contenu-retour {border-top:1px solid #000; padding-top: 20px;}

.submit {display:block;}
.submit input,
input.submit {
	background: #85b7fd;
	border: none;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;  
	color: #fff;
	height: 50px;
	text-align: center;
	text-transform: uppercase;
	padding: 0px 25px;
	margin: 5px;
	text-decoration: none;
	display:flex;flex-direction: column; justify-content: center;
	cursor: pointer;
	font-size:13px;
	font-weight:600;
	width:212px;
	
}
.submit input:hover,
input.submit:hover {}

.bouton a, .bouton a:visited, a.bouton, a.bouton:visited,
#contenu .bouton a, #contenu .bouton a:visited,
#contenu a.bouton, #contenu a.bouton:visited{
	background: #85b7fd;
	border: none;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;  
	-moz-box-shadow: 0 0px 10px rgba(133, 183, 253, 0.5);-webkit-box-shadow: 0 0px 10px rgba(133, 183, 253, 0.5);  box-shadow: 0 0px 10px rgba(133, 183, 253, 0.5);
	color: #fff;
	height: 50px;
	text-align: center;
	text-transform: uppercase;
	padding: 0px 25px;
	margin: 10px;
	text-decoration: none;
	display:flex;flex-direction: column; justify-content: center;
	cursor: pointer;
	font-size:13px;
	font-weight:600;
	width:212px;
}

.bouton:hover, a.bouton:hover,
#contenu .bouton:hover,#contenu a.bouton:hover { text-decoration:none;} 


.reponse-message,
.reponse-erreurs, .ok { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.reponse-erreurs { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0 0.8em; }
.reponse-message, .ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse-erreur { color: #8a1f11; font-weight:bold; margin:5px 0; }
.reponse-message, .ok { color: #264409; font-weight:bold; }