/*	-------------------------------------------------------------
	Nom du client
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Structure du site
	Nom fichier:	structure.css
	Version:		1.0
	Date:			29/07/2007
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	General
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body {
	background-color: #8C88A7;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #393535;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 20px;
	margin:0px;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #393535;
}

/*	-------------------------------------------------------------
	Mise en page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#container {
	display:block;
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 960px;
}

.clear {clear:both}



/*	-------------------------------------------------------------
	Positionnement
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#accueil1 {position: absolute; top:536px; left:0px; width:960px; height:195px; background-color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; 0.8; opacity: 0.8;}
#accueil2 {position: absolute; top:560px; left:30px;}
#accueil3 {position: absolute; top:590px; left:45px; width:230px;}
#accueil4 {position: absolute; top:550px; left:342px; width:600px;}
#accueil5 {position: absolute; top:200px; left:80px;}
#accueil6 {position: absolute; top:130px; left:20px;}




/*	-------------------------------------------------------------
	Autres classes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* ############### MENU ################ */
#menu {
	position:relative;
  width:960px;
  height:40px;
  list-style:none;
  overflow:hidden;
  top:0px; right:0;
}
#menu li { float:left; height:40px; margin:0px; padding:0; overflow:hidden; }
#menu li a {
	overflow:hidden;
  display:block;
  position:relative;
  top:0;
  left:0;
  text-decoration:none;
}
#menu li a:hover, #menu li a.select {
  top:-40px;
  text-decoration:none;
  border:0px solid transparent;
}

/* ############### MENU ################ */

* html img, * html .png {
	behavior: expression(
			(this.runtimeStyle.behavior="none") && (this.pngSet ? this.pngSet = true : (
				this.nodeName == "IMG" ? (
					this.src.toLowerCase().indexOf('.png') > -1 ? (
						this.runtimeStyle.backgroundImage = "none",
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
						this.src = "images/blanc.gif"
					) : 0
				) : (
					this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
					this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
					(this.currentStyle.backgroundRepeat != 'no-repeat') ? (
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')"
					) : 0,
					this.runtimeStyle.backgroundImage = "none"
				),this.pngSet=true
			)
		)
	);
}
/* #flags{display: block; float:right; height:15px; right:150px; margin: 0; padding:0; position: absolute; text-align: left; <? if( !eregi('msie',$_SERVER['HTTP_USER_AGENT']) ){ ?>bottom:2px;<? } else { ?>bottom:0px;<? } ?> width:95px;}*/
#flags{position:absolute; float:right; right:52px; top:35px; width:68px; margin: 0; padding:0; text-align: left;}
#flags ul{margin:0; padding:0; list-style:none;}
#flags li{float:left; height:24px; margin:0 0px 0 6px; padding:0; width:24px; text-align:center;}
#flags img{border:0; width:22px;}
#flags strong{display:block; font-variant: small-caps; font-weight:bold; position:relative; text-indent:-9000px;}
#flags a {display:block;text-decoration: none; line-height:11px; height:15px; font-size:1px; border:1px solid transparent;}
#flags a:hover{border:1px solid #fff;}
#flags .select{border:1px solid #fff;}
#flags .opacit_flag{ filter: alpha(opacity=60);     -moz-opacity: 0.6;     -khtml-opacity: 0.6;     opacity: 0.6; }
#flags a:hover .opacit_flag{ filter: alpha(opacity=100);     -moz-opacity: 1;     -khtml-opacity: 1;     opacity: 1; }  
/* ############### FLAGS ################ */ 
