@import url("./local.css");

* {
    text-align: left;
}

h1 {
    color: #565656;
}

a {
    text-decoration: none;
    color: #565656;
}

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

div#requete {
    z-index: 5;
}

div#main {
    width: 100%;
    background-color: #fcfcf6;
    background-image: url('./images/fond-degrade.jpg');
    background-repeat: repeat-x;
    text-align: center;
}

div#header_menu {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}

div#headBannerMain {
    position: relative;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding: 0 0 30px 0;
    /* IE hack */
    !padding: 0;
}

div#headBannerMenu {
    position: absolute;
    width: 230px;
    height: 195px;
    /* IE hack*/
    _height: 230px;
    top: 0px;
    left: 20px;
    padding-top: 35px;
    background-image: url('./images/fondBlancSemi.png');
    _background-image: url('./images/fondBlanc.gif');
    overflow: hidden;
}

div#headBannerMenu h1 {
    background-color: #b8c343;
    color: #000;
    padding: 2px 10px 2px 10px;
    margin: 0 0 5px 0;
    font-size: 1.2em;
}

div#headBannerMenu h2 a {
    color: #000;
    padding: 0.35em 0 0.35em 10px;
    /* IE Hack */
    !padding: 0.4em 0 0.4em 10px;
    display: block;
}

div#headBannerMenu h2 a:hover {
    background-color: #000;
    color:#fff;
}

div#headBannerMenu h2 {
    margin: 0;
    padding: 0;
    font-size: 1.0em;
    font-weight: bold;
}

div#headBannerLogo {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 5;
}

div#headBannerSocialNetworks {
    width: 755px;
}

div#headBannerSocialNetworks img {
    float: right;
    margin: 3px 5px;
}

div#curr_date {
    cursor:default;
    float:left;
    font-size:0.9em;
    text-align:left;
}

div#contentArea {
    height: 530px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right:auto;
    /* IE Hack */
    padding-bottom: 20px;
    width: 990px;
}

div.contentAreaRow {
    clear: both;
    display: block;
    padding: 0 20px;
}

div.boxHeaderLeft {
    float: left;
}

div.boxHeaderRight {
    float:right;
}

div.boxHeaderLeft h1,div.boxHeaderRight h1 {
    padding: 2px 10px;
    margin: 0;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
}

div.boxHeaderLeft p,div.boxHeaderRight p {
    float: right;
    color: #fff;
    margin: 0px 10px 0px 10px;
    padding-top: 0.30em;
    font-size: 0.95em;
}

div.boxHeaderLeft * a,div.boxHeaderRight * a {
    color: #fff;
} 

div#contentNews {
    width: 740px;
    margin: 0 10px 10px 0;
    float: left;
    height: 326px;
    overflow: hidden;    
}

div#contentPublic {
    width: 200px;
    height: 326px;
    background-color:#b8c343;
    float:left;
    overflow: hidden;
}

div#contentPublic a {
    color:#000;
}

div#contentPublic h1 {
    background-color: #004925;
    color: #ffffff;
    padding: 5px 10px 3px 10px;
    margin: 0 0 5px 0;
    font-size: 1.2em;
    font-weight: normal;
    height: 18px;
}

div#contentPublic h2 {
    font-size: 1em;
    font-weight: bold;
    padding: 0;
    margin:0;
}

div#contentPublic h2 a {
    padding: 0.35em 10px;
    /* IE Hack */
    !padding: 0.4em 10px;
    display:block;
}

div#contentPublic h2 a:hover {
    background-color: #000;
    color: #fff;
}

div#contentLowerLeftMenu {
    width: 220px;
    height: 190px;
    float: left;
    margin: 0 10px 10px 0;
}

div#contentLowerLeftMenuTop {
    height: 165px;
    overflow: hidden;
}

div#contentEvents {
    width: 506px;
    height: 190px;
    float: left;
    margin: 0 10px 10px 0;
    border: 2px solid #000;
    overflow: hidden;
}

/***** Nouvelles prioritaire sur page d'accueil *****/
div.nouvelle-prio {
    margin-bottom: 16px;
}

div.nouvelle-prio-hr {
    display: block;
    height: 3px;
    width: 990px;
    background-image: url('./images/nouvelles-prioritaires-border.jpg');
}

div.nouvelle-prio-header {
    float: left;
    margin-left: 30px;
    margin-top: 10px;
}

div.nouvelle-prio-header h1 {
    color: #d50000;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
    padding-left: 40px;
    background-image: url('./images/nouvelles-prioritaires-icone.jpg');
    background-repeat: no-repeat;
}

div.nouvelle-prio-list {
    width: 720px;
    float: right;
    margin: 10px 20px 10px 0;
}
div.nouvelle-prio-list  h3 {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #d50000;
}

div.nouvelle-prio-list p {
    margin: 0;
    font-size: 14px;
}

div.nouvelle-prio-list p.date {
    margin: 0;
    color: #565656;
    font-size: 12px;
}

div.nouvelle-prio-list a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

div.nouvelle-prio-list a:hover {
    color: #565656;
}

/***** Événements sur page d'accueil *****/
div.evenements-udes-2cols div.evenements-header {
    background-color: #000;
    display: block;
    width: 100%;
    height: 23px;
    overflow: hidden;
}

div.evenements-udes-col1, div.evenements-udes-col2 {
    float: left;
    margin-top: 10px;
}

div.evenement-details {
    width: 240px;
    margin: 10px 0 10px 10px;
}

div.evenement-details:hover {
    background-color: #E3ECD9;
}

div.evenement-details span {
    float: left;
}

div.event-desc {
    height: 60px;
    overflow: hidden;
    float: left;
}

div.event-desc p {
    padding: 0;
    margin: 0;
    font-size: 0.8em;
    width: 155px;
}

div.event-desc p.evenement-titre a {
    color: #000;
}

div#contentSlideshow {
    width: 200px;
    height: 200px;
    float: left;
    overflow: hidden;
}

div#footerWide{
    margin-left: auto;
    margin-right:auto;
    width: 990px;
}

div#footerLinks {
    padding-top: 15px;    
}

div#footerLinks h1 {
    font-size:1.1em;
    font-weight: bold;
    color: #006633;
    margin: 0 0 5px 0;
}

div#footerLinks li {
    padding: 0 0 0.2em 0;
    margin: 0;
    font-size: 0.95em;
    font-weight: normal;
}

div#footerLinks ul {
    margin: 0;
}

div.footerColumns {
    border-left: 1px solid #ddd;
    float: left;
    padding-left: 10px;
/*    height: 190px;
    overflow: hidden;*/
}

div#footerColumnFirst {
    width: 240px;
}

div#footerColumnSecond {
    width: 250px;
}

div#footerColumnThird {
    width: 250px;
}

div#footerColumnForth {
    border-right: 1px solid #ddd;
    width: 205px;
}

div#footerAddress {
    border: none;    margin: 30px 0 10px 0;
    font-size: 0.95em;
    width: 990px;
    padding: 15px 0;
    margin: 0;
    clear: both;
    float: none;
}

div#footerAddress p {
    text-align: center;
}

div.boutons p a {
    background-color:#004925;
    padding: 0.8em 5px 0.8em 10px;
    margin-bottom: 10px;
}

div.boutons a:hover {
    background-color:#000;
}

div.boutonsSpecial p {
    margin: 0;
}

div.boutonsSpecial p a {
    color: #000;
    background-color: #b8c343;
    padding: 0.4em 5px 0.3em 10px;
    margin-bottom: 10px;
    display: block;
    font-size:1.1em;
    font-weight:bold;
}

div.boutonsSpecial p a:hover {
    color: #fff;
    background-color: #000;
}

div#bonjour p {
    text-align: right;
}