/* CSS Document */
html, body, div, img, ul, li, dl, dt, dd, h1, h2, h3 { margin: 0; padding: 0; border: 0; }

*{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62,5%;}

body{
background-image:url(images/template/background.jpg);
background-repeat:no-repeat;
background-color:#b7c7f9;
}

/*caracteres-----------------------------------------------------------------------------*/

h1{ font-size:0.9em; color:#413b21; background-color:#eaf2d1;padding:3px 0 3px 0; text-align:left; margin-bottom:12px; padding-left:10px;}
h2{font-size:0.8em; color:#413b21;font-weight:bold; padding-left:10px;}


/*structure-----------------------------------------------------------------------------*/
#flags{ width:242px; height:117px;}
#blog{width:136px; height:123px; background-image:url(images/template/blog.gif);float:left;margin:10px 0 0 22px;}
#situation{position:absolute;top:90px; left:700px; color:#FFFFFF; font-size:0.7em;}
#menu{ width:713px; height:47px; margin:0 0 0 158px;}
#contenu{width:776px; background-image:url(images/template/stripes.gif); margin-left:158px;}
#animation{width:525px; height:306px; border:1px solid #9a922a;margin:10px auto;}
#texte{ float:left; width:535px; height:auto; background-color:#FFFFFF; border:1px solid #9a922a; margin:17px 0 0 20px;}
	#texte p{ text-align:justify;margin:10px 10px 10px 10px; font-size:0.7em;}
	#texte a{color:#FF6600; text-decoration:none;}
	#texte a:hover{color:#938a19;}
	#texte a:visited{color:#666600;}
	#texte p.center{ text-align:center;margin:10px 10px 10px 10px; font-size:0.7em;}
#pictos{width:300px; height:32px; margin:20px auto;}
#carte{float:right;width:188px; height:auto; background-color:#FFFFFF; border:1px solid #9a922a; margin:17px 20px 0 0px;text-align:center;}
#news{float:right; width:188px;background-color:#FFFFFF; border:1px solid #9a922a; margin:10px 20px 0 0px;}
	#news p{margin:10px 10px 10px 10px; font-size:0.7em;}
	#news a{color:#FF6600; text-decoration:none;}
	#news a:hover{color:#938a19;}
	#news a:visited{color:#666600;}
	#news img.separateur{margin-left:50px;}
#footer{width:777px; height:119px; background:url(images/template/footer.gif) no-repeat; margin-left:158px; padding:102px 0 0 0;
		color:#FFFFFF;font-size:0.8em; text-align:center;}
	#footer a{color:#FFFFFF;text-decoration:none;}
	#footer a:hover{color:#333300;}
#formulaire{text-align: center;margin: 0 auto;}

ul{text-align:justify;}
ul li{font-size:0.7em; margin-left:100px; list-style:url(images/template/puce.gif);}

/*classes-----------------------------------------------------------------------------*/

.clear-both {clear: both;}
table.tarifs{width:97%; margin:0 auto;font-size:0.7em;}
	table.tarifs td{border:1px solid #999027; padding:5px; empty-cells:hide; background-color:#eaf2d1; /*text-align:center;*/}
	
	
.bold{font-weight:bold;}
img.bandeau{margin:6px 0 0 12px}
.floatRight{float:right;margin:5px 10px 0 10px;}
.floatLeft{float:left;margin:5px 10px 0 0;}
table.liens{width:97%; margin: 0 auto;}
	table.liens td{padding:10px;}


/* --------------- formulaire --------------- */

	form#contact fieldset {
        margin:0 auto;
        padding: 10px;
        border: solid 1px #9a922a;
		width: 450px;
    }
	
	form#contact legend {
        font-weight: bold;
		color: #413b21;
		font-size:0.8em;
    }
	
	form#contact label {
        margin-right: 10px;
        float: left;
        text-align: left;
        width: 18%;
    }
	
/* ------------------------------------------ */
#piscine{float:right; width:188px;background-color:#FFFFFF; border:1px solid #9a922a; margin:10px 20px 0px 0px;}
	#piscine p{margin:10px 10px 10px 10px; font-size:0.7em;}
	#piscine a{color:#FF6600; text-decoration:none;}
	#piscine a:hover{color:#938a19;}
	#piscine a:visited{color:#666600;}
	#piscine img.separateur{margin-left:50px;}