html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#0f1d2a;
}
.caveat {font-family: 'Caveat', cursive;}

div#global {
	position:relative;
	width:100%;
	margin:0 auto;padding:0;
}
.img {
	border:0px;
	display:table;
}
ul {margin:0;padding:0;}
li {margin:0 0 3px 0;padding:0;list-style-type:disc;list-style-position:outside;}


/****************************** TOP ***********************************/
div#animation {
	position: relative;
	width: 100%;
	padding: 0;
	margin:-115px 0 0 0;
	z-index:1;
}
div#bandeau_fixe{
	position:fixed;
	width:100%;
	display:table;
	height:115px;
	z-index:3;
}
div#bandeau_fixe_int{
	margin:0 auto;
	max-width:1000px;
}
header {
	position:relative;
	margin:0 auto;padding:0;
	width:100%;
	height:auto;
	display:block;
	height:115px;
}
div#bandeau_fixe.f-nav{
	background:url(../img/public/bandeau_fixe.png) repeat;
	height:42px;
	border-bottom:5px solid #999;
}
div#logo {
	position:fixed;
	margin:0 0 0 30px;padding:0;
	float:left;
	width:271px;height:115px;
	background:url(../img/public/logo-site.png) center no-repeat;
	z-index:100;
}
nav{
	position:fixed;
	z-index:100;
	margin-left:330px;
}
#logo.f-nav{
	width:160px;
	background-size:100%;
	height:67px;
	margin-left:15px;
}

/****************************** MIDDLE ***********************************/
div#middle {
	position:relative;
	margin:0 auto; padding:0;
	width:100%;
	max-width:1000px;
	z-index:2;
}
div#contenu {
	position:relative;
	width:100%;
	overflow:hidden;
	margin:20px 0;
}
div#left {
	position:relative;
	float:left;
	margin:0 0 0 1%;padding:0;
	width:70%;
}
div#right {
	position:relative;
	float:right;
	margin:0 1% 0 0;padding:0;
	width:26%;
}

/* COLONNE DROITE */


.droite_encart {position:relative;width:96%;padding:2%;background:rgba(255,255,255,0.5);margin:0 auto 20px auto;}
.droite_encart_content {width:100%;margin:0;background:#1e3142}
.droite_title {width:96%;padding:10px 2%;text-align:center;font-size:1.2em;color:#004c99;background:#FFF;}
.droite_title a {color:inherit;text-decoration:none;}
.droite_img {width:100%;margin:3px 0 0 0;padding:0;position:relative;}
.droite_img img {width:100%;margin:0;padding:0;}
.droite_liste {display:none;}
.droite_active .droite_liste {display:block;}

.droite_contact {position:relative;width:100%;margin:0 0 20px 0;text-align:left;}

.droite_contact_title {
	width:100%;
	margin:0 auto 5px auto;
	font-size:1.6em;
	color:#FF6600;
}
.droite_contact_fleche {position:relative;width:100%;text-align:center;}
.droite_contact_link {position:relative;width:100%;}
.droite_contact_link a {color:#FFF;text-align:center;text-decoration:none;font-size:1.8em;width:calc(92% - 2px);padding:10px 4%;margin:0 auto;border:1px solid #FFF;background:#FF6600;display:table;}
.droite_contact_link a:hover {background:#000;}
/****************************** BOTTOM ***********************************/
div#bottom_avantage {
	position:relative;
	width:100%;
	background:#000;
	padding:15px 0;
}

div#bottom_avantage_content {
	position:relative;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	display:flex;
}
.avantage_item {
	position:relative;
	width:calc(23% - 2px);
	padding:0 1%;
	float:left;
	border-right:2px solid #333;
}
.avantage_last_item {
	width:23%;
	border-right:0;
}
.avantage_item a {display:block;width:100%;color:inherit;text-decoration:none;}

.avantage_item_img {
	text-align:center;
	margin:0 0 10px 0;
	padding:0;
}
.avantage_item_txt {
	position:relative;
	text-align:center;
	font-size:0.9em;
	color:#FFF;
}

.avantage_rs_img {overflow:hidden; margin: 0 0 10px 0;}
.avantage_rs_img_item {float:left; width:48%; margin:0 1%; text-align:center;}
.avantage_rs_img_item img {width:100%; max-width:100px;}
.avantage_item .reduit {font-size:0.7em;}

.avantage_item:hover .avantage_item_txt {color:#89bfff;}

div#footer_mention {
	position:relative;
	margin:0 auto;padding:0 0 80px 0;
	width:100%;
	max-width:1000px;
	height:25px;
	line-height:25px;
	text-align:center;
	font-size:0.9em;
	color:#FFFFFF;
}
div#footer_mention a {
	color:#FFFFFF;
	text-decoration:none;
}