@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(https://fonts.googleapis.com/css?family=BenchNine);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@font-face {
  font-family: 'iconic';
  src: url('../fonts/iconic.eot?34343192');
  src: url('../fonts/iconic.eot?34343192#iefix') format('embedded-opentype'),
       url('../fonts/iconic.woff?34343192') format('woff'),
       url('../fonts/iconic.ttf?34343192') format('truetype'),
       url('../fonts/iconic.svg?34343192#iconic') format('svg');
  font-weight: normal;
  font-style: normal;
}
/****** RESET CSS ******/
body,div,dl,dt,dd,ul,ol,li,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
html,body {margin:0;padding:0;height: auto !important;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul,li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/********************************************************** GENERAL ***/
body {
	font-size:11px;
	font-weight:normal;
	font-family: 'Open Sans', sans-serif;
	color:#535353;
	text-align: justify;
	background:url(../gifs/fond.png) top center fixed repeat-x;
	background-color:#ebeaea;

}
h1 {
    color: #6D071A;
    font-size: 33px;
    margin-bottom: 7px;
	margin-top:15px;
	font-family: 'BenchNine', sans-serif;
	text-transform:uppercase;
}

h1 span {
    color: #cc0000;}
	
h2 {
    color: #6D071A;
    font-family: 'BenchNine',sans-serif;
    font-size: 18px;
    margin-bottom: 7px;
    margin-top: 15px;
    text-transform: uppercase;
}

a {
	text-decoration:underline;
	color:#000;
}
a:hover {
	text-decoration:none;
}
#fil_ariane {
    left: 29px;
    position: absolute;
    top: 0;
	z-index:20;
	font-size:10px
}
#fil_ariane div{ display :inline-block; float:left }
#fil_ariane a {
	text-decoration:none;
	color:#3E3E3E
}
#fil_ariane a:hover{
	color:#6D071A
}
.clear_both {
	clear:both;
}


.ombre_img {
    background-image: url("../gifs/ombre_img.png");
    height: 18px;
    position: absolute;
    right: 0;
    top: 342px;
    width: 218px;
    z-index: -1;
}

.imgRight {
    border: 3px solid #9E9F9E;
    float: right;
    margin: 0 0 10px 25px;
	 z-index: 0;
}
.imgLeft {
	float:left;
	margin:0 10px 10px 0;
	border:none;
}
#container {
    padding-top: 480px;
    position: relative;
    width: 100%;
}
/********************************************************** HEADER ***/
#header_frame {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#header {
	position:relative;
	width:940px;
	margin: 0 auto;
	height:480px; /*Hauteur a supprimer si utilisation du flexslider*/
}
/* Logo */
#logo {
	font-size: 46px;
	text-align: center;
	text-decoration: none;
	display:block;
	width: 295px;
	height:72px;
	position:absolute;
	left: 0;
	top: 27px;
	z-index:1;
	background-image: url(../gifs/logo.png);
	background-repeat: no-repeat;
	font-family: 'BenchNine', sans-serif;
	color:#6d071a;
	text-transform:uppercase;
}

#logo span {color:#cc0000;}


.baseline {
    color: #535353;
    font-family: 'BenchNine',sans-serif;
    font-size: 18px;
    left: 75px;
    position: absolute;
    top: 76px;
    width: auto;
    z-index: 1;
}


/* Contact Header */

#contact_header {
    color: #535353;
    display: block;
    font-family: 'PT Sans Narrow',sans-serif;
    font-size: 18px;
    position: absolute;
    right: 14px;
    text-decoration: none;
    top: 26px;
    width: auto;
    z-index: 1;
}


#contact_header span {
    color: #535353;
     font-family: 'BenchNine',sans-serif;
    font-size: 25px;
    margin-right: 24px;
}

.facebook_header{
	background: url("../gifs/facebook_header.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: block;
	height: 25px;
	position: absolute;























	right: 29px;
	top: 34px;
	width: 25px;
	z-index:10
}

.linkedin{
	background: url("../gifs/linkedin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: block;
	height: 25px;
	position: absolute;
	right: 0;
	top: 34px;
	width: 25px;
	z-index:10
}



/* Top bar */


.ombre_top_bar {
    background-image: url("../gifs/ombre_top_bar.png");
    height: 21px;
    position: absolute;
    right: 0;
    top: 115px;
    width: 410px;
    z-index: 14;
}

.top_bar {
    background-image: url("../gifs/filet_header.png");
    background-repeat: repeat-x;
    border-radius: 3px 3px 3px 3px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 83px;
    width: 480px;
    z-index: 15;
}

.top_bar ul {
    float: right;
    width: 411px;
	 width: 414px\9;
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.top_bar ul {
		width: 100%;
	}
}
.top_bar ul li {
	float:left;
}


.top_bar ul li:first-child a{border-radius: 3px 0px 0px 3px;}


.top_bar ul li:last-child a{border-radius: 0px 3px 3px 0px;}


.top_bar ul li a {
    color: #FFFFFF;
    display: block;
    font-family: PT Sans Narrow;
    font-size: 15px;
    padding: 7px 14px 7px 13px;
    text-decoration: none;


}
.top_bar ul li a:hover, .top_bar ul li a.selected {
    background: none repeat scroll 0 0 #6D071A;
    color: #FFFFFF;
    text-decoration: none;
	-webkit-transition: background 600ms linear;
    -moz-transition: background 600ms linear;
    -o-transition: background 600ms linear;
    -ms-transition: background 600ms linear;
    transition: background 300ms linear;
}
/********************************************************** CONTENT ***/

#content {
    margin: 0 auto 20px;
    position: relative;
    width: 940px;
}

#colonne_gauche {
    display: block;
    float: left;
    min-height: 300px;
    width: 225px;
}
#colonne_centre {
    float: right;
    font-size: 1em;
    min-height: 300px;
    padding-left: 30px;
    position: relative;
    width: 685px;
}
#colonne_centre p {
	margin-bottom:10px;
	text-align:justify;
}
#colonne_centre ul {
	margin-bottom:10px;
}

#colonne_centre ul li {
    float: left;
    margin-right: 27px;
}
/* Bouton */

.bouton {
    background: url("../gifs/btn.png") no-repeat scroll right 0 transparent;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    float: right;
    font-family: "PT Sans Narrow";
    font-size: 15px;
    height: 23px;
    line-height: 21px;
    margin-top: 10px;
    text-decoration: none;
    text-indent: 9px;
    width: 194px;
}
#colonne_centre .bouton{
	width: 144px;
}
.bouton:hover {background: url("../gifs/btn.png") no-repeat right -23px;
transition: all 600ms ease 0s;}

/* Relance */

#relance {
    color: #463D3D;
    font-size: 1.2em;
    height: 57px;
    margin-bottom: 0;
    margin-top: 0;
    text-decoration: none;
}


.titre-relance{
	color: #6D071A;
    font-family: 'BenchNine',sans-serif;
    font-size: 21px;
    margin-bottom: 7px;
    margin-top: 15px;
    text-transform: uppercase}


.titre-relance span {
    color: #cc0000;
}

#relance li {
	list-style:none;
	list-style-image:none; /* pour ie7 */
}

#relance a {
    background-image: url("../gifs/picto_relance.png");
    background-repeat: no-repeat;
    color: #545352;
    display: block;
    float: none;
    font-family: "Open Sans";
    font-size: 12px;
    line-height: 1.4em;
    text-decoration: none;
    text-indent: 24px;
}
#relance a:hover {
	color:#6D071A;background-image: url("../gifs/picto_relance_hover.png");
}
/* Formulaire */
#carte, #formulaire_contact {
	width:472px;
	position:relative;
	float:left;
}
#coordonnees {
	width:200px;
	float:right;
	padding:0 0 10px 10px
}
#coordonnees p {
    font-family: "PT Sans Narrow";
    font-size: 14px;
    text-align: left;
}

#coordonnees p span{color: #6D071A;}


#gmap_link {
font-family: "PT Sans Narrow";
font-size: 14px;
text-decoration:none

}
#gmap_link:hover {color:#6D071A
}
#formulaire_1 {
	float:left
}
legend {
	font-size: 16px;
	font-weight:normal !important;
	padding-right:10px;
	color: #50504E;
	position: relative; 
	left: 0;
}
#formulaire_1 label {
	display:block !important; 
	font-size: 12px;
	padding:0 10px 0 0 !important;
	text-align:left !important;
	width:165px !important
}
#formulaire_1 input {
	border: solid 1px #999;
	margin-left: 10px;
	width: 270px;
	height: 20px !important; 
	text-indent: 5px;
}
#formulaire_1 textarea {
	border: solid 1px #999;
	width:270px;
	margin-left: 10px;
}
#formulaire_1 textarea:hover, #formulaire_1 input:hover {
	border:1px solid #000
}
#formulaire_1 p {
	width: 100%;
	font-size: 14px;
	margin: 5px 0 !important;
	color:#2D2D2D !important;
	padding:0 !important;
	position:relative;
}
#formulaire_1 #field_14 {
	width: 125px !important;
}

#formulaire_1 #field_5 {
    background: none repeat scroll 0 0 #3D3D3D;
    border: 1px solid #3D3D3D;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: "BenchNine";
    font-size: 19px;
    height: 27px !important;
    margin-left: 185px;
    width: 272px;
}
#formulaire_1 #field_5:hover {
	border: 1px solid #6D071A;
	background: none repeat scroll 0 0 #6D071A
}
#formulaire_1 .form_erreur {
	border:1px solid #cc0000 !important;
	background:#ffdcdc !important
}
form.generateur p.erreur, form.generateur div.divGenerateurErreur {
	border:none !important;
	font-size:10px !important;
}
form.generateur p.erreur span.erreur, form.generateur div.divGenerateurErreur span.erreur {
	background:none !important;
	font-weight:normal !important;
	text-indent:150px !important;
	display:none !important;
}
span.validation {
	left: 155px;
    position: absolute;
    top: 5px;
}
form.generateur label {
	width:180px !important;
}
form.generateur label.noFloatingLabel input {
	border:none !important;
}
form.generateur label.noFloatingLabel input:hover {
	border:none !important;
	background-color:transparent !important;
}
.divGenerateurRequired {
	display:none;
}
div.valide {
    background: none repeat scroll 0 0 transparent !important;
    color: #6D071A !important;
    font-weight: normal !important;
}
div.valide a {
	color:#000 !important;
}
div.valide a:hover {
	color:#FFF !important
}
span.required {
	color:red;
}
#field_20-je-souhaite-recevoir-la-lettre-d-information {width: 10% !important; color: black !important; width: 75%;font-size: 14px !important;}
.noFloatingLabel {color: #2d2d2d !important;font-size: 14px;}

#newsletter_iframe {background: none repeat scroll 0 0 white !important;height: 386px!important;margin: 0 !important;position: absolute;top: 0 !important}
/********************************************************** FOOTER ***/
#footer_frame {
	width: 100%;
	left:0;
	bottom:0px;
	position:relative;
	z-index:1;
	overflow: hidden;
}
/********************************************************** REF ***/
.ref_close{
	position: fixed;
	right: -97.3%;
	bottom: 30px;
	color: #fff;
	display: block;
	text-decoration: none;
	width: 95.5%;
	-webkit-border-radius: 30px 0 0 0 / 30px 0 0 0;
	-moz-border-radius : 90px 0 0 0 / 90px 0 0 0;
	-ms-border-radius: 30px 0 0 0 / 30px 0 0 0;
	border-radius : 90px 0 0 0 / 90px 0 0 0;
	cursor: pointer;
	background-color: #0A5E7D;
	padding: 4px 2% 4px 2.5%;
	min-height: 28px;
	z-index:15
}
.ref_close .plus_ref{
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	left: 6px;
	background: url(../gifs/plus_ref.png) no-repeat;
	bottom: 3px;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-ms-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;}

.rotate_plus{
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.contenu_ref{
	position: relative;
	float:right;
	display: block;

	width: 98%;
}


/******************************* Nivo slider ****************************/

.ombre_slider {
    background-image: url("../gifs/ombre_slider.png");
    height: 42px;
    position: absolute;
    right: 0;
    top: 438px;
    width: 940px;
    z-index: 0;
}



#nivo-wrapper {
    height: 300px;
    left: 0;
    position: absolute;
    top: 139px;
    width: 960px;
    z-index: 5;
}
.slider-wrapper {
    width:960px;
    height:300px;
    margin:0 auto;
    position:relative;
}
#nivo {
	position:relative;
}
.nivoSlider {
	position:relative;
    width:960px;
    height:300px;
}
.nivoSlider img {
    position:absolute;
    top:0;
    left:0;
    display:none;
    width:960px;
    height:300px;
	z-index:8
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:8;
}
/*Caption styles*/
.nivo-caption {
	position:absolute;
	right:24px;
	top:69px;
	width:300px;
	height:200px;
	font-size:12px;
	padding:5px;
	z-index:9;
} 

.nivo-caption .tit {font-size:16px;font-family:Arial, Helvetica, sans-serif; color:#000; padding-bottom:10px; font-weight:bold; }
.nivo-caption p {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000; padding:8px}

.nivo-html-caption {
    display:none;
}


/************************************************************************* Style du menu Vertical *****/

#menu_v {
    background-color: #737373;
    background-image: url("../gifs/filet_menu.png");
    background-repeat: repeat-x;
    min-height: 198px;
    width: 235px;
    border-radius:3px
}
#menu_v ul {
    display: block;
    height: auto;
    list-style: none outside none;
    margin-left: -3px;
    padding-top: 10px;
    width: 100%;
}
#menu_v ul li {
    padding-top: 8px;
    width: 100%;
}
#menu_v ul li a {
    color: #FFFFFF;
    display: block;
    font-family: "BenchNine";
    font-size: 19px;
    height: auto;
    line-height: 29px;
    padding-top: 0;
    text-decoration: none;
    text-indent: 20px;
    text-transform:uppercase;
    text-align: left;
}
/*#menu_v ul li.selected > a : sert a cibler le premier <a> du <li>*/
#menu_v ul li a:hover, #menu_v ul li a.selected, #menu_v ul li.selected > a {
    background: none repeat scroll 0 0 #760A0A;
    width: 102%;
    -webkit-transition: background 600ms linear;
    -moz-transition: background 600ms linear;
    -o-transition: background 600ms linear;
    -ms-transition: background 600ms linear;
    transition: background 300ms linear;
}
#menu_v ul li.selected ul.dropdown{
    display: block !important}
/* ici le code pour le sous menu */
#menu_v ul li ul {
	list-style:none;
	display:none;
	overflow:hidden;
}
#menu_v ul li ul li a {
	height:25px;
	line-height:25px;
}



/************************************************************************* Encart actualités **********************/


.encart_actu {
    background-color: #6D071A;
    background-image: url("../gifs/filet_actu.png");
    background-repeat: repeat-x;
    display: block;
    float: left;
    margin-top: 23px;
    min-height: 198px;
    width: 235px;
    border-radius:3px
}
.titre_actu {
    background-image: url("../gifs/titre_actu.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-family: "BenchNine";
    font-size: 35px;
    padding-top: 7px;
    text-indent: 46px;
    text-transform: uppercase;
}


.encart_actu ul {
    padding: 13px 18px;
}
.encart_actu p a {
    color: #FFFFFF;
    text-decoration: none;
}
.encart_actu p {
    color: #FFFFFF;
    text-decoration: none;
}
.encart_actu p a img {
}


.encart_actu .bouton_actu {
    background-image: url("../gifs/picto_actu.png");

    background-position: 100% center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    float: right;
    font-family: "PT Sans Narrow";
    font-size: 15px;
    margin-right: 12px;
    margin-top: 7px;
    width: 138px;
}
.encart_actu .bouton_actu:hover {
	background-image: url(../gifs/picto_actu_hover.png);
	background-repeat: no-repeat;
}


/*******************************Encarts******************************************/

.ombre_encart1 {
    background-image: url("../gifs/ombre_encart.png");
    height: 20px;
    left: 24px;
    position: absolute;
    top: 336px;
    width: 333px;
    z-index: -1;
}



.ombre_encart2 {
    background-image: url("../gifs/ombre_encart.png");
    height: 20px;
    position: absolute;
    right: 7px;
    top: 336px;
    width: 333px;
    z-index: -1;
}

.encart_global {
    display: block;
    float: left;
    height: 200px;
    margin-top: 25px;
    width: 680px;
}
.encart {
    display: block;
    float: left;
    height: 200px;
    margin-right: 14px;
    text-decoration: none;
    width: 333px;
}
.encart:hover {
}
.encart .img {
    display: block;
    height: 109px;
    width: 333px;
}
.encart .titre {
    background-image: url("../gifs/trame_encart.png");
    background-repeat: repeat;
    color: #FFFFFF;
    display: block;
    font-family: "BenchNine";
    font-size: 21px;
    height: 31px;
    line-height: 33px;
    margin-top: -48px;
    position: relative;
    text-indent: 12px;
    text-transform: uppercase;
    width: 234px;
}

.encart .contenu {
    color: #535353;
    display: block;
    font-family: "Open Sans";
    font-size: 11px;
    margin-top: 34px;
    text-align: justify;
    text-decoration: none;
}
.encart .lien {
    background: url("../gifs/btn_hover.png") right top no-repeat;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    float: right;
    font-family: "PT Sans Narrow";
    font-size: 15px;
    height: 23px;
    line-height: 21px;
    margin-top: 21px;
    text-decoration: none;
    text-indent: 9px;
    width: 121px;
}

.encart .lien:hover{
background: url("../gifs/btn_hover.png") no-repeat right -23px;
transition: all 600ms ease 0s;
}


/***** Footer Fixe *******/



#footer {
    border-top: 2px solid #612631;
    margin: 51px auto 10px;
    overflow: hidden;
    padding: 33px 0 47px;
    width: 938px;
}

#footer p {
	display:block;
}


a#logo_footer {
    background-image: url("../gifs/logo_footer.jpg");
    background-repeat: no-repeat;
    clear: left;
    color: #535353;
    display: block;
    float: left;
    font-family: "PT Sans Narrow";
    height: 69px;
    line-height: 16px;
    margin-top: 15px;
    padding-left: 62px;
    text-decoration: none;
    width: 200px;
}


a#logo_footer .nom {
    color: #6D071A;
    font-family: "BenchNine";
    font-size: 28px;
    line-height: 23px;
}

a#logo_footer .nom span{color: #cc0000;}


a#logo_footer .activite_adress{font-size:14px}

a#logo_footer .activite_adress span{
color: #6D071A;}


a#logo_footer:hover {
	-webkit-opacity:.8;
	-moz-opacity:.8;
	opacity:.8;
}
#footer ul {
    border-left: 1px solid #FFFFFF;
    float: left;
    margin-left: 73px;
    margin-top: 10px;
    padding-left: 10px;
    text-align: left;
    width: auto;
}
#footer ul li {
	list-style:none;
}
#footer ul li a {
	color:#3e3e3e;
	font-size:11px;
	text-decoration:none;
}
#footer ul li a:hover {
	color:#6D071A;
}
#footer ul li ul {
	border: 0;
    float: none;
    margin-top: 0;
    padding-left: 15px;
    width: auto;
}
#footer ul li ul li a {
	font-size:10px
}

.mail a{text-decoration:none}
.mail a:hover{color:#6D071A;}
.no_desktop{
	display:none;
}
.no_mobile{
	display:block;
}
/* MENU */
.nav {
  color: #474747;
  display: none;
  font-family: "iconic";
  font-size: 2.2em;
  padding: 5px;
  text-align: center;
  top: 3px;
  position: absolute;
  left: -10px;
  width: 60px;
  height: 36px;
  text-decoration: none;
}
.nav:before {
	content: '1';
	display: inline-block;
	vertical-align: top;
}
.nav.pushed:before {
  content: "n";
}
.menu_left{
	display:none;
}
/***********************/
.menu_left {
    background: #282828;
    float: right;
    height: 100%;
    left: -260px;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 260px;
}
.menu_left ul li ,.menu_left ul li a{
	width: 100% !important;
}
.menu_left ul li a {
	text-align: left;
	color: #fff;
	display: block;
	font-family: "arial";
	font-size: 15px;
	font-weight: 100;
	padding: 7px 0 5px 10px;
}
.tel{
	display: inline-block !important;
}
.telm{
	display: none !important;
}
@media screen and (max-width:960px) {
	body{
	    overflow: hidden;
	}
	*{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-p-box-sizing: border-box;
		box-sizing: border-box;
	}
	.nivoSlider{
		width:100%;
	}
	#content, #header_frame, #footer_frame, #footer{

		padding: 0 10px;
	}
	#header, #content, #footer{
		width: 100%;
		overflow: hidden;
	}
	#nivo-wrapper, .slider-wrapper{
		width: 100%;
		overflow: hidden;
	}
	#colonne_centre{
		width: 71%;
		padding-left: 0;
	}
	#colonne_gauche{
		width: 25%;
	}
	#menu_v, .encart_actu{
		width: 100%;
	}
	.encart_global{
		width:100%;
	}
	.encart_global .encart+.encart{

	}
	.encart{
		width: 48%;
		overflow: hidden;
		margin-right: 4%;
	}
	.encart .img{
		width:100%;
		height: auto;
	}
	.encart .img img{
		width:100%;
	}
	#footer ul{
		margin-left: 18px;
	}
	#footer ul+ul{
	    margin-left: 8px;
	}
	a#logo_footer .activite_adress{
		text-align:left;
	}
	a#logo_footer{
		width: 310px;
	}
	.nivoSlider img{
		width:100%;
	}
	.ombre_encart1{
		display:none !important;
	}
	.ombre_encart2{
		display:none !important;
	}
	
	#coordonnees{
		width:30%;		
	}
	#carte, #formulaire_contact{
		width:70%;
	}
	#formulaire_1{
		width:100%;
	}
	#formulaire_1 label{
		width:100%;
	}
	#formulaire_1 textarea{
		width: 90%;
		margin: 0;
	}
	#formulaire_1 input{
		margin: 0;
		width: 90%;
	}
	#formulaire_1 #field_5{
		width:197px;
	}
	#colonne_centre ul li{
		width:100%;
		margin-bottom: 7px;
	}
	
	
}
@media screen and (max-width:786px) {
	.nav{
		display:inline-block;
	}
	.menu_left{
		display:block;
	}
	.menu_left #menu_v{
		display:block;
		background: none;
	}
	.menu_left #menu_v ul{
		width:100%;
	}
	#container{
		padding-top: 450px;
	}
	#logo{
		top: 40px;
	}
	.baseline{
		top: 96px;
	}
	#menu_v{
		display:none;
	}
	#content{
		margin-bottom:0px;
	}
	#colonne_centre{
		width:100%;
	}
	#colonne_gauche{
		width:100%;
		min-height:inherit;
	}
	.top_bar{
		background:none;
		top: 0;
		width: auto;
	}
	.ombre_top_bar {
		background-image:none;
	}
	/* TOP BAR */
	.top_bar {
	  float: right;
	  text-align: center;
	  right: 50px;
	}
	.top_bar ul{
		letter-spacing: -0.25em
	}
	.top_bar li{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
	}
	.top_bar li a {
		display: block;
		height: 38px;
		overflow: hidden;
		padding: 6px 2px !important;
		width: 39px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.top_bar li a:hover,
	.top_bar li a.selected{
		color: #000;
	}
	.top_bar li a:hover:before,
	.top_bar li a.selected:before{
		color: #fff;
	}
	.top_bar ul li a:hover, .top_bar ul li a.selected{
		background: none;
	}
	.top_bar li a:before{
		font-family: 'iconic';
		display: block;
		color: #fff;
		font-size:1.8em;
		text-align: center;
		margin-bottom:10px;
		color:#474747;
	}
	.top_bar li a:before{
		content:'a';
	}
	.top_bar li+li a:before{
		content:'z';
	}
	.top_bar li+li+li a:before{
		content:'e';
	}
	.top_bar li+li+li+li a:before{
		content:'r';
	}
	.top_bar li+li+li+li+li a:before{
		content:'t';

	}
	#contact_header{
		top: 36px;
		width: 234px;
		right: 0;
	}
	#contact_header span{
	margin: 0;
	}
	#contact_header span span{
		display:inline-block;
		margin: 0;
	}
	#contact_header span+span{
		display: block;
		margin: 0;
	}
	.facebook_header, .linkedin{
		top:10px;
	}
	.encart{
		overflow:visible;
	}
	#footer ul {
		margin-left: 1px;
	}
	#footer ul+ul {
		margin-left: 5px;
	}
	#coordonnees{
		width:100%;
	}
	#coordonnees div{
		display:inline-block;
		vertical-align:top;
		width:49%;
	}
	#carte, #formulaire_contact{
		width:100%
	}
	
	/******************************* Nivo slider ****************************/

.ombre_slider {
    background-image: url("../gifs/ombre_slider.png");
    height: 42px;
    position: absolute;
    right: 0;
    top: 438px;
    width: 100%;
    z-index: 0;
}



#nivo-wrapper {
    height: 300px;
    left: 0;
    position: absolute;
    top: 139px;
    width: 100%;
    z-index: 5;
}
.slider-wrapper {
    width:100%;
    height:300px;
    margin:0 auto;
    position:relative;
}
#nivo {
	position:relative;
}
.nivoSlider {
	position:relative;
    width:100%;
    height:300px;
}
.nivoSlider img {
    position:absolute;
    top:0;
    left:0;
    display:none;
    width:100%;
    height:300px;
	z-index:8
}
.nivo-caption {
    position: absolute;
    right: 24px;
    top: 69px;
    width: 100%;
    height: 200px;
    font-size: 12px;
    padding: 5px;
    z-index: 9;
}
}
@media screen and (max-width:600px) {
	h1{
		text-align:center;
		margin-top:30px;
		
	}
	#fil_ariane{
		left:0;
		top: 10px;
	}
	.menu_footer{
		display:none;
	}
	a#logo_footer{
		margin: 15px auto;
		display:block;
		float: none;
	}
	#box_ml{
		display:block;
		text-align:center;
		font-family: "PT Sans Narrow";
		font-size: 16px;
		font-weight: 500;
		text-decoration: none;
		margin-bottom: 20px;
	}
}
@media screen and (max-width:510px) {
	.telm{
		display: inline-block !important;
	}
	.tel{
		display: none !important;
	}
	#logo{
		position: relative;
		margin: 0 auto 17px;
	}
	#contact_header{position: relative;margin: auto;display: none;}
	.contact_header{
		margin-top: 50px;
		color: #535353;
		display: block;
		font-family: 'PT Sans Narrow',sans-serif;
		font-size: 18px;
		right: 14px;
		text-decoration: none;
		width: auto;
		z-index: 1;
	}
	.contact_header a{
		text-decoration:none;
	}
	#nivo-wrapper{
		top: auto;
		bottom: 0;
	}
	#container{
		padding-top: 510px;
	}
	.baseline{
		top: 88px;
		left: 70px;
		right: 0;
		margin: auto;
		width: 211px;
	}
	#header{
		height: 509px;
	}
	.encart_global{
		height:auto;
	}
	.encart {
		width: 333px;
		float:none;
		margin: auto !important;
	}
	.encart_global .encart+.encart{
		margin-top:20px !important;
	}
	#formulaire_1 label{
		    width: 100% !important;
	}
	#formulaire_1 #field_5{
	    width: 92px;
	}
	.ombre_img {
		display:none;
	}
	.imgRight{
		width: 47%;
		height: auto;
	}	
	#colonne_centre ul li{
		width:100%;
		margin-bottom: 7px;
	}
	

}
@media screen and (max-width:350px) {
	.encart {
		width: 100%;
	
	}
}

/* POPUP*/
.box-layer {
	padding: 25px 15px;
	text-align: center;
}
.box-layer h1 {
	font-size: 1.800em;
	line-height:1.2em;
}
.box-layer h1 span {
	font-size: 1.538em;
	display: block;
	color: #6d071a;
}

.box-layer h2 {
	color: #000;
}
.box-layer h2 strong {
	color: #6d071a;
}
.box-layer #form-majeur {
	margin: 20px auto 10px;
}
.box-layer #form-majeur input {
	display: block;
	margin-bottom: 10px;
}

.box-layer .bouton {
	margin: 0 auto 10px;
	float: none;
	border: none;
}