body {
	background-image : url(images/fond-degr2.jpg) ;
	background-repeat : repeat-x ;
	background-attachment : fixed ;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100% ;
	}

h1 {font-size : 1.875em ;}	/* 30px */
h2 {font-size : 1.625em ; color: #222E6C ; }	/* 26px */
h3 {font-size : 1.25em ; color : #910E71 ; }	/* 20px 1.25 - 22px 1.375 */
h4 {font-size : 1em ; color : #AD2F32 ; }		/* 16px */
h5 {font-size : 0.875em ;}	/* 14px */
p {	font-size : 0.875em ; 	/* 14px */	/* S'applique essentiellement à la partie CONTENU */
	line-height : 1.3em ; 
	margin-top : 5px ;}

.clear {
	clear : both ;
	}
	
#conteneur {
	width : 1016px ;
	height : 730px ;
	margin : 0px auto ;
/*	background-image : url(images/tableau.jpg) ;  */
	}

#bienvenue {
	background-image: url(images/tableau-1.jpg);
	border : 1px solid #808080 ;
	border-bottom : none ;
	height : 35px ; /* La hauteur de l'image de fond entete.png (grosse barre grise) */
	line-height : 35px ; /* Centrer le texte sur toute la hauteur de l'image de fond */
	color : #29419B ;
	font-size : 1.3em ;
	font-weight : 600 ;
	text-align : center ;
	word-spacing : 2px ;
	}

/* ===================================================================================================================== */

#entete {
/*	background-image: url(images/tableau-2.jpg); */
	border-left : 1px solid #808080 ;
	border-right : 1px solid #808080 ;
	border-bottom : 1px solid #808080 ;
	width : 1014px ; /* 2 pixels en moins pour la bordure */
	height : 35px ; /* La hauteur de l'image de fond entete.png (grosse barre grise) */
	line-height : 35px ; /* Centrer le texte sur toute la hauteur de l'image de fond */
	}

#entete .gauche {
/*	border-bottom : 1px solid #808080 ; */
	background-image: url(images/fond-txtw.jpg);
	width : 289px ;	/* 1px pour la bordure de gauche (entete) */
	height : 35px ;
	float : left ;
	color : white ;
	font-size : 1em ;
	font-weight : 600 ;
	text-align : center ;
	}
	
#entete .droite {
/*	border : 1px solid #808080 ; */
	background-image: url(images/fond-menutop.jpg);
	width : 725px ;		/* 1px pour la bordure de droite (entete) */
	float : right ;
	font-size: 0.85em ;
	}

/* ===================================================================================================================== */
/* MENU SUPÉRIEUR
/* ===================================================================================================================== */

/* Menu */

#menu {
	float: right ;
	width: 650px;
	height: 35px;
	background: url(images/menu-top.jpg) no-repeat left top;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 5px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	color : #203020 ;
	float: left;
}

#menu a {
	display : block ;
	float : left ;
	height : 32px ;
	margin-right : 3px ;
	padding : 10px 30px 0px 30px ;
	background : url(images/menu-top-barre.png) no-repeat right top ;
	text-decoration : none ;
	}

#menu a:hover { 
	color : #000099 ;
	text-decoration : underline ;
	/* font-size : 102% ; */
	}

#menu .actif  a {
	height: 35px ;
	color: #29419B ;
	font-weight : bold ;
	/* font-variant : small-caps ; */
	text-decoration : underline ;
	}

/* ===================================================================================================================== */
/* BLOC MENU VERTICAL GAUCHE */
/* ===================================================================================================================== */

#principal {
	width : 1016px ;
	height : 625px ;
	}

#principal .menu {
	/* background-image: url(images/tableau-3.jpg); */
	background-image: url(images/fond-menu.jpg);
	border-left : 1px solid #808080 ;
	width : 288px ;
	height : 625px ;
	float : left ;
	font-size : 0.80em ;
	}

/* MENU */
	
#sidebar {
	padding: 0px ;
	margin: 10px ;
	}

#sidebar * {
	margin: 10px;	/* Marge gauche de chaque élément du menu */
	color : #203020 ;
	}

#sidebar ul {
	list-style: none;
	text-align: left;
	margin: 15px 0px 17px 0px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px dotted #203020;	
	}

#sidebar  li {
	list-style: none;
	padding: 10px 0 10px 0px;
	margin: 0px ;
	border-bottom: 1px dotted #203020;
	}

/* #sidebar ul.vmenu li a {
	text-decoration: none ;
	color:#203020;
	}
*/

#sidebar a {
	text-decoration : none ;
	}
	
#sidebar a:hover {
	color : #000099 ;
	text-decoration: underline ;
/*	font-size : 102% ; */
	}

#sidebar .actif  a {
	height: 35px ;
	color : #42423E ;
/*	color: #29419B ; */
	font-weight : bold ;
	/* font-variant : small-caps ; */
	/* text-decoration : underline ; */
	background: url(images/mini-flech-noir.gif) no-repeat left 6px ;
	padding-left : 10px ;
	}	
	
/* ===================================================================================================================== */
/* BLOC CONTENU */
/* ===================================================================================================================== */
	
#principal .contenu {
	background-image: url('images/contenu-bleu-2.jpg');
/*	background-color : #F1EAAF ; */
	border-right : 1px solid #808080 ;
	width : 725px ;
	height : 625px ;
	float : right ;
	color : #42423E ;
	/* font-size : 11pt ; */
	}

.contenu h2 {
	/* color : #42423E ;  */
	margin-top : 0px ;
	padding-bottom : 2px ;
	border-bottom : 1px black dotted ;  /* #BDBDBB */
	}

.contenu h3 {
	/* color : #42423E ;  */
	margin-top : 0px ;
	padding-bottom : 2px ;
	border-bottom : 1px black dotted ;  /* #BDBDBB */
	}

.contenu h4 {
	display : block ;
	background : transparent url(images/fond-h4.png) bottom repeat-x ;
	/* color : #42423E ;  */
	margin : 0px 0px 15px 0px ;
	padding : 5px ;
/*	border-bottom : 1px black dotted ; */  /* #BDBDBB */
	}

.contenu h5, .menu h5 {
	display : block ;
	background : transparent url(images/pix5-blanc.png) repeat ;
	/* color : #42423E ;  */
	margin : 0px 0px 10px 0px ;
	padding : 2px ;
/*	border-bottom : 1px black dotted ; */  /* #BDBDBB */
	}
	
.contenu ul {
	padding-left : 30px ;
	font-size : 0.875em ;	/* idem p - défini en début de document */
	list-style-type : circle ; 
	}
	
.contenu ol {
	padding-left : 30px ;
	font-size : 0.875em ;	/* idem p - défini en début de document */
	}
	
.contenu li {
	margin-bottom : 10px ;
/*	list-style-image: url(images/mini-flech-noir.gif) ;  */  /* évt définir une image */
	}
	
.contenu .image {
	margin : 0px ;
	padding : 5px ;
	border : 1px solid #5C5C56 ; 	
	}	
	
.contenu .image-droite {
	float : right ;
	margin : 0 0 0 15px ;
	padding : 5px ;
	border : 1px solid #5C5C56 ; 	
	}

.contenu .image-gauche {
	float : left ;
	margin : 0 15px 0 0 ;
	padding : 5px ;
	border : 1px solid #5C5C56 ; 	
	}
	
.contenu .boite-totale {
	width :  auto ;
	height :  605px ;
	/* margin : 0px auto ; */
	margin : 10px 10px 0px 20px ;
	padding-right : 10px ;
/*	overflow : scroll ; */
	overflow : auto ;
	}

.boite-30, .boite-40, .boite-news
	{
	float : left ;
	margin : 10px ;
	}

.boite-30 { width : 30% ; }
.boite-40 { width : 40% ; }
.boite-news { width : 60% ; }

.boite-info { width : 80% ;  margin : 0px auto ; font-size : 1.2em ; color : #203020 ; }
	
.boite-40, .boite-info
	{
	background : transparent url(images/bord-hg.png) 0 0 no-repeat ;	/* Bordure haut gauche */
	}
	
.boite-40 div, .boite-info div
	{
	background : transparent url(images/bord-bd.png) 100% 100% no-repeat ;	/* Bordure bas droite */
	padding : 15px 15px 5px 15px ;	/* L'espacement intérieur de la boîte intervient dans le dernier div */
	}

.boite-news div
	{
	background : transparent url(images/pix5-blanc2.png) repeat ;
	border : 1px solid #5C5C56 ;
	padding : 15px 15px 5px 15px ;	/* L'espacement intérieur de la boîte intervient dans le dernier div */
	}
	
.bt-print {
	float : right ;
	}

.retour {
	text-align : center ;
	}

.puce-1 {
	list-style-image: url(images/puce-1.gif) ;
	}

.txt-fort-vio {
	text-align : center ;
	font-size : 1.2em ; 
	color : #910E71 ; 
	}
	
/* ===================================================================================================================== */

#pied {
	background-image: url(images/tableau-pied.jpg);
	border : 1px solid #808080 ;
	width : 1014px ;  		/* - 2px pour les bordures */
	height : 35px ; 		/* La hauteur de l'image de fond entete.png (grosse barre grise) */
	line-height : 17px ;	/* Centrer le texte sur toute la hauteur de l'image de fond */
	color : #29419B ;
	font-size : 0.75em ;
	text-align : center ;
	}

/* ===================================================================================================================== */
	
@media print
	{
	body {
		font-family : Arial, Helvetica, sans-serif;
		}
	#conteneur {
		width : auto ;
		height : auto ;
		margin : 0px auto ;
		}
	#bienvenue, #entete  {
		display : none ;
		}
	#principal {
		width : auto ;
		height : auto ;
		margin : 0px auto ;
		}
	#principal .menu {
		display : none ;
		}
	#principal .contenu {
		width : auto ;
		height : auto ;
		border-style : none ;
		float : none ;
		}
	.contenu .boite-totale {
		width : auto ;
		height : auto ;
		margin : 0px auto ;
		overflow : visible ;
		}
	.contenu h4 {
		border-bottom : 1px dashed black ;
		}
	.bt-print, .retour {
		display : none ;
		}
	#pied {
		width : auto ;
		height : auto ;
		font-size : 8pt ;
		border-style : none ;
		float : none ;
		}
	}