@keyframes slidy {
  0% { left: 0%; }
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; }
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; }
}


body{
	background-color: #E7E7E7;
}

header{
	background-color: white;
	width:100%;
	box-shadow: 0px 0px 20px black;
	z-index:999;
	position:fixed;
}

#title{
	text-align: center;
	font-family: "Times New Roman", Times, serif;
  	font-style: oblique;
  	display: inline-block;
  	width:59%;
  	margin:0;
  	padding:30px;
  	font-weight: bold;
  	background-color: #F7F7F7;
  	text-shadow: 1px 1px 5px grey;
 }

header nav{
	width:40%;
	display: inline-block;
}

#header_ul{
	list-style-type:none;
}

li a{
	text-decoration: none;
	color:#2A2A2A;
}

#header_ul li a{
	float:left; /*pour IE*/
	padding-left:20px;
	padding-right: 20px;
	transition:all 0.1s ease-in-out;
}

#header_ul li a:hover{
	text-decoration: none;
	cursor:pointer;
	color:#26903D;
}

#main_content{
	background-color: #E7E7E7;
	position:relative;
	z-index:1;
	overflow: hidden;
	padding:0;
	max-width: 100%;
}

#main_content_gites{
	background-color: #E7E7E7;
	position:relative;
	z-index:1;
	overflow: hidden;
	padding:0;
	max-width: 90%;
	margin-top:50px;
}

.deux_gites{
	padding:0;
	margin:20px;
	border:solid 10px white;
	box-shadow: 0px 0px 15px grey;
	overflow: hidden;
}

.deux_gites:hover{
	cursor:pointer;
}

.imgs_gites{
	width:100%;
	transition: all 0.3s ease-in-out;
}

.description_img_gites{
	background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
    background: rgba(0, 0, 0, 0.4);
    font-style: oblique;
    text-align: center;
	font-size: 30px;
	position: absolute;
	top:0;
	width:100%;
	height:100%;
	color:white;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	display:flex;
}
.description_img_gites span{
	margin:auto;
	color:white;
}

div#slider { 
	width: 100%; 
	overflow: hidden;
	text-align: center;
	margin:auto; 
}
figure img{
	width:100%;
	height:100%;
}
div#slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  padding: 0;
  font-size: 0;
  left: 0;
  text-align: left;
  animation: 20s slidy infinite;
}
div#slider figure img { width: 20%; height: auto; float: left; }

#accueil_text{
	text-align: center;
}

#infos_accueil{
	font-size: 30px;
	color:black;
	margin:auto;
	position:fixed;
	top:40%;
	width:100%;
	text-align: center;
	max-width: 100%;
	background: rgb(247, 247, 247); /* Fallback for older browsers without RGBA-support */
    background: rgba(247, 247, 247, 0.7);
    padding:30px;
    box-shadow: 0px 0px 20px black;
}

#malettrine{
	float: left; 
	text-shadow:3px 3px 3px silver;  
	font-size: 4em;  
	line-height: 80%; 
	margin:-.1em 0px;
	padding-right: .1em
}

#content_acceuil_descr{
	font-size:20px;
	text-align: justify;
}

#discover_button{
	font-style: oblique;
	transition: all 0.2s ease-in-out;
}
#discover_button:hover{
	cursor:pointer;
	transform: scale(1.05);
}

#discover_button_content{
	text-decoration: none;
	color:#2A2A2A;
}
#arrow{
	transition: all 0.1s ease-in-out;
}

footer{
	text-align: center;
	padding:10px;
	background-color: #F7F7F7;
}



/* LES GITES */

h2{
	text-align: center;
	padding:10px;
	font-family: "Times New Roman", Times, serif;
	background-color: #55AB68;
	color:white;
	margin-bottom:30px;
	box-shadow: 1px 1px 5px black;
}

.title_gite{
	text-shadow: 1px 1px 2px black;
}

h3, h4{
	border-bottom:solid 1px #818181;
}

#gites_content{
	margin-top:30px;
}

#div_content_gites{
	border-top:solid 2px #55AB68;
	padding:15px;
}

#ul_descr{
	list-style-type:none;
	margin:0;
}
#ul_descr li{
	display: inline-block;
	padding:8px;
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px; 
	transition: all 0.1s ease-in-out;
}
#ul_descr li:hover{
	cursor:pointer;
	background-color: #55AB68;
	color:white;
}

.active{
	background-color: #55AB68;
	color:white;
}
.non_active{
	background-color: white;
	color:#212529;
}

.divs_content{
	display:block;
}

.uls_equipement{
	list-style-type: none;
	padding-left:0;
}
.uls_equipement:hover{
	cursor:default;
}
.uls_equipement li{
	padding:2px;
}
.uls_equipement li:hover{
	color :green;
}
.uls_equipement li img{
	transition: all 0.2s ease-in-out;
}

#div_content_descr{
	text-align: justify;
}

#div_content_acces{
	text-align: center;
}

#table_tarif{
	width:100%;
	border-collapse: collapse;
}
#table_tarif tr td,#table_tarif tr th{
	padding:8px;
	border-bottom:solid 1px #818181;
}
.col_droite{
	text-align: center;
}

.descr_content_row{
	padding-bottom:20px;
}

#infos_date_valable{
	margin-top:10px;
	font-style:oblique;
	width:100%;
	text-align: right;
}

td ul{
	list-style-type: none;
	margin-bottom:0;
}
td ul li{
	font-size:small;
}

#autres_tarifs ul{
	list-style-type: none;
	border-left:solid 1px #818181;
}

/* TOURISME */

.top_container{
	margin-top:40px;
}
.list_activities{
	margin-top:15px;
	margin-bottom: 15px;
	box-shadow: 1px 1px 5px black;
	padding:20px;
	transition: transform 0.2s ease-in-out;
}
.list_activities:hover{
	transform: scale(1.01);
}
.link_activity{
	padding:10px;
	background-color: #55AB68;
	text-decoration: none;
	color:white;
	transition: all 0.15s ease-in-out;
}
.link_activity:hover{
	background-color: #33C185;
	text-decoration: none;
	color:white;
}
.list_loisirs img{
	transition: transform 0.2s ease-in-out;
}
.list_loisirs:hover{
	cursor:default;
}
.row_loisirs{
	padding:5px;
}

/* A PROPOS */

.div_inside_text_infos{
	width:100%;
}
.infos_perso_proprio{
	font-style: italic;
}

.infos_generales{
	margin-bottom:30px;
	text-align: center;
}
.infos_generales p{
	padding-left:30px;
	padding-top:10px;
}
.imgs_networks{
	box-shadow: 1px 1px 5px black;
	border-radius: 5px;
	width:70px;
	height:70px;
	margin-right:40px;
	margin-left:40px;
	transition: transform 0.2s ease-in-out;
}
.imgs_networks:hover{
	transform: rotate(15deg) scale(1.08);
}
.infos_under_link{
	padding-top:10px;
	transition:all 0.1s ease-in-out;
}
.link_underline{
	text-decoration: underline;
	color:#212529;
}
.link_underline:hover{
	color:#212529;
}

.divs_infos_generales{
	display:inline-block;
	vertical-align: middle;
}

.btn_infos_generales{
	width:100px;
	height:100px;
	text-align: center;
	border:solid 2px white;
	box-shadow: 1px 1px 5px black;
	background-color:#55AB68;
	border-radius: 100%;
	transition: all 0.3s ease-in-out;
}
.btn_infos_generales {
	display:flex;
	transition: all 0.3s ease-in-out;
}
.btn_infos_generales span{
	margin:auto;
	color:white;
	text-shadow: 0px 1px 4px black;
	transition: all 0.3s ease-in-out;
}

#div_content_infos_generales{
	font-size: 20px;
}
.text_infos_content{
	border-top:solid 2px #55AB68;
	padding:20px;
}
.text_content_class{
	/*display :none;*/
}


/* AUTRE TRUCS */

::selection{
	color:limegreen;
};