html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0;border:0;outline:0;font-weight:normal;vertical-align:top;background:transparent;outline:none;}
b {font-weight:bold;}
strong {font-weight:bold;}
i {font-style:italic;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
a, span {vertical-align:baseline;}
img {vertical-align:top;text-decoration:none;}


* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

body {
color: #292929;
font-size: 1em;
font-family: 'Dosis', sans-serif;
background: #fff;
}



img {
max-width: 100%;
height: auto;
position: relative;
}

/*Style contenu*/




h3 {
font-size: 24px;
line-height: 24px;
text-align: left;
padding: 5px 0;
width: 100%;
clear: both;
}

h3 a{
text-decoration: none;
color: #000;
}

h3 a:visited{
color: #000;
}

h3 a:hover{
color: #e70101;
}

a img {
border: none;
cursor: pointer;
padding: 0;
margin: 0;
}





.wrapper_cartouche{
background-size: cover;
}

.para{
background: url(images/para.jpg) no-repeat;
background-size: cover;
min-height: 91px;
width: 100%;
}

h2.no-span {
display: table;
white-space: nowrap;
font-size: 30px;

text-transform: uppercase;
letter-spacing: 5px;
padding: 20px 0;
}

h2.no-span span {
font-size: 36px;
font-weight: 700;

}

h2.no-span:before, h2.no-span:after {
      border-top: 2px solid #e5cd6f;
      content: '';
      display: table-cell;
      position: relative;
      top: 0.7em;
      width: 45%;
}
h2.no-span:before {
right: 1%;
}
h2.no-span:after {
left: 1%;
}

@media only screen and (max-width: 640px){
h2.no-span {
display: table;
white-space: no;
font-size: 18px;
letter-spacing: 1px;
padding: 20px 0;
text-align: center;
width: 100%;
}

h2.no-span span {
font-size: 22px;
}

h2.no-span:before, h2.no-span:after {
      border-top: none;
      content: none;
      display: none;
}
h2.no-span:before {
right: 0;
}
h2.no-span:after {
left: 0%;
}
	
}


.cartouche_wrapper{
clear: both;
display: table;
max-width: 1240px;
width: 100%;
margin: 0 auto;
}

.info_contact{
    max-width: 75%;
    margin: 58px auto;
    border-top: #5d5d5d 1px solid;
    border-bottom: #5d5d5d 1px solid;
    padding: 25px;

}

.info_contact p{
    color: #fff;
    font-size: 16px;
    text-align: center;

    letter-spacing: 3px;
    padding: 7px 0;
}

.info_contact p a{
color: #fff;
text-decoration: none;
}

.info_contact i{
/*color: #251c77;*/
line-height: 18px;
}



.wrapper_contenu_texte {
background: #fff ;
width: 100%;
height: auto;
clear: both;
}


.bande {
width: 100%;
height: auto;
/*min-height: 150px;*/
margin: 35px 0 0 0;
clear: both;
display: block;
position: relative;
}

.main {
padding: 0 0 50px 0;
}

.bande_edito {
padding: 20px 0 30px 0;
}

.bande_edito h1 {
color: #fff;
}

.bande_photo {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: table;
}

.bande_contact {
margin: 0 0 0 0;
}


.wrapper_bas {
position: relative;
width: 100%;
height: auto;
margin: 0 0 0 0;
clear: both;
display: block;
background: url(images/footer.png) repeat-x;
}

.wrapper_titre {
clear: both;
display: block;
max-width: 1240px;
width: 100%;
height: auto;
min-height: 100px;
margin: 0 auto 0px auto;
padding: 0 25px 40px 25px;
position: relative;
z-index: 100;
}

.wrapper_titre p {
text-align: center;
font-size: 24px;
}

.wrapper_main{
clear: both;
display: table;
max-width: 1240px;
width: 100%;
height: auto;
/*min-height: 180px; */
margin: 0 auto 0px auto;
padding: 0 25px 0 25px;
position: relative;
z-index: 40;
}

.wrapper_img{
clear: both;
display: block;
max-width: 1240px;
width: 100%;
height: auto;
margin: 0 auto 0px auto;
position: relative;
z-index: 100;
}

.wrapper_gauche{
float: left;
width: 567px;
height: auto;
margin: 0 0 15px 40px ;
position: relative;
}

.wrapper_100{
float: left;
width: 890px;
height: auto;
margin: 15px 0 15px 40px ;
position: relative;
}


.interieur{
padding: 25px 0 0 0;
background: #fff;
}

#wrapper_main_article{
width:1240px;
height: auto;
margin: -140px auto 0 auto;
position: relative;
z-index: 100;
background: #fff url(images/fond.jpg) repeat;
border-radius: 25px 25px 0px 0px;
-webkit-border-radius: 25px 25px 0px 0px;
-moz-border-radius: 25px 25px 0px 0px; 
}

#header{
max-width: 1240px;
width: 100%;
height: auto;
margin: 0 auto 0 auto;
position: relative;
text-align: center;
clear: both;
display: table;
}



.logo_box {
width: 50%;
float: left;
}


.header_contact {
color: #fff;
width: 50%;
float: left;
text-align: center;
padding: 45px 0 0 0;
}

.header_contact p:first-child {
font-family: 'Dosis', sans-serif;
font-size: 35px;
letter-spacing: 8px;
}

.header_contact p {
font-size: 36px;
letter-spacing: 4px;
}

.header_contact span {
color: #e5cd6f;
}

.header_contact i {
color: #e5cd6f;
line-height: 48px;
}





@media (max-width: 480px) {
.header_contact p:first-child, .header_contact p {
font-family: 'Dosis', sans-serif;
font-size: 27px;
letter-spacing: 2px;
}

.header_contact i {
line-height: 34px;
}

.info_contact p{
font-size: 14px;
}

}

.sep_h {
width: 100%;
height: 17px;
clear: both;
background: transparent url(images/hr.png) center no-repeat;
margin: 10px 0 15px 0;
}



.wrapper{
padding: 0;
position: relative;
max-width: 960px;
width: 100%;
height: auto;
min-height: 150px;
margin: 10px auto 15px auto;
}




#contenu_wrapper{
padding: 0;
display:table;
width: 860px;
height: auto;
margin: 10px 55px 20px 55px;
}

.esp a{
float: right;
color: #ffaf3b;
}

.wrapper_article {
float: left;
width: 570px;
margin: 0 0 0 25px;
padding: 0;
height: auto;
}


.chapo_home h1{
width:100%;
clear: both;
font-size: 36px;
line-height: 40px;
padding: 10px 0 27px 0;
margin: 0px 0 10px 0;
float: left;
text-align: center;
background: transparent url(images/sep_h1.png) bottom center no-repeat;
color: #392d2d;
letter-spacing: 4px;
}

.chapo_home h1 span{
text-transform: uppercase;
font-size: 40px;
font-family: 'Dosis', sans-serif;
}

.chapo_home h1 p{
font-weight: 700;
}

.chapo_home a{
color: #313230;
text-decoration: underline;
}

.chapo_home a:visited{
color: #313230;
}

.chapo_home a:hover{
color: #313230;
text-decoration: none;
}

.chapo {
width:100%;
clear: both;
font-size: 30px;
line-height: 34px;
padding: 25px 0 10px 0;
margin: 0px 0 0px 0;
float: left;
background: transparent url(images/chapo.png) bottom center no-repeat;
}


.chapo span{

}

.chapo p {
margin: 0;
padding: 0;
}

.edito {
float: left;
width: 450px;
padding:  0;
margin: 15px 0 15px 0;
height: auto;
}

.texte_edito{
color: #1f1d1d;
font-size: 15px;
line-height: 30px;
letter-spacing: 2px;
text-align: center;
height: auto;
display: block;
position: relative;
clear: both;
}

@media only screen and (max-width: 480px){
.texte_edito{
letter-spacing: 0px;
}
}

.texte_edito p{
padding: 5px 0;
text-align: center;
}

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

.texte_edito a:visited{
color: #fff;
text-decoration: none;
}

.texte_edito a:hover{
color: #fff;
text-decoration: underline;
}

.texte{
padding: 10px 0 0 0;
font-size: 17px;
line-height: 21px;
text-align: left;
height: auto;
display: block;
position: relative;
clear: both;
}

.texte a{
color: #be9d1c;
font-weight: 700;
text-decoration: none;
}

.texte a:visited{
color: #be9d1c;
text-decoration: none;
}

.texte a:hover{
color: #be9d1c;
text-decoration: underline;
}

.texte img {
    max-width: 100%;
    height: auto;
}


.texte:firstletter{
font-size: 36px;
color: #000;
}



.texte p{
margin-top: 9px;
margin-bottom: 9px;
}








.img_titre {
padding: 1% 2% 0 0;
float: left;
width: 36%;
height: auto;
min-height: 100px;
display: block;
text-align: right;
}


.contact{
padding-top: 0px;
padding-bottom: 20px;
}

.contact p {
font-size: 20px;
text-transform: none;
}








h5 {
font-size: 36px;
text-align: center;
color: #fff;
}


















/*Style documents */

#documents_portfolio {
clear: both;
width: auto;
height: auto;
display: table;
margin: 25px auto 0 auto;
}

.doc_port {
float: left;
margin: 0 10px 20px 10px;
width: 150px;
padding: 0;
}

@media screen and (max-width: 480px) {

.doc_port {
float: none;
margin: 0 auto 20px auto;
width: 150px;
padding: 0;
}
	
}




.spip_documents{
max-width: 100%;
height: auto;
}

.doc_port img {



}

.doc_port_left {
float: left;
margin: 0 0 10px 0;
width: 115px;
padding: 0;
}

.doc_port_right {
float: right;
margin: 0 0 10px 0;
width: 115px;
padding: 0;
}

.spip_doc_titre {
font-size: 12px;
line-height: 14px;
height: 32px;
text-align: center;
margin: 5px 10px 0 0;
padding: 0;
color: #292929;
}


.texte .spip_documents_center {
	float:left;	
	margin: auto;
	text-align: center;
	width: 100%;
}
/* Les images alignees a gauche */
.texte .spip_documents_left {
	padding: 0px;
	margin: 10px 20px 5px 0;
}

/* Les images alignees a droite */
.texte .spip_documents_right {
	padding: 0px;
	margin: 10px 0 5px 20px;
}




.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; }
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; }
.spip_documents_center { clear: both; display: block; width: 100%; }
.spip_documents_left { float: left; margin-right: 1.5em; }
.spip_documents_right { float: right; margin-left: 1.5em; }
.spip_doc_titre {}
.spip_doc_descriptif { clear: both; }

.spip_documents_center {
padding: 0 0 15px 0;

}








.titre_article {
font-size: 42px;
line-height: 42px;
z-index: 10000;
text-align: left;
padding: 10px 0 27px 0;
margin: 0px 0 10px 0;
float: left;
font-weight: 700;
background: transparent url(images/chapo.png) bottom left no-repeat;
}

h1.titre_article:after {
    border-bottom: #ecd8b2 1px solid;
    content: "";
    position: absolute;
    width: 50%;
    top: 1.8em;
    left: 25px;
}












@media only screen and (max-width: 1280px){
	
.titre_article {
font-size: 27px;
line-height: 36px;
margin: 0 5%;
}
	
}






blockquote {
border-left: #eee 5px solid;
padding: 0 0 0 25px;
}
  
table {
font-size: 1.2em;
border-collapse: collapse;
margin: 0;
width: 100%;
}

table tr td{
text-align: center;
}

table tr td p{
font-size: 0.9em;
padding: 0;
margin: 0;
font-style: italic;
}

table tr {
width: 100%;
}

hr {
border-color: #eee;
margin: 10px 0 10px 0;
padding: 0;
}




.texte ul li {
    margin: 15px 0 15px 30px;
    list-style: disc url(images/puce.png) outside;
    line-height: 1.8em;
}

.texte ul li strong{
line-height: 1.8em;
}

ol li {
margin: 15px 0 15px 24px;
list-style: disc url(images/puce_ol.png) inside;
}






.bouton span {
font-weight: 700;
}


a:visited.bouton{
color: #fff;
}

a:hover.bouton{
color: #fff;
text-decoration: none;
background: #000;	

	-moz-transition: all 0.5s ease;
	/* WebKit */
	-webkit-transition: all 0.5s ease;
	/* Opera */
	-o-transition: all 0.5s ease;
	/* Standard */
	transition: all 0.5s ease;
}










#menu{
z-index: 2000;
width: auto;
min-height: 37px;
padding: 0 0 0 0;
margin: 0 auto 0 auto;
text-align: center;
border-top: #58585a 2px solid;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4c4c4+0,201c1c+100 */
background: #c4c4c4; /* Old browsers */
background: -moz-linear-gradient(top, #c4c4c4 0%, #201c1c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c4c4c4 0%,#201c1c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c4c4c4 0%,#201c1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#201c1c',GradientType=0 ); /* IE6-9 */
}



.album.vignettes li
{
max-width: 160px;
font-size: 12px;
line-height: 15px;
text-align: center;
}

span.label {
padding: 5px 0 0 0;
margin: 0 auto;
display: table;
text-align: center;
}

.bloc_contact {
position: absolute;
right: 0;
top: 14px;
color: #fff;
text-align: left;
padding: 12px;
font-size: 18px;
width: 649px;
height: 200px;
background: url(images/ban.png) no-repeat;
}

.bloc_contact_texte {
float: right;
color: #fff;
text-align: left;
padding: 18px 12px 0 0;
font-size: 16px;
width: 233px;
line-height: 26px;
}

.bloc_contact a, .bloc_contact a:visited {
color: #fff;
text-decoration: none;
}










.addthis-animated {
float: right;
margin: 5px 0 0 0;
}

.class6 {
min-height: 300px;
}

.class6 .addthis_sharing_toolbox{
display: none;
}






.bande_contact {
min-height: 300px;
margin: 0 0 0 0;
padding: 40px;
background: #231e1e url(images/contact.jpg) left no-repeat;
background-size: cover;
}

@media (max-width: 480px) {

.bande_contact {
padding: 20px 0 20px 0;
}

}

.bande_contact h1{
width:100%;
clear: both;
font-size: 36px;
line-height: 40px;
padding: 10px 0 27px 0;
margin: 0px 0 10px 0;
float: left;
text-align: center;
background: transparent url(images/sep_contact.png) bottom center no-repeat;
color: #e5cd6f;
letter-spacing: 4px;
}

.contact_1_3 {
width: 28.3%;
margin: 2.5%;
float: left;
}

@media (max-width: 900px) {

.contact_1_3 {
width: 90%;
margin: 2.5% 5%;
}

}



.contact_1_3 p {
color: #fff;
font-size: 18px;
line-height: 27px;
}

.contact_1_3 p a, .contact_1_3 p a:visited {
color: #fff;
text-decoration: none;
}

.contact_1_3 p a:hover {
color: #e5cd6f;
}

.contact_1_3 p:first-child {
color: #fff;
font-size: 20px;
font-family: 'Dosis', sans-serif;
text-transform: uppercase;
}


.toggle,
[id^=drop] {
display: none;
}


nav  {
display: none;
}


@media (max-width: 800px) 
{

nav  {
display: block;
  z-index: 1000;
position: relative;
}

}


/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	background-color: #c4c4c4;
}




/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

 
 
 
 
 
 
nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	/*float: right;*/
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #c4c4c4;
	}

/* Styling the links */
nav a {
	display:block;
	padding:14px 20px;	
	color: #1a171b;
	font-size:17px;
	text-decoration:none;
	text-transform: uppercase;
}




/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 60px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */

/*

li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }

*/

/* Media Queries
--------------------------------------------- */

@media all and (max-width : 800px) {


	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #c4c4c4;
		padding:14px 20px;	
		color: #1a171b;
		font-size:18px;
		text-decoration:none;
		border:none;
		text-transform: uppercase;
		    text-align: center;
	}
	
	.toggle i {
	line-height: 20px;
	}

	.toggle:hover {
		background-color: #201c1c;
		    color: #fff;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #201c1c;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color: #1a171b;
		font-size:18px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
background-color: #aeaeae;
font-size: 95%;
text-transform: none;
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #1a171b;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		/*width: 94%;*/
	}

}

a[href^=tel] { color: inherit; text-decoration: none; }

nav a:visited {
color: #1a171b;
}

nav ul li ul li:hover { background: #201c1c; }

/* Background color change on Hover */
nav a:hover { 
background-color: #201c1c;
color: #fff;	
}




.colonne_menu {
position: absolute;
width: 17%;
height: 100%;
background: #c4c4c4;
padding: 2%;
}


@media (max-width: 800px) {
.colonne_menu {
display: none;
}

}



#wrapper_header{
display: none;

}

@media only screen and (max-width: 800px){
#wrapper_header{
height: auto;
display: table;
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
clear: both;
z-index: 100;
background: #c4c4c4;
}
}


.colonne_contenu {
position: absolute;
width: 20%;
height: 100%;
background: #1a171b;
left: 17%;

/*padding: 10% 2% 2% 2%;
line-height: 1.8em;*/

padding: 5% 2% 2% 2%;
color: #c4c4c4;
line-height: 1.6em

}

.colonne_contenu a, .colonne_contenu a:visited {
color: #fff;
text-decoration: none;
}

.colonne_contenu a:hover {
color: #808080;
text-decoration: none;
}

.colonne_contenu_contact {
position: absolute;
width: 30%;
height: 100%;
background: #1a171b;
left: 17%;
padding: 0 0 0 0;
color: #c4c4c4;
line-height: 1.8em;
}

.colonne_contenu h3 {
text-transform: uppercase;
}


.colonne_contenu ul{
margin: 15px 0 0 0;
}

.colonne_contenu ul li{
margin: 0 0 5px 0;
	-moz-transition: all 0.5s ease;
	/* WebKit */
	-webkit-transition: all 0.5s ease;
	/* Opera */
	-o-transition: all 0.5s ease;
	/* Standard */
	transition: all 0.5s ease;
	    letter-spacing: 2px;
}

.colonne_contenu ul li:hover{
color: #fff;
}




.colonne_contenu ul li a{
font-size: 16px;
text-decoration: none;
color: #fff;
text-align: left;
}

.colonne_img {
position: absolute;
width: 63%;
height: 100%;
background: transparent;
right:0;
}

.colonne_img_contact {
position: absolute;
width: 53%;
height: 100%;
background: transparent;
right:0;
}

.logo {
margin: 30px 0 20px 0;
}



.menu {
text-align: center;
margin: 35px 0 0 0;
text-transform: uppercase;
}

.menu ul{
	
}

.menu ul li{
    margin: 0 0 12px 0;
    padding: 0 0 12px 0;
background: transparent url(images/sep_li.png) bottom center no-repeat;

		-moz-transition: all 0.5s ease;
	/* WebKit */
	-webkit-transition: all 0.5s ease;
	/* Opera */
	-o-transition: all 0.5s ease;
	/* Standard */
	transition: all 0.5s ease;
	    letter-spacing: 2px;
	}
	
.menu ul li:last-child{
background-image: none;
}
	
.menu ul li:hover{
color: #fff;
}

.menu ul li a{
font-size: 16px;
text-decoration: none;
/*color: #1a171b;*/
text-align: center;
}

.adresse {
position: absolute;
    bottom: 25px;
    text-align: center;
    width: 75%;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    font-size: 0.8em;
}


.instagram {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
background: transparent url(images/sep_li.png) bottom center no-repeat;
}


.adresse i {
line-height: 1.7em;
}

.adresse a, .adresse a:visited {
color: #1a171b;
text-decoration: none;
}

.texte_article {
display: none;
background: rgba(255, 255, 255, 0.9);
padding: 5%;
max-width: 30%;
float: right;
margin: 50px 50px 0 0;
}

.id_4 .texte_article {
padding: 0%;
max-width: 80%;
float: right;
margin: 50px 50px 0 0;
}



body { 
   opacity: 0;
   transition: opacity .4s;
}

h1 {
	width: 100%;
    clear: both;
    font-size: 27px;
    line-height: 45px;
    padding: 0 0 6px 0;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
    float: left;
}

.info_contact {
margin-top: 50vh;
    transform: translateY(-50%);
}

#vegasSliderInner {
    float: right;
    padding: 25px;
    font-size: 30px;
    color: #fff;
}

#cookieChoiceInfo a, #cookieChoiceInfo a:visited {
color: #000;
text-decoration: none;
font-weight: 700;
}

.footer_mobile {
display: none;	
}

@media (max-width: 800px) {

#cookieChoiceInfo {
display: none;
}

.logo_box {
width: 90%;
float: none;
margin: 10px auto;
}

.logo {
max-width: 100%;
height: auto;
max-height: 150px;
z-index: 10000;
margin: 15px auto 0 auto;
}

.header_contact {
width: 90%;
float: none;
margin: 10px auto;
padding: 15px 0 0 0;
}



.colonne_contenu, .colonne_contenu_contact {
position: relative;
width: 100%;
height: 100%;
background: #1a171b;
left: 0;
padding: 3%;
color: #c4c4c4;
line-height: 1.8em;
}

.info_contact {
    margin-top: 54px;
    transform: none;
}

.colonne_img, .colonne_img_contact {
width: 100%;
max-height: 500px;
}

.menu ul li{
margin: 0 0 0 0;
padding: 0 0 0 0;
background: none;
}

.menu_prod{
display: none;
}


.menu {
margin: 0 0 0 0;	
}


.footer_mobile {
	display: none;
    height: 25px;
    position: fixed;
    width: 100%;
    /* bottom: 0; */
}

.adresse {
    position: initial;
    /* bottom: 25px; */
    text-align: center;
    width: 100%;
    line-height: 1.6em;
    letter-spacing: 2px;
    font-size: 0.9em;
}





}

#header p {
letter-spacing: 1px;
}

.lien_instagram {
text-align: center;
color: #fff;
display: table;
width: 100%;
text-decoration: none;
}

.lien_instagram img, .ico{
margin: 5px 0 5px 0;
}

.lien_instagram a, .lien_instagram a:visited {
text-align: center;
color: #fff;
text-decoration: none;
}