@charset "utf-8";
/* CSS Document */

#body {
	color: #000000; /* couleur police */
	font-family:calibri,arial;
	font-size: 62.5%; /*taille de la police */
	background-color:#FDFDFD;
	font-size:1em;
	margin:0;
	padding:0;
	}
	
h1 {
	color:#000000;
	margin-top:0;
	}	
	
h2 {
	text-align:center;
	}	
/* Lavalamp*/

#wrapper {
	/*width:72.5em;*/
	margin-left:50%;
	margin-right:50%;
	}*/

.lavaLamp {
	float:right;
    position: relative;
	text-align:right;
	height: 49px;
	width: 200px;
    overflow: hidden;
    /*border: 1px solid gray;*/
    }
    
.lavaLamp li {
    float: left;
    list-style: none;
    }
.lavaLamp li.back {
	padding-bottom:5px;
    border-bottom: 6px solid #CB0A1D;
    width: 9px;
    height: 40px;
    z-index: 8;
    position: absolute;
	border-right: solid #666666 1px;
	/*margin-left:35%;*/
    }
.lavaLamp li a {
	font-family:calibri,arial;
	font-size:1.6em;
    text-decoration: none;
    color: #000000;
    outline: none;
    text-align: center;
    top: 7px;
    /*text-transform: uppercase;*/
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    overflow: hidden;
    margin: auto 10px;
    }   
.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {
    border: none;
    }
#bandeau {
	margin:auto;
	background-color:#666666;
	height: 144px;
	border-bottom: solid #CB0A1D 6px;
	z-index:10;
	}

#banner {
	float:left;
	display:block;
	background-image:url(images/logo_boules.gif);
	background-position:center;
	background-color:#FDFDFD;
	width:210px;
	height:210px;
	background-repeat:no-repeat;
	margin-left:65px;
	border-left: solid #CB0A1D 6px;
	border-right: solid #CB0A1D 6px;
	border-bottom:solid #CB0A1D 6px;
	}
#logo {
	width:32em;
	margin:auto;
	text-align:right;
	font-size:1.9em;
	}
#logo a{
	text-decoration:none;
	text-align:right;
	color:#ffffff;
	}
#zone_de_navigation {
	position:relative;
	height:10px;
	text-align:right;
	width:40em;
	margin-left:35%;
	margin-right:0%;
	}
#zone_de_navigation li {
	display:inline;
	}
	
#content {
	height:1100px;
	width:90%;
	margin:auto;
	margin-top:50px;
	/*border-top: solid #CB0A1D 6px;*/
	border-bottom: solid #CB0A1D 6px;
	overflow:auto;
	}
#main {
	width:75%;
	padding-top:5px;
	float:left;
	}
#droite {
	padding-top:10px;
	width:22%;
	float:right;
	}
#quest {
	width:30em;
	margin:auto;
	margin-top:25px;
	margin-bottom:25px;
	border-top: double;
	border-bottom: double;
	border-color: #666666;
	text-align:center;
	}
	
#quest p {
	display:inline;
	text-align:center;
	font-weight:bold;
	}
	

.quest1 {
	font-family:"Times New Roman";
	font-size:1em;
	font-style:italic;
	}
	
.quest5 {
	font-family:comic;
	font-size:1.2em;
	}
.quest3 {
	font-family:"Courier New";
	font-size:1.3em;
	}
.quest4 {
	font-family:"Times New Roman";
	font-size:1em;
	font-style:italic;
	}
.quest2 {
	font-family:"Times New Roman";
	font-size:1.2em;
	font-style:italic;
	}
	
#texte {
	text-align:justify;
	font-size:1.2em;
	}
#texte p {
	font-family:"Tw Cent MT","Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	}
	
#contact {
	width:100%;
	float:right;
	right:0px;
	padding: 0px 0px 10px 10px;
	border-bottom: solid #666666 1px;
	border-left: solid #666666 1px;
		}
	
#maps {
	width:100%;
	float:right;
	right:0px;
	border-left: solid #666666 1px;
	padding-left: 10px;
	padding-top:10px;
	}
	
.webone {
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	}

form {
	background-color: transparent;
	font-weight:bold;
	font-size: 16px;
	color: #4f4f4f;
	width: 190px; /*largeur du formulaire*/
	/*height: 50px;*/
	left: 0px;
	}
label {
	display: block; } /* titre sur ligne a part*/
#nom {
	width: 185px;
	border: 1px solid #666666;
	/*margin: 1em;*/
	}
#expediteur, textarea {
	width: 185px;
	border: 1px solid #666666;
	/*margin: 1em;*/
	}
textarea {height: 7em; }

#footer {
	background-color:#666666;
	color:#FDFDFD;
	font-size:0.8em;
	font-family:calibri, arial;
	text-align:center;
	}
	
#footer p {
	padding:0;
	margin:0;
	}
/*=============================
REALISATIONS
==============================*/
#img_real {
	display:block;
	margin:auto	}
	
/*#img_real a {
	padding:1%;
	width:20%;
	}

#lien_real {
	display:block;
	padding:1%;
	margin-left:10%;
	}
#lien_real a {
	padding:4%;
	width:20%;
	}*/
#contenu1 {
	padding:10px;
	float:left;
	width:20%;
	height:200px;
	border:solid 1px #d9d9d9;
	}
	
#contenu2{
	padding:10px;
	margin-left:2%;
	float:left;
	border:solid 1px #d9d9d9;
	width:20%;
	height:200px;
	}
#contenu3 {
	padding:10px;
	margin-left:2%;
	float:left;
	width:20%;
	border:solid 1px #d9d9d9;
	height:200px;
	}
#contenu4 {
	float:left;
	width:20%;
	margin-left:2%;
	border:solid 1px #d9d9d9;
	height:200px;
	padding:10px;
	}
		
#contenu1 p, #contenu2 p, #contenu3 p, #contenu4 p {
	text-align:center;
	}
	
table {
	margin-top:20px;
	padding:1px;
	font-size:1.5em;
	text-align:center;
	border:solid #666666;
	}	
	
td, th {
	border:solid thin #CCCCCC;
	}
	
#col{
	margin-bottom:30px;
	}
.ess {
	color:#0000CC;
	}
.must {
	color:#EBA501;
	}
.prem {
	color:#CB0A1D;
	}