/* CSS Document tetiere */
html, body { margin:0px auto;padding:0; width:99%}
#global{margin:0px auto ;padding:0px; width: 994px; _width: 994px;border:0px solid red;background-color:#ffffff;}
#topleft { position:absolute; }

#tetiere-box * { margin:0;padding:0;font-size: 11px;font-family: Arial, Helvetica, Sans-Serif; }
#tetiere-box{height:128px; width:100%; min-width:994px; background:white; background: url(http://gallika.net/squelettes/images/oli_fond_tetiere.gif) top left repeat-x;margin:0;padding:0;}

#tetiere-box {font-size: 11px; font-family: Arial, Helvetica, Sans-Serif;}
#tetiere-box img, #tetiere_plate-box img{border:0px; vertical-align:top; margin:0px; padding:0px;}

#tetiere-box #home{ height:65px; width: 994px; margin-top:0;float:left; border-bottom: 5px solid #375976;}

#tetiere-box #logo {float: left; margin: 15px;}
#tetiere-box #logo p.famille{}
#tetiere-box #logo p.chaine{}

#tetiere-box p.date {clear:none;font: bold 11px Arial, Helvetica, Sans-Serif; color:#4E6578; width: 144px; height: 20px; $height: 23px; padding-top: 3px; text-align: center; background: url(http://gallika.net/squelettes/images/oli_fond_date.gif) top no-repeat;  top: 0px; float: right;}
#tetiere-box p.date a {color:#4E6578;}

#tetiere-box #recherche{float:right;margin-right:0px;width:670px;border:0px silver solid;  }

#tetiere-box #recherche form{}

#tetiere-box #recherche > p { position:relative;top:-2px; }
#tetiere-box #recherche input.champ { height:16px;float:left; margin-right:5px;width: 160px;border:1px solid #7F9DB9;}
#tetiere-box #recherche select { border:1px solid #7F9DB9; height:18px;float:left; margin-right:5px;width: 160px; color:#000; font-weight:normal; text-transform:none;}
#tetiere-box #recherche button.ok{position:relative;top:0;float:left; height:20px; width:22px; background:url(http://gallika.net/squelettes/images/oli_bouton_ok.gif) no-repeat; border:none; cursor:pointer;margin-right:5px;}
#tetiere-box #recherche a#plan-site {float:left;display:block;height:20px;padding-top:4px;;color:#4E6578;font-weight:normal;text-decoration:underline;padding-top:2px;}
#tetiere-box #recherche a#plan-site:hover {text-decoration: none;}


#tetiere-box ul {margin:0px; padding:0px;}
#tetiere-box ul li {display: block; height: 20px; $height: 29px;  float: left; list-style-type: none; font-weight: bold; padding: 7px 10px 2px 10px; }
#tetiere-box ul li a {text-decoration: none; }
#tetiere-box ul li a:hover {text-decoration: underline;}

#tetiere-box #menu { width:1004px;height:29px;display:block;float:left;clear:left;margin-top:0;}
#tetiere-box #menu * { _padding-top:0;_padding-bottom:0; }

#tetiere-box #menu ul li {height:29px;line-height:29px;padding-top:0!important;padding-bottom:0!important;background:url(http://gallika.net/squelettes/images/oli_fond_separateur.gif) right 2px no-repeat;}
#tetiere-box #menu ul li a {display:block;float:left;color: #FFF;}
#tetiere-box #menu ul li.dernier {background: none;}

#tetiere-box #menu ul li.actif {background:url(http://gallika.net/squelettes/images/oli_fond_menu-primaire_on.gif) bottom left repeat-x;}
#tetiere-box #menu ul li.actif.inactif { background:url(http://gallika.net/squelettes/images/oli_fond_separateur.gif) right 2px no-repeat;}
#tetiere-box #menu ul li.actif a {color:#4E6578;}
#tetiere-box #menu ul li.actif.inactif a {/*color: #CC9E30;*/color:#fff;}

#tetiere-box #menu ul li.inactif.survol, #tetiere-box #menu ul li.survol {background:url(http://gallika.net/squelettes/images/oli_fond_menu-primaire_on.gif) bottom left repeat-x;}
#tetiere-box #menu ul li.survol a, #tetiere-box #menu ul li.inactif.survol a {color: #4E6578;}

#tetiere-box #menu a#plan-site {color: #4E6578; display: block; float: right; margin-top: 6px; text-decoration: underline;position:relative; left:10px;top:2px;}
#tetiere-box #menu a#plan-site:hover {text-decoration: none;}

#tetiere-box #sous-menu {  height: 29px;_line-height:29px; width:1003px;}
#tetiere-box #sous-menu * {  _padding-top:0;_padding-bottom:0; }
#tetiere-box #sous-menu ul {float: left;}
#tetiere-box #sous-menu ul li {padding-left:10px; padding-right:3px;}
#tetiere-box #sous-menu ul li a {color: #4E6578;}
#tetiere-box #sous-menu ul li a.lien-promo {color: #3fbaba;}
#tetiere-box #sous-menu ul.hidden { display:none; }
#tetiere-box #sous-menu ul.show { display:block; }
#tetiere-box #sous-menu li.liens-complements {background: url(http://gallika.net/squelettes/images/oli_fond_separateur02.gif) 0 2px no-repeat; margin-left: 5px}
#tetiere-box #sous-menu li.couleur a {color: #CC9E30;}


#tetiere_plate-box {height: 50px; _width: 994px; width: 994px; background:url(http://gallika.net/squelettes/images/oli_fond_tetiere-plate.gif) top repeat-x!important;}

#tetiere_plate-box #home {float: left; height: 32px; padding-left: 10px;}
#tetiere_plate-box #home a {text-decoration: underline; color: #ffffff; font: normal 11px Arial, Helvetica, sans-serif;}
#tetiere_plate-box #home a:hover {text-decoration: none;}
#tetiere_plate-box #home .accueil {float: left; margin: 0px;}
#tetiere_plate-box #home .accueil a img {margin-right: 5px;}
#tetiere_plate-box #home .logo {float: left; margin-left: 0px; margin-top: 3px;}
#tetiere_plate-box #home .chaine {float: left; margin-top: 5px; margin-left: 15px;width:200px;}
#tetiere_plate-box #home .chaine a {background: url(http://gallika.net/squelettes/images/oli_separateur-logo_tetiere-plate.gif) left top no-repeat; display: block; width: 200px; height: 20px; text-decoration: none; font: normal 17px Arial, Helvetica, Sans-serif; padding-left: 18px; padding-top: 1px; text-transform: uppercase;}


#tetiere_plate-box #recherche {float:left; height: 31px; margin-left: 0; width: 400px;}
#tetiere_plate-box #recherche p {margin: 0px; float: left;  font: bold 11px Arial, Helvetica, sans-serif; color: #333333; color: #ffffff; padding: 9px 6px 0px 0px;}
#tetiere_plate-box #recherche form {float: left; padding: 0px;}
#tetiere_plate-box #recherche input.champ {height:15px;float: left; width: 160px; margin-top: 8px; background: #FFF; border: 1px solid #AFAFAF; font: normal 11px verdana;}
#tetiere_plate-box #recherche input.ok {float: left; margin: 10px 0px 0px 5px;}
#tetiere_plate-box #recherche select { width:120px;height:17px;float:left;font-size:11px;position:relative; left:5px; top:7px; margin-right:5px;  }
#tetiere_plate-box #recherche select option { font-size:11px;}
#tetiere_plate-box #recherche button.ok {float: left; margin: 7px 0px 0px 5px; height: 20px; width: 22px; background: url(http://gallika.net/squelettes/images/oli_bouton_ok.gif) no-repeat; border: none; cursor: pointer;}

#tetiere_plate-box #top1 {position: absolute; top: 47px; left: 0px;}
#tetiere_plate-box #top3, #tetiere_plate-box #xxl {position: absolute; top: 31px; left: 134px; width: 728px; border: 0px;}




/* sous-menu = ariane */
#tetiere_plate-box ul {margin:0px; padding:0px;font: normal 12px arial;}
#tetiere_plate-box ul li {display: block; height: 20px; $height: 29px;  float: left; list-style-type: none; font-weight: bold; padding: 0px 10px 2px 10px; }
#tetiere_plate-box ul li a {text-decoration: none; }
#tetiere_plate-box ul li a:hover {text-decoration: underline;}
#tetiere_plate-box #ariane {  height: 29px;_line-height:29px; width:994px;}
#tetiere_plate-box #ariane * {  _padding-top:0;_padding-bottom:0; }
#tetiere_plate-box #ariane ul {float: left;margin-left:28px;}
#tetiere_plate-box #ariane ul li {padding-left:3px; padding-right:1px;color: #4E6578;}
#tetiere_plate-box #ariane ul li a {color: #4E6578;}
#tetiere_plate-box #ariane ul li a.lien-promo {color: #3fbaba;}
#tetiere_plate-box #ariane li.liens-complements {background: url(http://gallika.net/squelettes/images/oli_fond_separateur02.gif) 0 2px no-repeat; margin-left: 5px}