/* CSS Document */
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}

.ppal{ margin:0px;padding:0px; background-color:#0066FF; /*_width:100em;*/ height:auto;overflow:visible;}
body{background-color:#00FF00;margin:0px; padding:0px;/*font-size: 10px*/}
#chemin, #bandeau{ font-family: Arial, Helvetica, sans-serif;font-size: x-small; font-weight: bold ; line-height: 20px;}
#chemin{display:inline; margin:5em;}
#bandeau{margin-top:0px;/*float:left;*/width:100%; text-indent:0.2em; z-index:1;}

#tools{position:absolute; top:150px; left:700px;}
#tools img{ margin:0px; border:none; padding:0px; margin-left:0.75em;}

#articles{float:left; /*margin:0em;*/margin-left:2em;margin-top:3em; width:12em;font-size:x-small;font-family: Arial, Helvetica, sans-serif; }
#articles li{ width:/*12em;*/125px; height:17px; /*text-align:center;*/text-indent:5px;list-style-type: none; padding-top:3px;}
#articles a:link, #articles a:visited{ background:url("../fd-E-haut.jpg"); display:block; height:100%;text-decoration:none; color:#000000;}
#articles a:hover {color:#FF0000;}

#articles #actions a:link, #articles #actions a:visited{ display:block; text-decoration:none}
#actions {margin-left:4em; padding-top:3px; width:125px; height:20px;}

#articles #actions li{float:left; width:62px; height:20px; _width:62.5px; }

#articles ul{clear:both; margin-top:0px}


#encours{ list-style-image: url("../images/puce-01.gif")}

#articles #print li{ text-indent:20px; width:/*12em;*/125px; height:17px;padding-top:2px}
#articles #back li{  text-indent:20px; width:/*12em;*/125px; height:17px;padding-top:2px}

#articles #print li a{display:block; background-color:#00FF33; height:20px; background:url(../images/fd-buimprim.gif) no-repeat; padding-top:3px}
#articles #back li a{display:block; background-color:#00FF33; height:20px; background:url(../images/fd-buretour.gif) no-repeat; padding-top:3px}

#articles #print li a:hover{ background:url(../images/fd-buimprim-on.gif) no-repeat;}
#articles #back li a:hover{ background:url(../images/fd-buretour-on.gif) no-repeat;}

#articles img{ border:none; margin-left:4em;}

#articles #moteur
{
	margin:0px;
	padding:0px;
	margin-left:4em;
	width:12.5em;
	
	
	
}
#articles fieldset
{
margin:0px;
padding:3px;
}

#moteur #valider
{
	width:3em;
	border:1px solid #CCCCCC;
	height:1.5em;
	cursor:pointer;
}
#moteur #valider:hover
{
	color:#FFFFFF;
	background:#999;
}

/*Style du texte des articles ///////////////////////////////////////////////////////////////////////////*/

body {margin:0px; padding:0px;}
#contenu
{
	background-color:#FFFFFF;
	
	width:35em;
	pmargin:0,6em;
	padding:5px;
	float:left;
	height:auto;
	clear:left;
	
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	
	font-style: normal; 
	font-weight: normal; 
	text-align: left; 
	line-height: normal; 
	color: #000000;
	z-index:1;
	
	
}

#contenu a:link{ color:#003366; text-decoration:none;}
#contenu a:visited{ color:#990066; text-decoration:none;}
#contenu a:hover { color: #FF0000;	text-decoration:none; background-color: yellow;}

#contenu strong {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-style: normal; font-weight: bold; color: #000000}

#contenu p{ margin-bottom:1em; font-size:0.8em;margin-top:0px; /*float:left;clear:right;*/ margin-left:5px;}
#contesnu img{ /*float:left;*/ clear:left;}

#contenu h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-style: normal; font-weight: bold; clip:   rect(  ); border-style: none; line-height: 0.9em; margin-top:0.5em;}
#contenu h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; margin-bottom:0.4em;}
#contenu h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; margin:0.5em;}
#contenu h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold;}
#contenu h5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold;}
#contenu .block
{
	/*	background-color:#00FFFF;*/
	float:left;
	margin-right:5px;

}
 /* liste utilisée pour faire les PDF */
#contenu h6
{
	display:block;
	background:url(/images/ico-listepdf-off.gif) no-repeat;
	height:15px;
	text-indent:25px;
	padding-top:5px;
	margin-top:0.5em;
	margin-bottom:0.5em;
}


#contenu ol li
{
	font-size:small;
	color:#000000;
	margin-bottom:0.6em;

}

#contenu ul li
{
	font-size:small;
	color:#000000;
	margin-bottom:0.6em;
	margin-top:0.1em;
}
#contenu img { border:none;}

#test{width:10em;margin:0px;padding:0px; background-color:#FFFF00;float:left}

/*Style du pied de page ///////////////////////////////////////////////////////////////////////////*/

#pied{ clear:both; display:inline; font-size:small; float:left;}

#pied li
{
	float:left;
	margin-left:10px;
	font-size:x-small;
	height:18px;
	padding-top:4px;
}
#pied
{
	display:block;
	width:1200px;
	background-color:#99FF00;
	height:23px;
	background:url(../images/fd-piedpage.gif) no-repeat;
	margin:2px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:6em;
}
#pied ul
{
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;
	width:520px;
	display:block;

}
#pied a:link,a:visited
{
	text-decoration:none;
	color:#000000;
}
#pied a:hover
{
	text-decoration:none;
	background: yellow;
}
#rhaut li
{

	width:125px;
	background-color:#FF0000;
	padding:0px;
	margin:0px;
	height:18px;
/*	background:url(../images/fd-buretourhaut.gif) no-repeat;*/
	text-indent:20px;
	/*padding-top:2px;*/
	font-size:small;
}
#rhaut li a
{
	display:block;
	width:125px;
	height:18px;
	padding-top:2px;
	background:url(../images/fd-buretourhaut.gif) no-repeat;
}

#rhaut li a:hover
{
	background:url(../images/fd-buretourhaut-on.gif);
	color:#FF0000;
}

#rhaut 
{
	margin:0px;
	padding:0px;

	
	width:125px;
	
	height:23px;
}

/*Formulaire ///////////////////////////////////////////////////////////////////////////*/
.legende
{	
	font-style:italic;
	color:#777777;
}
#print
{
	
	margin-bottom:0px;
	padding-bottom:0px;
}
#back
{
	
}
.adresse
{
	margin-left:10em;
	padding-left:0.5em;
	border:1px solid #0033CC;
	color:#003399;
}
/*-------------------------------Formulaire de contact------------------------------------*/
.contact
{

}
.contact legend
{
	font-size:small;
}

.contact label
{
	background-color:#E8E8E8;
	float:left;
	text-align:right;
	width:15em;
	font-weight:bold;
	padding-top:0.5em;
}

.contact #lab2
{
	background-color:#E8E8E8;
	float:left;
	text-align:left;
	width:9em;
}
.contact #lab3
{
	background-color:#E8E8E8;
	float:left;
	text-align:right;
	width:6em;
}

.contact #lab4
{
	background-color:#E8E8E8;
	float:left;
	text-align:right;
	width:08em;
	font-weight:bold;
}
.contact #valider
{
	border:1px dashed #666666;
	background-color:#CCCCCC;
	width:8em;
	margin-left:20em;
	
}
/**Pour positionner un bouton a côté d'un champ**/
.contact #valide
{
	border:1px dashed #666666;
	background-color:#CCCCCC;
	width:6em;
	margin-left:2em;
	
}
.contact #lab2alerte
{
	background-color:#FF9999;
	float:left;
	text-align:left;
	width:9em;
}
.contact #lab3alerte
{
	background-color:#FF9999;
	float:left;
	text-align:right;
	width:6em;
}
.contact #lab4alerte
{
	background-color:#FF9999;
	float:left;
	text-align:right;
	width:08em;
	font-weight:bold;
}
.contact .alerte
{
	background-color:#FF9999;
}
.contact #obligatoire
{
	font-weight:bold;
	color:#FF0000;
	background-color:#FF9999;
	background-image:url(../images/icon_alert.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	font-size:small;
}

.infos
{
	background-color:#E8E8E8;
	border:1px dashed #999999;
	font-style:italic;
	font-size:small;
	background-image:url(../images/info.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:20px;
	
}
.formulaire legend
{
	color:#0000FF;
}

/*****************  Taille pour la page plan.asp          ********************************/
#plan dl
{
	font-size:small;
	width:25em;
}

/****************   formulaires de la faq         *****************************/
#sujet
{
	width:27em;
}
/**** Taille puour les resultats du moteur de recherche interne ***/
.res_rech
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}
.res_rech dd
{
	font-size:x-small;
}
.res_rech dt
{
	font-size:larger;
}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
table h3  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
}
/***********************   tableau compétences         *****************************/
.comp td
{
	font-size:small;
}