@font-face {
	font-family: "OpenSans light";
	src: url('../font/OpenSans-Light.ttf');
}

@font-face {
	font-family: "OpenSans italic";
	src: url('../font/OpenSans-italic.ttf');
}
@font-face {
	font-family: "OpenSans Regular";
	src: url('../font/OpenSans-Regular.ttf');
}

@font-face {
	font-family: "OpenSans bold";
	src: url('../font/OpenSans-Bold.ttf');
}
@font-face {
	font-family: "OpenSans semibold";
	src: url('../font/OpenSans-SemiBold.ttf');
}

body{
	width: 100%;
	font-family: "OpenSans Regular";
	font-size: 12px;
	margin: 0 auto;
}

.superscript {
	font-size: 60%;
	vertical-align: top;
	font-weight: bold;
}
/* Home */
.content .img-dynamic{
	width: 100%;
	margin: 2% 0%;	
}
.content .bloc-home{
	width: 100%;
	margin: 0% 0%;	
	text-align: center;
}
.content .bloc-home .txt-home .title{
	text-transform: uppercase;
	letter-spacing: 5px;
	font-family: "OpenSans semibold";
	margin: 1em 3em 1em 3em;
}
.content .bloc-home .txt-home h1{
	font-family: "OpenSans semibold";
}
.content .bloc-home .txt-home p{
	margin-bottom: 5em;
}


/* Emplacement */
 .content .bloc-plan {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}


.content .bloc-camping {
	margin-top: 2em;
}
.content .bloc-camping .img-camping {
	margin: 3em auto;
}
.content .bloc-camping .img-camping img{
	width: 100%;
	display: block;
	margin: 0 auto;
}
.content .bloc-camping .map-camping img{
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-top: 5em;
	margin-bottom: 5em;
}
.content .bloc-camping .adress-camping{
	margin: 0 10%;
}
.content .bloc-camping .adress-camping .bloc-adress{
	width: 30%;
    display: inline-block;
}
.content .bloc-camping .adress-camping .bloc-adress img{
	height: 1.5em;
	margin: 0 2em 2em 2em;
	display: inline-block;
}
.content .bloc-camping .adress-camping .bloc-adress p{
	display:inline-block;
	position: absolute;
}
/* Le camping */



/* tarif */

.content {
	width: 100%;
	margin: 0 auto;
}

.offres2019{
	padding-top: 30px;
	padding-bottom: 30px;
}
.offre-img{
	width: 30%;
}
.offres2019inline .offres2019 .offre{
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	display: inline-block;
	background-color: #ffffff;
	border : 1px solid #aaa;
	background-image: url("/img/CampingLaCamassade_favicon.png");
	background-repeat: repeat;
	background-size: cover;
}

.offres2019 .offre{
	font-size: 120%;	
}

.offre h1{
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: bold;
}
.offre ul {
	list-style-type: square;
	margin: 30px;
}

.bloc-table{
	width: 80%;
	margin: 0%  10%;
}
.bloc-table th, .bloc-table td{
	text-align: center;
	padding: 8px;
}

.bloc-table tr:nth-child(even) {background-color: #f2f2f2;}
.bloc-table table {border-collapse: collapse;}
.bloc-table table, .bloc-table td, .bloc-table th {border: 1px solid black;}
.content .tarifs-annee_en_cours .titre{
	border : 1px solid #aaa;
	padding: 2em;
    display: inline-block;	
	margin: 5em auto;
	width: 40%;
}

.content .tarifs-annee_en_cours {
	width: 70%;
	text-align: center;
	margin: 0% 15%;
}

.content .tarifs-annee_en_cours .titre h2{
	text-transform: uppercase;
	letter-spacing: 10px;
	text-align: center;
	margin-bottom: 0.5em;
	font-family: "OpenSans semibold";	
}
.content .tarifs-annee_en_cours .titre h6{
	font-family: "OpenSans italic";
	text-align: center;
}

.content .tarifs-annee_en_cours .bloc-txt{
	text-align: left;
	width: 80%;
	display: inline-block;
	/*	line-height: 2em;
	margin: 3em 0;
   display: inline;  */
}
.content .tarifs-annee_en_cours .bloc-txt h5{
	font-family: "OpenSans semibold";	
	margin-top: 3em;
}
.content .tarifs-annee_en_cours .bloc-txt hr{
    margin: 4em 20em;
}
.content .tarifs-annee_en_cours .bloc-txt h6{
	font-family: "OpenSans italic";	
	line-height: 1.5em;
	font-size: 0.9em;
	text-align: justify;
}

.blocDownload{
/*	background-color: #EFEFEF;
*/	font-size: 150%;
	text-align: center;
    margin-top: 4em;
	margin-bottom: 4em;
	width: 40%;
    margin-left: 30%;
    margin-right: 30%;
}
.blocDownload .contrat {
 /*    margin-top: 1em;
    margin-bottom: 1em;
*/
	border : 1px solid #aaa;
}

strong{
	font-weight: bold;
}

.logo-affiliation-holder{
	width: 60%;
	margin-left: 20%;
}





/* reviews */
.vertical-middle{
	display: grid;
}
.review-left{
	grid-column: 1;
	border-style: solid;
	border-width: thick;
	color: gray;
}
.review-right{
	grid-column: 2;
	font-size: 18px;
	background-color: rgb(48, 60, 64);
	border-style: solid;
	border-width: thick;
	border-left-width: 1px;
	border-color: gray;
	color: black;

}

blockquote{
	text-align: center;
	padding-top: 20px;
}
blockquote h1{
	font-size: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
}

blockquote img{
	position: center;
	padding-bottom: 20px;
	padding-top: 20px;
}


/* footer */
 .footer_li{
 	list-style-type: none;
 	color: #CCCBCB;

 }

/* Small size screen */
@media screen and (max-width: 800px){
	.content .bloc-home .txt-home{
		width: 100%;
		text-align: left;
		line-height: 2em;
	}
	.description{
		padding-left: 15px;
		padding-right: 15px;
	}
	.content .bloc-home .txt-home img{
		float: right;
		width: 40%;
		display: block;
	}
	.logo-affiliation-holder{
		width: 90%;
		margin-left: 5%;
	}
	.logo-affiliation-holder img{
		height: 40px;
	}
}


.services-encart{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	    border : 2px solid rgb(99, 42, 42);
    border-radius: 1em;
    background: #f5f6f7;
}	
.services-title{
	font-weight: bold;
	font-size: +1em;
	text-align: center;
	margin: 1em 10% 1em 10%;
}

.services-encart img{
	width:500px;
}

.services-encart .services-picto{
	width:60px;
}
.services-encart li{
			margin: 1em 10% 1em 10%;
			list-style-type: disc; // "\1F44D"; // thumbs up sign
			text-align: center;
}
/* Large size screen */
@media screen and (min-width: 800px){
	.content .bloc-home .txt-home img{
		width: 40%;
		float: right;
	}	
	.content .bloc-home .txt-home {
		text-align: left;
		line-height: 2em;
	font-size: 1.5em;
		margin: 1em 10% 1em 10%;
	
	}	
}



/* services */
.vertical-middle-services{
	display: grid;
	grid-template-columns: 15% 70% 15%;
}

.services-left{
	grid-column: 1;
	border-style: solid;
	border-width: thick;
	color: gray;
	background-image: url("../img/dessin/CampingLaCamassade_branch_olivier.jpg");
	background-repeat: repeat-y;
}
.services-right{
	grid-column: 2;
	font-size: 18px;
/*	background-color: rgb(48, 60, 64);
*/	border-style: solid;
	border-width: thick;
	border-left-width: 1px;
	border-color: gray;
	color: black;

}
.services-left h2 {
	font-style: bold;
	font-size: 20px;
}
.services-right .content_list{
	margin-left: 50px;
	list-style-type: disc; // "\1F44D"; // thumbs up sign
	
}
.services-right li{
	.margin-left: 40px;

}

.services-right2{
	grid-column: 3;
	background-image: url("../img/dessin/CampingLaCamassade_branch_olivier.jpg");
	background-repeat: repeat-y;
}

.map-responsive {
overflow:hidden;
position:relative;
display: inline-block;
}


.map-responsive iframe {
left:0;
top:0;
position:absolute;
}

/* Small size screen */
@media screen and (max-width: 800px){
	.map-responsive {
		width: 100%;
		padding-bottom:10%;
		height: 500px;
	}
	.map-responsive iframe{
	}
	.NaxiResa_LgScreen{
		display:  none;
	}
}

/* Large size screen */
@media screen and (min-width: 800px){
	.map-responsive {
		padding-left: 15%;
		padding-right: 15%;
		padding-bottom:50%;
		width: 100%;
	}
	.map-responsive iframe{
		width:100%;
		height: 500px;
	}
}

.NaxiResa_Default, .NaxiResa_LgScreen {
	padding: 0% 5% 0% 5%
}