/*
 * Theme Name:Club Loisirs | Village d'Or Saint-Raphaël
 * Description:Responsive theme width full center background
 * Author:MJA Productions
 * Author URI:http://www.mjap.fr/
 * Version:2.1
 * Date:19/10/2025
 */

/* CSS Reset */
* {margin:0;padding:0;border:0;outline:0;vertical-align:top;}
/* CSS Global properties */
html {
	height:100%;
	background:#dedede url(../img-bg/bg-photo.jpg) center center no-repeat fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
body {
	height:100%;
	font-size:100%;	/* 100% = 1rem = 1em = 16px */
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	overflow-y:scroll;
	overflow-x:hidden;
}
@media only screen and (max-width:768px) {
	body {
		background-image:url(../img-bg/bg-photo-mobile.jpg);
	}
}
img {
    max-width:100%;
    height:auto;
	margin:0 1%;
}
a {
	color:#fff;
	font-style:italic;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#fff;
	font-style:italic;
	text-decoration:underline;
	outline:none;
}

p {
	margin:0 0 15px 0;
}
strong {
	font-weight:700;
}
.color-black {color:#000;}
.polsize-75 {font-size:75%;}
.polsize-125 {font-size:125%;}
.polsize-150 {font-size:150%;}
.polsize-175 {font-size:175%;}
.bg-dark_purple {
	background:#4d0b90;
}
.bg-dark_blue {
	background:#01335c;
}
.bg-blue {
	background:#0280e5;
}
.bg-light_blue {
	background:#5caff4;
}
.bg-green {
	background:#3f7f00;
}
.bg-purple {
	background:#aa56ff;
}
.bg-pink {
	background:#bb2f98;
}
.bg-red {
	background:#ff0000;
}
.bg-yellow {
	background:#ffff56;
}
.bg-white {
	background:#fff;
}
/* Titres */
h1 {
	color:#fff;
	text-transform:uppercase;
	font-size:200%;			/* 32px */
	line-height:0.75;
	font-weight:400;
	margin-top:20px;
	margin:30px 0;
}
h2 {
	color:#fff;
	text-transform:uppercase;
	font-size:175%;			/* 28px */
	line-height:0.85714286;
	font-weight:400;
	margin:20px 0;
}
h3 {
	color:#fff;
	font-size:150%;			/* 24px */
	line-height:1;
	font-weight:400;
	margin:15px 0;
}
h4 {
	color:#fff;
	font-size:125%;			/* 20px */
	line-height:1.2;
	font-weight:400;
	margin:10px 0;
}
/* Header / Main Content */
.container {
	display:table;
	padding-top:60px;
	width:100%;
	height:100%;
}
.content {
	display:table-cell;
	text-align:center;
}
.content-home {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.content-article {
	display:block;
	max-width:840px;
	margin:15px auto;
	padding:15px;
	color:#fff;
	font-size:100%;			/* 16px */
	line-height:1.5;
	text-align:left;
}
.div-border {
	border-radius:5px;
	border:double #fff;
	padding:5px;
	margin-bottom:10px;
}
/* Contact Form */
placeholder {
	color:#fff;
}
input, textarea {
	margin:10px;
	padding:10px;
	width:500px;
	max-width:500px;
	background-color:#777;
	border:1px solid #eee;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;		
	font-family:Arial, Helvetica, sans-serif;
	font-size:87.5%;			/* 14px */
	color:#fff;
}
textarea {
	height:200px;
	line-height:1.71428571;
}
/* Submit Button */
.submit input {
	width:100px;
	height:40px;
}
.submit input:hover {
	background-color:#ddd;
	border:1px solid #fff;
	color:#fff;
}
/* Links Icons */
.scale:hover {
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}
#icon-down {
	display:block;	
	width:52px;
	height:60px;
	background:transparent url(../img/icon-down.png) 0 0 no-repeat;
	outline:none;
}
#icon-down:hover {
	background-position:0 -60px;
}
#icon-up {
	display:block;	
	width:52px;
	height:60px;
	background:transparent url(../img/icon-up.png) 0 0 no-repeat;
	outline:none;
}
#icon-up:hover {
	background-position:0 -60px;
}
/* MJAP ShowHide */
#montrer {width:auto;}
#paragraphe {
	display:none;	/* Caché */
}
#montrer:target #cacher #paragraphe {display:contents;}	/* Visible */
.cacher {display:none;}
#montrer:target .cacher {display:block;}
#montrer:target .montrer {display:none;}
/* Alignement */
.aligncenter {margin-left:auto;margin-right:auto;text-align:center;}
.alignjustify {text-align:justify;}
.alignleft {float:left;}
.alignright {float:right;}
.displayinline {display:inline;}
.clearboth {clear:both;}
.imgmt {margin-top:3px;}
/* Media Queries */
@media only screen and (min-width:361px) and (max-width:768px) {
	html, body {
		height:auto;
		font-size:87.5%;		/* 14px */
	}
	h1 {
		font-size:175%;			/* 28px */
		line-height:0.85714286;
	}
	h2 {
		font-size:150%;			/* 24px */
		line-height:1;
	}
	h3 {
		font-size:125%;			/* 20px */
		line-height:1.2;
	}
	h4 {
		font-size:112.5%;		/* 18px */
		line-height:1.33333333;
	}
	.container {
		height:auto;
		display:block;
		position:relative;
		float:left;
		margin:0 auto;
	}
	.content {  
		display:inline;
	}
	input, textarea {
		width:90%;
	}
}
@media only screen and (max-width:360px) {
	html, body {
		height:auto;
		font-size:81.25%;		/* 13px */
	}
	h1 {
		font-size:150%;			/* 24px */
		line-height:1;
	}
	h2 {
		font-size:125%;			/* 20px */
		line-height:1.2;
	}
	h3 {
		font-size:112.5%;		/* 18px */
		line-height:1.33333333;
	}
	h4 {
		font-size:100%;			/* 16px */
		line-height:1.5;
	}
	.container {
		height:auto;
		display:block;
		position:relative;
		float:left;
		margin:0 auto;
	}
	.content {  
		display:inline;
	}
	input, textarea {
		width:90%;
	}
}