html, body {
height: 100%
}

body {
	margin : 0 ;
        margin-top:5px;
	padding : 0 ; 
	background :  url(images/bg-all.png) #fff repeat-x; 
	text-align : center;
	font-size : 0.8em;
	font-size:12px;
	color:#000;
	font-family : verdana,arial;
	background-color:#aa863f;
        line-height:1.5em;
}
  
/**********
*  SITE  **
**********/
 
#site { 
	width : 887px;
	margin : 0 auto;
	text-align : justify;
	min-height : 100%; 
	
}
     
     
/*  HEADER
**************/
#header {
	pos_ition : relative ; 
	height : 208px;
	background : url(top.jpg) no-repeat #cebea4; 
	border-bottom:solid 0px #212842;
}

/*  HEADER >> TITRE DU SITE >> H1 + P slogan
*****************************************/
#header h1 {
	position : absolute; 
	top : 10px ; 
	right : 20px ; 
	margin : 0;
	padding : 0 ; 
	font-size : 10px;
	text-transform : uppercase;
	font-weight : normal ;
	letter-spacing : 6px ; 
	display:none; 
}

#header h1 a {
	color : #9D9D9D;
	text-decoration : none; 
}

#header p {
	position : absolute; 
	top : 40px ; 
	right : 33px ; 
	margin : 0;
	padding : 0 ; 
	text-transform : uppercase;
	font-weight : normal ;
	letter-spacing : 6px ;
	color : #fff; 
}
   
/*  HEADER >> MENU PRINCIPAL - MENU HAUT
********************************************************************/
#menu {

	bottom : 0px ;
	margin-left : 150px; 
        height:30px;
       width:890px;
        o_verflow:hidden;
}
	
	
#menu  ul{

	list-style : none ;
	margin : 0; 
	padding : 0;
}


#menu  li{
        font-family:Georgia;
	float : left ;
	font-variant: small-caps;
        margin-top:167px;
	font-size:14px;
        width:120px;
        text-align:center;
}
	

#menu  li a{
	margin : 0 ; 
	padding : 0 15px  ; 
	text-decoration : none ;    
	color : #000000 ;
	font-weight : bold ;
	display: block;
}


#menu li a:hover {

	color:#ab2722;
}
/*****************************	
 SOUS-MENU HAUT - Menu déroulant
*******************************/
/* nivo 2 */

#haut li ul {
	position: absolute;
	width: 150px;
	left: -999em;
	margin:0px;
	border:solid 1px #a6916c;
}

#haut li ul li {
	width: 150px;
	
	margin:0px;
	padding:5px 0px 5px 0px;
	border-top: solid 1px #a6916c;
	text-align:center;
	background-color:#ceb891;	
	
}

#haut li ul li:first-child{
	border-top : 0; 
}
#haut li ul li a
{
	margin:0px;
	padding:0px;
	font-weight:normal;
	color:#000;
	width: 150px;
}
#haut li ul li a:hover
{
	color:#ffffff;	

}
#haut li:hover ul {
	left: auto;
	
}


/* masquer les cadres des nivo 2 et + [li.sfhover pour IE] */

ul ul, li:hover ul ul {
	left: -999em;
}

li:hover ul, li:hover li:hover ul {
	display:block;	

}
/******************************
****  Colonne Gauche - menu
********************************************************************/

/* bloc gauche page gauche.txt */
.colgauche, .colgauche a
{
    text-align:center;
    font-weight:bold;
    text-decoration: none;
    color:#000;
    font-variant: small-caps;
}
   
#col1 
{
	width : 185px ;
	min-height:445px;
	_height:445px;
	float  : left ;
	padding :  0  ;
	text-align : justify; 
	background : url(bg-menugauche.jpg) top no-repeat #fff;
	
 }
	
#menugauche
{
	
	background:#fff;
}	

/* Nivo 1 */
#menuvertical
{
	
	font-size 100%;
	margin : 30px 0px 0px 0px  ;
	padding :  0 0 0 0px ; 
	color : #5a5b60; 
	line-height : 27px;
	
	text-align:center;
	font-weight : normal;
	text-decoration : none ;


}
	
#menuvertical li
{
	list-style:none;
width:175px;
	background : url(pixel.gif);
}
#menuvertical li a
{
	text-decoration:none;
	color : #5a5b60; 
	letter-spacing : 0px ;
	text-align:left; 
	padding : 0 0px 0 0px; 
	font-size:100%;
       font-variant: small-caps;
       width:175px;
}
	
/* Nivo 2 */
#menuvertical ul{
	

	list-style : none ; 
	margin :  0px; 
	padding : 0; 
	color : #5a5b60;
	font-size : 0.9em;

        display: block;
	background : url(pixel.gif);
}
 
#menuvertical ul li{
	margin : 0 ; 
	padding : 0;
	list-style : none ; 
	border-top : 0px solid #E6E6E6; 
	background: url(pixel.gif );
        text-align:center;
        text-transform: lowercase;
}
  
#menuvertical ul li a{
	padding : 0 0px 0 0px; 
	display : block ;
	font-size:11px;

	height : 15px;
	line-height : 15px; 
	text-decoration : none ; 




	color: #000000;
        font-variant:normal;
	text-transform: lowercase;
	text-align:center;
	letter-spacing : 1px ; 
	background : url(pixel.gif);
}
#menuvertical a{
	color:#fff;
}
#menuvertical .menusel a
{
	color: #000000;

  	/* CSS3 standard */
 
	border-bottom:solid 0px #4b556c;
	border-top:solid 0px #4b556c;
}
#menuvertical li:first-child{
	border-top : 0;  
}

#menuvertical li a:hover{
	color: #000000;

}

/*  CONTENT / Contenu
********************************************************************/

#content {
	overflow : auto ;
	background : url(bg.jpg) left top #fff repeat-y; 
 }
 
 
 
 /*  CONTENT >> CENTRAGE
********************************************************************/

#centrage {
	padding : 0px;
}
	
	
/*  CONTENU
********************************************************************/	
	

#contenu 
{
	width : 650px; 
	background : transparent; 
	float  : left;
	margin : 0px;
	padding : 0px 0px 0 10px  ;

}
  

#contenu h1 
{
	font-family: Arial,Verdana, Helvetica;
        color:#3c2500;
	font-size : 120% ; 
	padding :  5px 0px ; 
	margin: 5px 0 10px 0px ;
	font-weight : bold;
	font-variant:small-caps; 
	text-align:right;
	border-bottom:solid 1px  #d0b78e;

} 

#contenu h2
{

	font-family: Arial,Verdana, Helvetica;
	font-size:110%;
	letter-spacing:0.1em;
	padding : 0;
	padding-top:4px;
	margin : 0;
	margin-top:5px;
	height:20px;
	color:#000;
	font-weight : bold;

	text-align:left;
	
}
#contenu h2 a
{
	color:#fff;

}
#contenu h3
{
	font-family: Arial,Verdana, Helvetica;
	color:#424242;
	font-size:90%;
	font-weight:normal;
	margin:0px 0px 5px 0px;
	padding:0px;
}
#contenu ul
{
	list-style-image:url(puce.gif);
	list-style-type:none;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:10px;
	text-align:left;
	padding-left:15px;
	margin-left:15px;
	padding-top:0px;
	margin-bottom:5px;

}



#contenu a {
	color : #1d305d;
	text-decoration:none;
}


#contenu a:hover
{
	text-decoration:underline;
}
.cadreaccueil
{
	width:100%;

}
.cadreaccueil td
{
	vertical-align:top;
	align:left;
	

}
.tableOptions
{
     border: solid 1px #c19750;
     border-collapse : collapse;
     width:100%;
}
.tableOptions td
{
    border: solid 1px #c19750;
     border-collapse : collapse;
     vertical-align:middle;
     align:center;
     padding:0px 5px;

}
.tablesurligner
{
     background-color: #fed48c;
}
div.hr {
  height: 15px;
  background:  url(hr.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}
/* IMAGES 
*****************************************************/

/* par défaut, alignée à droite du texte */

#contenu img
{
	padding:0px;
	text-align:right;
	border: solid 1px #c19750;

	
}
/* sinon à gauche ou haut */
.imgtxt
{
	padding:0px;
	text-align:right;

	float:left;
	margin-right:10px;
	
	margin-top:5px;
}
.txtimg
{
	padding:0px;
	float:right;
	margin-left:10px;
	margin-top:0px;
}
.imgtop
{
	float:top;
	margin-bottom:5px;
	margin-top:5px;

}
#tableOptions img
{
     border: solid 0px;
     margin-top:3px;
}
/****************************   
/*  Colonne droite
********************************************************************/
   
   
#col2 
{
	width : 04px ;
	min-height:445px;
	_height:445px;
	float  : left ;
	padding :  5px 0 0px 0px ;
	text-align : center; 
	color : #A3A3A3;

}
  

#col2 img
{

 	border:solid 1px #454c5b;
}



#col2  p 
{
	margin : 0 0 5px 0;
	padding : 0;  
}


#col2 .cadre-droit
{
	text-align:center;
	height:301px;
	width:160px;
	margin:50px 0px 0px 10px;
	padding : 10px 0 10px 0px;
}
   
#col2 h2 
{
	font-size : 100%;
	margin : 0px 0 10px 0px  ;
	padding :  0 ; 
	color : #ffffff ; 
}
#col2 a
{
	color:#fff;
	text-decoration:none;
}
#col2 a:hover
{
	text-decoration:underline;
}
 	
/*  FOOTER
*******************************************************************/ 
   
#footer { 
	min-height :63px;
        _height :63px;
	text-align : center ;
 	background: #cebea4;
       background:url(bg-footer.jpg);
       font-size:11px;
       padding-left:180px;
}
#footer p { 
	margin : 0 ;
	padding : 5px 0 0 0;  
	color : #fff; 
}
#footer a { 
	color : #868686;
	text-decoration : none ;  
}



#footer a:hover { 
	text-decoration : underline ;  
}