@font-face {
    font-family: 'Avenir LT Std';
    src: url('AvenirLTStd-Black.woff2') format('woff2'),
        url('AvenirLTStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('AvenirLTStd-Book.woff2') format('woff2'),
        url('AvenirLTStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('AvenirLTStd-Roman.woff2') format('woff2'),
        url('AvenirLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




/*global */

 .space{
	 width: 100%;
	 margin-top: 10px;
	 margin-bottom: 10px;
 	border-bottom: 1px solid #f0f0f0 ;
 }
 .clearfix::after {
   content: "";
   clear: both;
   display: table;
 }
/* header */

.entete {
	width: auto;
	margin-top: -5px;
  top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
  height: 120px;

  padding: 2% 0 2% 0;
  background-image: url(./images/grille.png);
  background-repeat: repeat;
  }

  .logo {
		display:inline;
		position: relative;
    float: left;
		margin-left: 11%;
		margin-right: 3%;
    width: 15%;
  }

	.nav {
		display:inline;
		font-family: 'Avenir LT Std' ;
	  width: 85%;
		color:red;
		text-transform: none;
		font-size: 16px;
	}

	.col {
		float: left;
		width: 10%;
		padding-right: 2%;
	}

  .menu {
		list-style: none;
		margin: 0;
		padding: 0;
		text-transform: capitalize;
		font-weight: 200;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 5px;
		font-family: 'Droid sans', arial;
		font-size: 13px; font-style: normal;
		font-variant: normal;
		font-weight: 300;
  }

  .menu li{
		padding-bottom: 5px;
	}

#hotels{
	border-bottom: 5px solid #f76900 ;
	padding-bottom: 10px;
	padding-left: 5px;
}
#restaurants{
	border-bottom: 5px solid #fcd04a ;
	padding-bottom: 10px;
	padding-left: 5px;
}
#services{
	border-bottom: 5px solid #b9d482 ;
	padding-bottom: 10px;
	padding-left: 5px;
}
#activites{
	border-bottom: 5px solid #3d92c2 ;
	padding-bottom: 10px;
	padding-left: 5px;
}
#plus{
	border-bottom: 5px solid #c078d0 ;
	padding-bottom: 10px;
	padding-left: 5px;
}

/* main */
.content {
	width: 75%;
margin: auto;
padding-top: 30px;
padding-bottom: 10px;

}
.video {
	float: left;
	width: 60%;
	overflow:hidden;
	padding-bottom:40.25%;
	position:relative;
	height:0;
}
.video iframe {
	left:0;
	top:0;
	height:95%;
	width:100%;
	position:absolute;
}
.infos {
	float: right;
	width: 35%;
}
h1 {
	color: #ea7b2a;
	font-family: 'Oswald';
	text-transform: uppercase;
	font-size: 20px;
}
h2 {
	color: #ea7b2a;
	font-family: 'Oswald';
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: -5px;
}
p {
	font-family: 'Droid serif', arial;
	font-size: 10px;
	color: #6f6f6f;
	line-height: 1.8;
}
.bandeau {
	text-align: center;
	color: #6f6f6f;
	font-family: 'Droid serif', arial;
	font-style: italic;
	font-size: 20px;
	font-weight: 400;
	padding-top: 30px;
	padding-bottom: 30px;
	background-image: url(./images/grille.png);
	background-repeat: repeat;
}
.content2 {
	padding-top: 30px;
	width: 75%;
  margin-left: auto;
  margin-right: auto;
	padding-bottom: 40px;
}
.col1{
float: left;
	width: 20%;
	padding: 10px;
	border: 1px solid #cdcdcd ;
}

.col2{
float: left;
	width: 20%;
	margin-left: 5%;
}
.col3{
float: right;
	width: 45%;
	margin-left: 5%;
}
.date {
	margin-top: 10px;
	color: #cccccc;
	font-family: 'Droid serif', arial;
	font-style: italic;
	font-size: 8px;
	font-weight: 200;
}
.lire {
	margin-top: 10px;
	color: #a9b2b8;
	font-family: 'Droid serif', arial;
	font-style: italic;
	font-size: 10px;
	font-weight: 200;
}
.lire:after {
	content: " ->";
    font-family: 'Droid serif', arial;
}
.img{
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
	padding: 5px;
	border: 1px solid #f0f0f0 ;
	margin: 5px;
}
/* footer */
footer {
	margin-top: 50px;
}
.titrefooter {
	display:inline;
	font-family: 'Oswald';
	width: 85%;
	color:#7e7d7d;
	text-transform: uppercase;
	font-size: 16px
}
.informations {

	background-image: url(./images/grille.png);
  background-repeat: repeat;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
height: 160px;
  padding: 2% 0 2% 10%;

  }

.nous-contacter {
	float: left;
		width: 20%;
		padding: 10px;
}
.listecontact {

		list-style: none;
		margin: 0;
		padding: 0;
		font-family: 'Droid serif', arial;
		font-size: 10px;
		color: #6f6f6f;
		line-height: 1.8;
				margin-top: 10px;
				vertical-align: baseline;
	}
.listecontact li{
			padding-bottom: 5px;
			vertical-align: baseline;
}
.Dernier-billet {
	float: left;
		width: 20%;
		padding: 10px;
}
.dernier-commentaire {
	float: left;
		width: 20%;
		padding: 10px;
}
.comments a{
	font-size: 8px;
	font-style: italic;
	color:#7e7d7d;
}
.bla {
	float: left;
		width: 20%;
		padding: 10px;
}