body, html{
	min-width: 100%;
	min-height: 100%;
	width:100%;
	height: 100%;
	font-size: 15px;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	background-color: #000000;

}

*{
padding: 0px;
margin: 0px;	
 -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

  img{
	  border:none;  
  }

.clear{
	clear: both;
}


.myhr{
	height:1px;
	background-color:#6c6c6c;
	width:100%;
	  margin-bottom: 8px;
    margin-top: 8px;	
}
h1{
	font-family: 'Roboto', sans-serif;
	font-size: 57px;
	font-weight: 100;
	margin-bottom:40px;

}

h2{
	font-family: 'Roboto', sans-serif;
	font-size: 47px;
	font-weight: 100;
	
}


h3{
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	 font-weight: 100;
	 margin-bottom:20px;
}


a{
	color: #FFF;
	text-decoration:underline;
}



p{
	line-height:1.6em;
	margin-bottom:20px;
}



.inside{
	position: relative;
	margin: auto;
	width:1010px;
	
}

.inside_page{
	position: relative;
	margin: auto;
	width:800px;
}

#header{
	width: 100%;
	background-color: #000;
	position: fixed;
	top:0px;
	left:0px;
	z-index: 30000;
}

#header_content{
	width:100%;
	max-width:1280px;
	min-height:100px;
	position:relative;
	margin:auto;
	
}


#logo{
	background-image:url(/img/logo.png);
	background-size:cover;
	background-repeat:no-repeat;

	position: absolute;
	left:32px;
	top:32px;
}
#logo a.logo_web {
	display: block;
	width:109px;
	height:34px;
	
}

#main_menu {
    display: block;
	float:right;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 40px;
	margin-bottom:40px;
}
#main_menu li {
    display: inline-block;
    font-size: 14px;
    list-style: outside none none;
    margin: 0 20px 0 0;
    padding: 0 40px 0 0;
    position: relative;
    vertical-align: top;
}

#main_menu  li  a {
    color: #fff;
    display: block;
    text-decoration: none;
    z-index: 10000;
	padding-bottom:4px;
	margin-bottom:11px;
	border-bottom:1px solid #000;
}

#main_menu li a:hover, #main_menu li a.selected{
	border-bottom:1px solid #FFF;
}

#main_menu li div.submenu {
     background: transparent none repeat scroll 0 0;
     display: none;
    margin-right: -40px;
    position: relative;
    width: calc(100% + 40px);
    z-index: 9;
	

  
}
#main_menu li  div.submenu ul {
    left: auto;
    position: relative;
    top: auto;
    transform: none;
}
#main_menu li div.submenu ul li {
    display: block;
    margin: 0;
    padding: 0;
}
#main_menu li div.submenu ul li a {
	text-decoration:none;
    font-weight: normal;
	padding-bottom:4px;
	margin-bottom:11px;
	display: inline-block;
	border-bottom:1px solid #000;
}

#main_menu li div.submenu ul li  a:hover, #main_menu li div.submenu ul li  a.selected{
	border-bottom:1px solid #FFF;
}

#main_menu li:hover div.submenu {
    display: block;
	height:auto;

}
#main_menu li.lan {
    padding-right: 0px;
	text-transform:uppercase;
}

#main_menu li.lan a.current {
	color:#848484;
}


.container{
	font-family: 'Merriweather', serif;
	top:100px;
	position:relative;
}

.home_boxes{
	position:relative;	
}
.home_boxes .inside{
	padding-top:68px;
	padding-bottom:62px;
}
.container_slider{
	width:420px;
	display:block;
}

.container_slider::after {
    content: "";
    display: block;
    height: auto !important;
    padding-top: 100%;
}


.container_slider.position_left{
	float:left;
	margin-right:60px;
		
}
.container_slider.position_right{
	float:right;
	margin-left:60px;
		
}

.container_slider.position_center{
	margin:auto;	
}

.image_slider{
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius:100%;
}

.anchor_fullpage{
	position:absolute;
	bottom:10px;
	left:50%;
	transform:translate(-50%);
	
}

.fullimage{
	background-size:cover;
	background-repeat:no-repeat;	
	text-align:center;
}

.simple_col{
	padding-bottom:40px;
}
.simple_col h1{
	font-family: 'Roboto', sans-serif;
	font-size: 87px;
	text-align:center;
	padding-top:100px;
	
}
.simple_col h1::after {
    border-bottom: 1px solid;
    content: " ";
    display: block;
    margin: auto;
    padding-top: 10px;
    width: 70px;
	margin-bottom:20px;
}

.double_col{
	width:530px;
	float:left;
	padding-bottom:40px;
}


.double_col h1{
	 font-size: 47px;
    line-height: 1em;
    margin-bottom: 20px;
    max-width: 363px;
}

.btn_double_col, .btn_fullimage{
	display:inline-block;
}


.btn_fullimage{
	margin-bottom:80px;
	
}
.btn_double_col a:hover{
	background-color:#e5e5e5;

}

.btn_fullimage a:hover{
	background-color:#848484;

}


.btn_double_col a{
display:block;
font-family: 'Roboto', sans-serif;
background-color: #FFFFFF;
border-radius: 3px;
font-size: 12px;
color: #000000;
line-height: 37px;
height:37px;
padding-left:30px;
padding-right:30px;
text-decoration:none;
}


.btn_fullimage a{
display:block;
font-family: 'Roboto', sans-serif;
background-color: #000;
border-radius: 3px;
font-size: 12px;
color: #FFF;
line-height: 37px;
height:37px;
padding-left:30px;
padding-right:30px;
text-decoration:none;
}

.prix{
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	margin-left:16px;
	line-height: 35px;
     height:35px;
	 border-top: 1px solid #FFFFFF;
	 border-bottom: 1px solid #FFFFFF;
}



/*PAGE */

.page_header{
	width:100%;
	height:317px;
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#2a2a2a;
	
}
.page_header h1{
	
    padding-top: 80px;
    text-align: center;
	
}

.page_header h1::after{
    border-bottom: 1px solid;
    content: " ";
    display: block;
    margin: auto ;
    width: 70px;
	padding-top: 40px;
}

.page_zone_white{
	padding-top:65px;
	padding-bottom:50px;
	position:relative;
	width:100%;
	color:#000000;
	background-color:#FFFFFF;
	text-align: center;
	
}


.page_zone_white a{
	color:#848484;
	
}


.page_zone_black{
	padding-top:65px;
	padding-bottom:50px;
	position:relative;
	width:100%;
	color:#FFFFFF;
	background-color:#2A2A2A;
	text-align: center;
}

.page_zone_white h2, .page_zone_black h2{
	display:inline-block !important;
	margin-bottom:20px;
}


.page_zone_white h2::after, .page_zone_white h2::before, .page_zone_black h2::after, .page_zone_black h2::before {
    border-bottom: 1px solid;
    content: " ";
    display: block;
    margin: 4px auto 8px;
    width: 100%;
}

.page_text{
	margin-bottom:35px;	
}






.page_listing {
    border-bottom: 1px solid #d5d5d5;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;

}
.page_listing_noline {
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
}
.page_photo_left {
    float: left;
    width: 180px;
	border-radius:100%;
	overflow:hidden;
}


.page_contenu_photo_left {
    float: right;
    width: calc(100% - 200px);
	text-align:left;
}








.instagram_box{
	margin-left:-15px;
	margin-right:-15px;
	
}
.instagram_photo{
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-top:20px;
	margin-bottom:30px;
}

.instagram_box::after, .instagram_box::before {
    border-bottom: 1px solid;
    content: " ";
    display: block;
    margin: auto auto 20px;
    width: 70px;
}



.container_slideshow{
	position:relative;
	
}

.cycle-prev{
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translate(-100%, -50%);
    width: 20px;
	 color: #ccc;
	font-size:40px;
}

.cycle-next{
    position: absolute;
    right: 10%;
    top: 50%;
	transform: translate(100%, -50%);
    width: 20px;
	 color: #ccc;
	font-size:40px;
}


.gallerie_photo{
	
	
	
}
.objetimage {
	width:100%;
	display:inline-block;
	margin-top:15px;
	margin-bottom:15px;
	
}

.gallerie_left{
	float:left;
	width:490px;
	text-align:right;
}
.gallerie_left .objetimage img{
	float:right;
}

.gallerie_right{
	float: right;
	width:490px;
	text-align: left;
}

.gallerie_right .objetimage img{
	float: left;
}




.page_slide{
	width:100%;
	background-size:cover;
}
.page_slide::after {
    content: "";
    display: block;
    height: auto !important;
    padding-top: 44.8%;
}








#map_area{
	height:445px;
	width:100%;
	
}








.columnright, .columnleft {
	box-sizing:border-box;
	width:50%;
	float:left;
	text-align:left;
}

div.input {
    clear: left;
    display: block;
    margin-bottom: 20px;
}



 input, textarea {
	 font-family: "Merriweather",serif;
    border:1px solid #CCCCCC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 0.15em;
}

 input.medium {
    float: left;
    width: calc(50% - 10px);
	margin-left:10px;
}

 input.medium:first-child {
    margin-right: 10px;
	margin-left:0px;
}

 textarea {
    height: 140px;
}

 button[type="submit"] {
	border:0px;
	background-color: #000;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 12px;
    height: 37px;
    line-height: 37px;
    padding-left: 30px;
    padding-right: 30px;
    text-decoration: none;
}

 button[type="submit"]:hover {
    background-color: #FFF;
    color: #000;
    cursor: pointer;
}




.select_list {
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 0;
	box-sizing: border-box;
	font-family: "Roboto",sans-serif;
	font-size: 16px;
	height: 34px;
	padding: 6px;
	width: calc(100% + 70px);
}

.styled-select {
	border: 1px solid #cccccc;
	float: left;
	height: 34px;
	margin-bottom: 11px;
	overflow: hidden;
	padding-right: 40px;
	position: relative;
	left:50%;
	 transform: translate(-50%, 0px);
}
.styled-select::after {
	color: #d5d5d5;
	 content: "\f107";
	font-family: FontAwesome;
	font-size: 20px;
	pointer-events: none;
	position: absolute;
	right: 20px;
	top: 7px;
}

.errormsg, .errormsg::-moz-placeholder, .errormsg:-moz-placeholder{
    color: #ff0000 !important;
}

input.errormsg::-webkit-input-placeholder, textarea.errormsg::-webkit-input-placeholder {
  color: #ff0000;
}
input.errormsg:-moz-placeholder, textarea.errormsg:-moz-placeholder {
  color: #ff0000;
}


.footer{
	font-family: 'Roboto', sans-serif;
	text-align:center;
	padding:27px;
	background-color:#000000;
}
.footer p{
	line-height:1.8em;	
	font-size:12px;
}
.footer h1{
	font-size:25px;
	  margin-bottom: 10px;
}












.mobile{
	display: none !important;
	
}



@media all and (max-width:1010px){
	
	.gallerie_left .objetimage img{
    float: left;
    width: 90% !important;
}

.gallerie_right .objetimage img{
    float: right;
    width: 90% !important;
}

#main_menu li {
    padding: 0 10px 0 0;
}

.inside, .inside_page{
		padding-left:20px;
		padding-right:20px;
		width:100%;
		box-sizing: border-box;
	}

.gallerie_right, .gallerie_left {
    width: 50%;
}

.container_slider, .page_photo_left{
	  width: 70%;
}

.container_slider.position_left, .container_slider.position_right , .page_photo_left{
		float:none;	
	margin:auto;
}
.double_col{
	float:none;	
}

 .double_col, .objetimage img, .page_contenu_photo_left,  .page_photo_left img, .columnleft, .columnright{
	
    width: 100% ;
}

.instagram_box{
	text-align:center;
	display:inline-block;	
}
.instagram_photo{
	float:none;
	display:inline-block;
	
}
	
}


@media all and (max-width:770px){
	
	p{
		line-height:1.300em;
	}
	
	.nomobile{
		display: none !important;
	}
	.mobile{
		display: block !important;
	}
	
	#headermobile{
	height: 60px;
	width:100%;
	position:fixed;
	background-color:#000;
	top:0px;
	left:0px;
	z-index:1000000;
	}
	
.menuopener{
 background-image: url("/img/icone_menu@2x.png");
background-size: cover;
height: 30px;
line-height: 30px;
position: absolute;
right: 20px;
text-align: center;
top: 14px;
width: 30px;
}

.logo_mobile{
	display: inline-block;
	margin: 14px 20px 20px;
}



	.inside, .inside_page{
		padding-left:20px;
		padding-right:20px;
		width:100%;
		box-sizing: border-box;
	}
	
	.inside .inside{
		padding-left:0px;
		padding-right:0px;
		
	}
	
	
	

	
	
 .container{
	top:60px !important;
}

.page_photo_left{
	margin-bottom:20px;
}

 .double_col, .gallerie_left, .gallerie_right, .page_contenu_photo_left, .page_photo_left img, .columnleft, .columnright{
	
    width: 100% !important;
}


.gallerie_left .objetimage img{
   
    width: 100% !important;
}

.gallerie_right .objetimage img{

    width: 100% !important;
}



h1{
	
	   font-size: 37px;
}

h2{
	
	   font-size: 27px;
}

.simple_col h1 {
    font-size: 57px;

}
.double_col h1 {
    font-size: 37px;
	margin-top:30px;

}
	
	a.lan{
		text-transform:uppercase;
		margin-right:40px;
		float:left;	
	}

input, textarea{
	border-radius:0px!important;
}

	


}