body 
{
    color: black;
    padding: 0;
    font-family :Verdana, Helvetica, sans-serif;
    font-size :13px;
    text-align :justify;
    margin:0;
//    background-image:url(/pict/fon1.gif);
}

/*TopPage*************************************************************************/			

#TopPage  
{		
	padding-bottom:15px;
	top:0px;
	position:absolute;
	width:100%; 
	margin-bottom:10px;
	left:0;
}

.navlist {
    padding-top:8px;
    padding-left:8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(119, 119, 136);
    margin:0px;
}

.navlist  li {
    list-style: none;
    display: inline;
    text-align: left;
    padding-left:0px;
}

.navlist li a {
    padding: 4px;
    margin-right:3px;
    font-size: 14px;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    text-decoration: none;
    background-color: #FFF7B5;
    line-height:1.75em;
}

.navlist li a:link { color: rgb(51, 132, 173);}
.navlist li a:visited { color: rgb(51, 132, 173); }

.navlist li a:hover {
    color:white;
    background: rgb(51, 132, 173);
    border-top: 4px solid black;
    border-color: black;
}

.navlist #active a {
   border-bottom: 1px solid white;
}
				
/*************************************************************************TopPage*/	


/*conteneur-page****************************************************************************************************/

#conteneur-page
{
	float:right; margin-left:-190px; width:100%; margin-top:150px; 
/*	margin-left:auto; margin-right:auto ;margin-top:150px; */
}
html>body #conteneur-page { margin-top:140px; }

/*corps***************************************************************************/
#page 
{
	width:854px;
	margin-left:170px;
	margin-bottom:2px;
}

.PresentationRubriques /*Pages Rubriques, formation...*/
{
	background-color:#FFF7B5;
	margin-top:10px; 
	padding:5px 10px 10px 10px;/*Haut,Droit,Bas,Gauche*/
	font-size:13px;
	color:black;
	margin-left:20px;
//	width: 800px;
}
.articles /*Pages articles*/
{
	margin-top:10px; 
	padding:5px 10px 10px 20px;/*Haut,Droit,Bas,Gauche*/
	font-size:13px;
	color:black;
	width: 854px;
}
			
.Documents /*Bandeau Documents sur toutes les pages*/
{
	background-color:rgb(0, 99, 165); 
	padding-bottom:4px;
	font-size: 17px;
	color:white;
	margin-left:20px;
}
.Documents a
{
    font-size: 17px;
    text-decoration:none;
    font-weight:normal;
    color:white;
    line-height:normal;
}
.Documents a:visited 
{
    text-decoration:none;
    color:white;
}
.Documents a:hover 
{
    color:white;
}

.puce p { list-style-image:url(/pict/puce.gif); }


#prochainement /*bandeau Prochainement sur la page d'accueil*/
{
	position:absolute; top:168px; left:1250px;	
}
html>body #prochainement {left:869px }


.accueil /*blocs de la page d'accueil*/
{
	background-color:#FFF7B5;
	margin-top:10px; 
	padding:5px 10px 10px 10px;  /*Haut,Droit,Bas,Gauche*/
	font-size:13px;
	margin-left:15px;
	width:658px;
}


/***************************************************************************corps*/

/****************************************************************************************************conteneur-page*/

/*LEFTMENU*************************************************************************/	
#leftcolumn 
{
	float:left;
	width:170px;
	margin-top:150px;
	text-align:left;
	background-color: #FFF7B5;
	margin-left:5px;
}
html>body #leftcolumn{ margin-top:140px; }


#leftmenu 
{
	float:left;
	width:170px;
	margin-top:150px;
	text-align:left;
	background-color: #FFF7B5;
	margin-left:5px;
}
html>body #leftmenu{ margin-top:140px; }

#leftmenu ul 
{
	list-style-image:url(/pict/puce.gif);
	text-align: left;
	margin-left: 14px;	
}
html>body #leftmenu ul { padding-left:20px; margin-left:0px; }

#leftmenu ul li { line-height:0.3em; } /*espacement entre les items du menu pour IE uniquement*/
#leftmenu ul a 
{
	color:rgb(0, 99, 165);
	margin-bottom:5px;
/*	text-transform:uppercase; */
	font-weight:normal;
	display:block;
	line-height:1.2em;
}
#leftmenu ul a:hover { color:rgb(204, 0, 0);}

/*TitreLeftMenu******************************/
.TitreLeftMenu 
{
	margin-top:17px;
	margin-bottom:8px;
	width:100%;
	background-color:rgb(0, 99, 165);
	padding-bottom:4px;
	text-align:center;
}

html>body .TitreLeftMenu {
	width:160px;.
	margin-left:5px; 
}


.TitreLeftMenu a
{
    font-size: 17px;
    text-decoration:none;
    font-weight:normal;
    color:white;
}
.TitreLeftMenu a:visited 
{
    text-decoration:none;
    color:white;
}
.TitreLeftMenu a:hover 
{
    color:white;
}
/******************************TitreLeftMenu*/

/************************************************************************LEFTMENU*/


/*Généralités*********************************************************************/
.spacer {clear:both;}

a
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: rgb(0, 99, 165);
    text-decoration:none;
}
a:hover
{
    text-decoration:none;
    color: rgb(204, 0, 0);
}

h1  
{
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 24px;
    color: rgb(204, 0, 0);
    font-weight: bold;
    text-align:left;
}

.LIV 
{
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 17px;
    color: rgb(0, 99, 165); 
    text-decoration: none;
    font-weight: bold;
}
a.LIV { color:rgb(204, 0, 0); }

a.LIV:visited    
{
    color: rgb(204, 0, 0); 
    text-decoration: none;
}

a.LIV:hover    
{
   color: rgb(51, 132, 173);
}
a.LIV:active {
    color : #CC0000;
    text-decoration : none;
}

.intro    
{
    color: black;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 13px;
    font-style: italic;
}

.book_left 
{ 
	width:150px;
	margin-left:10px;
	font-decoration: none;
	border: solid 1px #0063A5; 
	background-image: url("/pict/fon1.gif");
}
.book_left a{ line-height:1.5em; }

.hh3 
{
    font-family : Verdana, Helvetica, sans-serif;
    font-size : 18px;
    color : rgb(0, 99, 165); 
    text-decoration : none;
    font-weight : bold;
}

.SURT {
    font-family : Verdana, Helvetica, sans-serif;
    font-size : 15px;
    color : rgb(0, 99, 165);
    text-decoration : none;
    font-weight : bold;
}

/****** liens  droite************/

.LiensDroits 
{
	float:right;
	width:160px;
	margin-top:10px;
	text-align:left;
	background-color: #FFF7B5;
	margin-left:5px;
}

.LiensDroits ul 
{
	list-style-image:url(/pict/puce.gif);
	text-align: left;
	margin-left: -15px;
	margin-right: 5px;
}

.LiensDroits ul li { line-height:0.3em; } /*espacement entre les items du menu pour IE uniquement*/
.LiensDroits ul a 
{
	color:rgb(0, 99, 165);
	margin-bottom:5px;
/*	text-transform:uppercase; */
	font-weight:normal;
	display:block;
	line-height:1.2em;
}
.LiensDroits ul a:hover { color:rgb(204, 0, 0);}

/*********************************************************************Généralités*/

/*basdepage***********************************************************************/
#basdepage 
{
	text-align:center;
	clear:both;
}
#bandeau /*bandeau temperance*/
{
	margin:5px 0px 0px 0px;
	background-color:rgb(0, 99, 165); 
	padding-bottom:4px;
	font-size: 17px;
	color:white;
}
#basdepage li 
{
	text-align: center;
	display:inline;
	list-style: none;	
}
#basdepage ul
{
	line-height:1pt;	/*espacement entre les lignes du menu pour FF uniquement*/
}

#basdepage li a { color:rgb(0, 99, 165); text-decoration:none; line-height:3px; font-size:9px;}
#basdepage li a:hover { color:rgb(204, 0, 0);}
#signature
{
	 line-height:5%;
	 padding-top:0px;
	 margin-bottom:0;
	 padding-bottom:1px;
	 font-size:10px;
	 color:black;
}
/***********************************************************************basdepage*/

.spip_logos {
   float: left;
   margin-right: 1em;
   border-top: 1px  solid gray;
   border-left: 1px  solid gray;
   border-right: 4px  solid gray;
   border-bottom: 4px  solid gray;
}
