/*
Theme Name: Grapho beaujolais
Theme URI: 
Author: Arnaud B.
Author URI: 
Description: Grapho-beaujolais.fr
Version: 1.3
License: Toute reproduction interdite
License URI: 

Text Domain: 

*/


html, body {
width:100%;
height:100vh;
max-height:100vh;
margin-top:0 !important;
margin:0;
padding:0;
text-align:center;
font-family: 'Open Sans', sans-serif;
font-size:14px;
line-height:18px;
font-weight:400;
position:relative;
 color:#252525;
background:#850404;


}

a {text-decoration:none; color:inherit;}

::-moz-selection {   background-color:#bbbbbb; color:#ffffff;}
::selection      {  background-color:#bbbbbb;  color:#ffffff;}




@font-face {
    font-family: 'alamainregular';
    src: url('fonts/alamain1-webfont.eot');
    src: url('fonts/alamain1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alamain1-webfont.woff') format('woff'),
         url('fonts/alamain1-webfont.ttf') format('truetype'),
         url('fonts/alamain1-webfont.svg#alamainregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'champignonregular';
    src: url('fonts/champignon-webfont.eot');
    src: url('fonts/champignon-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/champignon-webfont.woff') format('woff'),
         url('fonts/champignon-webfont.ttf') format('truetype'),
         url('fonts/champignon-webfont.svg#champignonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




header {
padding:50px 10% 30px 10%;
margin:0;
color:#ffffff;
}

#img_main {
	background-image: url("img/main.png");
width:170px; 
height:170px; 
position:absolute; top:0; left:0;	
}


.lien_logo {
font-family:'champignonregular';
font-size:60px;
}


.half_header {
margin:0 0 20px 0;
float:left;
width:45%;
margin:0;
 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}



.half_header:first-child  {
	text-align:right;
	padding:0 5% 0 0;
	border-width:0 1px 0 0;
	border-style:solid;
	border-color:#ffffff;

	color:#ffffff;
	line-height:80px;
	
	
	
}


.half_header:nth-child(2)  {
				padding:0 0 0 5%;
				
				text-align:left;
				
				
				
}

header h1 {
	
	line-height:28px;
				font-size:24px;
				  font-weight:400;
				margin:0; padding:0;
				letter-spacing:2px;
	
}




.separation {
	
	clear:both;
	border:0; height:0; 
	
	padding:0; margin:0 0 10px 0;
	
}


#menu div, #menu ul {
	
	margin:0; padding:0;
	
 	}


#menu {margin:40px 0 0 0; padding:0;position:relative;
 }
#menu ul {list-style:none; margin:0; padding:0; position:relative;
}
#menu ul li{
	display:inline-block; width:auto; 
border-width:1px; border-style:solid; border-color:#ffffff; 
position:relative;
margin:0 5px 10px 5px;
	
	padding:0 25px 0 25px;
	
	 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	letter-spacing:1px;
	 font-size:14px; line-height:30px;
	text-align:center;
		
	text-transform:uppercase;
	}
	
	
	#menu ul li:last-child {  }
	#menu ul li a{ display:block;}

	
	
	#menu ul li ul{

height:0;
z-index:8888;  
overflow:hidden;
padding:0; width:100%; position:absolute; top:0; left:0;
margin:31px 0 0 0;
background:#ffffff;

}




#menu ul li ul li{display:inline-block;  
text-align:left;
background:#ffffff;
margin:0; padding:0;
width:90%;max-width:90%;
line-height:12px; font-size:9px; border-width:0 0 1px 0;
border-style:solid; border-color:#6d071a;
position:relative;
color:#6d071a;
letter-spacing:0px;
font-weight:600;
padding:5px 5% 5px 5%;
word-wrap: break-word;   


}


.corps {

text-align:left;
width:70%; 
overflow:hidden;
padding:40px 15% 50px 15%;
position:relative;
margin:0;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


font-weight:600;

line-height:24px;
font-size:14px;
}

.corps h1 {margin:0 0 20px 0; padding:0; width:100%; text-align:left;
	color:#850404;
text-transform:uppercase;
font-weight:600;
font-size:18px; line-height:22px;
}

.corps h3{margin:0 0 20px 0; padding:0; width:100%; text-align:left;
	color:#850404;
text-transform:uppercase;
font-weight:600;
font-size:16px; line-height:22px;
}


  .cadre_slider_single {width:100%;position:relative;padding:0;margin:0;background:#ffffff;left:0%;z-index:1;margin:auto;text-align:center;}    .cadre_nav_slide { position:absolute;height:100%;width:25%; top:0;cursor:pointer;}  .next_slide { right:0;}.prev_slide { left:0; }    .nav_slide {  position:absolute; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;top:50%;  z-index:88; line-height:44px;  height:44px; width:44px;  margin:-22px 0 0 0; padding:0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;  background-color: rgba(0, 0, 0, 0.3);}    .cadre_nav_slide:hover .nav_slide  {background-color: rgba(0, 0, 0, 0.5);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}.prev_slide .nav_slide {left:22px; position:absolute;}.next_slide .nav_slide {right:22px; position:absolute;}  .nav_slide svg{height:22px; width:22px; position:absolute; top:11px; left:11px; fill:#FFFFFF;}  .element_slider {width:100%; max-width:100%;  height:auto; overflow:hidden;margin:0; padding:0;position:relative;   text-align:center; top:0; left:0;z-index:2;display:none;}.element_slider:nth-of-type(1) {  display:block;}.element_slider:nth-of-type(1) .prev_slide {display:none;}.element_slider:nth-last-of-type(1) .next_slide {display:none;}  .element_slider img{  position:absolute; z-index:0;height:auto;width:100%;position:relative; }.current_slide img {width:50%;}  	  	.bas_element_slider {  			position:absolute; z-index:89998; width:90%;background-color: rgba(0, 0, 0, 0.4);bottom:0; left:0;text-transform:uppercase; font-weight:300; text-align:center;color:#ffffff; margin:0;padding:40px 5% 40px 5%;display:block;text-align:left;height:20px;line-height:20px;font-size:16px;opacity:1;}.titre_slider {line-height:60px;font-size:50px;letter-spacing:10px;}.bouton_slider {width:10px; height:10px;position:relative;display:inline-block;padding:0; margin:2px;border:2px solid #111111;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}.bas_slide { width:100%;background:red;height:20px;padding:20px 0 20px 0;position:absolute;bottom:0;z-index:999;}
.img_accueil {
	
	float:left;
	margin:0 40px 20px 0;
	
}


.texte_accueil {text-align:left;
vertical-align:top; margin:0; padding:0;
}


.ecriture {
	font-family: 'Courgette', cursive;
	line-height:30px; font-size:24px;
	color:#850404; font-weight:normal;
	
}

.stylo {width:50%; margin:0 25% 0 25%;}
.img_flot_d {float:right;
margin:0 0 10px 20px;}


.img_flot_g {float:left;
margin:0 20px 10px 0;}


.colonne {
	
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2; 
text-align:justify;
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
-moz-column-gap: 40px; /* Firefox */
column-gap: 40px;
-moz-column-rule: 1px dotted #bbbbbb;
-webkit-column-rule: 1px dotted #bbbbbb;
-o-column-rule: 1px dotted #bbbbbb;
column-rule: 1px dotted #bbbbbb;

}


.colonne_g { width:45%; max-width:45%; overflow:hidden; 
 float:left; margin:0; padding:0 5% 0 0; border-width:0 1px 0 0; border-style:dotted; border-color:#6d071a;
 position:relative; vertical-align:top;
 }
.colonne_d { width:44%;  float:left; margin:0; padding:0 0 0 5%; 

 position:relative; overflow:hidden;  vertical-align:top;
}

#map-contact {height:300px; }

#bandeau_footer {width:100%; margin:0; padding:0; 
background-image: url("img/bg.png");

height:100px; 


}








#carte {

	position:relative;
	display: block;
	width:100%;
	height:300px;
 

}