/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; height:100%; }
body { margin:0; padding:0; font:11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#fff; color:#004896; text-align:center; }
img { border:0; }
h1 { font-weight:normal; font-size:24px; }
h2 { font-weight:bold; font-size:18px; }
h3 { font-weight:bold; font-size:14px; }
h4 { font-weight:bold; font-size:12px; }
a { text-decoration:underline; color:#004896; }
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; }



/*****************************/
/*        STRUCTURE          */
/*****************************/
#conteneur { width:772px; border:4px solid #009dde; margin:0 auto; text-align:left; }
#top { width:772px; height:152px; }
#principal { width:772px; background:#fff; }

#menu { float:left; width:195px; background:#fff; }
#lettre_info { width:180px; margin:55px 0 0 0; padding:0 0 0 15px; }
#lettre_info h3 { margin:0; font-size:14px; color:#df9c15; }
#lettre_info h4 { margin:0; font-size:12px; color:#004896; }
#lettre_info ul { list-style:none; margin:0; padding:0; }
#lettre_info ul li { margin:0; padding:0; line-height:24px; height:24px; }
#lettre_info ul li.abo { background:url(/images/common/puces/sinscrire.gif) 0 7px no-repeat; }
#lettre_info ul li.desabo { background:url(/images/common/puces/sedesinscrire.gif) 0 7px no-repeat; }
#lettre_info ul li a { display:block; margin:0; padding:0 0 0 25px; color:#df9c15; }

#missions { width:180px; margin:40px 0 0 0; padding:0 0 0 6px; }
#missions a:hover { color:#e6b144; }
#missions h2 { color:#f0b148; font-size:24px; margin:0; padding:0; width:180px; }
h3#mission_obs { width:180px; height:68px; background:url(/images/common/fonds/fd_mission_obs.gif) 0 0 no-repeat; font-size:18px; font-weight:normal; line-height:24px; margin:10px 0 0 0; }
h3#mission_obs a { display:block; width:165px; height:58px; padding:10px 0 0 15px; color:#163b55; text-decoration:none; }
h3#mission_epa { width:180px; height:68px; background:url(/images/common/fonds/fd_mission_epa.gif) 0 0 no-repeat; font-size:18px; font-weight:normal; line-height:24px; margin:2px 0 0 0; }
h3#mission_epa .petit { font-size:14px; line-height:18px; }
h3#mission_epa a { display:block; width:165px; height:58px; padding:12px 0 0 15px; color:#fff; text-decoration:none; }
h3#mission_sage { width:180px; height:68px; background:url(/images/common/fonds/fd_mission_sage.gif) 0 0 no-repeat;  font-size:18px; font-weight:normal; line-height:24px; margin:2px 0 0 0; }
h3#mission_sage .petit { font-size:14px; line-height:18px; }
h3#mission_sage a { display:block; width:165px; height:58px; padding:12px 0 0 15px; color:#fff; text-decoration:none; }

h3#comite { width:180px; height:68px; background:url(/images/common/fonds/fd_comite.gif) 0 0 no-repeat; font-size:13px; line-height:18px; margin:2px 0 0 0; }
h3#comite a { display:block; width:165px; height:58px; padding:15px 0 0 15px; color:#fff; text-decoration:none; }
h3#marais { width:180px; height:68px; background:url(/images/common/fonds/fd_marais.gif) 0 0 no-repeat; font-size:13px; line-height:18px; margin:2px 0 0 0; }
h3#marais a { display:block; width:165px; height:58px; padding:15px 0 0 15px; color:#fff; text-decoration:none; }
h3#loire { width:180px; height:68px; background:url(/images/common/fonds/fd_loire.gif) 0 0 no-repeat; font-size:13px;  line-height:18px; margin:2px 0 0 0; }
h3#loire a { display:block; width:105px; height:58px; padding:10px 60px 0 15px; color:#fff; text-decoration:none; }

#footer { width:730px; height:58px; margin:0; padding:28px 17px 1px 25px; color:#fff; }
#footer p { margin:0; line-height:18px; }
#footer p.baseline { float:left; font-size:12px; }
#footer p.credits { float:right; font-size:10px; }
#footer p.adresse { font-size:11px; }
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/*****************************/
/*           HOME            */
/*****************************/
#principal_home { width:772px; background:url(/images/common/fonds/fd_principal_home.gif) 0 0 repeat-y; }
#contenu_home { float:left; width:577px; padding:0 0 4px 0; background:#38aee4 url(/images/common/fonds/fd_contenu.gif) 0 0 repeat-x; }
#presentation { float:left; width:262px; padding:26px 20px 0 9px; text-align:justify; color:#fff; }
#presentation ul { list-style:none; margin:5px 0 0 0; padding:0; }
#actu { float:left; width:263px; height:258px; padding:20px 0 0 23px; background:url(/images/common/fonds/fd_actu.gif) 0 0 no-repeat;  color:#fff; position:relative; }
#actu ul { list-style:none; margin:0; padding:0; }
#actu ul li { margin:0 0 10px 0; padding:0; background:url(/images/common/puces/puce_actu.gif) 0 5px no-repeat; }
#actu ul li a { margin:0; padding:0 0 0 10px; color:#fff; font-size:12px; text-decoration:none; } 
#actu ul li a:hover { text-decoration:underline; }
#actu p { position:absolute; bottom:25px; margin:0 0 0 28px; }
#actu p a { color:#fff; font-size:13px; font-weight:bold; } 

#observatoire { float:left; width:176px; height:197px; margin:-5px 0 0 5px; padding:0 0 10px 0; background:url(/images/common/fonds/bottom_observatoire.gif) 0 bottom no-repeat; display:inline; }
div.entete_obs { width:161px; height:72px; padding:15px 0 0 15px; background:url(/images/common/fonds/entete_observatoire.gif) 0 0 no-repeat; }
div.entete_obs p { color:#163b55; margin:0; }
div.entete_obs h2 { font-size:21px; line-height:24px; color:#163b55; margin:0; font-weight:normal; }
div.entete_obs h2 a { color:#163b55; text-decoration:none; }
div.entete_obs h2 a:hover, div.entete_epa h2 a:hover, div.entete_sage h2 a:hover, div.entete_sage h3 a:hover { color:#e6b144; }

#epa { float:left; width:195px; height:197px; margin:-5px 0 0 9px; padding:0 0 10px 0; background:url(/images/common/fonds/bottom_epa.gif) 0 bottom no-repeat; display:inline; }
div.entete_epa { width:180px; height:72px; padding:15px 0 0 15px; background:url(/images/common/fonds/entete_epa.gif) 0 0 no-repeat; }
div.entete_epa p { color:#fff; margin:0; }
div.entete_epa h2 { font-size:21px; line-height:24px; color:#fff; margin:0; font-weight:normal; }
div.entete_epa h2 a { color:#fff; text-decoration:none; }

#sage { float:left; width:182px; height:197px; margin:-5px 0 0 9px; padding:0 0 10px 0; background:url(/images/common/fonds/bottom_sage.gif) 0 bottom no-repeat; display:inline; }
div.entete_sage { width:167px; height:72px; padding:15px 0 0 15px; background:url(/images/common/fonds/entete_sage.gif) 0 0 no-repeat; }
div.entete_sage p { color:#fff; margin:0; }
div.entete_sage h2 { font-size:21px; line-height:24px; color:#fff; margin:0; font-weight:normal; }
div.entete_sage h3 { font-size:14px; line-height:24px; color:#fff; margin:0; font-weight:bold; }
div.entete_sage h2 a, div.entete_sage h3 a { color:#fff; text-decoration:none; }

#observatoire ul.sousmenu_obs { list-style:none; margin:0; padding:10px 0 0 20px; background:#a0ddf9; border-left:1px solid #fff; border-right:1px solid #fff; width:154px; height:100px; }
ul.sousmenu_obs li { margin:0; padding:0 0 2px 0; background:url(/images/common/puces/puce_missions.gif) 0 5px no-repeat; line-height:14px; }
ul.sousmenu_obs li a { display:block; margin:0; padding:0 0 0 8px; color:#163b55; text-decoration:none; font-size:12px; }
ul.sousmenu_obs li a:hover { text-decoration:underline; }

#epa ul.sousmenu_epa { width:173px; list-style:none; margin:0; padding:10px 0 0 20px; background:#a0ddf9; border-left:1px solid #fff; border-right:1px solid #fff; height:100px; }
ul.sousmenu_epa li { margin:0; padding:0 0 2px 0; background:url(/images/common/puces/puce_missions.gif) 0 5px no-repeat; line-height:14px; }
ul.sousmenu_epa li a { display:block; margin:0; padding:0 0 0 8px; color:#163b55; text-decoration:none; font-size:12px; }
ul.sousmenu_epa li a:hover { text-decoration:underline; }

#sage ul.sousmenu_sage { width:157px; list-style:none; margin:0; padding:10px 0 0 20px; background:#a0ddf9; border-left:1px solid #fff; border-right:1px solid #fff; height:100px; }
ul.sousmenu_sage li { margin:0; padding:0 0 2px 0; background:url(/images/common/puces/puce_missions.gif) 0 5px no-repeat; line-height:14px; }
ul.sousmenu_sage li a { display:block; margin:0; padding:0 0 0 8px; color:#163b55; text-decoration:none; font-size:12px; }
ul.sousmenu_sage li a:hover { text-decoration:underline; }

#observation { background:url(/images/common/fonds/fd_entree_observation.gif) 0 0 no-repeat; height:78px; margin:0 0 10px 4px; padding:7px 0 0 16px; width:556px; }
#observation p { color:#000; margin:0; }
#observation h2 { font-size:21px; line-height:24px; color:#000; margin:0; font-weight:normal; }
#observation h2 a { color:#000; text-decoration:none; }
#observation h2 a:hover { color:#e6b144; }
#observation ul { list-style:none; margin:6px 0 0 0; padding:0; }
#observation ul li { float:left; margin:0 20px 0 0; }
#observation ul li a { background:url(/images/common/puces/puce_observation.gif) 0 5px no-repeat; color:#000; margin:0; padding:0 0 0 8px; text-decoration:none; }
#observation ul li a:hover { text-decoration:underline; }

#autresmissions { background:url(/images/common/fonds/fd_entree_autres.png) 0 0 no-repeat; float:left; height:192px; margin:0 0 0 2px; padding:15px 0 0 15px; width:164px; }
#autresmissions h2 { color:#fff; font-size:21px; font-weight:normal; line-height:24px; margin:0; }
#autresmissions h2 a { color:#fff; text-decoration:none; }
#autresmissions h2 a:hover { color:#163b55; }
#autresmissions ul { list-style:none; margin:25px 0 0 0; padding:10px 0 0 2px; background:transparent; width:154px; }
#autresmissions ul li { margin:0; padding:0 0 15px 0; }
#autresmissions ul li a { color:#fff; display:block; height:14px; line-height:14px; margin:0; padding:0 0 0 8px; text-decoration:none; font-size:12px; }
#autresmissions ul li a:hover { color:#163b55; }

/*****************************/
/*          DETAIL           */
/*****************************/
#contenu { float:left; width:547px; padding:25px 10px 20px 20px; background:#fff; font-size:12px; line-height:18px; }
#contenu p { text-align:justify; }
#contenu p.arbo { margin:0; font-size:11px; }
#contenu p.arbo a { color:#004896; }
#contenu h1 { font-size:36px; font-weight:normal; line-height:36px; margin:10px 0 30px -3px; }
#contenu p.chapo { font-weight:bold; color:#009dde; margin-top:10px; }

#contenu div.content_text { width:480px; }

#contenu div.colleft { float:left; width:260px; margin:20px 0 0 0; }
#contenu div.colright { float:left; width:260px; margin:20px 0 0 20px; }

#contenu div.colleft2 { float:left; width:120px; margin:10px 0; } /* page cartes */
#contenu div.colright2 { float:left; width:420px; margin:10px 0; }


/*****************************/
/*          PLAN SITE        */
/*****************************/
ul.plansite, ul.plansite ul, ul.plansite ul ul { margin:0 0 10px 10px; padding:0; list-style:none; }
ul.plansite li { margin:5px 10px 20px 10px; padding:0; }
ul.plansite li li { margin:5px 10px 5px 10px; padding:0; }
ul.plansite li li li { margin:5px 10px 0 10px; padding:0; }

ul.plansite_bis { margin:40px 0 0 0; padding:0; list-style:none; }
ul.plansite_bis li { margin:5px 10px 10px 0; padding:0; }

/*****************************/
/*           EDITO           */
/*****************************/


/*****************************/
/*         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; }

.illustr_left { margin:0 10px 20px 0; border:1px solid #004896; }
.illustr_right { margin:0 0 0 10px; border:1px solid #004896; }

ul.list_simple { list-style:none; margin:0; padding:0; }
ul.list_simple li { margin:0; padding:0; }

div.riviere {}
div.illstr_riv { float:left; }
div.texte_riv { float:left; }