body {
background-color: #fff;
background:url(images/background.gif) top left repeat-x;
font-size: 12px;
font-family: Arial, Verdana, Sans-Serif;
color:#000;
padding:0px;
margin:0px;
}
a {color: #01a3b4;}
a:visited {color:#96adaf;}
a:hover {color: #f48503;}
a:active { color:#fc6e05;}

h1 {
font-size: 18px;
font-weight: bold;
padding:0pxx;
margin:0px;
color: #f48503;
}

h2 {
font-size:14px;
font-weight: bold;
padding: 0px;
margin:0px;
color: #01a3b4;
}

/* ----------container to center the layout-------- */
#container {
width: 990px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#logo {
width: 262px;
float: left;
}

#banner {
background:url(images/header.jpg) top left no-repeat;
padding: 0px;
margin: 0 0 0 262px;
height: 140px;
}

/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 170px #fff; /* color of the left column  */ 
border-right: solid 170px #fff; /* color of the right column  */ 
background-color: #ffffff;  /* color of the content column */
} 

#inner{margin:0; width:650px; } /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
 width:150px; 
 float:left; 
 position:relative; 
 margin-left:-160px; 
 margin-right: 10px;
 }

/* Menu gauche */
#nav {
list-style: none ;
margin: 0 ;
padding: 0 ;
overflow: hidden ;		/* Cr?ation du contexte de formatage */
}

#nav li {
float: left ;
width: 150px ;
margin-right: 1px ;
color: #000;
}

#nav li a {
display: block ;
background: url(images/boutons.gif) left top no-repeat ;
color: #000;
font-size: 12px;
font-weight: bold;
font-family: Arial, Verdana, Sans-Serif;
line-height: 25px ;
padding: 0 0 0 5px;
text-decoration: none ;
}

#nav li a:hover, #nav li a:focus, #nav li a:active {
background: url(images/boutons.gif) right top no-repeat ;
text-decoration: noe;
}


 #right {
 width:160px; 
 float:right; 
 position:relative; 
 margin-right:-170px; 
 }

/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0px; 
}

p {
padding: 5px 10px;
margin:0px;
}

/* Formulaire de connexion */
#login {
background: url(images/connexion-bckg.jpg) left top no-repeat ;
height: 165px;
padding: 30px 10px 10px 10px;
line-height: 18px;
}

#formTxt {
margin: 0 0 0 200px;
float: left;
}

#formShields {
margin: 0 0 0 300px;
}

.centre {
text-align: center;
}

/* lastMembers */
#lastmembers {
background: url(images/lastMembers-bckg.gif) left top no-repeat ;
height: 170px;
padding: 10px 10px 5px 10px;
text-align: center;
}
/*  ----------------footer---------------------- */ 
#footer {
background: url(images/footer.gif) center top no-repeat ;
height: 83px;
padding: 10px 10px 5px 10px;
text-align: center;
color: #01a0af;
} 

#footer a {
color: #01a0af;
}

#footer a:hover {
color: #f48503;
text-decoration: none;
}