#bordure-h {
  margin-top: 12px;
  padding-top: 35px;
  background-image: url(../img/4.png);
  background-position: top;
  width:820px;
}

#bordure-b {
 
  padding-bottom: 35px;
  background-image: url(../img/5.png);
  background-position: bottom;
  width:820px;
}

#bordure-l {
float: left;
position:absolute;  
margin:0;
padding:0;
width: 12px;
height: 100%;
background: url(../img/6.png) repeat;

}

#fond2 {
position:absolute;
background-image:url("../img/8.png") repeat top center fixed;
background-position:top;
}

/* Centrage
------------------------------------------------ */

#global { 
  position: relative;
  margin-left: auto; 
  margin-right: auto; 
  width:800px; 
  text-align: left; 
}

/*Drapeau */
#drapeau {
 margin-bottom: 5px;
}


/* general
----------------------------------------------- */
body {
margin:0;
font: 0.7180em Verdana, Arial, Helvetica, sans-serif; 
line-height: 1.7; 
color:#F2F5FB ; 
background: #1A1A1A url("../img/b.png") repeat top center fixed;
}

a {
text-decoration: underline;
color: #5a9bcd;
}

a:hover {
text-decoration: underline;
color: #a1a2a7;

}


/* en tête
----------------------------------------------- */
#entete{
width:770px; 
height:102px; 
background-image: url(../img/bgheader.gif); 
}

#entete img{
margin:45px 0 0 218px;
}

#entete p{
margin:-15px 0 0 365px;
color: #C5C5C5;
font-size: 0.9em;
}

#note{
width:130px;
margin:-30px 0 0 600px;
color: #C5C5C5;
font-size: 0.9em;
line-height: 1.2; 
}


/* Contenue Global
----------------------------------------------- */
#contenueGlobal{
float:left;
margin:0 0 10px 0;
width: 100%;
height: 185px;
background-image: url(../img/bgmenu.gif);
background-repeat: no-repeat;
}


/* Menu Navigation
----------------------------------------------- */
#contenueMenu {
float: left;
width: 202px;
height:300px; 
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 202px;
height:300px;
}

#contenueMenu img {
margin:37px 0 0 0;
}


html>body #contenueMenu {
width: 202px; /* ie5win fudge ends */
}

.menu{
width: 160px;
list-style-type: none;
margin:23px 15px 0 25px;
padding: 0;
border-top: 1px solid #42454B;
border-bottom: 1px solid #42454B;
}

.menu li a{
	width: 140px;
	background-image:url(f.gif);
	background-repeat: no-repeat;
	background-position: left;	
	font:11px "Verdana", Arial, Helvetica, sans-serif;
	color: #F2F5FB;
	display: block;
	width: auto;
	padding: 4px 0;
	padding-left: 20px;
	text-decoration: none;
	border-bottom: 1px solid #42454B;

}

.menu li a:visited {
color: #F2F5FB;
}

* html .menu li a{ 
/*IE only. Actual menu width minus left padding of LINK (20px) */
width: 140px;
}


.menu li a#current{ 
color:#7CC4E9; 
cursor:default;
background:  url("../img/3.png")repeat top center fixed;
}

.menu li a:hover{
background-image:url(1.png); 
}


/* Image
----------------------------------------------- */
#image {
margin:7px 0 0 6px;
float: left;
width: 70%; 
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 70%;
}

html>body #image {
width: 70%; /* ie5win fudge ends */
}

/* Contenue Texte
----------------------------------------------- */	
#contenueTexte{
float:left;
padding:10px 20px 0 20px;
margin:8px 0 0 7px;
width: 520px;
background:url(../img/7.png)repeat top center fixed;
}

#contenueTexte strong{
color: #7CC4E9;
font-size: 1.1em;
}

#contenueTexte img{
margin:20px 0 10px 0;
border: 7px solid #2e3941;
}

.nota{
margin:30px 0 0 0;
padding:10px;
width: 500px;
background-color: #333;
}


/* Pie
----------------------------------------------- */	
#pie{
    float:left;
	margin:60px 0 10px 0;
	width: 100%;
	height:60px;
	color: #424242;
	background-image: url(../img/bgpie.gif);
	background-repeat: no-repeat;
	}

.net{
margin:30px 0 0 208px;
}

.validation{
margin:30px 0 0 280px;}

.validation a{
	color: #666666;
	text-decoration: none;
}



