* {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #333333;margin: 0px;padding: 0px;border: 0px; float:none}
/*-----------------------------------------------------------------------------------------------------------*/
/*	typo */
/*-----------------------------------------------------------------------------------------------------------*/
.noir {color:#000000!important}
.bleu {color:#00A8E9!important}
.gris {color:#666666!important}
.vert {color:#85B92A!important}
.rouge {color:#DD1E03!important}

.big {font-size:1.2em}

.gras {font-weight:bold}
.italique {font-style:italic}
.small {font-size:0.8em; line-height:1em;}
.nodeco {text-decoration:none}

hr {height:0px; border-top:1px solid #CCCCCC; margin:5px 20px 5px 20px}

p {text-align:justify; margin:0px 0px 8px 0px}

.puce {margin:0px 5px 0px 0px}
.petite-puce {margin:0px 0px 0px 0px}

ul,li {margin-left:15px}

a.spip_out {color:#803AC5}
a.spip_mail {color:#EB903C}

sup {color:inherit; font-size:0.8em}

optgroup {font-variant:small-caps; font-weight:bold; font-style:normal; color:#FFFFFF}
optgroup option {pading-left:10px; font-variant:normal!important; font-weight:normal!important; color:#333333; background-color:#FFFFFF!important}

.avis a {color:#00A8E9; text-decoration:none}
.avis .p {text-align:left!important}s
/*-----------------------------------------------------------------------------------------------------------*/
/*	Main design */
/*-----------------------------------------------------------------------------------------------------------*/
body {background:url(images/background/superback.jpg) repeat-x top #FFFFFF}
#page {width:1200px;position:absolute;left:50%; margin-left:-600px;}
#header {height:205px; background:url(images/background/header.png) no-repeat; overflow:hidden}
#header-top{height:36px;}
#header-middle{height:139px;}
#header-logo {padding:31px 0px 0px 115px;}
#header-footer {height:30px;}
#middle {background:url(images/background/middle.png) no-repeat top;}
#left{width:175px; padding-left:15px}
.left-content {margin-left:15px}
#center,#left,#right{padding-top:30px;}
#right{width:200px;}
#footer {height:130px;}
#animation {position:absolute; z-index:-1; margin-left:714px;}

#maintable-3cols {width:1024px; margin-left:88px;}
#maintable-3cols #center {width:624px;}
/*-----------------------------------------------------------------------------------------------------------*/
/*	top-layer */
/*-----------------------------------------------------------------------------------------------------------*/
#top-layer {margin-left:700px; padding-top:4px;}
#recherche_mini {height:26px; background:url(images/bg_recherche.jpg) no-repeat; width:141px; padding-left:10px;}
#recherche_mini input {margin:2px 2px 0px 0px; width:110px; padding:2px;}
#recherche_mini button {background:transparent; padding:0px; margin:2px 0px 0px 0px}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Header menu */
/*-----------------------------------------------------------------------------------------------------------*/
#header-footer-menu {width:760px; height:30px; margin-left:208px; background:url(images/background/fond_menu.png) no-repeat}
.smenu-0  {height:30px;display:block;float:left}
.smenu-0:hover .smenu {display:block}
div.smenu {text-align:left; position:absolute; z-index:1; margin-top:29px; width:150px; display:none}
div.smenu a {display:block; padding:2px; text-decoration:none; color:#FFFFFF; font-size:0.9em}
div.smenu a:hover {background:transparent!important}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Footer */
/*-----------------------------------------------------------------------------------------------------------*/
#footer {text-align:center;}
#footer .table {margin-left:auto; margin-right:auto;}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Accueil */
/*-----------------------------------------------------------------------------------------------------------*/
#a_la_une {}
#a_la_une-content {width:550px;padding:0px 25px 0px 25px;margin-left:auto; margin-right:auto;background:url(images/accueil/index_main.png) repeat-y}
#a_la_une-header {width:600px; height:62px;margin-left:auto; margin-right:auto;background:url(images/accueil/index_top.png) no-repeat}
#a_la_une-footer {width:600px;height:19px;margin-left:auto; margin-right:auto;background:url(images/accueil/index_foot.png) no-repeat}
#les_breves {margin-left:20px;width:280px;overflow:visible; background:url(images/degrade_bleu.png) no-repeat top}
.breves-content {width:250px; margin:15px 15px}
.breves-content p {margin:0px!important}
#mini-sondage {}
#mini-sondage td {padding:3px}
#annonces {margin:20px 10px 0px 10px;}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Menu right */
/*-----------------------------------------------------------------------------------------------------------*/
#menu-right{}
#menu-right a {display:block}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Rubriques */
/*-----------------------------------------------------------------------------------------------------------*/
#rubrique-content {width:600px; margin-left:12px;}
#page_header{height:14px; background:url(images/rubrique/page_header.png) no-repeat bottom}
#page_content{background:url(images/rubrique/page.png) repeat-y center; padding:0px 15px;}
#page_footer{height:14px; background:url(images/rubrique/page_footer.png) no-repeat top}

/*2 colonnes*/
#rubrique-content-2 {margin-left:180px;width:800px}
#rubrique-content-2bis {margin-left:12px;width:800px}
#page_header-2{height:14px; background:url(images/rubrique/page_header_2.png) no-repeat}
#page_content-2{background:url(images/rubrique/page_2.png) repeat-y; padding:0px 15px}
#page_footer-2{height:14px; background:url(images/rubrique/page_footer_2.png) no-repeat}

/*1 colonne*/
#rubrique-content-3 {margin-left:80px;width:1040px}
#page_header-3{height:14px; background:url(images/rubrique/page_header_3.png) no-repeat}
#page_content-3{background:url(images/rubrique/page_3.png) repeat-y; padding:0px 15px}
#page_footer-3{height:14px; background:url(images/rubrique/page_footer_3.png) no-repeat}


/*Menu de gauche*/
.menu_rubrique_header{margin-left:17px;}
.menu_rubrique_footer{margin-left:17px;}

#menu-rubrique {}
#menu-rubrique .no-selected {width:165px; margin-left:17px}
#menu-rubrique a {display:block;padding:2px 10px 2px 10px; color:#FFFFFF; text-decoration:none; border:0px dashed #FFFFFF}
#menu-rubrique a:hover {background:transparent!important}

#menu-rubrique div.selected-header {width:200px;background:url(images/menu_gauche/menu_gauche_hover_header.png) no-repeat left bottom; height:14px;margin-left:-17px;}
#menu-rubrique div.selected {width:200px;background:url(images/menu_gauche/menu_gauche_hover.png) repeat-y left center;margin-top:0px; margin-left:-17px;}
#menu-rubrique div.selected-content {display:block; width:175px; margin-left:17px;padding:0px 0px 0px 0px; text-decoration:none;}
#menu-rubrique div.selected-content a {margin:0px 0px 0px 0px; padding:1px 0px 1px 0px; display:block}
#menu-rubrique div.selected-content a:hover {color:#222222!important}
#menu-rubrique div.selected-content a.current {text-decoration:underline}
#menu-rubrique div.selected-footer {width:200px;background:url(images/menu_gauche/menu_gauche_hover_footer.png) no-repeat left top; height:14px;margin-left:-17px;}

h1.titre {font-size:1.7em; font-weight:normal; padding:20px 0px 5px 0px;}

.gotoarticle {float:left; width:266px; height:56px; background:url(images/degrade_gris.png) repeat-x bottom; margin:5px 5px 0px 0px}
.gotoarticle td {height:50px; padding:3px}
.gotoarticle a {color:#666666; text-decoration:none; font-size:1em;display:block}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Breadcrumb */
/*-----------------------------------------------------------------------------------------------------------*/
#breadcrumb a {text-decoration:none;}
#commande-boutons td {padding:2px}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Article */
/*-----------------------------------------------------------------------------------------------------------*/
h2.titre {font-size:1.4em; font-weight:normal; padding:20px 0px 5px 0px; margin-bottom:10px;}
.soustitre,.surtitre {font-size:1.4em; font-weight:normal}
.chapo p,ul,li,td,h3,h4,h5,h6 {color:#666666; font-weight:bold; margin:8px;}

.texte p,ul,li,td,h5,h6 {color:#666666!important; font-weight:normal;}
.texte p { margin:6px 5px 12px 5px}
.texte h3 {color:#FFFFFF; text-transform:uppercase; font-weight:normal; padding:2px; text-align:left; margin:0px; font-size:1em;}
.texte h4 {font-weight:bold;text-align:left; margin:0px; font-size:1em;}

a.savoirplus {color:#00A8E9; font-weight:bold}

.ensavoirplus {font-weight:bold; font-variant:small-caps; font-size:1.2em;}

.ps {margin:5px 15px 0px 15px}
.ps *{font-style:italic; color:#666666;}
.ps-header {font-style:normal; font-weight:bold}

.article-resume {background:url(images/degrade_bleu_2.png) no-repeat left bottom; margin:5px; padding:10px; width:555px}
.article-resume td {padding:2px}

.article-evenements {padding:2px; background-color:#DEFDFE; border:1px solid #AECDCE}
.article-evenement {border-bottom:1px dashed #AECDCE; padding:5px; margin-top:3px;}
.article-evenement-date {border-bottom:1px solid}
.article-evenement-titre {}
.article-evenement-descriptif {font-size:0.8em}
.article-evenement-lientout {text-align:right}
.article-evenement-lientout a{color:#00A8E9; text-decoration:none}

.article-localisation {border:1px solid #CCCCCC}
.article-localisation-table td {padding:2px}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Documents */
/*-----------------------------------------------------------------------------------------------------------*/
.documents-container {background:url(images/degrade_bleu_2.png) no-repeat left bottom; margin:5px; padding:10px; width:555px}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Agenda */
/*-----------------------------------------------------------------------------------------------------------*/
#accueil-agenda{margin-top:15px;}
#accueil-agenda .accueil-agenda-tableau td {padding:3px; text-align:left; width:240px}
.agenda-numero-jour {}
.agenda-numero-jour {height:26px; float:left; width:30px; font-size:1.3em; text-align:center; padding-top:4px}
.agenda-content {background:url(images/degrade_bleu_2.png) no-repeat left bottom; padding:5px;}
#agenda-theme {float:right;margin:0px 0px 5px 5px; width:160px;}
#agenda-theme a {display:block; text-decoration:none; padding:3px; border-bottom:1px dashed #FFFFFF; color:#FFFFFF}
#agenda-theme a:hover {background:transparent!important;}
#agenda-theme .agenda-theme-top {background:url(images/petit_cadre_top.gif) no-repeat left top; height:9px}
#agenda-theme .agenda-theme-foot {background:url(images/petit_cadre_foot.gif) no-repeat left bottom; height:9px}
#agenda-theme .agenda-theme-header {color:#FFFFFF; margin:2px;text-transform:uppercase; text-align:center; display:block}
/*Calendrier*/
#calendar table {border:1px solid #999999}
#calendar .horsperiode{visibility:hidden;}
#calendar a {text-decoration:none; }
#calendar td {text-align:center; border:1px solid #CCCCCC;width:18px; height:18px; font-size:0.8em}
#calendar td a {font-size:1em;display:block;background-color:#0099CC; color:#FFFFFF; height:16px; padding-top:2px}
#calendar td a:hover {background-color:#33CCFF}
#calendar td.today {border-color:#666666; font-weight:bold; background-color:#666666; color:#FFFFFF!important }
#calendar td.cejour {border-color:#0099CC;}
#calendar td.cejour a {font-weight:bold; color:#0099CC; background-color:#FFFFFF}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Annuaire */
/*-----------------------------------------------------------------------------------------------------------*/
.annuaire-element {background:url(images/degrade_bleu_2.png) no-repeat left bottom; margin:5px;width:555px}
.annuaire-element td {padding:2px}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Liens utiles */
/*-----------------------------------------------------------------------------------------------------------*/
.site-content {background:url(images/degrade_bleu_2.png) no-repeat left bottom; margin:5px; width:266px;}
.site-content td { padding:5px}
.site-left {float:left; width:150px}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Trombinoscope des élus */
/*-----------------------------------------------------------------------------------------------------------*/
.elu-content {background:url(images/degrade_bleu_2.png) no-repeat left bottom; margin:5px; width:270px; height:130px;}
.elu-content td { padding:2px}
.elu-content h3 {color:#FFFFFF; background-color:#6D4692; padding:2px; margin:0px 0px 5px 0px; font-weight:normal}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Formulaire */
/*-----------------------------------------------------------------------------------------------------------*/
input,textarea,select {border:1px solid #CCCCCC}
.formulaire input.text {width:180px; height:20px; background:url(images/formulaires/bg_input.gif) no-repeat; line-height:20px; padding:0px 10px 0px 10px; color:#666666; border:0px}
.formulaire input.petit {width:80px; background:url(images/formulaires/bg_input_petit.gif) no-repeat; border:0px}
.formulaire input.sujet {background:url(images/formulaires/bg_input_alt.gif) no-repeat; border:0px}
.formulaire textarea {border:1px solid #00A2BB; width:200px; background:url(images/degrade_bleu.png) repeat-x bottom; padding:2px}
.formulaire td {padding:3px}
.formulaire button {background:transparent; width:auto}
/*Formulaires automatiques*/
.cdctables-form input,.cdctables-form textarea,.cdctables-form select {border:1px solid #CCCCCC}
.cdctables-form li {list-style:none; display:block;  margin:3px 0px 3px 0px; padding:0px}
.cdctables-form label{display:block; float:left;width:250px;}
.cdctables-form textarea{border:1px solid #CCCCCC}
.cdctables-form-button {text-align:center}
.cdctables-form button {background-color:#00A8E9; color:#FFFFFF; font-weight:bold; padding:2px; margin-left:5px}
.cdctables-form-obligatoire {padding-left:5px;font-size:0.8em; color:#999999}
.cdctables-form .radio {border:0px}
/*Sondage*/
#sondage .cdctables-form label {float:none;width:160px;}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Paginations */
/*-----------------------------------------------------------------------------------------------------------*/
.pagination2 {height:24px;padding:2px 10px 10px 4px; margin:10px 0px 10px 0px;background:url(images/bg_pagination.gif) no-repeat; width:590px; }
.pagination2 .pagination_label, .pagination2 a.lien_pagination {color:#00A8E9; font-size:0.8em}
.pagination2 a.lien_pagination, .pagination2 .on {border:1px solid #00A8E9; padding:1px;text-decoration:none;}
.pagination2 .on { background-color:#00A8E9; color:#FFFFFF; font-size:0.8em;}
.pagination2 .separateur {display:none}

.pagination-small {}
.pagination-small .pagination_label, .pagination-small a.lien_pagination {font-size:0.8em}
.pagination-small a.lien_pagination, .pagination-small.on {}
.pagination-small .on {font-size:0.8em;}
.pagination-small .separateur {}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Géolocalisation */
/*-----------------------------------------------------------------------------------------------------------*/
#geoloc-col {}
.geoloc-col-title {font-variant:small-caps; font-weight:bold; color:#00A8E9; text-decoration:none; display:block; padding:2px; border:0px!important}
.geoloc-detail {display:none}
.geoloc-detail a {text-decoration:none; display:block; padding-left:8px; border-bottom:1px dashed #CCCCCC; padding:2px}
.geoloc-block {border-bottom:1px solid #CCCCCC}
.geoloc-block td {padding:5px}
.cdcgeoloc-open {background-color:#00A8E9; color:#FFFFFF;padding:1px; display:block; text-align:center; margin:2px}

.cdcgeoloc-markerInfo {width:400px; height:200px; overflow:auto;}

.cdcgeoloc-window {width:400px;height:180px}
.cdcgeoloc-window-googlemap {color:#00A8E9; text-decoration:none}
.cdcgeoloc-window-nom {font-weight:bold; color:#00A8E9}
.cdcgeoloc-window-logo {width:80px; margin-right:5px}
.cdcgeoloc-window-adresse {font-size:0.8em;}
.cdcgeoloc-window-descriptif {border-top:1px solid #CCCCCC; margin-top:5px;}
.cdcgeoloc-window-googlemap {color:#00A8E9; text-decoration:none}
.cdcgeoloc-window-googlemap-container {border-top:1px solid #CCCCCC; margin-top:5px; width:100%}

.cdcgeoloc-window-max {}
.cdcgeoloc-window-max-nom {font-weight:bold; color:#00A8E9; font-size:1.2em;}
.cdcgeoloc-window-max-titre {margin-top:5px;font-weight:bold;}
.cdcgeoloc-window-max-introduction {}
.cdcgeoloc-window-max-logo {width:80px; margin-right:5px}
.cdcgeoloc-window-max-table {border-top:1px solid #CCCCCC; margin-top:10px; margin-left:auto; margin-right:auto;background:url(images/degrade_bleu_2.png) no-repeat left bottom; width:550px}
.cdcgeoloc-window-max-table td {padding:2px;}
.cdcgeoloc-window-max-inter {font-weight:bold; color:#00A8E9; margin-top:8px;}
.cdcgeoloc-window-max-lien a {color:#00A8E9;font-size:0.8em; text-decoration:none}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Banière */
/*-----------------------------------------------------------------------------------------------------------*/
#banniere-droite {margin:15px}
/*-----------------------------------------------------------------------------------------------------------*/
/*	Plan du site */
/*-----------------------------------------------------------------------------------------------------------*/
#plansite li {list-style-type:none}
#plansite a {text-decoration::none;}

/********************************************************************/
/*	Gallery */
/********************************************************************/
.gallery{
  position: relative;
  overflow: hidden;
  background-color: #666;
  padding: 12px;
  height: 340px;
  width: 470px;
}
.galleryBar {
  position: absolute;
  left: 0;
  margin-top: 10px;
  padding: 0 7px;
  display:none;
}

.galleryBar li {
  position: relative;
  margin: 0 7px 0 0;
  padding: 0;
  overflow: hidden;
  float: left;
  list-style: none;
}
.galleryScreen, .galleryInfo {
  position: absolute;
}
.galleryScreen {
 background-color: #000000;
 padding:0px;
}
.galleryInfo {
 background-color: transparent;
 color: #CC0000;
 left:0px;
 padding: 12px;
}
.galleryTitle {
 font-size: 135%;
 font-weight: bold;
}

.gallery-comment {display:none}

.titreDiapo{color:white !important;padding: 2px !important;padding-top:-20px;}
.titreDiapo a{color:white !important;padding: 2px !important;}