@charset "utf-8";
/* CSS Document */
.disable_text_highlighting {
-webkit-touch-callout: none;
-webkit-user-select: none; /* Webkit */
-moz-user-select: none;    /* Firefox */
-ms-user-select: none;     /* IE 10  */

/* Currently not supported in Opera but will be soon */
-o-user-select: none;
user-select: none;  
}
body {margin: 0px; padding: 0px; text-align: center; color: #000; font-family: Helvetica, sans-serif; font-size: 100%; font-size: 16px; line-height: 18px; background-size: 100% auto;}
html { height:100%;}
p img {max-width:80px; height:auto;}
p {margin: 0px; line-height: 18px;}
.blue {	color: rgba(21,134,213,1);}
.orange {color:rgba(255,144,0,1);}
.logos {margin:10px 0 6px 0;}
.logos img {height:auto; max-width:130px; display:inline-block; padding:0.4% 0.5%}
.container {
	width: 100%;
	padding: 0 0 10px 0;
	vertical-align: top;
	clear: both;
	display: block;
	max-width: 1090px;
	background: rgba(255,255,255,0.65);
	border-radius: 0 0 6px 6px;
}
.header {font-size: 96%;}
.header {position: absolute; width: 100%; top: 0; left: 0; margin: 0 auto; z-index: 1000; padding: 10px 0; background: rgba(21,134,213,0.9); -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4); font-family: Helvetica, sans-serif; line-height: 23px; letter-spacing: 1px; color: rgba(255,255,255,1); border-bottom: solid #629bd3 1px;}
.header a, .header a:visited {text-decoration: none; color:rgba(255,255,255,1);}
.header a:hover {color: rgba(255,128,0,1)}
.insider {
	width: 96%;
	margin: 0 auto;
	max-width: 1090px;
	clear: both;
	display: block;
	padding: 0;
}
.courriel {margin: 0; clear:right; display: inline-block; padding:0; float:right;}
.courriel a, .courriel a:visited {padding: 2px 0px 2px 0px; border-radius: 2px;}
H4 {color:rgba(255,144,0,1);}
h2, h3, h4 {letter-spacing:1px; font-weight: bold;}
h2, h4 {margin:0px;}
h2 {padding: 2px 0px 15px 6px; font-size: 127%;	text-align: center;	color: #629bd3;	margin: 0;}
h3 {margin: 0px 0px 8px 25px; padding: 5px 30px 5px 0px; font-size: 128%; color: #629bd3;}
h4 {padding: 5px 25px 10px 25px; line-height:22px;}
.rond { display:inline-block; padding:14px 18px; border-radius:25px; -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75); border:solid rgba(0,0,0,0.2) 1px; background:rgba(255,144,0,1);}
a:hover .rond {-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);}
.block_element_form {width:100%;}
input, textarea {width:69%; margin:6px 0; padding:8px;}
label {float:left; width:20%; clear:left; padding:0; margin:0; font-weight:bold;}
form { text-align:left;color: #000; font-family: Helvetica, sans-serif; font-size: 100%; font-size: 16px; line-height: 18px; padding-left:10px; padding-right:10px;min-width:650px; min-height:300px;}
button {margin:10px auto; text-align:center; clear:both; display:block; background:rgba(0,0,0,1); padding:10px 26px; color:rgba(255,255,255,1); cursor:pointer; border-radius:4px; border:solid #000 1px;}
.under {padding:0; display:block; text-align:center;}
.under img {width:100%; height:auto;}
.half {padding:0; text-align:center;}
.half img {height:auto;}
.copyrights { color:rgba(255,144,0,1); font-size:88%; padding:16px 0 0 0; font-weight:bold;}
@media (max-width:918px) {
.header {font-size: 86%;}
}
@media (max-width:794px) {
.header {font-size: 80%; letter-spacing: normal;}
}
/* 6S + Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) { 
.header {font-size: 60%!important; letter-spacing: normal!important;}
}
@media (min-width:641px) {
.courriel {	text-align: right!important; float: right; width: auto;}
.container {margin: 70px auto 0 auto;}
.insider {text-align: left;}
.header {font-size: 96%;}
}
@media (min-width:640px) {
p {padding: 5px 25px 10px 25px; }
}
@media (max-width:640px) {
.courriel {width:100%; text-align:center; float:none!important;}
.header {overflow: hidden;}
.container {margin: 116px auto 0 auto;}
.header {font-size: 100%;}
}
@media (max-width:639px) {
p {padding: 2px 25px 8px 25px;}
}
@media (min-width:579px) {
/**body { background:url(images/left.png) no-repeat 0% 100%,url(images/right.png) no-repeat 100% 100%;}**/
body { background:url(images/background.jpg) no-repeat 50% 100%; background-size:cover;}
}
@media (min-width:501px) {
.half {width:30%; display:inline-block; float:left; margin:0 10%; }
.half img {width:90%; max-width:221px;}
.under {margin:25px 0 0 0;}
}
@media (max-width:500px) {
.half {display:block; margin:0 2%; font-size:14px;}
.half img {width:70%; max-width:170px;}
.half + .half {margin-top:20px;}
.under {margin:10px 0 0 0;}
}

@media screen and (max-width: 480px) and (orientation: landscape) {
h4 {font-size:110%;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation:landscape) {
h4 {font-size:90%; line-height:normal;}
p {font-size:70%!important;}
}
@media (min-width:411px) {
.header a[href*="mailto"] {padding-right:18px;}
h4 {font-size:129%;}
}
@media (max-width:410px) {
.header a[href*="mailto"] {clear:right; display:block; padding-bottom:4px; padding-top:2px;}
h4 {font-size:110%;}
}