@charset "utf-8";
@import url("Arista2_0_light/stylesheet.css");
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
h2 {
	margin-top:0 !important;

}

.general{
	/*background:url(image/back_black.jpg);
	background-size:100% 100%;*/
	background-color: #FCF8F0;
	background-attachment: fixed;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
.img_tourisme {
	border-radius: 7px;
}
.texte_special {
	font-family: "Arista2 0 light";
}
.blanc {
	color: #FFFFFF;
}
.marron {
	color: #5D4131;
}
.beige {
	color: #EDE6D8;
}
.vert {
	color: #315b32;
}
.orange {
	color: #DE4F00;
}
.gris {
	color: #262626;
}
.sombra {
		-webkit-box-shadow: 2px 2px 2px hsla(0,0%,0%,0.26);
	box-shadow: 2px 2px 2px hsla(0,0%,0%,0.26);
}
.img_pied {
	border-bottom: 5px solid #B44345;
}
.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */

 
 
h1, h2, h3, h4, h5, h6 {
	font-size: 26px;
} 
#div1 {
}
#header {

}
#logo {
	display: block;
	text-align: center;
	clear: none;
	z-index: 4;
	width: 90%;
	margin-left: 5%;
	margin-top: 15px;

}
.container_principal {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	position: relative;
	margin-bottom: 5%;
}
.navbar-toggle .icon-bar {
	background-color:#FFF;
}
.navbar-toggle{
	background-color: #555555;
	border: 1px solid white !important;
}

#cont_lang {
	clear: none;
	position: relative;
	z-index: 10;
	width: 50%;
}
#cont_social {
	clear: none;
	text-align: right;
	position: relative;
	z-index: 10;
	width: 50%;
}

.img_100{
	width:100%;
	vertical-align:top;
}


#container_nav{
	background: #315b32;
	z-index: 1;
}
.cont_header{
	position: relative;
}
#container_nav ul li a {
	color: white;
}

.btn1 {
	background-color: #ef9407;
	border: none;
	color: white;
	padding: 10px;
	margin: 10px;
	border-radius: 3px;
	width: auto;
	clear: none;

}
.btn1:hover {
	background-color: #5fbf59;
}

.li_menu a:hover, .li_menu a:focus {
	background:none !important;
	color:white !important;
}


.li_menu ul {
	background:#315b32;
}

.nav .open>a {
	background: #5a905b  !important;
}

#contenido{
}

#footer{
	text-align: center;
	background-color: #315b32;
	color: #FFFFFF;
}

.cont_background_image{
	display: none;
	z-index: 6;
}

.div_text_header{
	left: -300px;
}

.heading_text{
	position: absolute;
	top: 238px;
	padding-left: 100px;
	width: auto;
	left: -310px;
	z-index: 3;
	display: none;
	padding-right: 14px;
	padding-top: 8px;
    
}
.heading_text_open {
	-webkit-transform: translate(300px, 0px) skewX(-20deg);
	-moz-transform: translate(300px, 0px) skewX(-20deg);
	-o-transform: translate(300px, 0px) skewX(-20deg);
	-ms-transform: translate(300px, 0px) skewX(-20deg);
	transform: translate(300px, 0px) skewX(-20deg);
	
	
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.p_text_header{
	position: absolute;
    top: 441px;
    padding-left: 34px;
    width: auto;
    background-color: hsla(0,0%,100%,0.81);
    left: -311px;
    z-index: 3;
    display: none;
    padding-right: 14px;
    padding-top: 7px;
}
.p_text_header_open {
	-webkit-transform: translate(300px, 0px) skewX(-20deg);
	-moz-transform: translate(300px, 0px) skewX(-20deg);
	-o-transform: translate(300px, 0px) skewX(-20deg);
	-ms-transform: translate(300px, 0px) skewX(-20deg);
	transform: translate(300px, 0px) skewX(-20deg);
	
	
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	
	-webkit-transition-delay:1s;
	transition-delay:1s;
}

.cont_image_header{
	display: none;
}

#aside1{
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#cont_circle_images{
}

.plus_location{
	position: absolute !important;
	font-size: 24px;
	border: 3px solid;
	border-radius: 30px;
	padding: 10px;
	right: 25px;
	bottom: 25px;
	top: auto !important;
	color: white;
	background-color: hsla(0,0%,0%,0.47);
}
.img_xs{
	width: 33.33%;
	float: left;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
}
.radius_image{

}

.circle_image{
	position: relative;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	width: 48%;
	float: left;
}

.circle_image img {
	border-radius: 50%;
	border: 4px solid #17790f;
}
.a_circle_image {
	position: absolute;
	background-color: hsla(0,0%,100%,0.76);
	width: 100%;
	opacity: 1;
}
.a_circle_image:hover{
	opacity: 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;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.text_contenido{
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.h2_section{
}
.img_text{
	width: 100%;
	border-radius: 7px;
	position: relative;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-image: url(img/cadre.jpg);
	background-position: center center;
	background-size: contain;
}
.img_text img {
	width: 100%;
	border-radius: 7px;
}
.p_text{
	text-align: justify;
}
.header_text{
	margin-top: 20px;
}
.contenido2{
	margin-top: 40px;
	clear: none;
	margin-bottom: 40px;
	background-color: hsla(0, 0%, 100%, 0.45);
	border-radius: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.div_left_contenido2{

}
.div_right_contenido2{
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	clear: none;
}
.div1_image{
	position: relative;
}
.div2_image {
	border-radius: 5px;
}
.div2_image img {
	border-radius: 5px;
}
.div1_image img {
	border-radius: 5px;
}
.p_contenido{
	text-align: justify;
}
.contenido3{
	margin-top: 1%;
	margin-bottom: 1%;
}
.div_contenido3{
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	text-align: justify;
	background-color: hsla(0, 0%, 100%, 0.45);
	border-radius: 7px;
	margin-top: 5%;
	vertical-align: top;
}
.contenido4{
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top: 1%;
	margin-bottom: 1%;
}
.div_footer{
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	text-align: center;
}
.a_text a{
	text-decoration: none;
}
.separation{
	margin-top: 5%;
	margin-bottom: 5%;
	border-top: 3px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	position: relative;
}
.iconos{
	margin-left: 20px;
}
.meteo{
	width: 318px;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.ville{
}
.bouton1{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding-right: 7px;
	text-align: center;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	float: none;
	max-width: 200px;
	background-color: hsla(40,38%,80%,1.00);
	color: hsla(0,0%,18%,1.00);
	border-radius: 5px;
}
.container_cabecera {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 15px;
}
.container_cabecera img {
	width: 30px;
}
.top-menu{
	display: none;
}
.fantasma {
	opacity: 0;
}
.pied_img{
	position: relative;
}
.container_blocs{
	padding-left: 5%;
	padding-right: 5%;
}
.container_img_service{
	margin-bottom: 20px;
}
.container_texte_services{
	clear: none;
	margin-top: 20px;
	margin-bottom: 20px;

}
.img_services{
	clear: none;
	background-position: center 0%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	width: 24%;
	height: 500px;
	margin-right: 1%;
	border-radius: 7px;
}
.div_actualites{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 7px;
	background-color: hsla(0,0%,100%,0.47);
	-webkit-box-shadow: 3px 3px 3px hsla(0,0%,0%,0.27);
	box-shadow: 3px 3px 3px hsla(0,0%,0%,0.27);
	margin-top: 20px;
	margin-bottom: 20px;
}
.div_img_actu{
}
.div_text_actu{
	clear: none;
}
.resa_1{
    text-transform: uppercase;
    border-radius: 5px;
    background-color: #58442c;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFFFFF;
    width: 90%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.resa_2{
	text-transform: uppercase;
    border-radius: 5px;
    background-color: #e68001;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFFFFF;
    width: 90%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.avis1{
    position: absolute;
    bottom: 16%;
    padding: 15px;
    width: auto;
    background-color: hsla(0, 0%, 100%, 0.7294117647058823);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.zeroMargin_mobile{
margin-left: 0;
}
.hide_mobile{
display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 768px) {


h1, h2, h3, h4, h5, h6 {
	font-size: 24px;
	font-weight: normal;
}
#div1 {
}
#header {
	position: relative;
}
#logo {
	display: block;
	width: 50%;
	margin-left: 25%;
}
.container_principal {
	margin-bottom: 2%;
}
.a_circle_image:hover {
	opacity: 1;
	display: block;
}

#container_nav {
	z-index: 1;
}
#cont_lang {
	width: 30%;
}
#cont_social {
	text-align: right;
	float: right;
}

#contenido {
}
#footer {
	text-align: left;
}
.cont_background_image {

}
.div_text_header {
}
.heading_text {
}
.p_text_header {
}
.cont_image_header {
}
#aside1 {
}
.img_text{
	width: 50%;
	float: left;
	clear: none;
	margin-right: 20px;
	margin-bottom: 15px;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
#cont_circle_images {
	margin-top: 40px;
}
.circle_image {
	float: left;
	width: 31%;
}
.text_contenido {
}
.h2_section {
}
.p_text {
}
.header_text {
}
.contenido2 {
	border-radius: 7px;
}
.div_left_contenido2 {
	margin-right: 2%;
}
.div_right_contenido2 {

}
.div1_image {
	width: 60%;
	float: left;
}
.div2_image {
	float: left;
	width: 40%;
}
.p_contenido {
}
.contenido3 {
}
.div_contenido3 {
	margin-top: 2%;
}
.contenido4 {
}
.div_footer {
	clear: none;
	float: left;
	width: 50%;
}
.separation {
	margin-bottom: 2%;
	margin-top: 2%;
}
.meteo {
}
.ville {
}
.bouton1 {
}
.container_cabecera {
}
.top-menu {
}
.pied_img {
}
.container_blocs {
}
.container_img_service {
}
.container_texte_services {
}
.img_services {
}
.div_actualites {
}
.div_img_actu {
	width: 30%;
}
.div_text_actu {
	width: 70%;
	padding-left: 20px;
}
.resa_1 {
}
.resa_2 {
}
.avis1 {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

@media only screen and (min-width: 1200px) {

.fantasma {
	opacity: 1;
}
#container_nav ul li a {
	font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 26px;
}
#header {
}
#logo {
	z-index: 6;
	position: relative;
	left: 25%;
	margin-top: 8%;
	margin-left: 0px;
	display: none;
	/*margin-top: -122px;*/
}
#logo img {
	/*border-radius: 50%;
	border-bottom: 6px solid #FFFFFF;*/
}
.container_principal {
}
.cont_header{
	height:37px;
	padding-top: 2px;
}
#cont_lang {
	width: 30%;
}
#cont_social {
	float: right;
	clear: none;
	width: 30%;
}
.img_text{
	width: 35%;
	float: left;
	clear: none;
	margin-right: 20px;
	margin-bottom: 15px;
}
#contenido {
	width: 62%;
	float: left;
	clear: none;
}
#footer {
}

#container_nav {
	background: none;
	position: absolute;
	z-index: 8;
	height: 100px;
	padding-top: 14px;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

.a_circle_image{
	opacity:0;
}
.li_menu{
	background: #315b32;
	margin-top: 0%;
	margin-right: 0.3%;
	margin-left: 0.3%;
	border-radius: 0px 0px 10px 10px;
	text-align: center;
	width: 16%;
	text-transform: uppercase;
	-webkit-box-shadow: 2px 2px 2px hsla(0,0%,0%,0.26);
	box-shadow: 2px 2px 2px hsla(0,0%,0%,0.26);
}
.li_menu_header{
	background: #315b32;
	margin-top: 0%;
	margin-right: 1%;
	margin-left: 1%;
	border-radius: 0px 0px 10px 10px;
	text-align: center;
}
.li_menu ul {
	width: 100%;
    text-align: center;
}
.navbar-header{
	width:12.5%;
}
.navbar-header a{
	width:100%;
	padding-top:26px !important;
}
.navbar-brand {
	height:auto !important;
	padding:0px !important;
}
.navbar-brand img{
	padding: 10px 15px;
}
.li_menu a {
	color:white;
	padding: 40px 5px 15px 5px !important;
}
.dropdown-menu>li>a {
    padding: 3px 15px !important;
}

.li_menu_header:hover{
	background-color: #49704A;
	padding-top: 46px !important;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.li_menu:hover{
	background: #315b32;
	padding-top: 10px !important;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.nav{
	margin-left: 1% !important;
    width: 86.5%;
}
.cont_background_image{
	display: inherit;
	position: relative;
	z-index: 2;
}
.div_text_header{
	position: absolute;
	top: 26%;
}
.heading_text{
	display: inherit;
}
.p_text_header{
	display: inherit;
}
.cont_image_header{
	display: block;
	position: absolute;
	z-index: 3;
	width: 25%;
	top: 19%;
	left: 65%;
	border-radius: 7px;
}
#aside1{
	width: 36%;
	margin-left: 2%;
	float: left;
}
.hide_tablet{
display: none;
}
.zeroMargin_tablet{
margin-left: 0;
}
#cont_circle_images{
}
.circle_image{
	margin-top: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 0.5%;
	margin-left: 0.5%;
	width: 19%;

}
.text_contenido{
}
.h2_section{
}
.p_text{
}
.header_text{
}
.contenido2{
	width: 48%;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
}
.div_left_contenido2{
	width: 60%;
	float: left;
	clear: none;
}
.div_right_contenido2{
	float: left;
	width: 38%;
	clear: none;
}
.div1_image{
	width: 100%;

}
.div2_image{
	width: 100%;
}
.p_contenido{
}
.contenido3{
}
.div_contenido3{
	margin-top: 0px;
}
.contenido4{
}
.div_footer{
	width: 25%;
}
.separation{
}
.meteo{
}
.ville{
}
.bouton1{
}
.container_cabecera{
	border-bottom: 2px solid #FFFFFF;
	margin-top: 0px;
}
.top-menu{
	position: absolute;
	z-index: 9;
	display: block;
}
.pied_img{
	margin-top: -1.8%;
	z-index: 10;
}
.container_blocs{
}
.container_img_service{
	width: 50%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.container_texte_services{
	width: 50%;
	padding-left: 1%;
	margin-top: 0px;
}
.img_services{
	width: 24%;
	margin-right: 1%;
	height: 600px;
}
.div_actualites{
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.div_img_actu{
}
.div_text_actu{
}
.resa_1{
    position: absolute;
    bottom: 1%;
    right: 50px;
    width: auto;
    z-index: 4;
    margin-bottom: 0px;
	padding-bottom: 30px;
}
.resa_1:hover{
	padding-bottom: 40px;
}
.resa_2{
	position: absolute;
    bottom: 1%;
    right: 178px;
    width: auto;
    z-index: 4;
    margin-bottom: 0px;
	padding-bottom: 30px;
}
.resa_2:hover{
	padding-bottom: 40px;
}
.avis1{
}
.zeroMargin_desktop{
margin-left: 0;
}
.hide_desktop{
display: none;
}

}

@media only screen and (min-width: 1200px) {
	#container_nav ul li a {
	font-size: 15px;
}
	.div_contenido3{
	width: 31%;
	margin-left: 1%;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	clear: none;
	background-color: hsla(0, 0%, 100%, 0.45);
	vertical-align: top;
	
	}
	.contenido3 {
		display:flex;
	}
	
}