html, body {
height: 100%
}


body {
	margin : 0 ;
	padding : 0 ; 
	
	text-align : center;
	font-size : 0.8em;
	font-size:12px;
	color:#000;
	font-family : arial,verdana;
}
  
/**********
*  SITE  **
**********/
 
#site { 
	
	width : 956px;
	margin : 0 auto;
	text-align : justify;
	background : url(site.jpg) top left no-repeat #fff ;
	min-height : 100%; 
	min-height : 530px;
}
     
     
/*  HEADER
**************/
#header {
	position : relative ; 
	height : 180px;
}

/*  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 ; 
}

#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 {

	position : absolute ; 
	bottom : 10px ;
	left : 0; 
}
	
	
#menu  ul{

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


#menu  li{

	float : left ;
	text-transform : uppercase ;
	background : url(images/bg-li-menu.jpg) right no-repeat;  
}
	

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


#menu li a:hover {

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

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

#haut li ul li {
	margin:0px;
	padding:5px 0px 5px 0px;
	border-top: solid 1px #c6c6c6;
	text-align:center;	
	
}

#haut li ul li:first-child{
	border-top : 0; 
}
#haut li ul li a
{
	margin:0px;
	padding:0px;
	font-size:90%;
	color:#fff;
	width: 150px;
}
#haut li ul li a:hover
{
color:#000;
}
#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;	

}

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

#content {
	overflow : auto ;
	background : url(bg-content.png) left top repeat-y; 
	overflow:hidden;

 }
 
 
 
 /*  CONTENT >> CENTRAGE
********************************************************************/

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

#contenu 
{
	width : 560px; 
	background : transparent; 

	float  : left;
	margin : 10px;
	padding : 0px 0px 0 0px  ;
	font-family : verdana, arial;
	
}
  

#contenu h1 
{
	font-family: Arial,Verdana, Helvetica;
	Text-decoration:none;
	font-variant: small-caps;
	font-size: 110%;
	letter-spacing:0.1em;

	color:#840100;
	font-weight:bold;
	padding : 0px;
	margin:0px;
	margin-bottom : 5px;
	padding-bottom:5px;
	text-align:center;
	border-bottom: dashed 0px #c6c6c6;
} 
.seve
{
	color:#840100;
	font-family: Verdana, Arial,Helvetica;
	font-weight:bold;
}
#contenu h2
{
	font-family: Arial,Verdana, Helvetica;
	color:#4269ab;
	color:#03407d;
	margin:2px 0px 1px 0px;
	padding:0px;
	font-variant: small-caps;
	font-weight:normal;
}
#contenu h3
{
	font-family: Arial,Verdana, Helvetica;
	color:#4269ab;
	font-weight:normal;
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:110%;
	font-variant: small-caps;
}

#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;
	text-align:justify;

}



/* IMAGES 
*****************************************************/

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

.imgtxt
{
	float:left;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:1px;
	border:0px;
	border:0px solid #354547;
}
.imgtop
{
	float:top;
	margin-bottom:5px;
	margin-top:5px;
	border:1px solid #354547;
}

/*  CONTENU >> article >> article
********************************************************************/	


.article {
	padding : 0px 10px 0px 10px;
	margin : 0px 0px 10px 0px;
	background-color : #efefef;
	border: dashed 1px #c6c6c6;
 

}   

  
   
/*  Colonne Gauche - menu
********************************************************************/
   
   
#col1 
{
	width : 196px ;
	float  : left ;
	padding :  0  ;
	text-align : justify; 
	background : transparent ;

	
 }
	
#menugauche
{
	background:#e2f0e9;
}	

/* Nivo 1 */
#menuvertical
{
	
	font-size : 1em ;
	margin : 38px 0px 0px 0px;
	padding :  0 0 0 0px ; 
	color : #000 ; 
	line-height : 27px;
	text-transform : Uppercase;
	font-weight : normal;
	text-decoration : none ; 
	background:#388a4f;
}
	
#menuvertical li
{
	list-style:none;
	margin : 1px 0px 0px 0px;
	
}
#menuvertical li a
{
	text-decoration:none;
	color:#fff;
	letter-spacing : 0.5px ;
	text-align:left; 
	padding : 0 0px 0 10px; 
	font-size:80%;
	border-bottom:solid 1px #fff;
	display:block;

}
#menuvertical li a:hover
{
	color:#fff600;
	color:#bbdcff;
}
/* Nivo 2 */
ul#menuvertical ul{
	

	list-style : none ; 
	margin :  0px; 
	padding : 0; 
	color : #1A1A1A;
	font-size : 0.9em;
	background:url(bg-schap.png);
	color:#c6c6c6;
	
}
 
#menuvertical ul li{
	margin : 0 ; 
	padding : 0;
	list-style : none ; 
	border-top : 0px solid #E6E6E6; 	
}
  
  
#menuvertical ul li a{
	padding : 0 0px 0 20px; 
	display : block ;
	font-size:11px;
	height : 25px;
	line-height : 25px; 
	text-decoration : none ; 
	color : #000; 
	text-transform : none;
	text-align:left;
	letter-spacing : 1px ; 
	border-bottom:0px;
}

#menuvertical li:first-child{
	border-top : 0;  
}

#menuvertical ul li a:hover{
	color:#fff600;
	color:#4269ab;
}

li#menusel a
{

	color:#4269ab;


}
#menuvertical .menusel a
{
	color:#4269ab;
}
#menuvertical p{
	margin : 10px 0 25px 0 ; 
	padding : 0;  
}

#menuvertical form {
	margin : 0;
	padding : 20px 0 0 0;
	height : 50px;  
}


#menuvertical input {
	float : left ; 
	margin : 0;
	padding : 0; 
}



#menugauche .champ {
	width : 115px ;
	height : 23px;
	border-top  : 1px solid #E2E2E2;
	border-left  : 1px solid #E2E2E2;
	border-bottom  : 1px solid #E2E2E2;
	border-right : 0;   
 }


#menugauche .recherche {
	background : url(images/search.jpg);
	height : 25px;
	width : 67px;
	border : 0; 
}



   
/*  Colonne droite
********************************************************************/
   
   
#side-left 
{
	width : 170px ;
	float  : left ;
	padding :  0px 0 0 0px ;
	text-align : justify; 
	color : #A3A3A3;
}
  





#side-left p 
{
	margin : 0 0 5px 0;
	padding : 0;  
}


#side-left
{
	text-align:center;
	height:301px;
	width:178px;
	margin:40px 0px 0px 2px;
	padding : 0px 0 0px 0px;
}
   
.cadre-droit
{
	text-align:center;
	width:160px;
	margin:0px 0px 0px 10px;
	padding : 00px 0 00px 0px;
}
.cadre-droit img
{
	border: solid 1px #fff;
}
 #side-left h2 
{
	font-size : 1.2em ;
	margin : 0px 0 10px 0px  ;
	padding :  0 ; 
	color : #A3A3A3 ; 
}
 	
/*  FOOTER
*******************************************************************/ 
   
#footer { 
	min_height :73px;
	_height:73px;
	text-align : center ;
	background:#b5dac9;
}


#footer p { 
	margin : 0 ;
	padding : 2px 0 0 0;  
	color : #000; 
	font-size:10px;
}



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

#footer a:hover { 
	text-decoration : underline ;  
}
   
.txtimg
{
	float:left;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:1px;
	border:0px;
	border:solid 4px #000;
}
strong
{

	color:#000;
	
	font-weight:bold; 
}

.surligner
{
	text-decoration:none;
	font-variant: small-caps;
	font-weight:normal; 
	color:#03407d;
}