@charset "UTF-8";
/* CSS Floria */

body {
  margin: 0;
  font-size: 28px;
  font-family: Arial, Helvetica, sans-serif;
}

p {margin:0;padding:0}

/*
#myTopnav {
  overflow: hidden;
  background-color: #fff;
}

#myTopnav a {
  float: left;
  display: block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#myTopnav a:hover {
  background-color: #ddd;
  color: black;
}

#myTopnav a.active {
  background-color: #04AA6D;
  color: white;
}
*/
.content {
  padding: 0px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 44px;
}

.both,.clear {
	clear: both;
}
/* photos */
.bloc0 {
	DISPLAY:block; margin:0;padding:0
}
.cltBlocentre {
	display:block; margin:0;padding:0; background-color:#ffffff;
}
.floDiv1,.floDiv2{
	clear:both;display:block;float:left;text-align:left;width:100%
}


.flo2Photos0 {
	display:inline;float:left;margin-top:5px;margin-left:10px;min-height:350px;/*background-color:yellow*/
}
.flo2Photos0 img {width:1000px;}
.flo2Photos0 h3 {text-align:center;font-size:18px}

/* 2 photos par ligne */
.flo2Photos1 {
	display:inline;float:left;margin-top:5px;margin-left:10px;min-height:350px;/*background-color:yellow*/
}
.flo2Photos2 {
	display:inline;float:right;margin-top:5px;margin-left:10px;margin-right:10px;min-height:350px;/*background-color:yellow*/
}
.flo2Photos1 img, .flo2Photos2 img {width:620px;}
.flo2Photos1 h3, .flo2Photos2 h3 {text-align:center;font-size:18px}

/* 4 photos par ligne */
.flo4Photos1 {
	display:inline;float:left;margin-top:5px;margin-left:5px;min-height:250px;/*background-color:yellow*/
}
.flo4Photos4 {
	display:inline;float:right;margin-top:5px;margin-left:5px;margin-right:5px;min-height:250px;/*background-color:yellow*/
}
.flo4Photos1 img, .flo4Photos4 img {width:300px;}
.flo4Photos1 h3, .flo4Photos4 h3 {text-align:center;font-size:16px}

.barreFlo {
	DISPLAY:block; margin:2px 2px 2px 2px; padding:0px 0px 0px 0px;width:100%;height:2px;background-color:#555;
	}
	
.barreFlo2 {
	DISPLAY:block; margin:2px 2px 2px 10%; padding:0px 0px 0px 0px;width:80%;height:1px;background-color:#555;
	}
.barreFlo3 {
	DISPLAY:block; margin:30px 0px 0px 0px; padding:0px 0px 0px 0px;width:100%;height:0.5px;background-color:#555;
	}
	
button.boutonBook {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid black;
	background-color:#555;color:#fff;font-size:14px;text-decoration:none;
	width:250px;background-color:#555;font-size:16px;color:#fff;
	text-align:center;padding:5px 0px 5px 0px;margin:0px 0px 5px 30px}

div.boutonBook {text-align:center}

.cltBlocentre p{
	display:block; margin:10px 10px 10px 10px;font-size: 14px ;color:#555;
}

.cltBlocentre H1 {
	color:#555;text-align:center;font-size:38px;
}

#visite p,#visit2 p, #contact p, #booking p {
	display:block; padding:0;margin:0px 15% 10px 15%;text-align:center;line-height:25px;font-size: 16px ;color:#555;
}

ul {list-style: square;}
ul li {
	font-size: 16px ;color:#555;padding:0;margin:0px 15% 10px 10%;
}

#enjoy p {
	display:block; padding:0 0 0 20%;margin:0;text-align:left;font-size: 16px ;color:#555;
}

#accueil p {
	display:block; padding:0;margin:0px 20% 20px 20%;text-align:center;font-size: 18px ;color:#555;
}

#accueil H1 {
	color:#555;text-align:center;font-size:34px;
}
#accueil H3 {
	color:#555;text-align:center;font-size:20px;
}

.cltBlocentre H3 {
	text-align:center;
}
.cltBlocentre H3 A {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid black;
	background-color:#555;color:#fff;font-size:14px;text-decoration:none;
	font-weight:normal;
	padding:0px 0px 0px 0px;padding:3px 7px 3px 7px;
}


.visiteCol {
	display:inline;width:45%;float:left;line-height:24px;
	font-size:16px;color:#555;text-align:left;margin:0 0 0 50px;padding:5px 0 0 50px;
	}




/* PHOTO */
@media screen and (max-width:1500px) {
	.flo2Photos1 {float:left;min-height:250px;width:48%;/*background-color:blue*/}
	.flo2Photos2 {float:right;min-height:250px;width:48%;/*background-color:blue*/}
	.flo2Photos1 img, .flo2Photos2 img {width:90%;} /*550px;*/
	.flo4Photos1 {float:left;min-height:200px;width:24%;}
	.flo4Photos4 {float:right;min-height:200px;width:24%;}
	.flo4Photos1 img, .flo4Photos4 img {width:90%;}
	.flo2Photos0 {clear:both;display:block;min-height:250px;width:96%;/*background-color:blue*/}
	.flo2Photos0 img {width:96%;} /*550px;*/
	
	#accueil p {
		display:block; padding:0;margin:0px 10% 10px 10%;text-align:center;font-size: 20px ;color:#555;
	}

	#accueil H1 {
		color:#555;text-align:center;font-size:30px;
	}
}
@media screen and (max-width:1000px) {
	.flo2Photos1 {float:left;min-height:250px;/*background-color:green*/}
	.flo2Photos2 {float:right;min-height:250px;/*background-color:green*/}
	/*.flo2Photos1 img, .flo2Photos2 img {width:430px;}*/
	.flo4Photos1 {float:left;min-height:200px;}
	.flo4Photos4 {float:right;min-height:200px;}
	.flo4Photos0 {float:left;min-height:200px;}
}

@media screen and (max-width:800px) {
	.flo2Photos1, .flo2Photos2, .flo4Photos0 {
		clear:both;display:block;width:96%;
		min-height:200px;text-align:center;/*background-color:yellow*/
	}
	#accueil p{
		display:block; padding:0;margin:5px 15px 10px 15px;text-align:justify;font-size: 18px ;color:#555;
	}

	#accueil H1 {
		color:#555;text-align:center;font-size:24px;
	}
	.flo4Photos1, .flo4Photos4 {
		clear:both;display:block;width:90%;
		min-height:200px;text-align:center;
		}
	
	.cltBlocentre H1 {
		font-size:24px;
	}
}


@media screen and (max-width:455px) {

	#accueil p{
		display:block; padding:0;margin:5px 10px 10px 10px;text-align:justify;font-size: 18px ;
	}

	#visite p,#visit2 p, #contact p, #booking p {
	display:block; padding:0;margin:0px 7% 10px 7%;text-align:center;line-height:25px;font-size: 16px ;color:#555;
	}
	.visiteCol {
	display:block;width:95%;float:left;line-height:24px;
	font-size:16px;color:#555;text-align:left;margin:0 0 0 0px;padding:5px 10px 0 20%;
	}
	
	#enjoy p {
	display:block; padding:0;margin:0px 7% 10px 7%;text-align:left;font-size: 16px ;color:#555;
	}

	.cltBlocentre H3 {
	text-align:center;
	padding:0px 0px 0px 0px;padding:0px 5px 0px 5px;
	}
	
	.cltBlocentre H3 A {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid black;
	background-color:#555;color:#fff;font-size:14px;text-decoration:none;
	font-weight:normal;
	padding:0px 0px 0px 0px;padding:3px 7px 3px 7px;
}

@media screen and (max-width:455px) {

	#accueil p{
		display:block; padding:0;margin:5px 10px 10px 10px;text-align:justify;font-size: 18px ;
	}

	#visite p,#visit2 p, #contact p, #booking p {
	display:block; padding:0;margin:0px 7% 10px 7%;text-align:center;line-height:25px;font-size: 16px ;color:#555;
	}
	.visiteCol {
	display:block;width:95%;float:left;line-height:24px;
	font-size:16px;color:#555;text-align:left;margin:0 0 0 0px;padding:5px 10px 0 20%;
	}
	
	#enjoy p {
	display:block; padding:0;margin:0px 7% 10px 7%;text-align:left;font-size: 16px ;color:#555;
	}

	.cltBlocentre H3 {
	text-align:center;font-size: 14px ;
	padding:0px 0px 0px 0px;padding:0px 5px 0px 5px;
	}
	
	.cltBlocentre H3 A {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid black;
	background-color:#555;color:#fff;font-size:14px;text-decoration:none;
	font-weight:normal;
	padding:0px 0px 0px 0px;padding:3px 7px 3px 7px;
}
	
}