/* Developp by V Gilfaut contact vincent.gilfaut__ AT__ ciridd.org */

* { margin: 0; padding: 0; border: none;}
body {font: small 'Lucida Grande', Arial, sans-serif;  font-size:15px;background-color:#fafafa}
*html body {font: small 'Lucida Grande', Arial, sans-serif;  font-size:14px;background-color:#fafafa}
h2, h3 {font-family: Arial, Helvetica, sans-serif;font-size: 1em;color:#FFF;font-weight: normal;line-height: 22px;}

/* #################################################################### */
#header { position:relative;float:left;width:916px ;height:196px;top:0; }
#bando img{position:relative;float:left; height:196px;width:916px;margin:0;padding:0;top:0;}

#containertop {position:relative;margin: 0 auto;width: 916px;color: #000;height:196px}


#containermain {margin: 0 auto; width: 916px;color: #000;}
* html #containermain {margin: 0 auto;top:0; width: 916px;color: #000; margin-top:-51px;}

#containerbot {margin: 0 auto; width: 916px; color: #000; line-height: 1.4;}
#containerfooter {margin: 0 auto; background-color:#024691;width: 914px; color: #FFF;font-size:0.80em;padding:10px 0 10px 0;border-bottom:1px solid #024691;color:#FFF;border-left:1px solid #024691;border-right:1px solid #024691}
#containerfooter a{text-decoration:none;color: #FFF;font-size:0.80em;}
#containersitemap {margin: 0 auto; width: 914px; background-color:#eee;color: #989898;font-size:0.80em;padding:10px 0 10px 0;border-bottom:1px solid #FFF;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc }
#containersitemap a, #containersitemap  a:visited {text-decoration:none;color:#989898;font-size:0.80em;}

#middle { float: left; width:657px;padding:0px 0px 0px 0px;min-height:650px;}
#main { float: left; width:914px; clear: left;padding-top:5px;background-color:#FFF;border-left:1px solid #ccc;border-right:1px solid #ccc;height:auto }
#right { float: right; width: 245px;padding:0px 0px 5px 0px;}
#footer{ float: left; width:100%;}
#sitemap{ float: left; width:100%;}

.topnavbar {position:relative;width:574px ;height:22px;top:-192px;float:right;background:url(../imagestpl/search.gif) no-repeat top right; }
.topnavbar {font-size:0.80em;line-height:20px}
.topnavbar ul {padding:0;margin:0 0 0 40px;list-style-type:none;}
.topnavbar ul li {float:left; position:relative;list-style-type:none;}
.topnavbar ul li a, #topnavbar ul li a:visited {text-decoration:none;color:#024691;}
.topnavbar ul li a:hover {color:#2569b4}

/* #################################################################### */
/* Navbar */

#menu {position:relative;width:874px ;top:-50px;height:30px;font-size:0.925em;z-index:100}
*html #menu {position:relative;width:874px ;top:-50px;height:30px;font-size:0.90em;z-index:100}
#menu {float:left;list-style-type:none; margin:0px 0 0px 0px; padding:0;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative;line-height:18px; width:160px;font-size:0.9em; height:1px; z-index:100;text-align:center;list-style-type:none;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu dl {position:absolute; top:0; left:0; width: 165px; margin: 0; padding: 0;z-index:100 }
#menu dt { margin:0;  width:160px; float:left;z-index:100}
#menu dd {display:none;  clear:left; margin:0; padding:0; color: #fff; font-size: 0.90em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#fff; padding: 5px 5px 5px 5px; width:150px;z-index:100}
#menu dd a, #menu dd a:visited {background:url(../imagestpl/fond_menu.png) repeat top left; color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 20px; width:176px;z-index:100}
#menu li a:hover {border:0;z-index:100}
#menu li:hover dd, #menu li a:hover dd {display:block;z-index:100}
#menu li:hover dl, #menu li a:hover dl {width:201px;z-index:100}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background: #2569b4; color:#fff;z-index:100}
#menu  .active   {display:block;background:#fff;color:#FFF;height:18px;line-height:18px;background:url(../imagestpl/fond_menu.png) repeat top left;width:auto }


/* #################################################################### */
/* News Home */
.newsbox1 {float:left;padding:10px 0 10px 5px;}
.newsbox1 h2 {background:url(../imagestpl/cadre_11.gif) no-repeat top left;padding-left:25px; }
.newsbox1 ul {padding-left:16px;List-Style-Position: Outside;}
.newsbox1 li {list-style-image: url(../imagestpl/puce_orange.gif);padding-bottom:5px;line-height:15px;}
.newsbox1 a {font-size:0.85em;color:#024691;text-decoration:none; }
.newsbox1 .posted {font-size:0.80em; color:#989898;padding:0px;font-style: italic}

.newsbox2 {float:left;padding:10px 0 0 0;}
.newsbox2 h2 {background:url(../imagestpl/cadre_30.gif) no-repeat top left;padding-left:25px }
.newsbox2 ul {padding-left:16px;List-Style-Position: Outside;}
.newsbox2 li {list-style-image: url(../imagestpl/puce_orange.gif);padding-bottom:5px}
.newsbox2 a {font-size:0.85em;color:#024691;text-decoration:none }
.newsbox2 .posted {font-size:0.80em; color:#024691;padding:0px;font-style: italic}

.newsboxborder{padding:5px;width:374px;margin-top:-1px;border:1px solid #ededed;height:auto;font-size:0.95em;}
.mapbox {float:right;padding:10px 0 10px 0; }
.mapbox  h2 {background:url(../imagestpl/cadre_carte_17.gif) no-repeat top left;text-align:center;padding:0 }
.mapbox  p{float:left;border:1px solid #ededed;padding:5px;width:242px; }
.mapbox .list {width:240px;border:1px solid #ededed;}

.calboxhome {float:right;padding:0px 0 10px 0; }
.calboxhome h2 {background:url(../imagestpl/cadre_40.gif) no-repeat top right;text-align:center;padding:0 }
.calboxhome ul {padding-left:20px;List-Style-Position: Outside;}
.calboxhome li {list-style-image: url(../imagestpl/puce_orange.gif);padding-bottom:5px;line-height:15px}
.calboxhome a {font-size:0.75em;color:#024691;text-decoration:none }
.calboxhome .posted {font-size:0.70em;color:#989898;padding:0px;font-style: italic}
.calboxhomeborder{padding:5px;width:240px;margin-top:-1px;border:1px solid #ededed;height:auto;}

.boxedito {float:left;padding:0 0 0 5px;z-index:1}
.boxedito h2 {background:url(../imagestpl/cadre_03.gif) no-repeat top left;padding-left:25px; }
.boxedito p{float:left;border:1px solid #ededed;padding:15px;width:619px;margin-top:-1px;font-size: 0.85em;color:#024691;text-align:justify }

.contextuelhome {float:left;width:245px;padding-top:20px}
.contextuelhome h3 {background:url(../imagestpl/puce_bleue2.png) no-repeat top left ;padding-left:25px;color:#024691;font-weight:bold; }
.contextuelhome ul {padding-left:21px;List-Style-Position: Outside;}
.contextuelhome li {list-style-image: url(../imagestpl/puce_orange.gif);padding-bottom:5px}
.contextuelhome a {font-size:0.95em;letter-spacing: -0.25px;color:#024691;font-weight: normal;text-decoration:none }
.contextuelhome a:hover {color:#2569b4;}
.contextuelhome .contain {padding:5px;background:url(../imagestpl/dot.gif) repeat-x bottom left;margin-bottom:10px;width:230px;height:100px}
.contextuelhome img{float:left;vertical-align: middle ;padding-left:5px;}
.contextuelhome legend{font-weight: normal;font-size: 12px;color:#024691;letter-spacing: -1px;padding:15px;}
/* #################################################################### */
/* News others */
#middleleft { float: left; width:390px;padding:0px;}
#middleright { float: right; width:260px;padding:0px;}
#middlefoot { float: left; width:100%;padding:0px;}

.newsbox3 {float:left;width:100%;padding:10px 0 0 5px;}
.newsbox3 h3 {background:url(../imagestpl/puce_bleue2.png) no-repeat top left ;padding-left:25px;color:#FB9C36;font-weight:bold;font-size:0.95em; }
.newsbox3 ul {padding-left:16px;List-Style-Position: Outside;}
.newsbox3 li {list-style-image: url(../imagestpl/puce_orange.gif);padding-bottom:5px;line-height:15px}
.newsbox3 a {font-size:0.85em;color:#024691;text-decoration:none }
.newsbox3 .posted {font-size:0.80em;color:#989898;padding:0px;font-style: italic;}

.newsboxnoborder{padding:5px;width:374px;margin-top:-1px;height:auto;background:url(../imagestpl/dot.gif) repeat-x top left;}
.newsboxnoborder  {color:#024691;text-decoration:none;padding-top:10px; font-size:0.95em;}
.newsboxnoborder img {margin:inherit;padding:inherit}

.newsboxstatique {float:left;padding:10px 0px 5px 0px;height:auto;width:650px;color:#024691;font-size:0.85em;text-align:justify}

.contextuel {float:right;padding:10px 0px 0px 0;background-color:#2569b4;margin:-6px 10px 10px 0;width:236px;}
*html .contextuel {float:right;padding:10px 0px 0px 0;background-color:#2569b4;margin:-12px 5px 10px 0;width:236px;}

.contextuel ul {List-Style-Position: inside;}
.contextuel li { list-style:none;line-height:40px;background:url(../imagestpl/dot_blc.png) repeat-x top left;padding-left:5px;vertical-align:top;}
.contextuel a {List-Style:none;background: url(../imagestpl/puce_blanc.png) no-repeat; line-height:40px;padding-left:15%;background-position:5px 50%; }
.contextuel li:hover {background-color:#024691}
.contextuel a {font-size:0.85em;letter-spacing: -0.75px;color:#FFF;font-weight: normal;text-decoration:none }
.contextuel .container {padding:0px;}
.contextuel p.p1 {background:url(../imagestpl/encadre_bas_c.gif) no-repeat top right;width:236px;height:18px;}
.contextuel .active {background-color:#024691}
.contextuel .ssmenu{border:none;background:none;background-color:#2569b4;list-style-image:none;list-style-type:none;padding-left:0px;line-height:30px;}

.contextuel_title {float:right;padding:0px;margin:0 10px 0 0;width:236px;}
.contextuel_title h2{background:url(../imagestpl/cadre_15.gif) no-repeat top right;text-align:center;line-height:34px}

*html .contextuel_title {float:right;padding:0px;margin:0 5px 0 0;width:236px;}


.syndicate {float:right;width:220px;padding:10px 0 0 0px;margin-right:10px}

.syndicate li {list-style:none;background:url(../imagestpl/rss.jpg) no-repeat;vertical-align:top;}
.syndicate ul {padding:0 0 0 30px;List-Style-Position: Outside;}

.syndicate a {List-Style:none;padding-left:10%;background-position:bottom left;font-size:0.85em;color:#024691;font-weight: normal;text-decoration:none;vertical-align:middle }

.calbox {float:right;padding:0px 0 0 0; }
.calbox h2 {background:url(../imagestpl/cadre_42.gif) no-repeat top right;text-align:center;padding:0 }
.calbox ul {padding-left:20px;List-Style-Position: Outside;}
.calbox li {list-style-image: url(../imagestpl/puce_orange.gif);padding-bottom:5px;line-height:15px}
.calbox a {font-size:0.75em;color:#024691;text-decoration:none }
.calbox .posted {font-size:0.70em;color:#989898;padding:0px;font-style: italic}
.calboxborder{padding:5px;width:218px;margin-top:-1px;border:1px solid #ededed;height:auto;}

.footnewsbox {background:url(../imagestpl/dot.gif) repeat-x top; margin-left:5px;padding:10px 0 5px 15px;width:94%}
.footnewsbox h2{background:url(../imagestpl/puce_bleue.gif) no-repeat  left;padding:0 0 0 15px;text-align:inherit}
.footnewsbox a{}

.boxactu {float:left;padding:0 0 0 5px; }
.boxactu h2 {background:url(../imagestpl/cadre_03.gif) no-repeat top left;padding-left:25px }
.boxactunoborder {float:left;border:1px solid #ededed;padding:15px;width:619px;margin-top:-1px;margin-top:-1px;font-size: 0.85em;color:#024691;text-align:justify ;height:auto }
.boxactu .posted {font-size:0.85em;color:#989898;padding:0px;font-style: italic}
.boxactu a {color:#989898;text-decoration:none}
.boxactu li {list-style-image: url(../imagestpl/puce_orange.gif);margin:10px 0 0 15px;line-height:15px}

.boxactunoborder img{margin:inherit;padding:inherit }
.boxactu img{margin:5px}
.archives {width:100%;padding:10px 0 0 5px;clear:left;color:#989898}
.archives h3 {background:url(../imagestpl/puce_bleue2.png) no-repeat top left ;padding-left:25px;color:#FB9C36;font-weight:bold;font-size:0.95em; }
.archives h2 {color:#2569b4;}
.archives a {color:#989898;font-size:0.85em }
.archives .posted {color:#989898;font-style: italic;font-size:0.80 em}
.archives ul {padding-left:21px;List-Style-Position: Outside;}
.archivesboxnoborder{padding:5px;width:640px;margin-top:-1px;height:auto;background:url(../imagestpl/dot.gif) repeat-x top left;}


.boxstatique {float:left;padding:0 0 0 5px; }
.boxstatique h2 {background:url(../imagestpl/cadre_03.gif) no-repeat top left;padding-left:25px }
.tableborder {border:1px solid #ededed;padding:15px;width:619px;margin-top:-1px;margin-top:-1px;font-size: 0.85em;color:#024691;/*text-align:justify*/ }

.tableborder blockquote{
    padding-left: 25px;
    margin: 0px;
}

blockquote{
    padding-left: 25px;
    margin: 0px;
}

.tableborder ul{
    padding-left: 25px;
    margin-top: 10px;
}
.tableborder img {margin:inherit;padding:inherit}

.searchbox {float:left;width:100%;padding:10px 0 0 5px;}
.searchbox h3 {background:url(../imagestpl/puce_bleue2.png) no-repeat top left ;padding-left:25px;color:#FB9C36;font-weight:bold;font-size:0.95em; }
.searchboxul {padding-left:16px;List-Style-Position: Outside;}
.searchbox li {list-style-image: url(../imagestpl/puce_orange.gif);padding-bottom:5px;line-height:15px;List-Style-Position: Outside;}
.searchbox a {font-size:12px;color:#024691;text-decoration:none }
.searchbox .posted {font-size:0.80em;color:#989898;padding:0px;font-style: italic;}

.searchboxnoborder{padding:5px;padding-left:20px;width:630px;height:auto;background:url(../imagestpl/dot.gif) repeat-x top left;}
.searchboxnoborder  {color:#024691;text-decoration:none;padding-top:10px; font-size:12px;text-align:justify}

.search{border:1px solid #2469B3;float:left;margin-left:90px;padding:1px;font-size:10px}
*html .search{border:1px solid #2469B3;float:left;margin-left:120px;padding:2px;font-size:10px}
/* #################################################################### */
/* Agenda21 */


.liste {float: right;width: 250px;border:1px solid #ededed;height:300px;margin-top:10px;overflow-y: auto;overflow-x:hidden; padding:10px}
.liste a{font-size:0.85em;letter-spacing: -0.5px;color:#024691;font-weight: bold;text-decoration:none }
.liste {SCROLLBAR-FACE-COLOR: #336699; SCROLLBAR-HIGHLIGHT-COLOR: #4d88c4; SCROLLBAR-SHADOW-COLOR: #224466; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #224466; SCROLLBAR-3DLIGHT-COLOR: #224466}

.boxagenda {float:left;padding:0 0 0 5px;}
.boxagenda h2 {background:url(../imagestpl/cadre_03.gif) no-repeat top left;padding-left:25px; }
.borderboxagenda {float:left;border:1px solid #ededed;padding:15px;width:619px;margin-top:-1px;font-size: 0.85em;color:#024691;letter-spacing: -0.5px;color:#024691;line-height: 20px;text-align:justify;min-height:590px }



.nbagenda {}

.zoom {float:right;padding:10px 0 0 0; }
.zoom  h2 {background:url(../imagestpl/cadre_42.gif) no-repeat top left;text-align:center;padding:0 }
.zoom  p{float:left;border:1px solid #ededed;padding:5px;width:218px; }
.zoom {font-size:0.85em;color:#024691;line-height: 20px;text-align:justify }


/* #################################################################### */
/* Calendar */
#calendar {height:175px;padding:10px 0px 0 0px}
#calendar li{	list-style: none;}
#calendar h2{	height:20px;font-size:1em;letter-spacing: -0.75px;color:#FFF;}
.currentmonth {font-size:1em;letter-spacing: -0.75px;color:#FB9C36;font-weight: bold;margin-left:20px;}
.activedate {background-color:#ededed;}
.activedate a {list-style: none;text-decoration: none;color:#024691;font-size:1em;}
#libelle {float:right;width: 190px;margin: 0 ;height:20px;font-size:0.85em;letter-spacing: -0.75px;color:#024691;font-weight: bold;}
.ligne {float : left;width: 200px;margin: 0 ;padding: 0;}
#libelle li {float : left;width : 19px; padding:1px;margin-right:5px;}
.ligne li {color:#024691;font-size:0.85em; float : left;padding:2px;width:18px;border:1px solid #ededed;margin:1px;text-align:center}
li.itemCurrentItem {/* A vous de configurer l'apparence de la date du jour */}
li.itemSelectedItem {/* A vous de configurer l'apparence du jour sélectionné */}
li.noborder {border:1px solid #FFF}

/* #################################################################### */