body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
	background: #cccccc url(images/img_navigation/bg_grad.jpg) fixed;
}
/*** liens et ancrage ***/
a:link, a:visited
{
	color: #005FA9;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
/*** titres ***/
h1{
	font: bold 120% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}
h2{
	font: bold 114% Arial,sans-serif;
	color: #006699;
	margin: 0px;
	padding: 0px;
}
h3{
	font: bold 100% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}
h4{
	font: 100% Arial,sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
h5{
	font: 100% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}
img{
	border: 0
}
ul{
	list-style-type: none;
	line-height: 1em;
	font:  100% Arial,sans-serif;
	padding: 3px 0px 2px 0px;
	margin: 0px;
}
/*** formulaires ****/
form {
	margin: 0;
	padding: 0;
}
label{
	font:  1em Arial,sans-serif;
	color: #334d55;
}
input:focus, textarea:focus{
	background-color: #D8E5EA;
}
fieldset{
	border:  #336795 2px solid;
	-moz-border-radius:  0.5em 2em 0.5em 2em;
	padding: 10px 10px 5px 10px;
	margin: 0px 20px 5px 20px;
	}
legend{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #336795;
	border: solid 2px #336795;
	padding: 4px;
	}

/* !!!!! BLOCS COMPOSANT LA MISE EN PAGE *** BLOCS PRIMAIRES !!!!! */

#container{         /* contient la partie principale du site, celle situee endessous du menu horizontal */
	position: relative;
	margin: 0 auto 0 auto;
	top: 10px;
	width:750px;
	background-color: #ffffff;
	background-image: url(images/img_navigation/background_container.gif);
	background-repeat: repeat-y;
}
#ag {         /* positionne Angle Gauche arrondi en haut du bloc principal */
	position: absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
#ad {         /* positionne Angle Droit arrondi en haut du bloc principal */
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
#entete{         /* contient la barre de navigation horizontale */
	position:relative;
	margin: 0 auto 0 auto;
	top: 0px;
	width:750px;
}

/* !!!!! BLOCS SECONDAIRES !!!!! */

/*** style de la barre de navigation horizontale = menu horizontal (nav_hor ou nh) ***/
#nav_hor{
	position: relative;
	width: 100%;
	min-width: 75%;
	height: 32px;
	color: #cccccc;
	padding: 0px;
	margin: 12px 0px 0px 0px;
	background-image: url(images/img_navigation/glbnav_background.gif);
}
#nav_hor img{
	margin-bottom: -4px;
	border: 0; 
}
.nh_g{         /* positionne angle arrondi cote gauche de la barre de navigation */
	position: absolute;
	top: 0px;
	left:0px;
	z-index: 100;
	}
.nh_d {         /* positionne angle arrondi cote droit de la barre de navigation */
	position: absolute;
	top: 0px;
	right:0px;
	z-index: 100;
}
#nh_lien{
	position: absolute;
	top: 6px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}
a.nh_lien, a.nh_lien:visited{
  	font-size: small;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}
a.nh_lien:hover{
  	background-image: url(images/img_navigation/glblnav_selected.gif);
	text-decoration: none;
}
/*** titre de la page (= banniere qui contient le titre) ***/
#barre_titre{
	position: absolute;
	top: 0px;
	left: 0px;
	width:750px;
	padding: 3px 0px 2px 14px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 40px;
	border-bottom:1px solid #ccd2d2;
	background-image: url(images/img_navigation/glbnav_background_titre.gif);
	background-repeat: repeat-x;
}
#barre_titre h2{
	font: bold 175% Arial,sans-serif;
	color: #336795;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 10px;
}
#barre_titre img{
	position: absolute;
	top: 9px;
	right: 10px;
	padding: 0px;
	margin: -44px 0px 0px 10px;
	width: 79px;
	height: 81px;
	z-index: 300;
}
/*** Sous-titres à droite du titre de la page ***/
#sous_titre{
	padding: 0px 0px 2px 10px;
	font: bold 90% Verdana,sans-serif;
	color: #669999;
	position: absolute;
	top: 12px;
	right: 30px;
	margin: 0 100px 0 0;
}
/*** style de la barre de navigation verticale = menu vertical (nav_ver) ***/
#nav_ver{
	position: absolute;
	top: 40px;
	left: 0px;
	height: auto;
	width:179px;
	margin: 0px;
	padding: 0px;
	background-color: #F5f7f7;
	border-top: 1px solid #cccccc;
//	border-right: 1px solid #cccccc;
	font: small Verdana,sans-serif;
	z-index: 300;
}
#nav_ver h3{         /* sous-sections du menu */
	font: bold 110% Verdana,sans-serif;
	color: #669999;
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;  
} 
#nav_ver ul{         /* liste du menu */
	font:  100% Verdana,sans-serif;
	color: #000000;
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;  
} 
#nav_ver a:link, #nav_ver a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(images/img_navigation/bg_nav.jpg);
	font: bold 85% Verdana,sans-serif;
	padding: 3px 0px 3px 10px;
	color: #669999;
}
#nav_ver a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	text-decoration: none;
}
/*** contenu : emplacement du texte et des images ***/
.contenu{
	padding: 50px 15px 10px 15px;
	margin:0px 0px 0px 180px;
	border-left: 1px solid #cccccc;
	font-size: 80%;
	min-height: 285px;
}

html>body .contenu {height: auto;}         /* determine la hauteur du bloc qui contient le contenu */

.contenu p{
	font:  100% Arial,sans-serif;
	text-indent: 1em;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	/*clear: left;*/
}
.contenu h2{
	font: bold 175% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px 0px 2px 0px;
}
.contenu h3{
	font: bold 125% Arial,sans-serif;
	color: #669999;
	padding: 0px 0px 3px 0px;
}	
.contenu li{
	list-style: none;
	padding-left: 12px;
	background: url(images/img_navigation/square.gif) left center no-repeat
	}
.liste:before{
	content: url("images/img_navigation/square.gif")"  ";
	line-height: 150%;
}
.txtform{
	color: black; 
	font:  100% Arial,sans-serif;
}
.txterror{
	color: red; 
	font:  100% Arial,sans-serif;
}
.red{
	color: #FF0000
}
.contenu img{
	padding: 0px 15px 10px 0px;
}
/*** determiner le fonctionnement *** breadcrumb/chemin de navigation ***/
#breadcrumb{
	padding: 0px 0px 2px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
	position: absolute;
	top: 12px;
	right: 8px;
	margin: 0 100px 0 0px;
	height: 81px;
}
#breadcrumb a{
	color: #AAAAAA;
}
#breadcrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}

/*** n'est pas utilise pour le moment *** recherche ***/
#recherche{
	top: 5px;
	right: 10px;
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(images/img_navigation/bg_nav.jpg);
	font: bold 85% Verdana,sans-serif;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}
#recherche input{
	font-size: 70%;
	margin: 0px  0px 0px 10px;
}
#recherche a:link, #recherche a:visited {
	font-size: 80%;
	font-weight: bold;
}
#recherche a:hover{
	margin: 0px;
}