* {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size : small;
    font-weight : normal;
}

html {
        margin : 0;
        padding : 0;
        background : #FFFFFF;
}

body {
        margin : 0;
        padding : 0;
        }

a { 
    color : #000000;
    text-decoration : underline;
    }

a:hover {
            color : #000000;
            text-decoration : none;
            }

ul {
    margin : 0;
    padding : 0 0 0 20px;
    text-align : left;
    list-style: none;
    }

li {
    padding-top : 3px;
    }		
    
.bold {
    font-weight : bold;
    font-size : 90%;
}

/**************************************************/
/*                     TITRE                      */
/**************************************************/

div.titre {
            height : 170px;
            margin : 0;
            padding : 0;
            background : #FFFFFF;
            }
            
div.titre img.illustrationSite {
    float : left;
    margin : 0;
    }

div.titre div.contenuTitre {
    vertical-align : middle;
    text-align : center;
    }

div.titre div.contenuTitre img.imageTitre {
    margin-top : 20px;
    }
            
/**************************************************/
/*                     BANDEAU                    */
/**************************************************/

div.bandeau {
                height : 30px;
                margin : 0;
                padding : 0;
                background : #FFFFFF;
                }

div.bandeau img.illustrationSite {
    float : left;
    margin : 0;
    border : 0;
    }
    
div.bandeau div.contenuBandeau {
    margin : 0 0 0 300px;
    padding : 0;
    }
                
div.bandeau .titre {
                margin : 0 10px 0 0;
                font-weight : bold;
                }

div.bandeau .date {
                margin : 0;
                padding : 0 10px 0 0;
                color : #AAAAAA;
                font-weight : bold;
                }
                
div.bandeau .message {
                margin : 0;
                padding : 0;
                }

div.bandeau .ensavoirplus {
    margin : 0 0 0 20px;
    padding : 0;
    font-size : 85%;
    color : #888888;
}

div.bandeau .ensavoirplus a {
    margin : 0;
    padding : 0;
    color : #888888;
}
            
/**************************************************/
/*                     COLONNE                    */
/**************************************************/

div.colonne * {
    font-family:  Arial, Verdana, Helvetica, sans-serif;
}

div.colonne {
    position : absolute;
    left : 0;
    width : 200px;
    padding : 0 0 100px 0;
    margin : 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background : url("../images/imagesStatiques/basColonne.png") no-repeat bottom #000000;
    }

div.colonne p.titreMenu {
    margin : 80px 10px 10px; 10px;
    border-bottom : 2px #d99400 dotted;
    color : #ffc000;
    font-weight : bold;
    background : #000000;
}

div.colonne a.menuItem {
    margin-left : 15px;
    margin-top : 2px;
    color : #ffc000;
    text-decoration : none;
}

div.colonne a.menuItem:hover {
    color : #ffc000;
}

div.colonne a.menuItem font.puce {
    color : #000000;
    text-decoration : none;
}

div.colonne a.menuItem:hover font.puce{
    color : #ffc000;
    text-decoration : none;
}

div.colonne div.illustrationColonne {
    margin-top : 40px;
    text-align : center;
}

div.colonne div.calendrier {
    margin-top : 40px;
    text-align : center;
}

div.colonne div.illustrationColonne img.illustrationColonne {
    margin : 0;
    padding : 0;
    border : 1px #ffc000 solid;
}

.calendarHeader { 
    font-weight: bolder; 
    color: #ffc000;
}

#monthName {
    border-right : 1px #ffc000 solid; 
}

#lastDay {
    border-right : 1px #ffc000 solid; 
}

.calendarToday { 
    background-color: #ffc000;
    padding : 0 4px 0 4px;
    border-left : 1px #ffc000 solid; 
    border-top : 1px #ffc000 solid; 
}

table.calendar { 
    border-left : 1px #ffc000 solid; 
    border-bottom : 1px #ffc000 solid;
    border-top : 1px #ffc000 solid;
}

td.calendar {
    padding : 0 4px 1px 4px;
    border-right : 1px #ffc000 solid;
    border-top: 1px #ffc000 solid;
    background-color: #000000;
    color : #FFFFFF;
}
				
/**************************************************/
/*                     ARTICLE                    */
/**************************************************/

div.article {
                margin : 0 0 0 200px;
                padding : 40px 0 0 0;
                background : #FFFFFF;
                }
                
img.illustrationTitre {
                                    float : right;
                                    margin : -70px -50px 10px 10px;
                                    border : 1px #000000 solid;
                                    }

div.article div.corps {
    margin : 0 70px 0 30px;
    padding : 0;
    border-right : 1px #000000 solid;
    background : #FFFFFF;
    }

div.article div.corps ul {
    margin : 0 0 10px 0;
    padding : 0 0 0 30px;
    text-align : left;
    list-style-image: url("../images/imagesStatiques/puce_corps.gif");
    }

div.article div.corps ul li {
    padding : 2px;
}

div.article div.corps h1 {
                margin : 0 0 10px 0;
                padding : 5px 5px 5px 5px;
                border-bottom : 1px #000000 solid;
                font-size : x-large;
                color : #666666;
                }   
                
.texte {
                margin : 10px 10px 0 30px;
                text-align : justify;
                background : #FFFFFF;
                } 

.menuPageBloc {
    margin : 0;
    padding-left : 100px;
    padding-bottom : 30px;
}

.menuPage {
    display : block;
    margin : 100px;
    padding : 0;
    border-left : 15px solid #DDDDDD;
}

.menuPage li {
    margin : 0;
    padding : 0;
    list-style : none;
}

.menuPage li a {
    text-decoration : none;
    color : #888888; //#ffc000;
}

.menuPage li a:hover {
    text-decoration : underline;
}

.sousMenuPage {
    margin : 0;
    padding : 0;
}

.sousMenuPage li {
    margin : 0;
    padding : 0;
    list-style : none;
}

.sousMenuPage li a {
    text-decoration : none;
    color : #AAAAAA; //#ffd659;
}

.sousMenuPage li a:hover {
    text-decoration : underline;
}


.texte h2 {
                margin : 40px 10px 0 40px;
                font-size : large;
                color : #888888;
                }
                
.texte h3 {
                margin : 40px 10px 20px 70px;
                font-size : 120%;
                color : #AAAAAA;
                }
                
.illustrationTexte {
    display : block;
    text-align : center;
}

.texte img {
    border : 1px #000000 solid;
}
    
.illustrationArticle {
    margin : 30px 0 0 70px;
    padding : 0 5px 0 0;
    text-align : right;
    color : #DDDDDD;
    font-size : xx-large;
    font-weight : bold;
    border-bottom : 1px #000000 solid;
}
    
.imgIllustrationArticle {
    margin : 0 0 -2px 0;
    border : 1px #000000 solid; 
}

.texte table {
    margin-top : 20px;
    border-right : 1px #AAAAAA solid;
    border-bottom : 1px #AAAAAA solid;   
    }

.texte table caption {
    margin-bottom : 5px;
    font-style : italic;
    }

.texte table th {
    border-left : 1px #AAAAAA solid;
    border-top : 1px #AAAAAA solid;
    padding : 5px;
    background-color : #DDDDDD;
    text-align : center;
    }

.texte table td {
    border-left : 1px #AAAAAA solid;
    border-top : 1px #AAAAAA solid;
    padding : 5px;
    }

#conseil {
    margin : 0;
    padding : 0;
    border : 0;
}

#conseil td {
    border : 0;
}

#conseil td.designation {
    border-bottom : 1px solid #BBBBBB;
    padding : 0;
    text-align : left;
    font-weight : bold;
}

#maire {
    text-align : center;
    padding-left : 50px;
    padding-bottom : 20px;
}

#adjoints {
    text-align : center;
    padding-left : 50px;
    padding-bottom : 20px;
}

#conseillers {
    text-align : center;
    clear : left;
    padding-left : 50px;
    padding-bottom : 20px;
}

.elu {
    float : left;
    display : block;
    padding : 10px;
    text-align : center;
}
            
/**************************************************/
/*                     PIED                       */
/**************************************************/

div.colonnePied * {
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

div.colonnePied {
    float : left;
    width : 200px;
    margin : 0;
    padding : 0 0 5px 0;
    color : #AAAAAA;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    }

div.colonnePied p {
    margin : 0;
    padding : 0;
    text-align : center;
    }

div.infosSite {
                margin : 0 0 0 200px;
                padding : 50px 0 0 0;
                background : #FFFFFF;
                text-align : center;
                }

div.infosSite a {
    color : #BBBBBB;
}

div.infosSite a:hover {
    text-decoration : none;
}

div.pied a {
    padding : 0;
    color : #888888;
    }