/* CSS Document */

html,body {
margin: 0 ;/* pour éviter les marges */
padding: 0 ;/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
background-image: url(img/fond.gif);
}
	 
p,ul,li,td {
	font-size : 0.8em;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	color : #10218B;
	}

h1 {
	font-size : 200%;
	color : #10218B;
	text-align: left;
	font-family: "Rage Italic", "Comic Sans MS"; src:url(RAGE.TTF);
	}


h2 {
	font-size : 90%;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	color : #10218B;
	text-decoration: underline;
}
h3 {
	font-family: "Rage Italic", "Comic Sans MS"; src:url(RAGE.TTF);
	color: #10218B;
	text-align: left;
	font-size: 150%;
}


a:link {color: #333333; text-decoration:underline;}
a:visited {color: #000000; text-decoration:underline;}
a:hover {color:#999999; text-decoration:none;}

.champs {font-size: 50%}


/* CSS POSITIONNEMENT DIV */
#intro {/* centre d'une animation flash ou d un block ne contenant pas de texte*/
    position:absolute;
    left: 50%; 
    top: 50%;
    width: 500px;
    height: 330px;
    margin-top: -165px; /* moitié de la hauteur */
    margin-left: -250px; /* moitié de la largeur */
    }

#entete {
	height: 100px;
	background-color: #FFFFFF;
	width: 750px;
	}
	
#conteneur {
	/* CCS CADRE LE CONTENU EN HAUT DE LA FENETRE */
	position: absolute;
	width: 750px;
	height: 533px;
	left:514px;
	margin-left: -375px;
	background-color:#FFFFFF;*/
	position: absolute;
    left:50%; 
    top:324px;
    width: 750px;
    height: 536px;
    margin-top: -268px; /* moitié de la hauteur */
    margin-left: -375px; /* moitié de la largeur */
	background-color:#FFFFFF;
	}
	
#centre {
	position: fixed;
	background-color:#FFFFFF;
	margin-left: 165px;
	margin-right: 30px;
	text-align: left;
        width:800px;
	height: 400px;
	}
	
#centrecontact {
	background-color:#FFFFFF;
	text-align: center;
	width:272px;
	position: absolute;
	left: 463px;
	top: 316px;
	height: 148px;
	}
	
#centrecontacttxt {
	background-color:#FFFFFF;
	text-align: center;
	height: 148px;
	width:272px;
	position: absolute;
	left: 189px;
	top: 316px;
	}
	
#centre3 {
	background-color:#FFFFFF;
	margin-left: 0px;
	text-align: center;
	height: 213px;
	width: 548px;
	top: 101px;
	position: absolute;
	left: 187px;
	}
	
#centre3 img {
	text-align:left;
	left:auto;
	}
	
#centre1 {
	background-color:#FFFFFF;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	height: 393px;
	width:337px;
	position: absolute;
	margin-top: 0px;
	}
	
#centre2 {
	background-color:#FFFFFF;
	margin-left: 285px;
	text-align: center;
	height: 400px;
	width: 285px;
	top: 101px;
	position: absolute;
	visibility: hidden;
	}
		
#gauche {
	position: absolute;
	left:0;
	height: 400px;
	top: 101px;
	width: 150px;
	}
	
	
#pied {
	position: static;
	height: 20px;
	background-color: #FFFFFF;
	left: 40px;
	width: 100px;
	}

/* CSS DIAPORAMA ZOOM 	*/
.thumb {
	position:relative;
	top: 107px;
	left:164px;
	color: #FFFFFF;
  }
  
.thumb a {
	margin:0;
	text-decoration:none;
	color: #FFFFFF;
   }

.thumb a:hover {
	background-color:#FFFFFF;
	color: #FFFFFF;
  }

.thumb a .grand {
	display:block;
	position:absolute;
	width:0px;
	left: 170px;
	top: 35px;
	color: #FFFFFF;
  }	  
  
.thumb a:hover .grand {
	position:absolute;
	top: 38px;
	left:340px;
	width:213px;
	height:300px;
	color: #FFFFFF;
  }
#centre1 img {
	border: 1px solid #000000;
	}