* {margin:0;padding:0;border:0;}
html {font-size:100%;font-family: Arial, Helvetica, sans-serif;}
.clear {clear:both;font-size:1px;line-height:1px;height:1px}
body {font-size:80%; color: #333;text-align:center; background:#645f65; font-size:12px;}
/* Contenu global */
#global {width:902px; margin:auto; }
/* en-tête */
#header {width:900px; height:240px; border-left:1px solid black; border-right:1px solid black}
#header div.banner {height:16px; padding:4px 0 0 0; background-color:#000; color:#fff; text-transform:uppercase; letter-spacing:1.2px;}
#header div.tetiere {height:170px; background:url(../graphics/portail/NORD_20080728_01-accueil.jpg)}
#header div.tetiere div.home_link{margin:50px 0 0 10px; float:left}
/* menu vertical */
#header div.tetiere div.menu_vert{width:180px; height:150px; float:right; font-size:11px}
#header div.tetiere div.menu_vert ul {padding:20px 0 0 0; list-style-type:none;}
#header div.tetiere div.menu_vert ul li{padding:0 0 4px 0; text-transform:uppercase; text-align:left}
#header div.tetiere div.menu_vert ul li a {padding: 0 0 0 12px; display: block; color:#655e65; text-decoration:none; font-weight:bold;}
#header div.tetiere div.menu_vert ul li a:hover {color:#fff; background-color:#65ccbb}
/* menu horizontal */
#header div.menu_hori {margin: -20px 0 0 0; height:70px;}
#header div.menu_hori div.search_engine {float:left; width:180px; height:50px; text-transform:uppercase; color:#fff; font-size:10px; margin:20px 0 0 0; padding: 6px 0 0 0; }
#header div.menu_hori div.search_engine input.search_engine {float:left;margin:6px 0 0 9px; width:141px; height:17px; color:#fff; border:1px solid #fff; background-color:#a498a4;}
#header div.menu_hori div.search_engine a.ok {float:left;margin:6px 0 0 0; width:15px; height:14px;}
#header div.menu_hori ul {z-index:2000; list-style-type:none;}
#header div.menu_hori ul li {width:120px; height:70px; display:block;float:left; margin:0 0 0 0;}
/*#header div.menu_hori ul li table tr td{vertical-align:middle; text-align:center}*/
#header div.menu_hori ul li a {width:120px; margin:0 0 0 0; color:#fff; text-decoration:none; text-transform:uppercase}
/*#header div.menu_hori ul li a.linkrub_histoire {background-color:#5a2829}
#header div.menu_hori ul li a.linkrub_archives {background-color:#7e0004}
#header div.menu_hori ul li a.linkrub_recherches {background-color:#95755e}
#header div.menu_hori ul li a.linkrub_phototheque {background-color:#ffaa05}
#header div.menu_hori ul li a.linkrub_activites {background-color:#eb1c24}
#header div.menu_hori ul li a.linkrub_archives_online {background-color:#fb641f}*/
#header div.menu_hori ul li div {display:block;width:120px; height:50px; margin:20px 0 0 0}
#header div.menu_hori ul li div.src1{background:url(../graphics/portail/menu_hori_1.gif)}
#header div.menu_hori ul li div.src2{background:url(../graphics/portail/menu_hori_2.gif)}
#header div.menu_hori ul li div.src3{background:url(../graphics/portail/menu_hori_3.gif)}
#header div.menu_hori ul li div.src4{background:url(../graphics/portail/menu_hori_4.gif)}
#header div.menu_hori ul li div.src5{background:url(../graphics/portail/menu_hori_5.gif)}
#header div.menu_hori ul li div.src6{background:url(../graphics/portail/menu_hori_6.gif)}
#header div.menu_hori ul li a {display:block; cursor:pointer}
#div_blank {width:900px; height:10px; border-left:1px solid black; border-right:1px solid black}
#ariane {text-align:left !important; color:#5da69a;}
#ariane a {color:#5da69a; text-decoration:none; font-weight:bold;}
#ariane ul {list-style-type:none;}
#ariane ul li {display:inline;}
/* contenu */
#middle {width:900px; padding:0 0 10px 0;border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black}
/* pied de page */
#footer {width:900px; height:42px; text-transform:uppercase; font-size:10px; color:#fff}
#footer .left {float:left; margin:14px 0 0 0;}
#footer .right {float:right; margin:14px 0 0 0;}
#footer .right img {margin: 0 15px 0 0}
#footer .right a {margin: 0 0 0 35px; color:#fff; text-decoration:none}
#footer .left a {color:#fff; text-decoration:none}
/* contenu gauche */
#left {float:left;width:180px; margin: 42px 0 0 0;}
/* contenu droite */
#right {float:right;width:180px; margin: 42px 0 0 0;}
/* contenu central */
#center {float:left; width:520px; padding:10px 10px 10px 10px; background-color:#fff;}
#center div.content {margin:30px 20px 0 20px}
/* titres */
h3 {color:#645f64;text-align:left;font-size:20px;padding:0 0 0 0; margin: 0 0 40px 0; text-transform:uppercase;}
h4 {color:#fff;text-align:left;font-size:12px; margin: 0 0 10px 0; text-transform:uppercase;}
/* menu gauche */
div.menu_gauche {padding:10px 10px 10px 10px; background-color:#65ccbb}
.menu_gauche ul {text-align:left; list-style-type:none;}
.menu_gauche ul li {margin:4px 0 0 0; font-weight:bold; font-size:12px}
.menu_gauche ul li a {text-decoration:none; color:#fff;}
.menu_gauche ul li a:hover {color:#007856; text-decoration:underline}
.menu_gauche ul li a.actif {color:#007856}
.menu_gauche ul li div {}
.menu_gauche ul li ul {margin:0 0 0 8px; list-style-type:none;}
.menu_gauche ul li ul li {margin:2px 0 0 0;font-weight:normal; font-size:12px}
.menu_gauche ul li ul li a {text-decoration:none; color:#007856;}
.menu_gauche ul li ul li a:hover {color:#fff; text-decoration:underline}
.menu_gauche ul li ul li a.actif {color:#fff;}
.menu_gauche ul li ul li div {}
.menu_gauche ul li ul li ul{margin:0 0 0 8px; list-style-type:none;}
.menu_gauche ul li ul li ul li{margin:2px 0 0 0;font-weight:normal; font-size:11px}
.menu_gauche ul li ul li ul li a {text-decoration:none; color:#007856;}
.menu_gauche ul li ul li ul li a:hover {color:#fff; text-decoration:underline}
.menu_gauche ul li ul li ul li a.actif {color:#fff;}
/* bloc encadré à droite */
#right div.box {width:160px; margin:0 0 20px 10px; padding:28px 0 0 0; text-align:left; background: #fff url(../graphics/portail/haut_box.gif) no-repeat left top}
#right div.box div.contenu {color:#645f64; width:144px; padding: 0 8px 12px 8px; margin:0 0 0 0; font-size:10px; text-align:left}
#right div.box div.contenu a{color:#5da69a}
#right div.box p.titre_box{margin:0 0 12px 0; color:#645f64; font-size:12px; text-transform:uppercase; text-align:left}
#right div.box p.sous_titre_box{margin:0 0 6px 0; color:#645f64; font-size:12px; text-align:left}
#right div.box div.media{width:144px; background:#65ccbb; margin:0 0 0 0; padding:12px 8px 12px 8px}
#right div.box div.media a{background:url(../graphics/portail/arrow_blue.gif) no-repeat 0 5px; padding: 0 0 0 10px;}
#right div.box div.media div.titre {color:#fff; margin:0 0 4px 0; text-transform:uppercase; font-size:10px}
#right div.box div.media a{color:#000; text-decoration:none; display:block;}
#right div.box div.media a:hover{text-decoration:underline;}
/* bloc image à droite */
#right div.box_image {width:180px; margin: 0 0 20px 0}
#right div.box_image div.legende {width:164px; background:#65ccbb; padding:2px 8px 2px 8px; color:#000;}
/* bloc central normal + image au centre */
#center div.box_content {text-align:left; margin: 0 0 25px 0}
#center div.box_content_image {text-align:left; margin: 0 0 25px 0}
#center h4 {color:#5da69a; margin:0 0 10px 0}
#center div.sous_titre{color:#888; margin:0 0 5px 0; font-weight:bold}
#center div.box_content table {margin:0 0 0 -2px}
#center div.box_content table tr td {vertical-align:top;}
#center div.box_content table tr td.media_left{padding: 3px 15px 0 0; width:130px}
#center div.box_content table tr td.media_left div.media_content{margin:0 0 10px 0; padding:0 !important}
#center div.box_content table tr td.media_left div.media_content div.legende{font-size:10px; color:#666; margin:5px 0 0 0}
#center div.box_content table tr td.description{color:#555; text-align:justify}
#center div.box_content table tr td.description ul {list-style-type:none;}
#center div.box_content table tr td.description ul li{margin:3px 0 3px 30px; padding: 0 0 0 10px; background:url(../graphics/portail/puce_blue.gif) no-repeat 0 7px;}
#center div.box_content table tr td.description a{color:#5da69a;}
#center div.box_content table tr td.description div.credits_link a{padding: 3px 0 3px 20px; display:block; color:#5da69a; background:url(../graphics/portail/arrow_blue_2.gif) no-repeat left 9px}
#center div.box_content_image div.legende {font-size:10px; color:#666; margin:5px 0 0 0; text-align:center;}
#center div.box_content_image div.description {color:#555; margin:10px 0 0 0; text-align:justify}
#center div.box_content_image div.description ul {list-style-type:none;}
#center div.box_content_image div.description ul li{margin:3px 0 3px 30px; padding: 0 0 0 10px; background:url(../graphics/portail/puce_blue.gif) no-repeat 0 7px;}
#center div.box_content_image div.description a{color:#5da69a;}
#center div.box_content_image div.description div.credits_link a{padding: 3px 0 3px 20px; display:block; color:#5da69a; background:url(../graphics/portail/arrow_blue_2.gif) no-repeat left 9px}
#center div.media_link{margin:10px 0 0 218px; padding:5px 5px 5px 5px; background:#65ccbb url(../graphics/portail/puce_eye_blue.gif) no-repeat 8px 7px; width:250px}
#center div.media_link div.titre{margin: 0 0 4px 30px; color:#fff; text-transform:uppercase; font-size:10px}
#center div.media_link a{margin: 0 0 0 30px; text-decoration:none; color:#000; display:block}
#center div.media_link a:hover{text-decoration:underline}
#center div.media_file{margin:10px 0 0 218px; padding:5px 5px 5px 5px; background:#65ccbb url(../graphics/portail/puce_dl_blue.gif) no-repeat 8px 8px; width:250px}
#center div.media_file div.titre{margin: 0 0 4px 30px; color:#fff; text-transform:uppercase; font-size:10px}
#center div.media_file a{margin: 0 0 0 30px; text-decoration:none; color:#000; display:block}
#center div.media_file a:hover{text-decoration:underline}
#center div.box_content div.lien_phototheque {margin:10px 0 0 0; height:14px;}
#center div.box_content div.lien_phototheque a{font-size:11px; float:right; text-align:right; background:#ffaa05 url(../graphics/portail/puce_eye_blue.gif) no-repeat 8px 3px; width:190px; height:14px; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold; padding:0 10px 0 30px; }
/* bloc faq */
#center div.box_content h4 a.lien_faq{color:#5da69a; text-decoration:none; text-transform:none;}
#center div.box_content h4 a.lien_faq:hover{text-decoration:underline;}
#center div.box_content h4 a.lien_faq img{margin: 0 10px 0 0}
#center div.box_content div.answer {display:none}
/* plan du site */
ul.plan_0 {margin: 10px 0 0 0; list-style-type:none;}
ul.plan_0 li {float:left; width:100%; margin:10px 0 0 0; text-align:left; font-weight:bold; font-size:16px;}
ul.plan_0 li a {color:#5da69a; text-decoration:none;}
ul.plan_0 li a:hover {text-decoration:underline;}
ul.plan_1 {margin: 0 0 0 10px; list-style-type:none;}
ul.plan_1 li {float:left; width:100%; margin: 0; text-align:left; font-weight:normal; font-size:14px;}
ul.plan_1 li a {color:#5da69a; text-decoration:none;}
ul.plan_1 li a:hover {text-decoration:underline;}
ul.plan_2 {margin: 0 0 0 20px; list-style-type:none;}
ul.plan_2 li {float:left; width:100%; margin: 0; text-align:left; font-weight:normal; font-size:12px;}
ul.plan_2 li a {color:black; text-decoration:none;}
ul.plan_2 li a:hover {text-decoration:underline;}
ul.plan_3 {margin: 0 0 0 30px; list-style-type:none;}
ul.plan_3 li {float:left; width:100%; margin: 0; text-align:left; font-weight:normal; font-style:italic; font-size:12px;}
ul.plan_3 li a {color:black; text-decoration:none;}
ul.plan_3 li a:hover {text-decoration:underline;}
ul.plan_4 {margin: 0 0 0 40px; list-style-type:none;}
ul.plan_4 li {float:left; width:100%; margin: 0; text-align:left; font-weight:normal; font-style:italic; font-size:12px;}
ul.plan_4 li a {color:black; text-decoration:none;}
ul.plan_4 li a:hover {text-decoration:underline;}
ul.plan_5 {margin: 0 0 0 50px; list-style-type:none;}
ul.plan_5 li {float:left; width:100%; margin: 0; text-align:left; font-weight:normal; font-style:italic; font-size:12px;}
ul.plan_5 li a {color:black; text-decoration:none;}
ul.plan_5 li a:hover {text-decoration:underline;}
/* moteur de recherche, liste des réponses */
.content div.reponses {text-align:left; background-color:#65ccbb; color:#fff; font-weight:bold; padding:1px 0 1px 5px}
.content ul.list_result {text-align:left; margin: 25px 0 0 0; list-style-type:none;}
.content ul.list_result li {margin: 20px 0 0 0;}
.content ul.list_result li div.title {font-weight:bold;}
.content ul.list_result li div.title a{color:#5da69a; text-decoration:none; font-size:14px}
.content ul.list_result li div.title a:hover {text-decoration:underline;}
.content ul.list_result li div.desc {color:#555; font-weight:bold; margin:5px 0 0 0}
/* page de contact */
.content div form div.contact{text-align:left}
.content div form div.tel table{float:right;background-color:#65ccbb; padding:2px 5px 2px 5px; margin:0 0 20px 0; color:#555}
.content div form div.tel table tr td{text-align:left}
.content div form div.tel table tr td.name{color:#fff; font-weight:bold; padding:0 2px 0 0}
.content div form div.tel table tr td a{color:#555 !important; text-decoration:none;}
.content div form div.tel table tr td a:hover{text-decoration:underline;}
.content div form label {display:block;width:14%;float:left;text-align:right;padding-right:1em; color: #555}
.content div form label strong {color:#555; text-align:left}
.content div form input {float:left;border:#a397a3 1px solid;width:33%;margin:0 0 10px 0;}
.content div form input.long {width:82.95%;}
.content div form select.long {width:83.4%; float:left; border:#a397a3 1px solid; margin:0 0 10px 0;}
.content div form textarea {float:left;border:#a397a3 1px solid;width:82.95%;height:6em;margin-bottom:0.6em;}
.content div form input.btn_ok, .content form input.btn_ok_center, .content form input.btn_annul {width:14%;float:right;border:#65ccbb 1px solid;}
.content div form input.btn_ok {margin-left:1em;background-color:#65ccbb;color:#FFF;}
.content div form input.btn_annul {background-color:#65ccbb;color:#FFF;}
.content div form span {float:left; color:#555}
.div_form label.short {color:#555; margin:0 20px 0 0}
.div_form input {border:#a397a3 1px solid; width:165px}
.div_form input.btn_ok_right {width:auto !important;border:#65ccbb 1px solid;margin:5px 0 5px 220px;background-color:#65ccbb;color:#FFF;height:auto; }
.content {text-align:left;}
table.calendar {position:absolute;margin:4px 0 0 0;border-collapse:collapse;background:#FFFFFF;border:1px solid #65ccbb;}
* > table.calendar {margin:-5px 0 0 161px;}
input.date {border:1px solid #cc0000; width:132px;}
sup{font-size: 10px; line-height: 4px;}
div.message {color:red; font-size:14px; text-align:center}
div.error {color:red}