/* =================================================== */
.asterisque{
	color:#FF0000;
	font-weight: bold;
}

.blanc{color:#ffffff;}
form,
	fieldset{
		border:0;
		padding:0;
		margin:0;
	}
		h1{
		font:4.285em/1.067em 'PT Sans', Arial, Helvetica, sans-serif; /*60px/64px*/
		margin:0 0 0.167em;
		text-align:center;
		color:#000;
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
	}
.formRow{
		width:100%;
		margin:0 0 1.5em;
	}
	.formRow:after{
		content:"";
		display:block;
		clear:both;
	}
	.textField{
		width:100%;
		overflow:hidden;
		border:1px solid #505a68;
		background:#798493;
		font-weight:bold;
		padding:0.5em;
		
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
				
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box; 
		
		-moz-box-shadow:   	0 1px 1px rgba(255,255,255,0.36);
		-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
		box-shadow:         0 1px 1px rgba(255,255,255,0.36);
	}
	.erreur{background:#f14432;}
	input,
	textarea,select{
		display:block;
		background:#fff;
		font:1em/1.214em Arial, Helvetica, sans-serif;  /*14px/17px*/
		color:#444;
		width:100%;
		height:30px;
		/*padding:0.75em 1.5em;*/
		border:1px solid #505762;
		margin:0;
		
		resize:none;
		
		-moz-box-shadow:   	inset 0 0px 3px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0px 3px rgba(0,0,0,0.75);
		
		-webkit-border-radius: 1.5em;
		-moz-border-radius: 1.5em;
		border-radius: 1.5em;
				
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	input.controle{
		display:block;
		background:#fff;
		font:1em/1.214em Arial, Helvetica, sans-serif;  /*14px/17px*/
		color:#444;
		width:23%;
		height:30px;
		/*padding:0.75em 1.5em;*/
		border:1px solid #505762;
		margin:0;
		margin-left:40%;		
		resize:none;		
		-moz-box-shadow:   	inset 0 0px 3px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0px 3px rgba(0,0,0,0.75);		
		-webkit-border-radius: 1.5em;
		-moz-border-radius: 1.5em;
		border-radius: 1.5em;				
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	textarea {
		overflow:auto;
		height:10.812em;
	}
	* +html input,
	* +html textarea,select,
	* +html .textField{
		width:99%;
		padding:0;
	}
	::-webkit-input-placeholder {
		color:    #444;
	}
	:-moz-placeholder {
		color:    #444;
	}		
		.btnSmall{
		padding:0.278em;
		text-decoration:none;
		font-size:1.214em;
		line-height:2.35em;
		background:#798493;
		font-weight:bold;
		border:1px solid #505a68;
		
		-webkit-border-radius: 1.47em;
		-moz-border-radius: 1.47em;
		border-radius: 1.47em;
		
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease; 
		
		-moz-box-shadow:   	0 1px 1px rgba(255,255,255,0.36);
		-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
		box-shadow:         0 1px 1px rgba(255,255,255,0.36);
	}
	.btnSmall span{
		color:#fff;
		text-decoration:none;
		padding:0 1.47em;
		display:block;
		text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
		
		border:1px solid #566270;
		background:#606a78;

		background-image: linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -o-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(98,119,149)),
			color-stop(1, rgb(160,188,226))
		);
		
		-moz-box-shadow:   	inset 0 2px 2px -2px rgba(255,255,255,255.75),
							inset 0 0 0 #fff;
		-webkit-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75),
							inset 0 0 0 #fff;
		box-shadow:         inset 0 2px 2px -2px rgba(255,255,255,0.75),
							inset 0 0 0 #fff;
							
		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;
	}
	.btn:hover {
		background:#1b4648;
		background:rgba(0,0,0,0.2);
	}
	.btnSmall:hover {
		background:none;
	}
	.btnSmall:hover span{
		background-image: linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -o-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(109,131,164)),
			color-stop(1, rgb(169,199,241))
		);
	}
	.btn:active{
		top:1px;
	}
	.btn:hover span,
	.btn:active span{
		color:#fff;
	}
	.btnGreen span{
		border:1px solid #5e9048;
		background:#75cf44;
		
		background-image: linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -o-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(80,153,46)),
			color-stop(1, rgb(117,207,68))
		);
	}
	.btnBlue span{
		background:#52b3d3;
		border:1px solid #67a2b4;
		color:#fff;
		
		background-image: linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -o-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(66,153,179)),
			color-stop(1, rgb(82,179,211))
		);
	}
		.grey{
		background:#7e8794;
		color:#fff;
		border-bottom:1px solid #f6f6f6;
		border-top:1px solid #f6f6f6;
		
		-moz-box-shadow:   	inset 0 6px 6px -6px rgba(0,0,0,0.75),
							inset 0 -6px 6px -6px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.75),
							inset 0 -6px 6px -6px rgba(0,0,0,0.75);
		box-shadow:         inset 0 6px 6px -6px rgba(0,0,0,0.75),
							inset 0 -6px 6px -6px rgba(0,0,0,0.75);
	}
	.grey h1{
		color:#fff;
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.grey h2{
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.grey .subHeading{
		color:#d9e7fb;
		text-shadow:0 1px 1px rgba(0,0,0,0.5);
	}
	.grey a{color:#fff;}
	.center {
		max-width:960px;
		width:100%;
		margin:0 auto;
	}
	.right { float:right;} 
	.left { float:left;}
	.alignLeft{
		float:left;
		margin-right:1em;
	}
	.alignRight{
		float:right;
		margin-left:1em;
	}
.colonne{width:100%	}
	.colonne:after{
		content:"";
		display:block;
		clear:both;
	}
	.colonne > div,
	.colonne > article{
		float:left;
		vertical-align:top;
	}
	.colonne h2{text-align:left;}
	.half{
		width:48.0%;
		margin:1.3%;
	}
	
	.half a {text-decoration:none;color:#9c9595;}
	.half a:hover, a:focus, a:active  {text-decoration:none;color:#898585;}	
	
	.oneThird{
		width:32%;
		margin:1%;
	}
	.colonne > div:first-child,
	.colonne > article:first-child{margin-left:5px;}
	.oneThird +.oneThird +.oneThird,
	.threeForth + .oneForth,
	.oneForth + .half,
	.half + .half,
	.half + .oneForth + .oneForth,
	.last{
		float:right;
		margin-right:0;
	}

#map .imgHolder{
		height:1%;
		overflow:hidden;
		background:#fff;
		padding:1px;
		border:0;
		margin:0;
		display:block;
	}
#map .imgHolder img{
		width:100%;
	}
	#map .imgHolder{
		
		width:400px;
	height:270px;
	margin-bottom:20px;
	border:9px solid #F7F903;
	}

/* ===================== ecran maxi 330px  =================================== */
@media all and (max-width : 330px) {
/*body:before {content:"Version mobile du site  maxi 330px";display:block;color:red;text-align:center;font-style:italic;}*/
nav ul li {display:block;width:94%;}
.half{display:block;width:98%;margin:1.3%;}
footer {position:relative;float:left;width:98%;margin-left:2%;margin-right:auto;height:286px;text-align: center;color:#ffffff;font-weight:bold;text-align:center;font-size:1em;padding-top:0.80em;background: #555557;padding-top:2px;text-decoration:none;border-top:5px solid #000000;border-bottom:5px solid #000000;}
}
/* ===================== ecran mini 1025px   =================================== */
@media (min-width:1025px)  {
	/*body:before {content:"Version mobile du site mini 1025px";display:block;color:red;text-align:center;font-style:italic;}*/
	#map{position:relative;float:left;bottom:0;width:auto;margin:0;margin-left:0.5em;font-size:12px;height:auto;margin-bottom:1em;}
}
/* ===================== ecran mini 769px et maxi 799px  =================================== */
@media (min-width:769px) and (max-width: 799px) {
	/*body:before {content:"Version mobile du site mini 769px maxi 799px";display:block;color:red;text-align:center;font-style:italic;}*/
	#map{position:relative;float:left;bottom:0;width:95%;margin:0;margin-left:0.5em;font-size:12px;height:auto;margin-bottom:1em;}
}
/* ===================== ecran  maxi 768px  =================================== */
@media screen and (max-width:768px) {
	/*body:before {content:"Version mobile du site maxi 768px";display:block;color:red;text-align:center;font-style:italic;}	*/
	form input {width:95%;}
	form select{font-size:0.65em;color:#000000;font-weight: bold;}
	form textarea{font-size:0.80em;color:#000000;font-weight: bold;}
	.btnSmall{padding:0.278em;text-decoration:none;font-size:1em;line-height:2.35em;background:#798493;font-weight:bold;border:1px solid #505a68;-webkit-border-radius:1.47em;-moz-border-radius:1.47em;border-radius:1.47em;-webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-o-transition:background 0.5s ease;transition:background 0.5s ease;-moz-box-shadow:0 1px 1px rgba(255,255,255,0.36);-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.36);box-shadow:0 1px 1px rgba(255,255,255,0.36);}
	.error{font-size:0.80em;background:#f14432;}
	section .half{display:block;width:98%;margin:1.3%;}
	#map{position:relative;float:left;bottom:0;width:95%;margin:0;margin-left:0.5em;font-size:12px;height:auto;margin-bottom:1em;}
}	
/* ===================== ecran mini 800px et maxi 1024px  =================================== */
@media (min-width:800px) and (max-width: 1024px) {
	/*body:before {content:"Version mobile du site mini 800px maxi 1024px";display:block;color:red;text-align:center;font-style:italic;}*/
	#map{position:relative;float:left;bottom:0;width:90%;margin:0;margin-left:0.5em;font-size:12px;height:auto;margin-bottom:1em;}
}
/* ===================== ecran maxi 768px  =================================== */
@media (max-width:768px) {
	/* header a img {text-align:center;padding-top:10px;max-width:100%;} */
	#map{position:relative;float:left;bottom:0;width:auto;margin:0;margin-left:0.5em;font-size:12px;height:auto;margin-bottom:1em;}
}
/* ===================== ecran mini 320px et maxi 478px  =================================== */
@media (min-width:320px) and (max-width: 478px) {
	/*body:before {content:"Version mobile du site mini 320px maxi 478px";display:block;color:red;text-align:center;font-style:italic;}	*/
	/* header{position:relative;width: 100%;margin-top:0px;text-align: center;height: 136px;background: url(../img/fond.jpg) top ,rgba(102, 166, 232, 0.3); background-repeat:no-repeat; */
	}
	/* header a img {text-align:center;padding-top:10px;max-width:100%;} */
	div.blocs {float:none;clear:both;width:96%;max-width:96%;}
	.blocs01{margin:2px 5px 1em 2.5em;}
	.blocs02{margin:2px 5px 1em 6em;}
	.blocs03{margin:2px 5px 1em 6em;}
	.half{display:block;width:98%;margin:1.3%;}
	#map{position:relative;float:left;bottom:0;width:95%;margin:0;font-size:12px;height:auto;margin-bottom:1em;margin-left:auto;margin-right:auto;}
}
/* ===================== ecran mini 479px et maxi 767px  =================================== */
@media (min-width:479px) and (max-width: 767px) {
	/*body:before {content:"Version mobile du site mini 479px maxi 767px";display:block;color:red;text-align:center;font-style:italic;}	*/
	/* header{position:relative;width: 100%;margin-top:0px;text-align: center;height: 136px;background: url(../img/fond.jpg) top ,rgba(102, 166, 232, 0.3); background-repeat:no-repeat; */
	}
	/* header a img {text-align:center;padding-top:10px;max-width:100%;} */
	div.blocs {float:none;clear:both;width:96%;max-width:96%;}
	.blocs01{margin:2px 5px 1em 2.5em;}
	.blocs02{margin:2px 5px 1em 6em;}
	.blocs03{margin:2px 5px 1em 6em;}
	.half{display:block;width:98%;margin:1.3%;}
	#map{position:relative;float:left;bottom:0;width:90%;margin-left:auto;margin-right:auto;font-size:12px;height:auto;margin-bottom:1em;}
	.colonne > div,	.colonne > article{float:left;vertical-align:top;text-align:center;}
}