/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; }
body { margin:0; padding:0; font:12px/18px "Trebuchet MS", Myriad, Helvetica, sans-serif; background:#48412d url(/images/observation/common/fonds/fd_body.gif) 0 0 repeat-x; color:#48412d; text-align:center; }
img { border:0; }
a { text-decoration:none; color:#de980d; }
a:hover { text-decoration:underline; }
select { margin:0; font-size:10px;  }
form { margin:0; }
input { font-size:10px;  margin:5px 0; }
textarea { font-size:10px; margin:5px 0; }

ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
ul li a { display:block; margin:0; padding:0; }


/*****************************/
/*        STRUCTURE          */
/*****************************/
#conteneur { background:#f8f7f0; width:772px; margin:8px auto 0 auto; text-align:left; }

#header { height:170px; position:relative; z-index:1; }
#header img.logo { left:20px; position:absolute; top:83px; z-index:999; }
#header img.titre { left:464px; position:absolute; top:106px; z-index:999; }
#header p.link_portail { background:url(/images/observation/common/fonds/fd_portail.png) 0 0 no-repeat; font-size:10px; font-weight:bold; height:21px; margin:0; right:14px; position:absolute; top:72px; width:80px; z-index:999; }
#header_detail p.link_portail { background:url(/images/observation/common/fonds/fd_portail.png) 0 0 no-repeat; font-size:10px; font-weight:bold; height:21px; margin:0; right:14px; position:absolute; top:8px; width:80px; z-index:999; }
#header p.link_portail a, #header_detail p.link_portail a { color:#fff; display:block; height:21px; line-height:21px; text-align:center; z-index:999; }

#contenu { padding:25px 0 0 0; }

p.arbo { margin:0; }

#footer { background:url(/images/observation/common/fonds/fd_footer.gif) 0 bottom repeat-x; padding:22px 20px 0 0; height:51px; }
#footer p { font-size:10px; font-weight:bold; margin:0; text-align:right; }
#footer p.links { color:#c48709; }
#footer p.links a { color:#c48709; }
#footer p.links2 { color:#fff; }
#footer p.links2 a { color:#fff; }


/*****************************/
/*           HOME            */
/*****************************/
#presentation { float:left; padding:0 41px 0 43px; width:300px; }
#presentation h1 { color:#48412d; font-size:24px; line-height:28px; margin:0; }
#presentation h2 { background:url(/images/observation/common/fonds/fd_titre_home.gif) 0 0 no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; height:29px; line-height:29px; margin:15px 0 0 0; width:296px; }
#presentation h2 a { color:#48412d; display:block; height:29px; line-height:29px; padding:0 0 0 13px; }
#presentation h2 a:hover { color:#de980d; text-decoration:none; }
#presentation h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; line-height:18px; margin:7px 0 0 0; padding:0 0 0 13px;}
#presentation ul { margin:10px 0;}
#presentation ul li { background:url(/images/observation/common/puces/bullet_black.png) 0 6px no-repeat; padding:0 0 0 12px; }
#presentation ul li a { display:inline; }

#presentation ol { margin:0 0 0 15px; padding:0; }
#presentation ol li { margin:0 0 15px 0; padding:0; }
#presentation ol li a { display:inline; }

#menu { float:left; width:388px; }
#menu div.item { margin:0 0 25px 0; padding:0 10px 0 95px; min-height:112px; width:283px; }
#menu div.indicateurs { background:url(/images/observation/common/menu/indicateurs_on.png) 0 0 no-repeat; }
#menu div.atlas { background:url(/images/observation/common/menu/home/atlas.gif) 0 0 no-repeat; }
#menu div.dossiers { background:url(/images/observation/common/menu/home/dossiers.gif) 0 0 no-repeat; }
#menu div.item h2 { font-size:12px; margin:0; }
#menu div.item p { margin:0; }
#menu div.item p a { text-decoration:underline; }


/*****************************/
/*          DETAIL           */
/*****************************/
#header_detail { background:url(/images/observation/common/visuels/top/estuaire_detail.gif) 0 0 no-repeat; height:175px; position:relative; z-index:1; }
#header_detail img.logo { left:20px; position:absolute; top:98px; z-index:2; }
#header_detail p.link_home { background:url(/images/observation/common/fonds/fd_linkhome.png) 0 0 no-repeat; font-size:10px; font-weight:bold; height:21px; margin:0; right:97px; position:absolute; top:8px; width:80px; }
#header_detail p.link_home a { color:#fff; display:block; height:21px; line-height:21px; text-align:center; }

#menu_detail { float:left; padding:8px 0; width:249px; }
#menu_detail h1 { color:#2a220d; font: bold 24px/28px Georgia, "Times New Roman", Times, serif; margin:0 0 0 20px; }
ul#nav { margin:20px 0 0 7px; width:242px; }
ul#nav li { display:inline; float:left; height:112px; margin:0 10px 0 0; width:70px; }

#content { float:left; padding:0 10px 20px 20px; width:493px; }
#content h3 { font-size:16px; margin:30px 0 10px 0; }
#content h2 { font-size:18px; line-height:24px; }
#content ul { margin:10px 0;}
#content ul li { background:url(/images/observation/common/puces/bullet_black.png) 0 6px no-repeat; margin:5px 0; padding:0 0 0 12px; }
#content ul li a { display:inline; }

#content ul.colonnes { margin:10px 0; }
#content ul.colonnes li { background:none; display:inline; float:left; padding:0 20px 0 0; width:220px; }
#content ul.colonnes li a { display:inline; }

div.nb { background:#eee; float:right; margin:0 0 0 15px; padding:5px 10px; width:170px; }
div.nb h4 { margin:0; }

table.table { border-left:1px solid #666; border-top:1px solid #666; }
table.table td { border-right:1px solid #666; border-bottom:1px solid #666; }

ul#sousnav { margin:15px 19px 0 20px; width:210px; }
ul#sousnav li { font-size:14px; font-weight:bold; margin:0 0 15px 0; }
ul#sousnav li a { color:#666257; display:block; }
ul#sousnav li ul {
  display: none;
  margin:5px 0 0 20px;
  width:190px;
}
ul#sousnav li:hover ul, ul#sousnav li.over ul { display: block; clear: left; }
ul#sousnav ul li { background:url(/images/observation/common/puces/triangle_beige.gif) 0 5px no-repeat; font-size:12px; font-weight:normal; padding:0 0 0 8px; margin:0 0 5px 0; }

#menuVignettes h1 { font:bold 24px/30px Georgia, "Times New Roman", Times, serif; margin:10px 0 20px 0; }

/*****************************/
/*         SPECIFIC          */
/*****************************/
.clear { clear:both; }

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.hide { display:none; }
.bloc { display:block; }

.nomarg { margin-top:0; margin-bottom:0; }
.nomargtop { margin-top:0; }
.nomargbot { margin-bottom:0; }

.flotleft { float:left; }
.flotright { float:right; }

input.submit {
width:186px; /* la largeur de l'image de fond */
height:19px; /* la hauteur de l'image de fond */
background:url(/images/fr/common/boutons/vide.gif) 0 0 no-repeat; /* l'image de fond */
color:#070707; /* la couleur du texte */
border:none; /* pas de bordure au bouton sinon il y en a une par defaut */
font:bold 10px/normal Verdana, Arial, Helvetica, sans-serif; /* les caractéristiques de la police de texte */
cursor:pointer; /* le curseur en forme de main */
}

/* backgrounds en PNG */
a.link_presentation { 
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/common/top/presentation.png');
	background:transparent;
	cursor:pointer;
	}	
a[class="link_presentation"] { 
	/* IE ignores styles with [attributes], so it will skip the following. */
	background: url(/images/common/top/presentation.png); 
}

/* @group Image in a link (a.link_img) */
a.link_img { display:block; border:3px solid #e9e9e9; width:102px; }
a.link_img:hover { border:3px solid #08b2e9; }

/* shadows */
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(/images/common/fonds/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(/images/common/fonds/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 4px 5px 0;
	background:url(/images/common/fonds/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #2e3226;
}