html, body, #bg, #bg table, #bg td {
 height:100%;
 overflow:hidden;
 width:100%;
}
body {
background : #000000;
}
#bg {
 height:200%;/*le div bg doit ?tre deux fois plus grand que la taille de l'?cran*/
 width:200%;
 left:-50%;/*on le d?cale de la moiti? de la taille de l'?cran en haut et ? gauche*/
 top:-50%;
 position:absolute;
 z-index:-200;/* pour qu'il soit toujours en dessous du reste du site*/
}
#bg td {
 text-align:center; /* permet de centrer horizontalement l'image */
 vertical-align:middle; /* permet de centrer verticalement l'image */
}
#bg img {
 min-height:50%; /* l'image fera 50% de 200% de la taille de l'?cran soit 100% ;)  */
 min-width:50%; /* l'image fera 50% de 200% de la taille de l'?cran soit 100% ;)  */
}

img { border: none; } 
#container {
position : relative;
width : 1024px;
margin : auto;
}
div.imageholder {
background : #ffffff;
position : absolute;
width : 1024px;
height : 580px;
left : 0;
top : 100px;
margin : auto;
color : transparent;
}
div.navigation {
	position : absolute;
	width : 1024px;
	height : 60px;
	left : 0px;
	top : 101px;
	z-index : 5;
	line-height : 30px;
	font-size : 26px;
	text-align : center;
	color : #FFF;
	margin : auto;
}
div.contentarea {
	position : absolute;
	width : 550px;
	height : 420px;
	left : 232px;
	top : 160px;
	text-align : justify;
	border-style:solid;
border-width:1px;
border-color: #FFF;
	font-family : Trebuchet MS;
	font-size : 22px;
	overflow-x: hidden;
overflow-y: auto;
}
div.contentarealiens {
position : absolute;
width : 1021px;
height : 456px;
left : -10px;
top : 215px;
text-align : justify;
margin-left : 10px;
margin-right : 10px;
font-family : Trebuchet MS;
font-size : 22px;
}
div.contentarea p {
text-align : justify;
	margin-left : 22px;
	margin-right : 22px;
	font-family : Trebuchet MS;
	color : #FFF;
	font-size : 20px;
}
div.contentarealiens p {
text-align : justify;
margin-left : 22px;
margin-right : 22px;
font-family : Trebuchet MS;
color : #009999;
font-size : 22px;
}
div.contentareacalendrier {
position : absolute;
width : 1021px;
height : 496px;
left : -10px;
top : 185px;
text-align : justify;
margin-left : 10px;
margin-right : 10px;
font-family : Trebuchet MS;
font-size : 22px;
}
div.contentareacalendrier p {
	text-align : justify;
	margin-left : 22px;
	margin-right : 22px;
	font-family : Trebuchet MS;
	color : #009999;
	font-size : 22px;
}
div.contentareagalerie {
position : absolute;
width :1024px;
height : 580px;
left : 0px;
top : 168px;
text-align : justify;
font-family : Trebuchet MS;
font-size : 22px;
}
div.contentareacontact {
	position : absolute;
	width :505px;
	height : 370px;
	left : 230px;
	top : 170px;
	text-align : justify;
	margin-left : 10px;
	margin-right : 10px;
	font-family: Eurostile, Geneva, "Lucida Grande", "Arial Narrow";
	color : #FFF;
	font-size : 22px;
}
div.contentareacontact p {
text-align : justify;
margin-left : 22px;
margin-right : 22px;
font-family: Eurostile, Geneva, "Lucida Grande", "Arial Narrow";
color : #FFF;
font-size : 14px;
}
div.contentareasmall {
	position : absolute;
	width : 500px;
	height : 320px;
	left : 262px;
	top : 221px;
	text-align : justify;
	border-style:solid;
border-width:1px;
border-color: #FFF;
	margin : auto;
}
div.contentareasmall p {
	text-align : center;
	margin-left : 22px;
	margin-right : 22px;
	font-family : Trebuchet MS;
	color : #FFF;
	font-size : 25px;
}
div.contentareasmallindex {
	position : absolute;
	width : 140px;
	height : 40px;
	left : 442px;
	top : 560px;
	text-align : center;
	font-size : 22px;
	border-style:solid;
border-width:0px;
border-color: #FFF;
	margin : auto;
}
div.contentareasmallindex p {
	text-align : center;
	margin-left : 22px;
	margin-right : 22px;
	font-family : Trebuchet MS;
	color : #FFF;
	font-size : 30px;
}
div.contentareasmall a {
text-align : justify;
margin-left : 22px;
margin-right : 22px;
font-family : Trebuchet MS;
color : #fff;
font-size : 22px;
}
div.contentareasmall2 {
position : absolute;
	width : 500px;
	height : 320px;
	left : 262px;
	top : 221px;
	text-align : justify;
	border-style:solid;
border-width:1px;
border-color: #FFF;
	margin : auto;
}
div.contentareasmall2 a {
	text-align : justify;
margin-left : 22px;
margin-right : 22px;
font-family : Trebuchet MS;
color : #FFF;
font-size : 22px;
}
div.contentareasmall2 p {
	text-align : justify;
margin-left : 22px;
margin-right : 22px;
font-family : Trebuchet MS;
color : #FFF;
font-size : 22px;
}
div.contentareagalerie {
	position : absolute;
	width : 500px;
	height : 340px;
	left : 262px;
	top : 200px;
	text-align : justify;
	border-style:solid;
border-width:1px;
border-color: #FFF;
	margin : auto;
}
div.contentareacontact p {
	text-align : justify;
	margin-left : 22px;
	margin-right : 22px;
	font-family : Trebuchet MS;
	color : #fff;
	font-size : 14px;
}
div.contentareasmallcontact {
position : absolute;
width : 1020px;
height : 50px;
left : 0px;
top : 635px;
text-align : justify;
margin : auto;
}
div.contentareasmallcontact p{
text-align : center;
margin-left : 22px;
margin-right : 22px;
font-family : Trebuchet MS;
color : #009999;
font-size : 16px;
}
div.contentareasmallcontact a{
text-align : center;
margin-left : 22px;
margin-right : 22px;
font-family : Trebuchet MS;
color : #009999;
font-size : 20px;
}
div.contentareasmallcontact h3{
font-size : 18px;
text-align : center;
color : #009999;
}
div.logotext {
position : absolute;
width : 1021px;
height : 124px;
left : 0;
top : -60px;
font-size : 46px;
color : #fff;
text-align : center;
margin : auto;
}
div.logotext rouge{
font-size : 46px;
color : #ffff;
}
div.soustitre {
	position : absolute;
	width : 1024px;
	height : 80px;
	left : 0px;
	top : 120px;
	font-size : 26px;
	color : #ffff;
	text-align : center;
	margin : auto;
}
div.soustitregalerie {
position : absolute;
width : 1024px;
height : 80px;
left : 0px;
top : 110px;
font-size : 20px;
color : #ffff;
text-align : center;
margin : auto;
}
div.footer {
	position : absolute;
	width : 1022px;
	height : 9px;
	left : 0px;
	top : 630px;
	color : #ffffff;
	text-align : center;
	margin : auto;
}
div.footer h2{
font-size : 16px;
}
div.footergalerie {
	position : absolute;
	width : 1022px;
	height : 9px;
	left : 306px;
	top : 753px;
	color : #ffffff;
	text-align : center;
	margin : auto;
}
.style1 {
	color : #FFF;
	font-weight : bold;
}
.style4 {
font-size : 24px;
color : #009999;
}
.style5 {
font-size : 20px;
color : #009999;
}
.styletable {
font-size : 18px;
color : #009999;
text-align : center;
}
.texte {
font-size : 20px;
color : #ffffff;
}
a.navigation:visited {
text-decoration : none;
color : #fffff;
outline : none;
}
a.navigation:active {
	text-decoration : none;
	color : #FFF;
	outline : none;
}
a:link {
color : #ffffff;
text-decoration : none;
outline : none;
}
a:visited {
color : #ffffff;
text-decoration : none;
outline : none;
}
a:active {
color : #ffffff;
text-decoration : none;
outline : none;
}
.absolute {
position : absolute;
}
.f_left {
float : left;
}
#cycler {
border-style:solid;
border-width:0px;
border-color: #000;
}
div.imageholder1 {
position : relative;
width : 1024px;
height : 628px;
left : 0;
top : 120px;
margin : auto;
background : transparent;
}
div.imageholder2 {
position : relative;
width : 1024px;
height : 628px;
left : 0;
top : 150px;
margin : auto;
background : #ffffff;
}
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
	float: left;
	margin-left: -165px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	color: #FFF;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
#container .logotext h1 {
	color: #FFF;
	font-family: Eurostile, Geneva, "Lucida Grande", "Arial Narrow";
}
#container .soustitre h2 {
	color: #FFF;
}
.rouge {
	color: #F00;
	font-size: 68px;
}
imageSlideshowHolder,.imageSlideshowHolder_left{
                margin:5px;     /* "Air" */
                float:center; /* Floating gallery at the right side of other web page content */                
                width:530px;    /* Image width */
                height:300px;   /* Image height */
                margin: auto;
                position:relative;      /* Don't remove this line */
        }
        .leftFloatingDiv{
                float:left;
                width:160px;
                height:110px;
        }
        /* Don't change these values */
        .imageSlideshowHolder img{
                position:absolute;
                left:0px;
                top:0px;
        }