/*Styles DIV generaux*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background-color: #234e5a;
	width:100%
}
/**
	* Container: div parent regroupant l'ensemble
* des div contenu dans un cadre de 759x600 px
* Ce div relatif avec marge auto permet de redimensionner la fenetre
*  si la resolution de l'ecran est 800x600
*/
.container {
	position: relative;
	background-color: white;
	width: 758px;
	margin: 0 auto auto auto;
	min-height: 600px;
}

/* special ie6 */
* html .container
{
	height:600px;
}
/**
	* Basdepage: div contenant les logos service public et ineris en bas de chq page
*/
.basdepage {
	width: 100%;
	border: 0px;
	border-top-color: #9fcad6;
	border-top-width: 1px;
	border-top-style: solid;
	margin-bottom: 0;
	height: 26px;
	position:absolute;
	bottom:0px;
}

.basdepage a {
	
	border: 0px;
}
/**
* alignement a droite des images
**/
.droite {
	position: absolute;
	right: 0;
	margin-right: 0px;
	border-style: none;
}

/**
* alignement a gauche des images
**/
.gauche {
	position: absolute;
	left: 0;
	margin-left: 0px;
	border-style: none;
}

.centrebas {
	position: absolute;
	color: #0C3F97;
	font-size: small; 
	border: 2px;
	text-align: center;
	margin:5px 71px 0 114px;
	width: 570px;
}




/**
	* Boite a lien: div regroupant
* Glossaire, contacts, Actualités, Informations légales...
*/
.boite_a_lien{
	position: absolute;
	width: 80px;
	height: 40px;
    margin-top: 50px;
	margin-left: 623px;
	padding: 0px 0px 0px 3px;
	color:#3f6a76
}
/**
	* Encard: div fille de container / principale / normal
* Style du texte encadre
*/
.encard{
	position: absolute;
	width:96%;
	border: 1px solid #9fcad6;
	padding:10px 2px 20px 2px;
	margin:0px 0px 20px 10px;
	
}

/**
	* Encard2: div fille de container / principale / normal
* utilise pour les div devant depasser l'ecran tout en poussant le div bas de page
* notamment glossaire.php
*/
.encard2{
	width:96%;
	border: 1px solid #9fcad6;
	padding:10px 2px 20px 2px;
	margin:0px 0px 20px 10px;
}

/* special ie6 */
* html .encard2
{
	min-width: 710px;
}

.encardwidth{
	position: absolute;
	width: 99%;
	border: 1px solid #9fcad6;
	padding:10px 2px 20px 2px;
	min-width: 710px;
}

.attente{
	position: absolute;
	width: 33%;
	border: 1px solid #9fcad6;
	height: 18px;
	text-align: center;
	margin: 10% 33% auto 33%;
	/*padding: 50px auto 33% auto;*/
}

/**
	* Localisation: div fille de container / principale /
* bandeau rappellant dans quel menu on se situe,
* quel utilisateur est connecté,
* + icone d'impression
*/
.localisation{
	width: 738px;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
	text-align: LEFT;
	color: #0C3F97; 
	background-color: #73a7b5;
	vertical-align: middle;
	margin: 5px 0 0 0;
	padding-left: 10px;
	padding-right: 10px;
}

.sous_le_menu{
	position:absolute;
	top:146px;
	width: 758px;
	height:18px;
	background-color: #3f6a76;
}
/**
	* Logo: div fille de container
* bandeau entete de page
*/
.logo{
	position:absolute;
	margin: 0  0px  0  0px ;
	background-color: white;
}

.logomin{
	position: absolute;
	top: 0px;
	left: 32px;
}




/**
	* Normal: div fille de container / principale /
* zone utile contenant l'information de la page
*/
.normal{

	position: relative;
	background-color: #FFFFFF;
	color: #000000;
	text-align: justify;
	margin: 8px 10px 6px 10px;
	/*height:560px;
	min-height:560px;*/
}


/**
	* Principale: div fille de container
* div parent de localisation et normal
*/
.principale{
	position:absolute;
	margin: 157px 0px auto 0px;
	background-color: white;
	padding-top: 10px;
	padding-bottom: 20px;
	min-height: 520px;

}

/* special ie6 */
* html .principale
{
	height:425px;
}

/**
	* div titre: bandeau situé juste en dessous localisation
*/
.titre{
	margin: 0 0 0 20px;
	color: #000000;
	height: 15px;
	padding-top: 3px;
}


/*Fin Styles DIV generaux*/

/** Styles onglet technique ou administratif
	*  + div dynamique dynDiv receptable pour le xhr:
*/

.button1{
	height: 20px;
	line-height: 15px;
	color: #0C3F97;
	vertical-align: middle;
	font-size: smaller;
	font-weight: normal;
	width: 100px;
}

.button2{
	height: 20px;
	line-height: 15px;
	color: #0C3F97;
	vertical-align: middle;
	font-size: smaller;
	font-weight: normal;
	width: 200px;
}




/**
* dynDiv div dynamique affichant les infos en retour du click sur l'onglet
* ci-dessus technique ou administratif
*/

.dynDiv{
	position: relative;
	width: 735px;
	border: 1px solid #98bdc7;
}


/**
* valid div  affichant les infos de validation du formulaire affiché dans
* dynDiv
*
*/

.valid{
	display: block;
	/*border: 1px solid;*/
	/*height: 40px;*/
}

.engagement{
	font-style: italic;
	font-size: 10px;
	text-align: LEFT;
	color: #0C3F97;

}


/* Fin styles onglet + div dynamique*/

h1{
	font-size: 150%;
	font-weight: bold;
}

h2{
	font-size: 100%;
}

fieldset {
	position: relative;
	top: 0em;
	padding: 0em 0.5em 1em 0.5em;
	background-color: #FFFDE5;
}



html>body fieldset {
	padding-top :           1em;
	top :                   0;
}

p{
	margin:0px;
	padding:0px;
}


/* Style des puces */
ul.texte {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-top: 10px;
}

ul.texte li {
	font-weight: normal;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}

ul.texte li a{
  color: blue;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 5px;
}

ul.texte li a:hover{
  color: blue;
  /*font-weight: bold;*/
}

ul.texte li a:visited{
  color: blue;
}

ol.texte {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-top: 10px;
}

ol.texte li {
	font-weight: normal;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
/* Fin Style des puces */

/* Style des liens */
a.img {
	text-decoration: none;
	background-color: #ffffff;
	color: #ffffff;

}


a.texte{
	color: #416BA2;
	font-weight: bold;
	font-size: 80%;
}

a.texte:hover {
	background-color: #E9E9E9;
	font-weight: bold;
	text-decoration:underline;
}

a.glossaire{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 100%;
}

a.glossaire:hover {
	font-weight: bold;
	text-decoration:none;
	font-size: 100%;
}


a:active {
	font-weight: bold;
	text-decoration:underline;
}

a:hover {
  /*font-weight: bold;*/
  text-decoration:underline;
}

a:link {
	text-decoration:none;
}

a:visited {
  color:blue;
	text-decoration:none;
}
a.glossaire:visited {
	text-decoration:none;
	
}



/* Fin style des liens */

	/* Styles des initiales:*/
.localisation:first-letter{
	font-weight: bolder;
}

.normal:first-letter{
	font-weight: bolder;
	font-size: 150%;
	color: #547EC3;
}

.paragraphe:first-letter{
	font-size: 150%;
	color: #000000;
}

	/* Fin styles des initiales:*/

.paragraphe{
	background-color: #FFFFFF;
	color: #000000;
	text-align: justify;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

/**
	* Titre1: div utilise pour mettre en evidence
* le titre du div encadre dans encard
*/
.titre1{
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	text-align: LEFT;
	color: #000000;
	height: 16px;
	padding: 0px 0px 0px 15px;
	margin: 3px 0px 3px 0px;
	background-color: #FFFFFF;
}

.titre2{
    font-size: 110%;
    font-weight: bold;
    text-decoration: none;
    text-align: CENTER;
    color: #000000;
    height: 16px;
    padding: 0px 0px 0px 15px;
    margin: 3px 0px 3px 0px;
    background-color: #FFFFFF;
}

.indent{
  text-indent: 1cm
}

.titreglossaire{
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	text-align: CENTER;
	color: #FFFFFF;
	height: 16px;
	margin: 3px 0px 3px 0px;
	background-color: #547EC3;
	background-repeat: no-repeat;
}

.titreglossaire2{
 width: 4%;
}


.soustitre1{
	width: 710px;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #000000;
	height: 20px;
	vertical-align: middle;

}

.soustitre2{
	/*width: 70px;*/
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #000000;
	height: 20px;
	vertical-align: middle;

}

.tablerecap {
  width: 100%;
	background-color: #c1d3d8;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	height: 16px;
}

.tablerecap tr,td {
  height: 10px;
}

/* ajout par HB le 5/06/2008*/

a.lien_rss:hover {
 text-decoration:underline;
}

a.lien_rss {
 color: #FFFFFF ;  
}

#faq{
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
}

#faq ul li{
  list-style-type: circle;
}

#faq h3{  
color:white;
 margin:3px 0px 0px 0px;
 background-color:#C1D3D8; 
  
}

#faq h3 a{  
 color:white;
 font-size:14px;
 font-weight:bold; 
 margin:3px 0;
 padding:0 0 0 10px;
 text-align:left; 
 color:blue; 
}

#faq h3 a:visited{  
 color:white; 
}

#faq h3 a:hover{  
 color:blue;
}



#faq p{
background-color:#FFFFFF;
color:#000000;
margin-bottom:10px;
margin-left:20px;
margin-right:10px;
overflow:hidden;
text-align:justify
}