/*----------------
----- GENERAL-----
----------------*/

html, body {width:100%; height:100%; min-height:100%; margin:0; padding:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.85em; line-height:1; color:#000000; background:#ffffff url(../images/background_body.png) 0 0 repeat-x;}
html>body div#conteneur {height:auto; min-height:100%;}

div#header_gch {position:absolute; top:0; left:0; width:50%; height:215px; margin:0; padding:0; z-index:1; background:url(../images/background_header_gch.png) top right no-repeat;}
div#header_drt {position:absolute; top:0; right:0; width:50%; height:215px; margin:0; padding:0; z-index:1; background:url(../images/background_header_drt.png) top right repeat-x;}

div#sous_footer {position:relative; bottom:0; left:0; width:100%; height:40px; margin:0 0 -40px 0; padding:0; z-index:1; background:url(../images/background_footer.png) 0 0 repeat-x;}

div#conteneur {position:relative; top:0; left:0; width:980px; height:100%; min-height:100%; margin:0 auto; padding:0; text-align:left; background:url(../images/background_conteneur.png) bottom right no-repeat; z-index:2;}


/*----- MISE A 0 DES MARGES INTERNES ET EXTERNES -----*/
img, div, h1, h2, h3, p, ul, li, a {border:0; margin:0; padding:0;}

h1, h3 {color:#009fe1;}

h2 {color:#f7951f;}

div.clear {position:relative; top:0; left:0; width:100%; height:1px; line-height:1px; font-size:1px; clear:both;}




/*---------------------
----- CONTENU SITE-----
---------------------*/

/*----- HEADER----- */
div#conteneur div#header {position:relative; top:0; left:0; width:980px; height:215px; margin:0; background:url(../images/background_header.png) 0 0 no-repeat;}
div#conteneur div#header div#logo {position:absolute; top:14px; left:0; width:255px; height:102px;}
div#conteneur div#header div#observatoire {position:absolute; top:27px; right:0; width:336px; height:76px;}
div#conteneur div#header div#photo_header {position:absolute; top:0; left:279px; width:282px; height:215px;}


/*----- LEFT -----*/
div#conteneur div#left {position:relative; top:0; left:0; width:225px; margin:40px 0 0 0; padding:0; font-size:98%; float:left; z-index:50;}


/*----- CONTENU -----*/
div#conteneur div#contenu {position:relative; top:0; left:0; width:725px; margin:0 0 0 30px; padding:0; float:left;}
div#conteneur div#contenu div#ariane {position:relative; top:0; left:0; width:725px; height:25px; padding:15px 0 0 0; margin:0 0 20px 0; line-height:15px; font-size:90%; color:#999999; background:url(../images/background_titre_h1.png) bottom left repeat-x;}
div#conteneur div#contenu h1 {width:725px; line-height:32px; font-size:30px; font-weight:bold; margin:0 0 24px 0; padding:0 0 5px 0;}
div#conteneur div#contenu h2 {line-height:1; font-size:22px; font-weight:bold; margin:24px 0 12px 0;}
div#conteneur div#contenu h3 {line-height:1; font-size:16px; font-weight:bold; margin:18px 0 12px 0;}
div#conteneur div#contenu p {line-height:1.8; margin:0 0 10px 0;}
div#conteneur div#contenu p.source {line-height:1.4; font-size:90%; font-style:italic; margin:0 0 12px 0; text-align:right;}
div#conteneur div#contenu p.note {line-height:1.4; font-size:90%; font-style:italic; margin:25px 0 12px 0; text-align:right;}
div#conteneur div#contenu ul {line-height:1.8; margin:0 0 10px 0;}
div#conteneur div#contenu ul li {margin:0 30px 0 40px;}

div#conteneur div#contenu table {margin:0 0 10px 0; padding:0; border-collapse:collapse;}
div#conteneur div#contenu table td.vide {padding:3px; font-weight:normal; font-size:1px; text-align:left;}
div#conteneur div#contenu table td.intitule {padding:6px 3px; font-weight:bold; font-size:90%; text-align:center; vertical-align:center; border:1px solid #000000; background:#cccccc;}
div#conteneur div#contenu table td.donnee {padding:6px 3px; font-weight:normal; font-size:90%; text-align:right; border:1px solid #000000; background:#ffffff;}
div#conteneur div#contenu table td.donnee-tb {padding:6px 3px; font-weight:normal; font-size:90%; text-align:leftt; border:1px solid #000000; border-top:none; border-bottom:none; background:#ffffff;}
div#conteneur div#contenu table td.donnee-b {padding:6px 3px; font-weight:normal; font-size:90%; text-align:leftt; border:1px solid #000000; border-top:none; background:#ffffff;}

/*----- RIGHT -----*/
div#conteneur div#right {position:relative; top:0; right:0; width:125px; height:120px; float:right;}


/*----- CALAGE FOOTER -----*/
div#conteneur div#clearFooter {position:relative; top:0; left:0; width:980px; height:40px; margin:0 0 0 4px; clear:both;}


/*----- FOOTER -----*/
div#conteneur div#footer {position:absolute; bottom:0; left:0; width:980px; height:40px; margin:0;}



/*----- LIEN -----*/
a.lien, a.lien:link, a.lien:visited, a.lien:active, a.lien:focus {color:#333333; text-decoration:underline;}
a.lien:hover {color:#333333; text-decoration:none;}



/*----- TEXTE -----*/
p.center {text-align:center;}