/* CSS Document */
* {margin:0; padding: 0;}
body {margin: 0 auto 80px auto; border:0; color:#FFF; background: #999 url(images/fond_gris.gif) repeat fixed left top; behavior:url(csshover.htc);}
#warning {font: bold 18px Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: none; background: #FFFF00; margin: 0px; padding: 3px 10px;}
#notice {font: bold 16px Arial, Helvetica, sans-serif; color:#08398D; background: #FFFFA0; text-decoration: none; margin: 0px; padding: 3px 10px;}

div#roscanvel {display:block; position:absolute; top:-23px; left:-16px; width:111px; height:157px; z-index:2;}
div#roscanvel a img{margin:0;padding:0; border:none 1px #000;}
div#rublogo {display:block; position:relative; top:-5px; left:0; width:1000px; height:307px; z-index:0;}

div#main {position:relative; margin:80px auto; width:1005px; height:auto; background:url(images/fond_papier.gif) repeat-y 0px 0px;}

/* Pied de page */
div#piedlogo {display:block; width:1000px; height:266px; z-index:10; text-align:right; clear:both; margin:30px 0 0 0;}
div#piedlogo img {display:block; width:auto; height:auto; margin:0; padding:0 0 6px 0; background: url(images/deg_gris_bas.gif) repeat-x right bottom;}
div#piedpage {display:block; position:absolute; bottom:6px; right:5px; width:auto; height:auto; clear:both; margin:0; padding:20px; font:11px Arial, Helvetica, sans-serif; color:#FFF; white-space:nowrap;}
div#piedpage a {font:bold 10px Arial, Helvetica, sans-serif; color:#FFF; white-space:nowrap; text-decoration:none;}
div#piedpage a:hover {text-decoration:underline;}

/* Bannière défilante */
div#banniere {display:block; position:absolute; top:265px; left:0; width:990px; height:26px; margin:0; padding:5px; z-index:1; overflow:hidden;}
ul#news {display:block; position:relative; top:0; left:0; width:990px; height:26px; margin:0; padding:0; text-align:left; white-space:nowrap;}
div#banniere span {color:#002247;}
div#banniere a {font:italic normal 16pt Georgia, "Times New Roman",Times,serif; color:#002247; text-decoration:none;}
div#banniere a:hover {text-decoration:underline;}

.tickercontainer {border:0 solid #000; background:none; width:990px; height:26px; margin:0; padding:0; overflow:hidden;}
.tickercontainer .mask {position:relative; left:10px; top:0; width:990px; overflow:hidden;} /* that serves as a mask. so you get a sort of padding both left and right */
ul.newsticker {position:relative; left:990px; list-style-type:none; margin:0; padding:0;} /* that's your list */
ul.newsticker li {float:left; margin:0; padding:0; background:none;} /* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker a {white-space:nowrap; padding:0; color:#F00; margin:0 70px 0 0;} 
ul.newsticker span {margin:0 10px 0 0;}

/* Menu */
div#navVerti {display:block; position:absolute; top:307px; left:0; width:180px; height:auto; z-index:100; background:#FFF url(images/menu_gauche_fond_top.gif) repeat-x left top; margin:0; padding:0;  border-right: 1px solid #C3C2BE; border-bottom: 2px solid #C0BFBA; border-left: 1px solid #FFF;}
div#navVerti h1{display:block; position:relative; top:0; left:0; width:180px; height:auto; font: normal 20px Georgia, "Times New Roman", Times, serif; white-space:nowrap; color:#7F96AE; text-decoration:none; padding:15px 15px 5px 15px;}
div#navVerti ul {display:block; position:relative; margin:0; padding:0; list-style:none; text-align:left; padding:0 0 35px 0;}
div#navVerti ul li {display:block; position:relative; margin:15px 0 0 0; padding:0 0 0 25px; list-style:none; text-align:left;}
div#navVerti ul li a, 
div#navVerti ul li a:visited, 
div#navVerti ul li a:active {display:block; width:156px; margin:0; padding:3px 0 3px 0; border-bottom: 1px solid #002D5E; font:bold normal 14px/normal Verdana, Arial, Helvetica, sans-serif; color:#16467A; text-decoration:none;}
div#navVerti ul li:hover {background:#002D5E url(images/tri_dr.gif) no-repeat 9px 7px;}
div#navVerti ul li:hover a {color:#FFF;}
div#navVerti ul li:hover ul li a {color:#16467A;}
div#navVerti ul li ul {display:block; position:absolute; top:0; left:180px; width:180px; height:auto; margin:0; padding:0; border:1px solid #002D5E; color:#16467A; background:#FFF; visibility:hidden;}
div#navVerti ul li ul:hover {visibility:visible;}
div#navVerti ul li:hover ul {visibility:visible;}
div#navVerti ul li ul li {display:block; position:relative; width:180px; height:auto; margin:0; padding:0; list-style:none; border:1px none #000; text-align:left; color:#16467A; background:#FFF;}
div#navVerti ul li ul li a,
div#navVerti ul li ul li a:active,
div#navVerti ul li ul li a:visited {display:block; margin:0; padding:4px 5px 6px 25px; width:150px; height:auto; font:bold normal 11px/normal Verdana, Arial, Helvetica, sans-serif; color:#16467A; text-decoration:none; border: 1px none #000; background:#FFF url(images/tri_dr_blanc.gif) no-repeat 12px 8px;}
div#navVerti ul li ul li:hover a {color:#FFF; background:#002D5E url(images/tri_dr_bleu.gif) no-repeat 12px 8px;}

/* Agenda */
div#agenda {display:block; position:relative; top:0; left:0; width:180px; height:auto; margin:20px 0 0 0; padding:0; z-index:100; background:#FFF url(images/menu_gauche_fond_top.gif) repeat-x left top; text-align:center;}
div#agenda form#miniAgenda {display:block; width:180px; height:auto; margin:0; padding:0; text-align:center;}
div#agenda table {display:block; width:180px; height:auto; margin:0; padding:0; color:#16467A; text-align:center;}
div#agenda table caption {margin:0; padding:4px; color:#16467A; font:bold 12px Verdana, Geneva, sans-serif; text-align:center;}
div#agenda table th,
div#agenda table td {width:22px; height:22px; margin:0; padding:0; color:#16467A; font:normal 11px Verdana, Geneva, sans-serif; text-align:center; vertical-align:middle; border-top:solid 1px #CCC; border-left:solid 1px #CCC; color:#16467A;}
div#agenda table th {font-weight:bold;}
div#agenda table td.we {background:#EEE;}
div#agenda table td.aujourdhui {background:#FFB;}
div#agenda input {display:inline; margin:0; width:22px; height:22px; padding:2px 4px; font:bold 11px Verdana, Geneva, sans-serif; text-align:center; border:none; background:none; color:#16467A; cursor:pointer;}
div#agenda th input {padding:2px 10px;}
div#agenda input:hover {background:#16467A; color:#FFF;}


/* Centre de la page */
div#contenu {display:block; position:relative; width:774px; height:auto; margin:0; padding:0 24px 30px 202px; font: 12px/16px Georgia, "Times New Roman", Times, serif; color:#214871; text-align:justify;}
div#contenu .spip_logos {display:inline; margin:0 20px 10px 0; padding:0; float:left; border:solid 1px #F6F6EF;}
div#contenu .spip_documents {display:inline-block; margin:0; padding:0; clear:none;}
div#contenu .spip_documents_left {display:inline; float:left; clear:none; margin:0 0 0 274px; padding:5px 10px 10px 0;}
div#contenu .spip_documents_right {display:inline; float:right; clear:none; margin:0; padding:5px 0 10px 10px;}
div#contenu .spip_documents_center {display:block; float:none; clear:both; margin:0; padding:5px; white-space:nowrap;}
div#contenu .spip_documents a img { border:solid 1px #F6F6EF;}
div#contenu .spip_documents a:hover img {border:solid 1px #002D5E;}
div#contenu a.spip_out{color:#67819A; text-decoration:none;}
div#contenu a:hover.spip_out{color:#002D5E; text-decoration:underline;}
div#contenu a:hover .spip_logos {border:solid 1px #002D5E;}
div#contenu a.rss {display:inline; color:#67819A; text-decoration:none; margin:0 5px; padding:1px}
div#contenu a.rss img{display:inline; border:solid 1px #F6F6EF; vertical-align: middle;}
div#contenu a:hover.rss img{border:solid 1px #002D5E;}
div#contenu h1 {display:block; position:relative; top:-5px; width:auto; height:auto; clear:none; font:bold 26px Georgia,"Times New Roman",Times,serif; color:#002D5E; margin:0; padding:0 0 10px 0; }
div#contenu h2 {display:block; clear:none; font:bold 16px Georgia,"Times New Roman",Times,serif; color:#002D5E; margin:0; padding:0 0 30px 3px;}
div#contenu h3 {display:block; clear:none; font:italic normal 18px Georgia,"Times New Roman",Times,serif; color:#67819A; margin:0; padding:0 0 30px 0;}
div#contenu h4 {display:block; clear:none; font:bold 16px Georgia,"Times New Roman",Times,serif; color:#002D5E; margin:0; padding:0 0 30px 0;}
div#contenu p,
div#contenu p.spip {display:block; float:none; clear:none; margin:0 0 0 274px; padding:10px 0;}
div#contenu ul.spip,
div#contenu ol.spip {display:block; float:none; clear:none; margin:0; padding:0 15px 25px 310px;}
div#contenu .ps {display:block; float:none; clear:none; margin:0 0 0 274px; padding:10px 20px 20px 0; font:11px Georgia, "Times New Roman", Times, serif; color:#6f879e;}

div#contenu.articles h3 {top:-20px; left:40px; padding:0 10px 10px 0;}

div#contenu.breves h1 {display:block; position:relative; top:0; left:0; width:700px; height:auto; text-align:right; list-style:none; margin:35px 0 35px 24px; padding:0; font: bold 24px Georgia, "Times New Roman", Times, serif;}
div#contenu.breves h1 a {display:inline; font: italic bold 24px Geneva, Arial, Helvetica, sans-serif; color:#B2BDC6; white-space:nowrap; text-decoration:none; margin:0; padding:0 5px;}
div#contenu.breves h1:hover a {color:#002D5E;}
div#contenu.breves ul {display:block; position:relative; top:0; left:0; width:700px;  height:auto; text-align:left; list-style:none; margin:50px 0 50px 24px; padding:0;}
div#contenu.breves li {display:block; position:relative; top:0; left:0; width:700px;  height:auto; text-align:left; list-style:none; margin:0 0 30px 0; padding:0;}
div#contenu.breves li h2{font-size:18px; margin:0; padding:0;}
div#contenu.breves li h3{font-size:12px; text-align:right; margin:0 0 15px 0; padding:0; border-bottom:dotted 1px #B9C3C9;}

div#navigation h1 {display:block; position:relative; top:-5px; right:-10px; font: italic 20px Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; color:#B2BDC6; text-align:right; margin:0; padding:0 0 5px 0; clear:none;}
div#navigation h2 {display:block; position:relative; top:-15px; right:20px; font: italic 18px Geneva, Arial, Helvetica, sans-serif; color:#B2BDC6; text-align:right; margin:0; padding:0 0 5px 0; clear:none;}
div#navigation h1:hover {color:#002D5E;}
div#navigation h2:hover {color:#002D5E;}
div#navigation a {display:block; text-decoration:none;}

div#menurubriques {display:block; position:relative; top:0; left:0; width:250px; height:auto; margin:40px 24px 20px 0; padding:0; float:left; clear:both;}
div#menurubriques ul {display:block; width:250px; height:auto; margin:0; padding:0; border-top:1px solid #9BAAB7; list-style:none;}
div#menurubriques li {display:block; width:auto; height:auto; margin:0; padding:0; text-align:left; border-bottom:1px solid #9BAAB7; list-style:none;}
div#menurubriques a,
div#menurubriques a:active,
div#menurubriques a:visited {display:block; width:250px; height:auto; margin:0; padding:5px 0; list-style:none; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#214871; text-decoration:none; text-align:left;}
div#menurubriques li:hover {background:#002D5E;}
div#menurubriques li:hover a {color:#FFF; background:#002D5E;}

div#articles {display:block; position:relative; top:40px; left:70px; width:700px; height:auto; margin:0; padding:0; font:bolder 12px Georgia, "Times New Roman", Times, serif; color:#214871; text-align:justify;}
div#articles img.spip_logos {margin:0 15px 35px 0; padding:0; float:left; border:solid 1px #F6F6EF; z-index:50;}
div#articles h1 {padding-bottom:20px; }
div#articles h2 {display:block; font:normal 20px Georgia,"Times New Roman",Times, serif; clear:none;}
div#articles h3 {display:block; position:relative; top:-35px; left:32px; margin:0; padding:0; clear:none;}
div#articles p {display:block; position:relative; top:-20px; left:5px; margin:0; padding:0 5px 5px 5px; font:normal 12px Georgia,"Times New Roman",Times, serif; color:#214871; text-align:left; clear:none;}
div#articles a {display:block; position:relative; text-decoration:none; color:inherit; cursor:pointer; clear:none;}
div#articles ul{display:block; margin:0; padding:0; list-style:none; clear:both;}
div#articles li{display:block; margin:0; padding:0; list-style:none; border-bottom:solid 1px #B9C3C9; clear:both; z-index:40; cursor:pointer;}
div#articles li:hover {background: url(images/fond_article_over.gif) repeat;}
div#articles li:hover a .spip_logos {border:solid 1px #002D5E;}

div#menuarticles {display:block; position:relative; top:0; left:0; width:250px; height:auto; margin:10px 24px 20px 0; padding:0; float:left; clear:both;}
div#menuarticles ul {display:block; width:250px; height:auto; margin:0; padding:0; border-top:1px solid #9BAAB7; list-style:none;}
div#menuarticles li {display:block; width:auto; height:auto; margin:0; padding:0; text-align:left; border-bottom:1px solid #9BAAB7; list-style:none; text-align:right;}
div#menuarticles a,
div#menuarticles a:active,
div#menuarticles a:visited {display:block; width:250px; height:auto; margin:0; padding:5px 0; list-style:none; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#214871; text-decoration:none; text-align:right;}
div#menuarticles li:hover {background:#002D5E;}
div#menuarticles li:hover a {color:#FFF; background:#002D5E;}
div#menuarticles a.courant {color:#9BAAB7;}

div#evts {display:block; position:relative; top:40px; left:70px; width:700px; height:auto; margin:0; padding:0; font:bolder 12px Georgia, "Times New Roman", Times, serif; color:#214871; text-align:justify;}
div#evts img.spip_logos {margin:0 15px 35px 0; padding:0; float:left; border:solid 1px #F6F6EF; z-index:50;}
div#evts h1 {padding:5px 10px; margin:0; font-size:21px;}
div#evts h2 {display:block; position:relative; top:0; left:-35px; width:735px; padding:5px 0; font:normal 24px Georgia,"Times New Roman",Times, serif; clear:none; border-bottom:solid 1px #214871; clear:both; float:none;}
div#evts li h2 {display:block; position:relative; top:0; left:0; padding:5px 10px; font:normal 16px Georgia,"Times New Roman",Times, serif; border:none; float:none; clear:both;}
div#evts li h3 {display:inline; position:relative; top:0; left:32px; margin:0; padding:0; clear:both; float:none;}
div#evts p {display:block; margin:0; padding:10px; font:normal 12px Georgia,"Times New Roman",Times, serif; color:#214871; text-align:left; clear:none;}
div#evts a {display:block; text-decoration:none; color:inherit; cursor:pointer; clear:none;}
div#evts ul{display:block; margin:30px 0 0 0; padding:0; list-style:none; clear:both;}
div#evts li{display:block; margin:0 0 30px 0; padding:0; list-style:none; border-bottom:solid 1px #B9C3C9; clear:both; z-index:40; cursor:pointer;}
div#evts li:hover {background: url(images/fond_article_over.gif) repeat;}
div#evts li:hover a .spip_logos {border:solid 1px #002D5E;}

/* Google map */
div#map{display:block; position:relative; left:0; margin:0 20px 50px 0; padding:0; width:450px; height:350px; float:left; clear:none; text-align:center;}
div.carte_gis {display:block; position:relative; top:0; left:0; width:500px;  height:400px; float:left; clear:none;}

/* Diaporama */
div#diaporama {display:block; position:relative; top:0; left:0; width:450px; height:450px; margin:0 20px 30px 0; padding:0; border:none 0px #000; overflow:visible; z-index:50; clear:none; float:left;}
div#diaporama.accueil {left:30px;}
div#diaporama img {display:block; position:absolute; top:0; left:0; visibility:visible; margin:0; padding:0; border:none 0 #000;}
div#diaporama ul,div#diaporama ul img {display:block; position:absolute; top:0; left:0; visibility:hidden; margin:0; padding:0; border:none 0 #000;}
div#diaporama ul h3{display:block; position:absolute; visibility:hidden; margin:0; padding:0;}
div#diaporama ul p{display:block; position:absolute; visibility:hidden; margin:0; padding:0;}
div#diaporama div h3{display:block; position:relative; top:0; left:0; visibility:visible; margin:0; padding:20px 0 5px; font:bold normal 12px/normal Arial, Helvetica, sans-serif; color:#0D345F; text-align:center;}
div#diaporama div p{display:block; position:relative; top:0; left:0; visibility:visible; margin:0; padding:0 0 50px 0; font: 11px/normal Arial, Helvetica, sans-serif; color:#0D345F; text-align:center;}

/* Images des bandeau de rubriques */
div#rublogo {background: url(images/rub_fontaine.jpg) no-repeat 0px 0px;}					/* Images par défaut			*/
div#rublogo.rub23 {background: url(images/rub_fontaine.jpg) no-repeat 0px 0px;}			/* Accueil						*/
div#rublogo.rub15 {background: url(images/rub_kelern.jpg) no-repeat 0px 0px;}				/* Associations				*/
div#rublogo.rub9 {background: url(images/rub_cale.jpg) no-repeat 0px 0px;}
div#rublogo.rub4 {background: url(images/rub_fort_espagnole.jpg) no-repeat 0px 0px;}	/* Commune						*/
div#rublogo.rub16 {background: url(images/rub_vitraux.jpg) no-repeat 0px 0px;}
div#rublogo.rub21 {background: url(images/rub_velo.jpg) no-repeat 0px 0px;}				/* Ecole							*/

/* Images des pieds de page */
div#piedlogo {background: url(images/pied_frat.jpg) no-repeat 0px 0px;}						/* Images par défaut 		*/
div#piedlogo.rub15 {background: url(images/pied_frat.jpg) no-repeat 0px 0px;}				/* Associations				*/
div#piedlogo.rub21 {background: url(images/pied_generations.jpg) no-repeat 0px 0px;}	/* Ecole							*/
div#piedlogo.rub4 {background: url(images/pied_iles.jpg) no-repeat 0px 0px;}				/* Commune						*/