/* CSS Document */

body{
	background-color: #4d4d4d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
#global {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 600px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -450px; /* moitié de la largeur */
	background-image: url(../img/background.jpg);
	background-repeat: no-repeat;
	}
#global a{
	color:#8e1016;
	text-decoration:none;
	}
#global a:hover{
	filter : alpha(opacity=60); 
    -moz-opacity : 0.6; 
    opacity : 0.6;
	}

#global a:hover img{
	filter : alpha(opacity=60); 
    -moz-opacity : 0.6; 
    opacity : 0.6;
	}

html{overflow:hidden;} 


/************************************************** HEADER **************************************************/

#header{
	margin-top: 7px;
	margin-left: 5px;
	width: 440px;
	height: 81px;
	}
#header img{border: none;}


/************************************************** MENU **************************************************/

#menu{
	margin-top: 68px;
	margin-left:50px;
	font-size:1.3em;
	width:350px;
	height:260px;
	}
#menu_txt{
	font-size:11px;
	text-decoration:none;
	text-align:right;
	margin-bottom:10px;
	}
#menu img{border: none;}


/************************************************** CORPS (HOMEPAGE) **************************************************/

#corp_hp{
	margin-top: -260px;
	margin-left:420px;
	width: 450px;
	height: 340px;
	}
#corp_hp img{border: none;}


/************************************************** CORPS **************************************************/

#corp{
	position:absolute;
	bottom:104px;
	right:30px;
	width: 450px;
	height: 340px;
	}
#corp img{border: none;}


#fondtranslucide{
	height:340px;
	width:450px;
	background-color: #ffffff;       /* la couleur de fond          */
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    opacity: 0.3;
	}
#textopaque{
	overflow:auto;
	height:340px;
	width:450px;
	padding:0px 0px 0px 10px;
	background-color: transparent;   /* fond transparent            */
    position: absolute;              /* positionnement absolu       */
    z-index: 2;                      /* placement sur l'autre DIV   */
	}


/*************************************************** PIED **************************************************/

#pied{
	position:absolute;
	bottom:10px;
	right:30px;
	width: 582px;
	height: 50px;
	font-size:0.7em;
	}
#pied p{
	color:#ffffff;
	text-align:right;
	line-height:10px;
	}
	
	
	
/*************************************************** CREDITS **************************************************/

#credits{
	position:absolute;
	bottom:5px;
	width: 900px;
	height: 20px;
	font-size:0.5em;
	letter-spacing:0.1em;
	color:#9f967d;
	text-align:center;
	}
#credits a{
	color:#e5dabb;
	}


/************************************ FORMULAIRE INSCRIPTION NEWSLETTER ************************************/

.ola{
	color:#000000;
	border:solid 1px #000000;
	background-color: #eee4ca;
	}


/************************************ IMAGE GALETTE ************************************/
#galette{
	width: 430px;
	height: 185px;
	vertical-align:top;	
	text-align: left;
	}
#commander{
	position:relative;
	width: 104px;
	bottom:90px;
	left: 250px;
	}

/************************************ GALERIE ************************************/

#gallerycontent{
	position:absolute;
	top:120px;
	left:100px;
	width: 700px;
	height: 400px;
	}
#galleryfondtranslucide{
	width:700px;
	height:400px;
	background-color: #ffffff;       /* la couleur de fond          */
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    opacity: 0.3;
	}
#galleryopaque{
	overflow:auto;
	height:400px;
	width:700px;
	background-color: transparent;   /* fond transparent            */
    position: absolute;              /* positionnement absolu       */
	top:0px;
	left:0px;
    z-index: 2;                      /* placement sur l'autre DIV   */
	}
#galleryopaque p{
	font-family:arial,sans-serif;
	color:#8e1016;
	text-align:center;
	}
#galleryopaque small {font-size: 0.8em;}


/************************************ TEXTE ************************************/
#texte{
	font-family:arial,sans-serif;
	margin-right:10px;
	color:#000000;
	font-size:0.75em;
	text-align:justify;
	}
#texte_center{
	font-family:arial,sans-serif;
	margin-right:10px;
	color:#000000;
	font-size:0.75em;
	text-align:center;
	}

#titre{
	margin-top:10px;
	margin-bottom:10px;
	font-size:1.1em;
	font-family:arial,sans-serif;
	font-weight:bold;
	border-bottom:solid 2px #8e1016;
	width:425px;
	color:#8e1016;
	}

#date{
	font-family:arial,sans-serif;
	font-size:1.1em;
	text-align:center;
	color:#8e1016;
	font-weight:bold;
	}	
#date_2{
	font-family:arial,sans-serif;
	font-size:0.8em;
	text-align:center;
	color:#000000;
	font-weight:bold;
	}	

#gb_form{
	font-family:arial,sans-serif;
	font-size:0.8em;
	text-align:left;
	color:#000000;
	font-weight:bold;
	}	
	
ul{
	list-style-type: none; 
	padding:0px; 
	margin: 0;
	}
	
.fs1{font-size:0.9em}
.fs2{font-size:1.3em}
.fs3{font-size:0.7em}
.fs4{font-size:0.8em}
.fs5{font-size:0.75em}

.c1{color:#8e1016}
.c2{color:#FED16C}
.c3{color: #6699FF}
.c5{color: #ffffff}
.c6{color: #FF0000}
.c7{color: #000000}
.c8{color: #808080}

.fw-b{font-weight:bold;}

.ta-c{text-align:center;}
.ta-r{text-align:right;}
.ta-l{text-align:left;}


/************************************ MISE EN PAGE ************************************/

.bord{border: solid 1px #000000}
.b1{border: solid 2px #000000}
.fl{float:left}
.sp1{margin-right:5px}
.sp2{margin-right:18px}
.sp3{margin-left:18px}