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;
	box-sizing:border-box;
}

html {
	font-family:'Lato', Verdana, sans-serif;
	background-image:url(../img/public/html.jpg);
	background-size:100%;
	background-repeat:repeat-y;
	background-position:0 50%;
	color:#333333;
}

.generique_content {
	width:98%;
	max-width:1600px;
	margin:0 auto;
	padding: 0 1%;
}

div#top_top{
	position:relative;
	background:#333333;
	height:auto;
	width:100%;
	overflow:hidden;
}
div#tel_top, div#mail_top, div#adresse_top{
	position:relative;
	width:auto;
	line-height:50px;
	font-size:0.8em;
	color:#FFF;
	padding-left:35px;
	background-position:0 50%;
	background-repeat:no-repeat;
}
div#tel_top, div#mail_top, div#adresse_top{
	float:left;
	margin-left:20px;
}

div#tel_top a, div#mail_top a{
	text-decoration:none;
	color:#FFF;
}
div#tel_top{
	background-image:url(../img/public/top_tel.png);
}
div#mail_top{
	background-image:url(../img/public/top_mail.png);
}
div#adresse_top{
	background-image:url(../img/public/top_adresse.png);
}
/*RS*/
div#rs_top{
	float:right;
	margin-right:30px;
	padding-top:6px;
}
.rs{
	position:relative;
	float:left;
	width:25px;
	height:25px;
	margin:7px 4px;
}
.rs a{
	display:block;
	width:39px;
	height:38px;
}
div#rs1{
	background:url(../img/public/rs_1.png) no-repeat;
}

div#rs1:hover{
	background:url(../img/public/rs_1_hover.png) no-repeat;
}
div#rs2{
	background:url(../img/public/rs_2.png) no-repeat;
}

div#rs2:hover{
	background:url(../img/public/rs_2_hover.png) no-repeat;
}

div#med_top{
	position:relative;
	/*background:#FFF;*/
	background:#f9f9f9;
	width:100%;
	height:auto;
	display:table;
	padding:0;
}
div#logo_carre{
	position:absolute;
	width:320px;
	margin:0 0 0 100px;
	float:left;
	height:auto;
	z-index: 1000;
	background:#FFF;
	padding:25px 10px 10px 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-bottom-left-radius:0.3em;
	border-bottom-right-radius:0.3em;
}
.f-nav div#logo_carre {display:none;}

div#logo{
	position:relative;
	width:320px;
	margin:0 0 0 100px;
	float:left;
	height:auto;
	display:none;
}
.f-nav div#logo {
	display:block;
}
div#logo a, div#logo_carre a{
	display:block;
}
div#logo img, div#logo_carre img{
	width:100%;
	display:table;
}
header{
	position:relative;
	width:100%;
}
header.f-nav{
	position:fixed;
	height:115px;
	top:0;
	z-index:1000;
}
div#global.f-nav{
	margin-top:115px;
}
/*Menu*/
div#menu{
	position:relative;
	color:#333333;
	width:calc(100% - 420px);
	float:right;
}
nav{
	position:relative;
	margin:0 auto;
	text-transform:uppercase;
	/*height:60px;*/
	/*Largeur : différence entre total et largeur logo + margin-left logo*/
	width:100%;
	/*float:right;*/
}
/*/ menu*/
div#global{
	position:relative;
}
/*Footer*/
footer{
	position:relative;
	width:100%;
	background:url(../img/public/footer.jpg) no-repeat;
	background-size:100% 100%;
}
div#colonnes_footer{
	position:relative;
	display:table;
	font-family:'Teko';
	width:100%;
}
.col_footer{
	position:relative;
	float:left;
	font-size:16pt;
	color:#FFF;
	padding:3%;
}
.col_footer a{
	color:#FFF;
}
.col_footer a:hover{
	color:#333333;
}
.col_footer h4{
	text-transform:uppercase;
	font-size:22pt;
	color:#333333;
	padding-bottom:20px;
	font-weight:normal;
}
#col1.col_footer{width:35%;}#col2.col_footer{width:0%;display:none;}#col3.col_footer{width:24%;}#col4.col_footer{width:35%;}
#col3.col_footer {padding:3% 0;}
#col3.col_footer img{max-width:100%;}
#col4.col_footer{float:right;}
.col_footer li{
	list-style:none;	
}
.col_footer.left{
	text-align:left;
}
.col_footer.right{
	text-align:right;
}
div#credits{
	background:RGBA(51,51,51,0.8);
	color:#FFF;
	font-size:20px;
	text-align:center;
	height:106px;
	line-height:106px;
	font-family:'Teko';	
}

div#credits a{
	color:inherit;
}
div#credits_left{
	float:left;
	padding-left:50px;
}
div#credits_right{
	float:right;
	padding-right:50px;
}

/**********************************************************/
/* COULEURS */
/**********************************************************/
.couleur{
	color:#bc1c27;
}
.couleur_bg{
	background:#333333;
}
.gris_clair {
    color: #a3a3a3;
}
.couleur_claire{
	color:#f39100;
}
/**********************************************************/
/* MIDDLE */
/**********************************************************/
div#middle {
	position:relative;
	margin:0 auto 0 auto;
	padding:0;
 	overflow:hidden;
	z-index:99;
}

div#middle_content { 
	width:100%;
	margin:0;
	overflow:hidden;
}

div#gauche {
	position:relative;
	float:left;
	width:30%;
	margin-top: 150px;
	padding:0;
	max-width:456px;
}


/* DROITE */


div#droite {
	position:relative;
	float:right;
	width:70%;
	padding:0;
	overflow:hidden;
}

div#droite_content {
	position:relative;
	margin:20px 2% 0 2%;
	width:96%;
}

/**********************************************************/
/* ARIANE */
/**********************************************************/
div#ariane {
	font-size:0.8em;
	color:#a3a3a3;
	width:100%;
	margin:0;
}
div#ariane a {text-decoration:none;}
div#ariane a:hover {text-decoration:underline;}

/**********************************************************/
/* TITRE PAGE */
/**********************************************************/
div#titre_page {
	width:100%;
	height:18px;
	background:#333333;
}
div#titre_page_content {
	font-size:1.7em;
	color:#FFF;
	text-align:center;
}

/**********************************************************/
/* BOTTOM NEWS */
/**********************************************************/
div#bottom_news {	
	position:relative;
	padding:1%;
	margin-top:10px;
	margin-bottom:30px;
	background:#e8e8e8;	
	overflow:hidden;	
}

.bottom_news_title {
	text-transform:uppercase;
	font-size:1.5em;	
	font-weight:bold;
	text-align:center;
}
.news_cadre {	
	position:relative;
	padding:10px 0;
	margin:0 1%;
	width:48%;
	float:left;
}
.news_cadre a {color:inherit;text-decoration:none;}
.news_titre {	
	position:relative;
	font-size:1em;
	font-weight:bold;
}
.news_contenu {	
	position:relative;
	font-size:0.9em;
	margin:5px 0;
}
.news_date {
	font-style:italic;
	background:url(../img/public/blog_picto_date.png) left center no-repeat;
	background-size:4%;
	text-indent:30px;
	font-size:0.9em;
}
h1, h2{
	font-family:'Teko';	
	text-transform:uppercase;
}
/*Cookies*/
div#message_cookies{
	bottom:0;
	position:fixed;
	background:#333333;
	color:#FFF;
	width:100%;
	text-align: center;
	padding:10px 0;
	font-size:0.7em;
	z-index:1000;
}
div#message_cookies a{
	color:#FFF;
}
div#message_cookies #ok_cookie{
	text-decoration:none;
	background:#262626;
	border-radius:5px;
	padding:6px;
	font-weight:bold;
}
div#message_cookies #ok_cookie:hover{
	background:#FF6600;
}
/*Btns share*/
div#btns_share{
	position:fixed;
	width:30px;
	height:auto;
	top:30%;
	right:0;
	z-index:1000;
}
.btn_share{
	position:relative;
	width:30px;
	height:30px;
	box-shadow:0px 0px 6px #888;
}
a.btn_share{
	position:relative;
	display:block;
	width:30px;
	height:30px;
	background-repeat:no-repeat;
}
a.btn_share.facebook{
	background-image:url(../img/rs-share/rs_facebook.png);
	
}
a.btn_share.twitter{
	background-image:url(../img/rs-share/rs_twitter.png);
	border-radius:5px 0 0 0;
}
a.btn_share.google{
	background-image:url(../img/rs-share/rs_google.png);
}
a.btn_share.linkedin{
	background-image:url(../img/rs-share/rs_linkedin.png);
}
a.btn_share.email{
	background-image:url(../img/rs-share/rs_email.png);
	border-radius:0 0 0 5px;
}
a.btn_share:hover{
	-webkit-filter: grayscale(1); 
      -webkit-filter: grayscale(100%); 
      -moz-filter: grayscale(100%);
	transition-duration: 1s;	
}