* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Open Sans', arial, sans-serif;
}

.clear {clear: both !important;}

/*  COULEURS  */
/* textes */
.gris1		 { color: #f1f1f1 !important; }
.gris2		 { color: #becbd4 !important; }
.gris3		 { color: #8f98a4 !important; }
.gris4		 { color: #61666d !important; }
.gris5		 { color: #474c52 !important; }
.gris6		 { color: #303336 !important; }
.bleu1		 { color: #c9e7ef !important; }
.bleu2		 { color: #a7d8f1 !important; }
.bleu3		 { color: #62bae9 !important; }
.bleu4		 { color: #0084c7 !important; }
.bleu5		 { color: #006191 !important; }
.bleu6		 { color: #3a4165 !important; }
.blanc		 { color: #fff    !important; }
.noir 		 { color: #000    !important; }

/* fonds */
.gris1bck 	 { background: #f1f1f1 !important; }
.gris2bck 	 { background: #becbd4 !important; }
.gris3bck	 { background: #8f98a4 !important; }
.gris4bck 	 { background: #61666d !important; }
.gris5bck 	 { background: #474c52 !important; }
.gris6bck 	 { background: #303336 !important; }
.bleu1bck 	 { background: #c9e7ef !important; }
.bleu2bck 	 { background: #a7d8f1 !important; }
.bleu3bck 	 { background: #62bae9 !important; }
.bleu4bck 	 { background: #0084c7 !important; }
.bleu5bck 	 { background: #006191 !important; }
.bleu6bck 	 { background: #3a4165 !important; }
.blancbck 	 { background: #fff    !important; }
.noirbck 	 { background: #000    !important; }

/* logo texte */
.logo-txt 	   { color: #61666d !important; }
.logo-txt span { color: #0084c7 !important; }

/* body */
body {
	width: 100%;
	min-width: 1000px;
	border-top: solid 3px #0084c7;
	background: url(img/background-pattern.jpg) 0 0 repeat !important;
}

header {
	width: 1000px;
	margin: 0 auto;
}

.bulle {
	display: block;
	width: 318px;
	height: 97px;
	padding: 12px 0 0 19px;
	text-decoration: none;
	background: url(img/bulle-logo.png) center center no-repeat;
}

.bulle h1 {font-size: 25px;}

.bulle h2 {
	font-size: 25px;
	text-align: left !important;
	text-transform: lowercase;
	font-weight: 700;
}

.bulle p {
	color: #61666d !important;
	font-size: 10px;
	font-weight: 600;
	text-align: left !important;
	text-transform: uppercase !important;
}

section {
	width: 1000px;
	min-height: 600px;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px 40px;
	margin-top: 20px;
	color: #474c52;
}

section h2 {
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 600;
}

section h3 {
	margin-top: 30px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
}

section p {
	margin-top: 20px;
	font-size: 14px;
}

section p.adresse {text-align: center;}
section h2+h3 {margin-top: 10px;}
section h2+p {margin-top: 10px;}
section h3+p {margin-top: 5px;}

section ul {
	font-size: 14px;
	padding-left: 28px;
	margin-top: 5px;
}

section a.btn {
	float: right;
	margin-top: 20px;
	background-color: #3a4165;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section a.btn:hover {background-color: #0084c7;}

section form {
	position: relative;
	background-color: #f1f1f1;
	padding: 40px;
	text-align: center;
	margin-top: 30px;
}

section form i.fa-lock {
	position: absolute;
	top: 38px;
	left: 160px;
	font-size: 50px;
	color: #d1d1d1;
}

section form select {
	padding: 10px 43px 10px 10px;
	margin-right: 30px;
	font-size: 14px;
	cursor: pointer;
	color: #61666d;
	outline: none;
	border: 1px solid #bbb;
	background: url(img/dropdown.jpg) #fff right center no-repeat;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

section form button {
	background-color: #3a4165;
	display: inline-block;
	font-size: 14px;
	padding: 10px;
	text-transform: uppercase;
	border: 1px solid #3a4165;
	outline: none;
	cursor: pointer;
	color: #fff !important;
	transition: background 0.2s ease-in-out, color 0.2s ease-in-out !important;
	-webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out !important;
	-moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out !important;
	-o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out !important;
}

section form button:hover {
	background-color: #0084c7;
	border: 1px solid #0084c7;
}

section form .no-ac {
	position: absolute;
	margin: 10px 0 0 0;
	left: 295px;
	color: #ff6666;
}

section div.bloc-contact {
	display: block;
	text-decoration: none;
	margin-top: 60px;
	padding: 15px 200px;
	background-color: #f1f1f1;
	position: relative;
}

section div.bloc-contact p {
	color: #474c52;
	text-align: center;
	margin: 10px 0;
}

footer {
	width: 1000px;
	margin: 0 auto;
	background-color: #0084c7;
	padding: 15px;
	color: #fff;
	font-size: 14px;
	text-align: left;
}

footer a {
	text-decoration: none;
	color: #fff;
}

/* avertissement cookies */
.cc-cookies {
	position: fixed;
	top: 0 !important;
	bottom: auto !important;
	background: #61666d;
	width: 100%;
	min-width: 1000px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	padding: 5px;
}

.cc-cookies a {
	color: #a7d8f1;
	text-decoration: underline;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.cc-cookies a:hover 	{ color: #ffffff; }
.cc-cookies a:focus 	{ color: #ffffff; }
.cc-cookies a:active { color: #0084c7; }

.cc-cookies a.cc-cookie-accept {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	background-color: #3a4165;
	padding: 3px 6px;
	border-radius: 3px;
	margin-left: 15px;
}

.cc-cookies a.cc-cookie-accept:hover {background-color: #0084c7;}