html,body{
	display:block;
	width:100%;
	height:auto;
	background-color:#0E63FF;
	margin:auto;
	color:#FFF;
	font-family: 'Trebuchet MS', sans-serif;
}

.b {	color:rgb(27,169,242);}
.iframe{margin:auto;}
.blue{color:rgb(27,169,242);}

#header {
	display:block;
	float:none;
	width:100%;
	height:50px;
	vertical-align:top;
	margin-left:1%;
	margin-right:auto;
	margin-top:40px;
	border-radius:10px;
}

#parasol{
	display:block;
	float:right;
	position:absolute;
	right:0px;
	top:0px;
}

#img1 {float:left;width:95%;}
#img2 {float:right;width:40%;}

#principal {
	display:block;
	float:none;
	width:100%;
	height:auto;
}

#nav{
	display:block;
	float:none;
	width:100%;
	height:auto;
	text-align:center;
	vertical-align:top;
}

#nav ul{
	width:90%;
	height:auto;
	display:block;
	float:left;
	padding-left:5%;
}

#nav ul li{
	display:block;
	float:left;
	width:100%;
	height:50px;
	margin-bottom:15px;
	list-style-type:none;
	background-color:rgb(255,237,0);
	text-align:center;
	border-radius:10px;
 }

#nav ul li a{text-decoration:none;font-size:30px;color:#0066CC;}

#blanc {
	display:block;
	float:none;
	width:100%;
	height:auto;
	background-color:rgb(27,169,242);
	background-color:rgba(27,169,242,0.9);
	border-radius:10px;
	overflow:auto;
	margin-bottom:20px;
}

#blanc p a {text-decoration:none;color:#000000;}
#blanc h1, #blanc h2 {color:#FFFFFF;text-align:center;opacity:1.0;}
#blanc h3 {margin-left:20px;}
#blanc p a{color:yellow;}
.sep {color:yellow;}

#blanc p {
	color:#FFFFFF;
	margin-left:30px;
	margin-right:30px;
	font-weight:bold;
}

#blanc p a img, #blanc table tr td img{border:0px;border-radius:10px;}
#beziers {width:100%;}

#calendrier1 {
	width:100%;
	height:auto;
	margin-left:-30px;
}

#moi1 {
	float:left;
	width:300px;
	height:auto;
	margin-right: 40px;
	margin-bottom:20px;
	border-radius:10px;
}

#diaporamaT {
	display:block;
	float:none;
	width:100%;
	height:auto;
	margin:auto;
}

#imgTQ1,#imgTQ2,#imgTQ3,#imgTQ4,#imgTQ5,#imgTQ6,#imgTQ7,#imgTQ8,#imgTQ9,#imgTQ10,#imgTQ11,#imgTQ12,#imgTN13,#imgTN14,#imgTN15,#imgTN16,#imgTN17,#imgTN18,#imgTN19,#imgTN20,#imgTN21,#imgTN22,#imgTN23,#imgTN24,#imgTN25,#imgTN26,#imgTN27,#imgTN28,#imgTN29,
#imgTR1,#imgTR2,#imgTR3,#imgTR4,#imgTR5,#imgTR6,#imgTR7,#imgTR8,#imgTR9,#imgTR10,#imgTR11,#imgTR12,#imgTN13,#imgTN14,#imgTN15,#imgTN16,#imgTN17,#imgTN18,#imgTN19,#imgTN20,#imgTN21,#imgTN22,#imgTN23,#imgTN24,#imgTN25,#imgTN26,#imgTN27,#imgTN28,#imgTN29,
#imgTS1,#imgTS2,#imgTS3,#imgTS4,#imgTS5,#imgTS6,#imgTS7,#imgTS8,#imgTS9,#imgTS10,#imgTS11,#imgTS12,#imgTN13,#imgTN14,#imgTN15,#imgTN16,#imgTN17,#imgTN18,#imgTN19,#imgTN20,#imgTN21,#imgTN22,#imgTN23,#imgTN24,#imgTN25,#imgTN26,#imgTN27,#imgTN28,#imgTN29,
#imgTT1,#imgTT2,#imgTT3,#imgTT4,#imgTT5,#imgTT6,#imgTT7,#imgTT8,#imgTT9,#imgTT10,#imgTT11,#imgTT12,#imgTT13,#imgTN14,#imgTN15,#imgTN16,#imgTN17,#imgTN18,#imgTN19,#imgTN20,#imgTN21,#imgTN22,#imgTN23,#imgTN24,#imgTN25,#imgTN26,#imgTN27,#imgTN28,#imgTN29,
#imgTU1,#imgTU2,#imgTU3,#imgTU4,#imgTU5,#imgTU6,#imgTU7,#imgTU8,#imgTU9,#imgTU10,#imgTU11,#imgTU12,#imgTU13,#imgTN14,#imgTN15,#imgTN16,#imgTN17,#imgTN18,#imgTN19,#imgTN20,#imgTN21,#imgTN22,#imgTN23,#imgTN24,#imgTN25,#imgTN26,#imgTN27,#imgTN28,#imgTN29,
#imgTV1,#imgTV2,#imgTV3,#imgTV4,#imgTV5,#imgTV6,#imgTV7,#imgTV8,#imgTV9,#imgTV10,#imgTV11,#imgTV12,#imgTV13,#imgTN14,#imgTN15,#imgTN16,#imgTN17,#imgTN18,#imgTN19,#imgTN20,#imgTN21,#imgTN22,#imgTN23,#imgTN24,#imgTN25,#imgTN26,#imgTN27,#imgTN28,#imgTN29,
#imgTW1,#imgTW2,#imgTW3,#imgTW4,#imgTW5,#imgTW6,#imgTW7,#imgTW8,#imgTW9,#imgTW10,#imgTW11,#imgTW12,#imgTW13,#imgTN14,#imgTN15,#imgTN16,#imgTN17,#imgTN18,#imgTN19,#imgTN20,#imgTN21,#imgTN22,#imgTN23,#imgTN24,#imgTN25,#imgTN26,#imgTN27,#imgTN28,#imgTN29,
#imgTX1,#imgTX2,#imgTX3,#imgTX4,#imgTX5,#imgTX6,#imgTX7,#imgTX8,#imgTX9,#imgTX10,#imgTX11,#imgTX12,#imgTX13,#imgTN14,#imgTN15,#imgTN16,#imgTN17,#imgTN18,#imgTN19,#imgTN20,#imgTN21,#imgTN22,#imgTN23,#imgTN24,#imgTN25,#imgTN26,#imgTN27,#imgTN28,#imgTN29,
#imgTY1,#imgTY2,#imgTY3,#imgTY4,#imgTY5,#imgTY6,#imgTY7,#imgTY8,#imgTY9,#imgTY10,#imgTY11,#imgTY12,#imgTY13,#imgTY14,#imgTY15,#imgTY16,#imgTY17,#imgTY18,#imgTY19,#imgTY20,#imgTY21,#imgTY22,#imgTY23,#imgTY24,#imgTY25,#imgTY26,#imgTY27,#imgTY28,#imgTY29
{
	display:block;
	float:left;
	width:160px;
	height:120px;
	margin-top:10px;
	margin-left:13px;
}

#apercuTQ, #apercuTR, #apercuTS, #apercuTT, #apercuTU, #apercuTV, #apercuTW, #apercuTX, #apercuTY{
	display:none;}
.cccentre {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#plus {
	display:block;
	float:right;
	width:100%;
	height:auto;
	background-color:rgb(27,169,242);
	background-color:rgba(27,169,242,0.9);
	position:relative;
	border-radius:10px;
	margin-bottom:20px;
	margin-top:20px;
}

#plus h2 {text-align:center;padding-top:20px;}
#plus p {text-align:justify;margin:20px;}
#plus a {color:yellow;}

#signature a{
	float:right;
	margin-right:30px;
	color:#FFF;
	text-decoration:none;
}

#piscine {
	width:200px;
	height:auto;
	float:left;
	margin-right:10px;
	margin-top:10px;
	border-radius:10px;
}

#planR {
	display:block;
	width:90%;
	height:auto;
	text-align:center;
}

#planR img {
	width:100%;
	max-width:600px;
	height:auto;
	text-align:center;
}

#copyright {float:none;color:#FFF;}
#copyright a {text-decoration:none;color:#FFF;}

#footer{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	float:none;
}

#carousel {
        width:640px;
        border-top: 1px solid #222;
		border-left: 1px solid #222;
		border-bottom: 1px solid #222;
		border-right: 1px solid #222;
        height:480px;
        position:relative;
        clear:both;
        overflow:hidden;
        background:rgb(66,157,215);
		margin:auto;
}
#carousel img {visibility:hidden;cursor:pointer;}

.ttp img{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	}

@media only screen and (min-width:590px)
{

html, body{background-image:url(plage.jpg);background-attachment:fixed;background-size:cover;}
#img2 {width:50%;}
#nav, #blanc, #plus{width:730px;margin:auto;}
#nav ul li{width:45%;height:40px;margin-left:2%;margin-right:2%;}
#nav ul li a{font-size:24px;}
#plus {float:none;margin-bottom:20px;}
#copyright, #copyright a {float:right;color:#0066CC;margin-right:20px;}
#blanc, #plus {box-shadow:5px 5px 12px rgb(0,0,0);}
}

@media only screen and (min-width:960px)
{

#header {width:851px;margin:auto;}
#carte1 {margin-left:170px;}
#img2 {width:80%;}
#nav, #blanc, #plus{width:1000px;margin:auto;}
#nav ul{width:100%;padding-left:0px;}
#nav ul li{width:130px;height:30px;margin-left:4px;margin-right:2px;}
#nav ul li.petit {width:100px;height:30px;margin-left:4px;margin-right:2px;}
#nav ul li a{font-size:20px;}
#nav ul li a:hover{color:#FFF;}
#nav ul li:hover{background-color:rgb(27,169,242);transition: all 0.2s;-ms-transition: all 0.2s;
-webkit-transition: all 0.2s;-o-transition: all 0.2s;-moz-transition: all 0.2s;box-shadow:2px 3px 12px rgb(0,0,0);}
#piscine {width:300px;}
#calendrier1 {width:1000px;}

#diaporamaT{
	width:950px;
	height:480px;
}

#apercuTQ, #apercuTR, #apercuTS, #apercuTT, #apercuTU, #apercuTV, #apercuTW, #apercuTX, #apercuTY {
	display:block;
	float:left;
	width:640px;
	height:480px;
	background-color:#FFF;
	margin-left:160px;
	margin-top:12px;
}

#divMoi { 	display:block; float:left; width:300px; height:264px; 
			margin:0; margin-bottom: 20px; padding:0; background-color:orange; border-radius:10px;}

#divMoi img{perspective:0px;
rotate(0deg);
translateY(0);
translateZ(0);
transform-origin: center left;
transition: transform 2000ms ease-in-out;
}
#divMoi img:hover {transform: translateY(-20px) translateZ(-80px) perspective(900px) rotateX(45deg) ;}

.ttp img{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	}
	
.ttp img:hover{box-shadow:5px 5px 20px rgb(0,0,100);}

	
}