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

body {HEIGHT: 100%; margin: 0; padding: 0;} 

/* HOME
--------------------------------------------------------------------------------------- */
#container {width:975px;margin:0 auto}
#headerAccueil {width:975px; position:relative; margin:0 auto; height:530px;background-image:url(../images/recreation-graphique.jpg); background-repeat:no-repeat}
/*  #headerAccueil {width:975px; position:relative; margin:0 auto; height:530px;background-image:url(../images/bg-accueil.jpg); background-repeat:no-repeat}*/
#headerAccueil #quote {position:absolute; left:0; text-align:center; top:360px; width:975px; height:31px;}
/*#headerAccueil #quote {position:absolute;left:0;top:330px;}*/
#headerAccueil #menu1 {position:absolute;left:0;top:453px;}
#headerAccueil #logo {position:absolute;left:0;top:0px;}

#headerHome {width:975px; position:relative; margin:0 auto; height:530px;background-image:url(../images/graphic-recreation.jpg); background-repeat:no-repeat}
/*#headerHome {width:975px; position:relative; margin:0 auto; height:530px;background-image:url(../images/bg-home.jpg); background-repeat:no-repeat}*/
#headerHome #quote {position:absolute; left:0; text-align:center; top:360px; width:975px; height:31px;}
/* #headerHome #quote {position:absolute;left:0;top:310px;}*/
#headerHome #menu1 {position:absolute;left:0;top:453px;}
#headerHome #logo {position:absolute;left:0;top:0px;}

#topMenu {width:975px; margin:0 auto; height:34px;}


#headerInside {width:975px; position:relative; margin:0 auto; height:335px;background-image:url(../images/bg-inside.jpg); background-repeat:no-repeat}
#headerInside #titre {position:absolute;left:0;top:88px;}
#headerInside #menu1 {position:absolute;left:0;top:239px;}
#headerInside #logo {position:absolute;left:0;top:0px;}

#headerAbout {width:975px; position:relative; margin:0 auto; height:700px;background-image:url(../images/bg-about.jpg); background-repeat:no-repeat}
#headerAbout #titre {position:absolute;left:0;top:88px;}
#headerAbout #menu1 {position:absolute;left:0;top:239px;}
#headerAbout #logo {position:absolute;left:0;top:0px;}
#headerAbout #texte {position:absolute;left:0;top:370px;width:660px;}


#mainContent{position:relative; width:975px; margin:0px auto;}
#leftColumn{position:relative;float:left;	width:480px;}
#rightColumn{position:relative; float:right; width:480px;}
#column1 {float:left;width:233px;}
#column2 {float:left;width:233px;margin-left:14px}
#column3 {float:left;width:233px;margin-left:14px}
#column4 {float:left;width:233px;margin-left:14px}
#column5 {float:left;width:233px;}
#column6 {float:left;width:233px;margin-left:14px}
#column7 {float:left;width:233px;margin-left:14px}
#column8 {float:left;width:233px;margin-left:14px}