/****************  BODY PAGE INDEX  *****************/

body, html {height : 100%}

body { margin : 0 ; padding  : 0 ; background : #c4ccd1 url(pics2/fond.jpg) repeat-x top;}

#content  { margin-left: auto; margin-right: auto; width: 800px; height: 100%; background : transparent;}

#titre {
width: 800px;
height: 100px; 
}

#flashcontent{ 
width: 800px; 
height: 520px; 
background : transparent;
background-image : url(pics2/image_fond.jpg);
background-position: bottom;
background-repeat : no-repeat;
} 


#un{ float: left; width: 800px; background : transparent;}

 
#gauche { float: left; width: 400px; background : url(pics2/bande.jpg) repeat-x;}

#gauche h1{
font-family:helvetica, sans-serif;
color:#666a6d;
text-transform: uppercase;
font-size : 0.9em ;
padding:1px 40px;
background : url(pics2/log.png) no-repeat;
}

#gauche p{
font-family:helvetica, sans-serif;
color:#666a6d;
font-size : 0.7em ;
padding:0px 20px;
text-align: justify
}
#gauche a{
	color:#666a6d;
}
#gauche a:hover{
	color:#f97a0b;
}

/****************  NAVIGATIION DEROULANT  *****************/


#navigation {
     float: left;
     width: 400px;
     background : url(pics2/bande.jpg) repeat-x;
}

#navigation  h1{
font-family:helvetica, sans-serif;
color:#666a6d;
text-transform: uppercase;
font-size : 0.9em ;
padding:1px 40px;
background : url(pics2/log.png) no-repeat;
}

#navigation  p{
font-family:helvetica, sans-serif;
color:#666a6d;
font-size : 0.7em ;
padding:0px 20px;
}

#navigation h2{
    font-family:helvetica, sans-serif;
	font-size : 0.7em ;
	padding:0 0 0 19px;
	margin:0;
	color:#666a6d;
	display: block;
	height:20px;
	line-height:30px;
	width:180px;
	font-weight:bold;
}
#navigation ul{
    font-family:helvetica, sans-serif;
	font-size : 0.7em ;
	color:#666a6d;
	margin-top:0; margin-bottom:0;
}
#navigation ul li a{
	list-style-image:url(pics2/nav_li.jpg);
	color:#666a6d;
}
#navigation ul li a:hover{
	color:#f97a0b;
}


/****************  NAVIGATIION DEROULANT FIN *****************/


#droite {
     float: right;
     width: 400px;
	 height: 300px;
     background : url(pics2/bande.jpg) repeat-x;
}

#droite h1{
font-family:helvetica, sans-serif;
color:#666a6d;
text-transform: uppercase;
font-size : 0.9em ;
padding:1px 40px;
background : url(pics2/log.png) no-repeat;
}

#droite p{
font-family:helvetica, sans-serif;
color:#666a6d;
font-size : 0.7em ;
padding:0px 20px;
}

#droite a{
	color:#666a6d;
}
#droite a:hover{
	font-weight:bold;
	color:#f97a0b;
}

#droite2 {
     float: right;
     width: 400px;
     background : #6f7d82 url(pics2/fond2.jpg) repeat-x;
}

#droite2 h1{
font-family:helvetica, sans-serif;
color:#c4ccd1;
text-transform: uppercase;
font-size : 0.9em ;
padding:1px 40px;
background : url(pics2/log.png) no-repeat;
}

#droite2 p{
font-family:helvetica, sans-serif;
color:#c4ccd1;
font-size : 0.7em ;
padding:0px 20px;
}

#droite2 a{
	color:#c4ccd1;
}
#droite2 a:hover{
	font-weight:bold;
	color:#f97a0b;
}

#bas{
     float: left;
     width: 800px;
	 height: 90px;
     background : transparent;
}