html{height:100%;}
body{
    margin: 0;
    padding: 0;
    background-color: white;
    font-family: Arial, Verdana;
    font-size:13px;
}

a, a:link, a:active, a:visited, a:hover {outline: none; text-decoration: none; color: #05581D;}
a:hover {text-decoration: underline;}
ul, ol, li, form, label {margin: 0; padding: 0;}
img { border:0; }

.site{
    width:1000px;
    background: url(../img/mairie/fnd_site.png) repeat-y ;
    padding: 0 10px 0 10px;
    margin: 0 auto;
}
.corps{
    width: 990px;
    background: #fff;
    padding: 15px 5px 0 5px;
}
.ban{width:1000px;height:226px;height:150px;padding:76px 0 0 0;}
.ban h1{
    width:650px;
    height:100px;
    margin: 0 0 0 67px;
    padding: 0;
    background: rgba(255,255,255,.6);
    border: solid 2px #ffffff;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.ban h1 span{
    display: block;
    margin-left: 11px;
    text-shadow: 2px 2px 2px #555555;
    -o-text-shadow: 2px 2px 2px #555555;
    -moz-text-shadow: 2px 2px 2px #555555;
    -webkit-text-shadow: 2px 2px 2px #555555;
}
.ban h1 span#welcome{margin-top: 7px;font-size: 30px;}
.ban h1 span#name{font-size: 45px;}

.menu_principal{width: 100%;height: 50px;}

ul.archives_home li{
    list-style-type: none;
    margin: 0 0 10px 0;
}

ul.archives_home li span.titre_folders a{font-size: 14px; font-weight: bold;}

/*#############  MAIN MENU DEROULANT  ###################*/
.menu {
    clear: both;
    font-size:12px;
    font-weight: bold;
    color: #ffffff;
    list-style-type: none;
    /*height: 100%;*/
}
.menu li {display: block; float: left; /*height: 100%;*/}
.menu li a, .menu li a:link, .menu li a:visited {
    text-decoration: none;
    display: block;
    color: white;
    padding: 17px 45px 18px 45px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}
.menu li#current a, .menu li.active a, .menu li a:hover, .menu li a:active {text-decoration:none;}
.menu li ul {z-index: 100001;position:absolute;display:none;}
.menu li:hover > ul {display: block; margin-left: -1px; background-color: white;}
.menu li ul li {
    float: none;
    clear: both;
    display: block;
    border-top: none;
    border-right: 1px solid #ff0000;
    border-left: 1px solid #ff0000;
    border-bottom: 1px solid #ff0000;
}
.menu li ul li:hover {background: rgba(255,255,255,.9);}
.menu li ul li a, .menu li ul li a:link, .menu li ul li a:visited {
    text-transform: none;
    border: none;
    padding: 7px 0 8px 0;
    text-align: center;
    display: block;
    color: #383838;
    font-weight: bold;
}
.menu li ul li a:hover, .menu li ul li a:active, .menu li ul li a:focus {color: #1e75bc;background: none;}
.menu li ul ul {position: absolute;margin-top: -30px;width: 200px;border-top: 1px solid #ff0000;}


/*#############  FIN MAIN MENU DEROULANT  ###################*/


.title_items_right{
    margin: 0;
    text-align: center;
    font-size: 18px;
    padding: 10px 0 10px 0;
    color: #ffffff;
}

.footer{
    padding: 5px;
    width: 990px;
    margin:10px auto 0 auto;
    font-weight:bold;
}

.footer ul li{
    list-style-type: none;
    float: left;
    margin: 0 10px;
}

.footer ul li a{color: #fff;}

.footer ul{margin: 0; padding: 0;}

.title_resum{font-size: 16px;font-weight: bold;}

.title_text{
    font-size: 24px;
    color: #ffffff;
    background: url(../img/mairie/puce_title.png) no-repeat left;
    padding: 0 0 0 20px;
    margin: 0 0 10px 5px;
}

.items_left{margin-bottom: 20px;}
.items_left, .items_right{
    border-radius:5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.items_right{
    margin: 0 0 15px 0;
    padding: 0 0 0px 0;
    border:1px solid #ff0000;
    width: 100%;
}
.items_right img{
    width: 200px;
    margin: 5px 0 5px 4px ;
}
.title_items_right a, .title_items_right a:link, .title_items_right a:active, .title_items_right a:visited, .title_items_right a:hover {color: #ffffff}

.title_article{
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
}

/*#############  LEFT MENU DEROULANT  ###################*/
#navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #e7e6e6;
    color: #fff;
    width: 210px;
    font: 14px "Trebuchet MS", sans-serif;
}
#navigation a, #navigation span {
    display: block;
    padding: 8px 5px 4px 20px;
    color: #326EA1;
    text-decoration: none;
    vertical-align: middle;
}
#navigation span{display:none;}
#navigation a{min-height:18px; }
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
    background-image: url(../img/mairie/fnd_menu_left.png);
}
#navigation .toggleSubMenu span{display:none;}
#navigation .open a, #navigation .open span {
    background-image: url(../img/mairie/fnd_menu_left.png);
}
#navigation .open span {display:none;}
#navigation a:hover, #navigation a:focus, #navigation a:active {
    text-decoration: underline;
    background: #244d55;
    color: #fff;
    font-weight: bold;
}
#navigation .subMenu {
    font-size: 12px;
    color:#3e3e3e;
    text-transform:none;
    font-size: .9em;
    margin: 0;
    padding: 0;
    list-style-type:none;
}
#navigation ul.subMenu a {
    background: #d0d0d0 url(../img/mairie/fnd_submenu.png) 0 0 repeat-x;
    padding: 5px 5px 5px 15px;
    list-style-type:none;
    font-weight:bold;
    color:#3e3e3e;
    height: auto;
    min-height: 25px;
    vertical-align: middle;
}
#navigation .subMenu li {
    background-image:url(../img/mairie/puce.png);
    background-repeat:no-repeat;
    background-position: left;
}
#navigation > li > a{border-bottom: 1px solid #000;}
/*######################################################*/

.bloc_left{width: 210px;margin:0 15px 0 0;float: left;}

.bloc_center{float: left;width:540px;}

.bloc_right{width: 210px;margin: 0 0 0 15px;float: left;}

.bloc_actu{width: 100%;min-height: 110px;margin: 12px 0 12px 0;}

.bloc_actu img {width: 150px;height: 81px;float: left;margin: 0 10px 0 0;}

.content_actu{height:85px;}



/*############### Ajout dans la new css ############### */
p.date_article{
    text-align: right;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    text-transform: none;
    margin: 0;
    padding: 0;
}
.lastMod{  font-size:10px;}

/*############### FOOTER ############### */
.footer ul {
    list-style: none;
    list-style-type: none;
    margin: 0px 0 0 0;
    padding: 5px 0 0 0;
}

.footer li{
    float: left;
}

.footer a{
    color: #fff;
    margin: 0 40px 0 0;
}

.lastMod{
    font-size:10px;
}

/*############### RECHERCHE ############### */
.itemSearch input[type='submit']{
    background: url(../img/search.png) no-repeat;
    border: 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.itemSearch input[type='text']{
    width: 165px;
    /*height: 23px;
    border: 0; */
    background: url(../img/fnd_recherche.png) #cccccc repeat-x;
    margin: 0;
    font-size: 13px;
    padding: 5px 0 5px 5px;
    text-transform: none;
    font-style: italic;
    font-weight: normal;
    color: #535353;
    border: 0;
}

.itemResult{
    margin: 0 0 15px 0;
}

.itemResult h2{
    font-size: 14px;
    margin: 0 0 5px 0;
}

.itemResult p{
    margin: 0;
}

ul.paginatio{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.paginatio li{
    float: left;
    
    margin: 0px 5px 0 0;
    text-align: center; 
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

ul.paginatio li span, ul.paginatio li a{
    padding: 3px;
    display: block;
}


/* ############### Galerie Photo ############### */
.items_album{
    float: left;
    width: 118px;
    margin: 0px 10px 15px 10px;
    padding: 15px 15px 35px 15px;
    background: url(../img/fnd_album.png) no-repeat ;
    
}
.fndalbum {
    height: 110px;
    overflow: hidden;
    width: 118px;
}

.highslide-gallery{
    width: 100px;
    height: 75px;
    float: left;
    margin: 5px 10px;
    overflow: hidden;
}

.titlePict{
    width: 100px;
    height: 75px;
}

.highslide-gallery a .titlePict , .highslide-gallery a:link .titlePict, .highslide-gallery a:visited .titlePict{
    display: none;
}

.highslide-gallery a:hover .titlePict{
    z-index: 10;
    display: block;
    background-color: rgba(155,155,155,0.5);
    /*opacity: 0.8;*/
    text-decoration: none;
    position: absolute;
    top: 0px;
    font-weight: bold;
    text-align: center;
    color: #4c4c4c;
}
.highslide-gallery a:hover img{
    z-index: 1;
    position: relative;
}

.highslide-gallery a{
    text-decoration: none;
    display: block;
    position: relative;
}