

footer p{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	color: white;
	font-size: 15px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	
}

 

footer a:visited{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	color: white;
	font-size: 10px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	text-decoration: underline;
	
}
footer a{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	color: white;
	font-size: 10px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-decoration: underline;
	
}

div.langue{
	margin:20px 10px 0px auto;
	
	z-index: 10;
	width: 100px;
	height: 300px;
	
}
img.langue{
	height: auto;
	width: 10%;
	min-width: 100px;
	display: block;
	opacity: 0.9;
	margin-top: 5px;
	margin-left: 5px;
	border-radius: 5px;
	
}



body div.bg{
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; /* To compensate for mobile browser address bar space */
	background: url("Vert.jpg") no-repeat; 
	background-size: cover;
}

html {
	
	margin: 0;
	padding: 0;
	vertical-align: center;
	text-align: center;
	/*background-size: cover;*/
}


/*Partie titre*/
div.Title {
	margin: 10px auto 20px auto;
	display: block;
}
img.logo {
	
	height: auto;
	width: 35%;
	min-width: 300px;
	margin:  50px auto auto auto;
	margin-top: 0px;
	display: block;
	border-radius: 3px;
	opacity: 0.9;
	
}

img.classement {
	width: 20%;
	min-width: 200px;
	
}

div.Title h1 {
	margin-top: 80px;
	color: rgba(250,250,250,1);
	font-size: 40px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	

}

h1{
	font-family: georgia, serif;
	color: rgba(11,71,10,0.7);
	font-size: 30px;
	font-weight:normal;
	margin-top: 30px;
}

div#Content div h1 a{
	
	font-family: georgia, serif;
	/* font-family: Georgia, 'Times New Roman', Times, serif; */
	color: rgba(11,71,10,0.7);
	font-size: 30px;
	font-weight:normal;
	/* text-decoration: underline; */
	
}



div.Title p {
	color: rgba(171,160,140,0.9);
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
}

/*Fin partie titre*/
/*Menu navigation*/

div.container{
	margin-top:70px;
	margin-bottom: 0px;
}


/*video*/

iframe.embed-responsive-item{
	width: 50%;
}

/*Fin video*/

/*Partie boite général*/

div#Content {
	display: inline-block;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

div#Content div{
  	font-style: bold;
	display: inline-block;
	background-color: rgba(240,240,240,0.9);
	z-index: 1;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	height: 500px;
	max-width: 1100px;
	border: 2px solid rgba(124, 121, 116, 0.8);
	/* border-radius: 10px; */
}

div#Content div.img{
	text-align: center;
	height: 300px;
	width: 400px;
}

div#Content a.inter img{
	height: 300px;
	width: 400px;
}

div#Content div.accueil {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
}

div#content div ul li{
	font-style: italic;
}

div#Content p{
	text-align: center;
	padding: 20px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 20px;
	color: rgb(75,75,75);
	font-style: italic;
}

div#Content p.lien{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	margin-top: 20px;
	font-style: italic;
	text-align: center;
}

div#Content div.accueil p {
	text-align: center;
	padding:0px;
	margin-top:20px;
	
}

div#Content div.accueil p.ita {
	text-align: center;
	font-size: 15px;
	font-style: italic;
	padding:5px;
	
}

div#Content div a:link, a:visited {
	font-family: georgia, serif;
	font-style: italic;
	color: rgba(11,71,10,0.7);
	font-size: 30px;

}

div#Content div h2.accueil {
	margin-top:30px;
}

/*Fin partie boite générale*/


/*Debut boite avis*/
div#Content div.avis{
	height: auto;
	width: 100%;
	margin:   50px auto 30px auto;
	text-align: center;
	display: block;

}

div#Content div.avis p.etoile{
	color: rgb(168, 153, 126);
	font-size: 30px;
	font-weight: bold;
	text-shadow:  1px 0 0 black, 0 1px 0 black, 0 -1px 0 black, -1px 0 0 black;
	margin-bottom: 0px;
	padding: 0px;
	
}

div#Content div.avis p.et{
	font-style: italic;
	margin-bottom: 0px;
	padding: 0px 0px 10px 0px;
}
/*Fin boite avis*/


/*Debut boite logement*/
div#Content div.logements{
	height: auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;

}
div.logements li{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size:30px;
	color:rgb(75,75,75);
	text-align: center;
	list-style: none;
	font-style: italic;
}

div#Content div.logements p{
	margin:5px;
	text-align: center;
	font-family: 'Trebuchet MS', Helvetica, sans-serif; 
	font-size:20px;
	color:rgb(75,75,75);
}

div.logements img.im1{
	min-width: 200px;
	margin:20px auto 20px auto;
	width: 50% ;
	height: auto;
	border: 3px solid rgb(75,75,75);
	border-radius: 5px;
}



/*fin partie accueil logement*/
/*Debut partie accueuil service*/

li.services {
	text-align: left;
	font-family:  'Trebuchet MS', Helvetica, sans-serif;
	font-size: 15px;
	margin: 10px;

}

div#Content div.services ul li{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;; 
	font-size:20px;
	color:rgb(75,75,75);
	text-align:left;
	margin: 10px;
	font-style: italic;
}

div.services img {
	margin:20px;
	width: 50%;
	height: auto;
	border: 3px solid rgb(75,75,75);
	border-radius: 8px;
}

div#Content div.services{
	height: auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
/*Fin  partie acceuil service*/


/*Debut partie acceuil région*/

div#Content div.région{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;

}

div#Content div.région p{
	margin-bottom: 0px;

}
div#Content div.région p.carte{
	margin-bottom: 0px;
	font-size: 13px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div#Content div.région img{
	width: 70%;
	height: auto;
	margin-top:0px;
	display: inline-block;
	margin: 0 auto 0 auto;
}


/*Fin*/

/*Debut partie accueil contact*/

div#Content div.contact {
	height: auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

div#contact p{
	margin: auto;
	
	text-align: left;
	font-size: 5em;
		
}

div.contact img{
	width: 75px;
	height: auto;
	margin-bottom: 30px;
	
}

/* Affichage lien facebook en fonction de la taille écran*/
@media only screen and (min-width:992px){
	.hidden-xs{display:inline-block;}
	.visible-xs{display:none;}
}

@media only screen and (min-width:768px) and (max-width:991px){
	.hidden-xs{display:inline-block;}
	.visible-xs{display:none;}
}

@media only screen and (max-width:767px){
	.hidden-xs{display:none;}
	.visible-xs{display:inline-block;}
}

/*Fin partie accueuil contact*/


/*Partie logement*/

div#Content div.Chateau p.ita,div#Content div.Gite p.ita{
	font-style: italic;
	text-align: center;
	font-size: 15px;
}



div#Content div.Chateau{
	height: auto;
	width: 100%;
	margin: 50px auto 30px auto;
	display: inline-block;
	
	
}

div#Content div.Chateau p{
	text-align: center;
	margin-bottom: 0px;
	
}

div#Content div.Gite p{
	text-align: center;
}

div.Chateau ul li{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size:20px;
	color:rgb(75,75,75);
	text-align: left;
	margin:  20px 0 30px 0;
	font-style: italic;
	
}

div#Content div.Chateau img{
	margin:30px 3% 30px 3%;
	height: auto;
	border: 3px solid rgb(75,75,75);
	/* transform: rotate(90deg); */
	border-radius: 10px;
	min-width: 150px;;
}
div#Content div.Chateau img.un{	
	width: 30%;
}
div#Content div.Chateau img.deux{
	width: 25%;	
}

div#Content div.Chateau img.trois{
	width: 35%;
	max-width: 275px;
}

div#Content div.Chateau img.quatre{
	width: 38%;
}

div#Content div.Chateau img.cinq{
	margin-top: 20px;
	width: 19%;
	min-width: 120px;
}

div#Content div.Gite img.un{
	margin:20px 8% 20px 8%;
	width: 20%;
	height: auto;
	border: 3px solid rgb(75,75,75);
	/* transform: rotate(90deg); */
	border-radius: 10px;
	min-width: 100px;
}

div#Content div.Gite img.deux{
	margin:20px 8% 20px 8%;
	width: 27%;
	height: auto;
	border: 3px solid rgb(75,75,75);
	/* transform: rotate(90deg); */
	border-radius: 10px;
	min-width: 130px;
}


div#Content div.Gite{
	height: auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

div.Gite ul li{
	font-family: 'Trebuchet MS', Helvetica, sans-serif; 
	font-size:20px;
	color:rgb(75,75,75);
	text-align:left;
	margin: 10px;
	font-style: italic;
}

div.Gite img{
	margin:20px;
	width: 400px;
	height: 350px;
	border: 3px solid rgb(75,75,75);
	border-radius: 20px;
}


div#Content p.Tarifs{
	/*white-space: pre;*/
	font-size: 30px;
	text-align: center;
	margin:20px;
}

/*Fin partie logements*/

/*Debut partie Tarifs*/
/* div#Content div.annonce {
	width: 100%;
	height: auto;
} */

div#Tarifs{
	width: 100%;
	height: auto;
	margin-right: 0;
	margin-left: 0;
	display: inline-block;
	text-align: center;
}

div#Tarifs div.haute{
	display: inline-block;
	background-color: rgba(240,240,240,0.8);
	margin-top: 60px;
	margin-left: auto;
	margin-right: 5px;
	margin-bottom: 30px;
	width: 40%;
	height: auto;
	max-width: 500px;
	min-width: 300px;
	border: 2px solid rgba(70,70,70,0.8);
	border-radius: 0px;
	text-align: center;
}

div#Tarifs div.basse{
	display: inline-block;
	background-color: rgba(240,240,240,0.8);
	margin-top: 160px;
	margin-left: 5px;
	margin-right: auto;
	margin-bottom: 30px;
	width: 40%;
	height: auto;
	max-width: 500px;
	min-width: 300px;
	border: 2px solid rgba(70,70,70,0.8);
	border-radius: 0px;
	text-align: center;
}

div#Tarifs div.box{
	
	background-color: rgba(240,240,240,0.8);
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	width: 40%;
	height: auto;
	max-width: 500px;
	min-width: 300px;
	border: 2px solid rgba(70,70,70,0.8);
	border-radius: 0px;
	text-align: center;
}

div#Tarifs img{
	margin-top: 20px;
	width: 90%;
	height: auto;
	
}

div#Tarifs h1{
	font-weight: bold;
	margin-top:40px;
	margin-bottom: 20px;
	margin-left: 20px;
	color: white;
	text-align: center;

}
div#Tarifs div h1{
	font-weight: bold;
	text-align: left;
	margin-left: 20px;
	color: #000000;
	font-size: 20px;
	text-decoration: underline;

}

div#Tarifs div h2{
	font-weight: normal;
	text-align: center;
	margin-left: 20px;
	margin-top: 20px;;
	color: #0c407c;;

}

div#Tarifs div p{
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	color: rgb(75,75,75);
	line-height: 40px;
	font-size: 20px;
}

div#Tarifs div p.ita{
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	color: rgb(75,75,75);
	line-height: 40px;
	font-size: 10px;
	font-style: italic;
	line-height: 10px;
}


div#Tarifs table{
	margin: auto auto 20px auto;
}

div#Tarifs table tr td {
	font-weight: bold;
	font-size: 20px;
	color: #0c407c;
}





/*Fin partie*/



/*Debut partie région */

div#Région div.Historique p{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-style: italic;
	font-size: 18px;
	color: rgb(75,75,75);
	margin-top: 20px;
}

div#Région div.Historique p.lien{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	margin-top: 20px;
	font-style: italic;
}

div#Région div.Historique a{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: black;
	
}

div#Région div.Historique a:visited,div#Content div.région a.carte:visited{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size: 15px;
	color: black;
}

div#Région div.Historique a:hover,div#Content div.région a.carte:hover{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size: 25px;
	color: #0c407c ;
	font-weight: bold;
}

div#Région div.Historique p.lien:hover,div#Content div.région p.lien:hover{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size: 17px;
	color: #0c407c;
	margin-top: 20px;
	font-style: italic;
}

div#Région h1.dec {
	text-align: center;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size: 30px;
	color: white;
	margin: 50px auto 0 auto;
	display: inline-block;
	
}

div#Région h2{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: rgba(11,71,10,0.7);
	font-size: 30px;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom: 10px;
}

div#Région p.trouver {
	text-align: justify;
	font-style: italic;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size: 20px;
	margin-top: 10px;
	color: rgb(75,75,75);
	margin: 0 20px 10px 20px;
}

div#Région{
	margin-left: 0;
	margin-right: 0;
	display: inline-block;
	width: 100%;
	
	height: auto;
	padding: 0;
	text-align: center;
	
}

div#Région div {
	font-style: bold;
	background-color: rgba(240,240,240,0.8);
	
	max-width: 600px;;
	
	border: 2px solid rgba(171,160,140,0.8);
	/* border-radius: 10px; */
	text-align: center;
	margin:   50px auto 30px auto;
}

div#Région ul{
	margin-top: 30px;

}

div#Région div.Famille ul{
	margin-top: 20px;

}

div#Région ul li{
	font-family: 'Trebuchet MS', Helvetica, sans-serif; 
	font-style: italic;
	font-size:18px;
	color:rgb(75,75,75);
	text-align: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 0px;
	/* list-style-position: inside; */

}

div#Région ul.famille li{
	font-size: 18px;

}
div.Historique {
	width: 100%;
	height: auto;
	margin: auto ;
}
div.Cheval {
	width: 100%;
	height: auto;
	margin: auto ;
}
div.Famille{
	width: 100%;
	height: auto;
	margin: auto ;
}

div.Localisation{
	width: 100%;
	height: auto;
	margin: auto ;
}

div.Localisation img{
	width: 70%;
	height: auto;
}


/*histoire*/

div#Région  img{
	height: auto;
	width: 60%;
	border: 2px solid rgb(75,75,75);
	
}
/*Fin partie  région*/
/*Partie Services*/



div#Content div.Service {
	height: auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

div#Content div.Service ul li{
	font-family: 'Trebuchet MS', Helvetica, sans-serif; 
	font-size:20px;
	color:rgb(75,75,75);
	text-align:left;
	margin: 10px;
}


div#Content div.Service img{
	height:auto;
	width: 30%;
	border-radius: 5px;
	margin: 30px 20px 50px 20px;
	border:  solid  #464646;
	min-width: 200px;
}

div#Content div.Service img.portrait{
	height:auto;
	width: 25%;
	border-radius: 5px;
	margin: 33px 5% 20px 5%;
	border:  solid  #464646;
	min-width: 135px;
}

div#Content div.Service img.pp{
	height:auto;
	width: 19%;
	border-radius: 5px;
	margin: 30px 5% 20px 5%;
	border:  solid  #464646;
	min-width: 100px;
}


div#Content div.Service h2{
	
	font-weight: bold;
	
	text-align: justify;
	padding: 20px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size: 20px;
	color: rgb(75,75,75);
}

div#Content div.Service h3{
	
	font-weight: bold;
	text-decoration: underline;
	text-align: middle;
	padding: 10px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size: 20px;
	color: #0c407c;

}

div#Content div.Service p{
	font-style: italic;
	font-weight:bold ;
	text-decoration: none;
	text-align: center;
	padding: 10px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size: 15px;
	margin-top: 30px;
	color: rgb(75,75,75);

}

div#Content div.Service ul{
	
	margin-right: 20px;
	margin: 0 0 0 0;

}

div#Content div.Service ul li{
	font-family: 'Trebuchet MS', Helvetica, sans-serif; 
	font-size:20px;
	color:rgb(75,75,75);
	text-align: justify;
	margin-right: 20px;
	margin-top: 10px;
	margin-left: 20px;
	font-style: italic;
	list-style-position: inside;
}

/* Partie Contact */

div#Content div.contact p {
	font-size: 20px;
	text-align: center;
}

div#Content div.contact p a {
	color:rgb(75,75,75);
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
	text-decoration: underline;
}

div#Content div.contact{
	text-align: center;
	display: inline-block;
}

/* CGU */

div#Content div.CGU{
	width: 100%;
	height: auto;
}

div#Content div.CGU P{
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	font-size: 18px;
}

div#Content div.CGU h2{
	font-size: 20px;
}

div#Content div.CGU ul li{
font-family: 'Trebuchet MS', Helvetica, sans-serif;; 
	font-size:15px;
	color:rgb(75,75,75);
	text-align:left;
	margin: 10px;
}

/* Carousel */

div#carouselExampleIndicators{
	margin:60px auto 60px auto;
	width: 60%;
	min-width:350px;
	max-width:900px;
	border: 3px solid rgb(75,75,75);
	
}

