/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalise les tailles de polices pour lels en-têtes */
h1,h2,h3,h4,h5,h6
{ font-size: 100%; }

/* Supprime list-style pour les listes */
ol,ul
{ list-style: none; }

/* Normalise les styles et graisses de fontes: font-style et font-weight sont normal*/
adresse,caption,cite,code,dfn,em,th,var
{ font-style: normal; font-weight: normal; }

/* Supprime les bordures dans les tableaux */
table
{ border-collapse: collapse; border-spacing:0; }

/* Supprime les bordures dans les éléments fieldset et img */
fieldset, img{ border: 0; }

/* Aligne le texte à gauche dans caption et th */
caption, th
{ text-align: left; }

/* Supprime les apostrophes doubles autour de q */
q:before, q:after
{ content:''; }

body,a,h1,h2,select,p{
    font-size:11px;
    font-family:Verdana,Arial,Helvetica,sans-serif,monospace;
    color:#58595b;
    background-color:white;
}

h2{
font-size:11px;
}

html, body { height: 100%;}

#conteneur {
width:1000px;
margin: 0 auto;
height:100%;
}
#global{
    margin:0 35px 0 35px;
    background-color:white;
    padding-bottom:0px;
}
#content {
	margin-left:35px;
	padding:0px;
	z-index:0;
	margin-top:-10px;
}

/* ----------------------------*/
/* =barre latérale */
/* ----------------------------*/
#degrade_left{
    background:url(images/degrade_left.gif) repeat-y left;
	position: relative;
	margin: 0 auto;
	min-height: 100%;
}

#degrade_right{
	position: relative;
	margin: 0 auto;
	height: 100%;
    background:url(images/degrade_right.gif) repeat-y right;
}



/* ----------------------------*/
/* =bandeau (signe distintif (logo, bannière, .. )) */
/* ----------------------------*/
#bandeau{
    padding-top:2px;
    height:86px;
    background:url(images/bandeau_right.jpg) white no-repeat right;
	padding-right:8px;
}
#bandeau_right li{
	float:right;
	margin-left:27px;
}

#bandeau #bandeau_center{
    font-family:Verdana,Arial,Helvetica,sans-serif,monospace;
    font-size:14px;
    color:#000;
    font-weight:bold;
    text-align:left;
    padding-top:7px;
    padding-left:30px;
    float:left
}
#bandeau #bandeau_center span{
    font-size:11px;
    color:#58595b;
	}
	
#bandeau #bandeau_center span{
    font-size:11px;
    color:#58595b;
	text-decoration:none;
}
#bandeau_left{
    float:left;
    width:97px;
	margin:15px 0 0 25px;
}
#bandeau_left img.premier{
	margin:4px 0 5px 0;
}
#bandeau_right,#bandeau_right .gras_blc:hover {
	text-decoration:underline;
	text-align:right;
}

.gras_blc{
    background:none;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
}

/* pictograme */
#bandeau_right img,a{
background:none;
}

#picto_france{
    position:absolute; 
	padding:0px; 
	top:45px;
	right:40px; 
	width:77px;
}
#picto_separation{ 
position:absolute;
 padding:0px; 
 top:68px;
 right:113px;
 width:16px; 
}
#picto_globe a{
margin-left:3px; 
}
#picto_globe{
position:absolute; 
top:67px; 
right:123px; 

}

/* ----------------------------*/
/* =ligne des couleurs */
/* ----------------------------*/
.ligne_couleurs{
    width:25%;
    height:6px;
    float:left;
	font-size:0;
}
#l_rose{background:#b74677;}#l_orange{background:#d69a23;}#l_vert{background:#8aac4a;}#l_turquoise{background:#2b8798;}



/* ----------------------------*/
/* =fil d'ariane */
/* ----------------------------*/
#fil_ariane{
    text-align:right;
    border-bottom:1px dashed #3f64a0;
    background:url(images/degrade_top.gif) repeat-x;
    height:26px;
    clear:both;
    margin-bottom:18px;
}
#fil_ariane span,#fil_ariane li{
    margin:10px 0 0 5px;
    float:left;
}
#fil_ariane li{
   color:#3f64a0;
}
#fil_ariane a{
   color:#3f64a0;
   text-decoration:none; 
}
#fil_ariane a:hover{text-decoration:underline;}



/* ----------------------------*/


/* ----------------------------*/
/* =navigation menu */
/* ----------------------------*/
#navigation{
	display:inline;
    padding:0;
    margin-left:10px; 
    float:left;
    width:163px;
}
#navigation h4{
    border-bottom:1px solid #58595b;
    width:163px;
}

#navigation p{
    text-align:left;
    width:150px;
}


.menu,.menu_toggle{
    width:163px;
    padding:1px 0 0 22px;
   /* margin-bottom:7px;*/
   margin-top: 7px;
	cursor:pointer;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
    line-height:15px;
    padding-top:1px;
}
.menu a{
	cursor:pointer;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
    line-height:15px;
}




/*******************MENU NAVIGATION SYNTHESE DES ETATS DES LIEUX ***********************/
#navigation{
	display:inline;
    padding:0;
    margin-left:10px; 
    float:left;
    width:163px;
}

#navigation .rubrique  span{
   color:#8cae4a;
   display: block;
   background:transparent url('images/puce_menu3.gif')  no-repeat left 0.5em;
   text-decoration: none; 
   padding-left:10px;
}
#navigation .rubrique  a{
   color:#8cae4a;
   display: block;
   background:transparent url('images/puce_menu3.gif')  no-repeat left 0.5em;
   text-decoration: none; 
   padding-left:10px;
}

#navigation .doc_menu .sous_rubrique a{
   color:#8cae4a;
   display: block;
   background:transparent url('images/puce_menu3.gif')  no-repeat left 0.5em;
   text-decoration: none; 
   padding-left:10px;
}

#navigation .menu a{
   color:#FFFFFF;
   display: block;
   text-decoration: none; 
   padding-left:0px;

}

#navigation li,dt{
	background:transparent url('images/dotted_gray.gif') repeat-x scroll 0pt top;
	display: block;
	color:#8cae4a;
	padding:5px 5px 5px 5px;	
	cursor: pointer;
}
#navigation .sous_rubrique {
 	background:transparent url('images/dotted_gray.gif') repeat-x scroll 0pt top;
	padding:7px 0px 7px 18px;
}

#fond_menu1{background:url(images/fond_menu_rouge_surveillance.gif) no-repeat;}
#fond_menu2{background:url(images/fond_menu_rose.gif) no-repeat;}
#fond_menu5{background:url(images/fond_menu_orange.gif) no-repeat;}
#fond_menu3{background:url(images/fond_menu_vert.gif) no-repeat;}
#fond_menu4{background:url(images/fond_menu_bleu.gif) no-repeat;}
#fond_menu6{background:url(images/fond_menu_docs.gif) no-repeat;}


#navigation .activeLink_dt {
	font-weight:bold;

}

/* ----------------------------*/
/* Site =info (pied de page)
/* ----------------------------*/
#barre_bottom_degrade{
	width:100%;
	height:10px;
    background:url(images/degrade_bottom.gif) repeat-x;
    border-bottom:1px dashed #3f64a0;
	background-position:bottom;
}
#site_info{
	clear:both;
	margin: 0 35px 0 35px;
	bottom: 0;
}
#site_info_left{
	width:290px;
	padding-top:10px;
    float:left;
}
#site_info_left #logo_pied{
	margin-left:24px;
}
#site_info_left div{
	float:left;
	margin-left:22px;
	display:inline;
}
#site_info_right{
	height:50px;
	padding:10px 10px 0 0;
	float:right;
	background:url(images/logo_onema.gif) no-repeat;
	background-position:bottom right;
	-margin-top:-38px;
}
#site_info_right li{
	line-height:19px;
	float:left;
	color:#3f64a0;
}
#site_info_right a{
	color:#3f64a0;
}
.ie6{
-margin-top:3px;
}
form #menu1{
float:right;
}

/* ----------------------------*/
/*  =Moteur de recherche */
/* ----------------------------*/
#fil_ariane form {
    font-size:10px;
    height:16px;
    padding-top:5px;
    padding-right:12px;
}
#fil_ariane input {
    font-size:10px;
    text-align:center;
    border:1px solid #3f64a0;
    color:#000;
    background-color:white;
}
#fil_ariane input.submit{
	height:16px;
    border:1px solid #578add;
    color:#fff;
    background-color:#3f64a0;
}
/* ----------------------------*/
/* = pied de page */
/* ----------------------------*/

#nonFooter{
	margin-bottom:-88px;
}
#nonFooter,
#nonFooter2{
	position: relative;
	min-height: 100%;
}
#nonFooter,
#footer_right{
	background:transparent url(images/degrade_right.gif) repeat-y scroll right center;
}
#nonFooter2,
#footer{
	background:transparent url(images/degrade_left.gif) repeat-y scroll left center;
}
#nonFooter2{
	position:absolute;
	width:100%;
}
* html #nonFooter,
* html #nonFooter2
{
	height: 100%;
}



#footer,#footer_right,#site_info{
	height:88px;
	clear:both;
	margin-top:80px;
}
#footer
{
	position: relative;
} 
br.spacer{
	clear:both;
}

#content_main_rubrique{
    margin:0 20px 40px 195px;
}



/* ----------------------------*/
/* =Page rubrique gen */
/* ----------------------------*/
#content_doc {
	height: 99%;
	margin-right:50px;
		text-align:justify;
}

/** Titre page.**/
#content_doc h2{
	background-repeat:no-repeat;
	padding-bottom:6px;
	margin: 0 8px 15px;
	border-bottom:1px solid #8cae4a;
	background:transparent url('images/picto_goutte6.gif')  no-repeat left 0.2em;
	color:#8cae4a;
	padding-left: 10px;
}
/** Titre intermediaire.. **/
#content_doc h3{
	background-repeat:no-repeat;
	padding-bottom:6px;
	padding-top:6px;
	margin:6px 0 6px 15px;
	background:url(images/dotted6.gif) repeat-x bottom;
	color:#8cae4a;
}

/** Document carte ... **/
#content_doc h4{
	padding-bottom:6px;
	margin:0 0 0px 25px;
	border-bottom:1px solid Gray;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#content_doc li {
   margin:0px 0 8px 25px;
   display: block;
   background:transparent url('images/puce_menu3.gif')  no-repeat left 0.5em;
   text-decoration: none; 
   padding-left:15px;
}
#content_doc p {
	padding-left:4px;
	padding-right:0px;
	padding-top:8px;
	padding-bottom:4px;
}


#titre_rubrique {
	background-color:#8cae4a;
	color:white;
	text-align:center;
	margin-top:5px;
}

#titre_rubrique span
{
	display: block;
	background-image:url(/squelettes/images/picto_doc_fond_vert.gif);
        background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 2px 20px;
}