* { margin: 0 auto;
    padding: 0;
    border: 0;
    text-decoration: none;
}

html { height: 100%; }

body {
    height: 100%;
    text-align: center;
    background-color: #900;
    color: black;
    font: normal normal normal 9pt Arial, sans-serif;
    text-decoration: none;
}

/* ----- Typographie g�n�rale ----------------------------------------------- */


/* titres */

h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    color: rgb(255, 165, 0);
}

h1 { font-size: 150%; width: 100%; text-align: justify; margin-top: 0.5em; }
h2 { font-size: 140%; }
h3 { font-size: 120%; color: black; margin-bottom: 10px; }
h4 { font-size: 110%; color: #ef900;}
h5 { font-size: 100%; color: #ef900; }
h6 { font-size: 00%; }


/* listes et blocs */

ol, ul { margin : 0 0 1em 2em; }

li { margin : 0 0 0.5em 0; }

li h4 { margin : 1em 0 0.3em 0; }

div, p, img, a, td, ul, ol { font-size: 1em; }

p { padding: 0 0 1em 0; }

table { text-align: left; }

/* Liens */

a { text-decoration: none; color: #008; border-bottom: 1px dotted #008; }
a:visited { color: #008; border-color: #008; }
a:hover { color: #06f; border-color: #06f; }
a:active { color: #c36; border-color: #c36 }

/* Images */

a img, img { border: none; border-bottom: none; }

p img { padding: 0; max-width: 100%; }

img.centered { display: block; margin: 0 auto; }

img.alignright { padding: 0; margin: 0 0 2px 8px; display: inline; }

img.alignleft { padding: 0; margin: 0 8px 2px 0; display: inline; }


/* Zone principale ---------------------------------------------------------- */

#main {
    float: left;
    width: 590px;
    padding: 0 0 25px 10px;
    background-color: #ffffff;
    font: normal normal normal 1em/1.4em Arial, sans-serif;
}

#mainlarge {
    float: left;
    width: 570px;
    font-size: 1em;
    padding: 0 20px 25px 10px;
    background-color: #faf7eb;
    font: normal normal normal 1em/1.4em Arial, sans-serif;
}

#content { 
    width: 410px;
    margin: 0;
}


#content hr {
    color: #333;
    background-color: #999;
    height: 1px;
    border: 0;
    margin: 20px 0;
}

div#date-header { display: none; visibility: hidden; }

h2#titrepage {
    color: black;
    padding: 0 0 5px 0;
    margin: 5px 0 25px 0;
    border-bottom: 1px solid black;
}


/* ----- Zones annexes ------------------------------------------------------ */

#conteneur {
    width: 760px;
    background-color:#ffffff;
    background-image:url(images/fond-2col.jpg);
    background-repeat:repeat-y;
    text-align: left;
position: relative;
}

#header {
    width: 100%;
    height: 150px;
    background: url(images/bandeau_guiclan.jpg) no-repeat top left;
}


#header2col {
    width: 100%;
    height: 150px;
    background: url(images/bandeau_guiclan_2col.jpg) no-repeat top left;
}

#header a {
    text-decoration: none;
    display: block;
    border: 0px none;
    width: 100%;
    height: 105px;
}

#footer {
    clear: both;
    width: 100%;
    padding: 7px 0 7px 0;
    text-align: center;
    background-color: black;
    color: #faf7eb;
    font-family: Arial, sans-serif;
    font-size: 7pt;
}

#footer a { text-decoration: none; border: 0px none; color: #faf7eb; }


/* ----- Colonne de gauche -------------------------------------------------- */

#leftbar {
    float: left;
    width: 160px;
    padding-bottom: 25px;
background-color: #faf7eb;
}

#leftbar * {
    margin: 0 0;
    padding: 0;
    border: 0;
    text-decoration: none;
}

#menu-gauche { margin: 5px 0 20px 5px; padding: 8px; font-size: 7pt; }

/* puces 1er niveau */
#menu-gauche ul { list-style: none; font-size: 9pt; font-weight: bold; }
#menu-gauche ul li { color: #990000; margin-top: 10px; }
#menu-gauche ul li a { color: #990000; padding-bottom: 1px; border: 0px none; }
#menu-gauche ul li a:hover { color: #000000; }

/* puces 2nd niveau */
#menu-gauche ul li ul { list-style-image: url(images/puce2.gif); font-size: 8pt; margin-left: 14px; display: none; }
#menu-gauche ul li ul li { color: black; margin-top: 4px; }
#menu-gauche ul li ul li a { color: black; padding-bottom: 1px; border: 0px none; }
#menu-gauche ul li ul li a:hover { border-bottom: 1px solid #990000; }

/* puces 3�me niveau */
#menu-gauche ul li ul li ul { list-style-image: url(images/puce2.gif); margin-left: 14px; display: none; }
#menu-gauche ul li ul li ul li { color: #933; margin-top: 2px; }
#menu-gauche ul li ul li ul li a { color: #933; padding-bottom: 1px; border: 0px none; }
#menu-gauche ul li ul li ul li a:hover { border-bottom: 1px solid #990000; }

/* cas particuliers */

#menu-gauche ul li.here { font-weight: bold; }
#menu-gauche ul li.here ul { display: block; }
#menu-gauche ul li.here ul li { font-weight: normal; }
#menu-gauche ul li.here ul li ul { display: none; }

#menu-gauche ul li ul li.here { font-weight: bold; }
#menu-gauche ul li ul li.here ul { display: block; }
#menu-gauche ul li ul li.here ul li { font-weight: normal; }
#menu-gauche ul li ul li.here ul li ul { display: none; }

#menu-gauche ul li ul li ul li.here { font-weight: bold; color : black;  }
#menu-gauche ul li ul li ul li.here a { font-weight: bold; color : black;  }

#menu-gauche ul li ul li ul li.here ul { display: block; }
#menu-gauche ul li ul li ul li.here ul li { font-weight: normal; }
#menu-gauche ul li ul li ul li.here ul li ul { display: none; }


/* ----- Colonne de droite -------------------------------------------------- */

#rightbar {
    position: absolute;
    right: 0;
    top: 120px;
    width: 160px;
}

#rightbar a { text-decoration: none; border: 0px none; }

#rightcontent {
    background: url(images/rightcontent.jpg) repeat-y top left;
    padding: 15px 0px 0px 8px;
}

#rightfooter {
    background: url(images/rightfooter.jpg) no-repeat top left;
    font-size: 1px;
    height: 9px;
}

#rightcontent div.md-titre {
  	font: normal normal bold 10pt "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  	padding: 3px 1px 3px 5px;
}

#rightcontent div.md-contenu {
    padding: 5px;
    font: normal normal normal 7pt Verdana,Geneva,Arial,Helvetica,sans-serif;
    color: #000;
}

#rightcontent div.md-contenu a.md-lien {
    color: #000; font-size: 7pt;
}

/* Calendrier */

#rightcontent div#titre1 { color: #082a88; background-color: #ccebfc; }

#scrollmask {
    position: relative;
    height: 110px;
    overflow: hidden;
    clip: rect(0px, 200px, 142px, 0px);
}

#scroller {
    position: absolute;
    width: 142px;
    top: 0px; left:0px;
}

/*
scroller div.evnmt { height: 80px; }
scroller div.evnmt-date { margin-bottom: 3px; }
scroller div.evnmt-date a { color: #000; font-size: 7pt; }
scroller div.evnmt-titre a { color: #082a88; font-size: 8pt; }
*/

#scroller div.evnmt { height: 100px; }
#scroller div.evnmt div.evnmt-date { margin-bottom: 3px; color: #000; font-size: 7pt; }
#scroller div.evnmt div.evnmt-titre { color: #082a88; font-size: 8pt; }

/* Carte interactive */

#rightcontent div#titre2 { color: #356021; background-color: #c8e9b2; }
#rightcontent a.md-lien2 { color: #356021; font-size: 7pt; } 

/* Le Journal municipal */

#rightcontent div#titre3 { color: #9f1010; background-color: #fcdacc; }
#rightcontent a.md-lien3 { color: #9f1010; font-size: 7pt; }

/* M�t�o */

#rightcontent div#titre4 { color: #45059b; background-color: #e7cee7; }
#rightcontent div.md-txt4 {
    color: rgb(69, 5, 155);
    margin-top: 3px;
    margin-bottom: 7px;
}
#rightcontent a.md-lien4 { color: #356021; font-size: 7pt; }

td.ephemeride  { vertical-align: top; font-family: Arial, sans-serif; font-size: 8px; color: #775577; }


/* ----- Formulaire de contact ---------------------------------------------- */

form {
    width: 100%;
    padding-bottom: 10px;
    text-align: left;
    border: 0px none;
}

fieldset { border: none; }

legend { display: none; }

form label {
    clear: both;
    float: left;
    width: 100px;
    padding: 4px 5px 0px 0px;
    text-align: right;
    margin-top: 8px;
}

form input, form textarea, form select {
    float: left;
    width: 285px;
    margin-top: 8px;
    padding: 2px 3px 2px 3px;
    border: 1px solid #ccc;
    font: normal normal normal 1em Arial, sans-serif;
}

form input.button {
    width: 80px;
    margin: 15px 0 0 213px;
    padding: 2px 5px 2px 5px;
    background-color: #ccc;
    border: 1px solid #900;
    font-size: 0.8em;
}

form input.button:hover {
    background-color: #ddd;
    border-color: #b00;
}

p.error { color: #b00; margin: 15px 0; }


/* ----- Ajustements pour widgets RichText ---------------------------------- */

.MODX_RichTextWidget { float: left; }

.MODX_RichTextWidget a { border: 0px; }

td a { border: 0 none; }

.athumbnail { border: none; border-bottom: none; }


/* ----- Sections particuli�res --------------------------------------------- */

/* divers */

div.numvert {        /* cadre d'entourage pour afficher un n� vert */
    font-size: 90%;
    font-weight: bold;
    font-family: Arial, sans-serif;
    background: url(images/numvert.gif) no-repeat top left;
    height: 18px;
    vertical-align: middle;
    margin-top: 4px;
    padding-left: 68px;
    color: #238a2c;
}


/* fermeture des popup */

div.fermer { padding: 0px 0 5px 0; text-align: center; }
div.fermer img { margin-bottom: 3px; }
a.fermer { padding-top: 8px; border: 0px none; }
a.fermer span { padding: 0px 2px 0px 2px; border: 1px solid #008; font-size: 80%; margin-right: 8px; }


/* decouverte > patrimoine */

table.galleria { margin-top: 25px; margin-bottom: 10px; }
table.galleria tbody td img { margin-right: 5px; border: 1px solid #ccc; }
table.galleria tbody td { text-align: left; font-style: italic; font-size: 90%; }
table.galleria tfoot td { text-align: center; font-style: italic; font-size: 90%; }

/* magazines et bulletins */

div.mag-item { margin-bottom: 2em; }

div.mag-couv {
    float: left;
    width: 115px;
    text-align: left;
    padding: 0;
    margin-bottom: 1.5em;
}

div.mag-couv a { border-bottom: 0px none; }

div.mag-couv img { border: 1px solid #aaa; }

div.mag-sommaire {
    float: right;
    text-align: left;
    padding: 0;
    margin-bottom: 1.5em;
    width: 295px;
    height: 142px;
}

#content>div.mag-sommaire {height: auto; min-height: 142px; }

div.mag-sommaire h3 { padding-top: 0.5em; }

div.mag-sommaire a { text-decoration: none; border: 0 none; color: #ff8800 }

div.mag-sommaire ul { list-style-image: url(images/puce3.gif); }
div.mag-sommaire ul li { color: #333; margin-top: 0.5em; font-size: 1em; }

div.mag-sommaire a.mag-dwl { display: block; text-align: right; font-style: italic; font-size: 1em; color: rgb(0,64,255); }

hr.mag {
    clear: both;
    color: #333;
    background-color: #999;
    height: 1px;
    border: 0;
    margin: 1em 0;
}


div.bulletin-item { padding-top: 1em; margin-bottom: 1em; }

div.bulletin-couv {
    float: left;
    width: 60px;
    text-align: left;
    padding: 0;
    margin-bottom: 1em;
}

div.bulletin-couv a { border-bottom: 0px none; }

div.bulletin-couv img { border: 0px none; }

div.bulletin-sommaire {
    float: left;
    text-align: left;
    width: 330px;
}

div.bulletin-sommaire h3 { padding-top: 0.1em; }
div.bulletin-sommaire div.bulletin-desc { font-style: italic; }
div.bulletin-sommaire a { text-decoration: none; border: 0 none; color: #ff8800 }

div.bulletin-sommaire a.bulletin-dwl { display: block; text-align: right; font-style: italic; font-size: 1em; color: rgb(0,64,255); }


/* associations */

div.asso { padding: 0.5em 0 0.5em 0; }
div.asso div.desc { padding: 0.5em 0 0.0 0; }
div.asso div.infos h4 { font-size: 105%; margin: 1em 0 0.3em 0; }
div.asso div.infos span.horaire { padding-right: 0.5em; }


/* formalit�s administrative */

div.warning { border: 1px solid black; background-color: #eee; padding: 5px; margin-bottom: 2em; text-align: justify; }
div.warning h4 { color: #b00; margin: 8px 0 8px 0; }
span.warning { color: #b00; font-weight: bold; }


a.voir { font-style: italic; }

/* entreprise et commerces */

div.menu2cols { display: block; float: left; width: 50%; }
div.menu2cols ul { margin: 0; padding: 0 15px 15px 0; }
div.menu2cols ul li { list-style: none; margin: 0; padding: 0; }
div.menu2cols ul.menupage li { list-style-image: url(images/tictac_blue2.gif); margin: 0 0 10px 15px; }
div.menu2cols p { padding-top: 15px; }



/* Articles
----------------------------------------------------------------------------------------------------------- */

div.article p { text-align: justify; }
div.article table p { text-align: justify; }

/* images "zoomable" */

td.imglienT { vertical-align: top; } /* texte de la cellule adjacente */

td.imglienG { text-align: center; vertical-align: top; }
td.imglienG a { border: 0 none; }
td.imglienG a img { border: 1px solid rgb(170, 170, 170); margin: 0 10px 0 0; }

td.imglienD { text-align: center; vertical-align: top; }
td.imglienD a { border: 0 none; }
td.imglienD a img { border: 1px solid rgb(170, 170, 170); margin: 0 0 0 10px; }

div.imglabel { padding: 3px 0 15px 0; }
div.imglabel a { font-size: 80%; font-family: Arial, sans-serif; border-bottom: 1px dotted black; }



/* Page d'accueil - actualit�s */

h2.actus { color: black; margin-top: 35px; padding-bottom: 4px; border-bottom: 1px solid black; font-size: 130%; }
div.actuitem { text-align: justify; }
div.actuitem h3 { font-size: 120%; color: rgb(255, 128, 0); }
div.actuitem a { border: 0px none; }
div.actuitem a img { border: 0px none; margin: 0 0 0 15px; text-align: right; }
div.actuitem div.actulien { margin-top: 5px; }
div.actuitem div.actulien a { font-size: 90%; font-family: Arial, sans-serif; border-bottom: 1px dotted black; }


/* Pages actualit�s */

#dwbulletin {
  margin: 30px 0 0 25px;
  width: 97px;
  text-align: center;
  font-size: 9px;
}

#dwbulletin a img {
  border: 1px solid #ccc;
  margin-bottom: 5px;
}