body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 0.80em;
    background: url(images/body.png) center top repeat-x #898b8d;
}

a {
    color: #D0012C;
    font-weight: bold;
    font-size: 85%;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.bg-transparent {
    behavior: url(/iepngfix.htc);
}

.img-transparent {
    behavior: url(/win_png.htc);
}

hr {
    border: none;
}

#page {
    margin: 0 auto;
    padding: 0px 5px 20px 5px;
    width: 970px;
    background-image: url(images/background_page.png);
    background-position: center 161px;
    background-repeat: no-repeat;
}

#imprimer {
    list-style-type: none;
    padding-bottom: 15px;
    margin-left: 25px;
}

#imprimer li {
    float: left;
    margin-left: 15px;
}

#pied {
    width: 972px;
    height: 125px;
    background: transparent url(images/background_pied.png) center top no-repeat;
    padding: 50px 0px 0px 0px;
    margin: -20px auto;
    color: #fff;
    text-align: center;
    font-size: 90%;
}

#pied a {
    color: #C4D6E4;
}

#pied a.mentions {
    color: #000;
}

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

#entete {
    position: relative;
    margin-left: 1px;
    margin-bottom:5px;
    height: 338px;
    background-color: transparent;
    background-position: 10px bottom;
    background-repeat: no-repeat;
    border-bottom: 15px solid white;
}

#entete h1 {
    float: right;
    margin: 70px 0px 0 0;
    padding: 10px 30px;
    text-align: left;
}

#menu,#menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu li {
    height: 50px;
    background: transparent url(images/background_menu_li.png) no-repeat scroll center 36px;
    float: left;
    margin: 110px 0 0 5px;
    padding: 0px 10px 16px 12px;
    text-align: center;
    width: 115px;
}

#menu li a {
    width: 115px;
    display: block;
    padding-right: 15px;
    border-right: 1px solid #CCCCCC;
    color: #fff;
    font-family: verdana;
    font-size: 14px;
}

#menu li.last a {
    border: none;
}

#menu li a:hover {
    color: #ccc;
    text-decoration: none;
}

#infobar {
    margin: 25px 0px 0px 10px;
    _margin-right: 1px; /* IE FIX */
    background: #FFFFFF none repeat scroll 0 0;
    border-top: medium none;
    float: right;
    padding-bottom: 0px;
    padding-right: 10px;
    width: 195px;
}

#infobar div.annonce {
    width: 198px;
    overflow: hidden;
    color: #006699;
    font-weight: bold;
    font-size: 120%;
    margin-left: 5px;
    padding: 0;
}

#infobar div {
    background: url(images/background_infobar.png) left top repeat-x #919294;
    margin: 0;
    font-size: 90%;
}

#infobar div.newsletter {
    /* background: #fff; */
    background:#919294 url(images/background_infobar.png) repeat-x left top;
    margin: 10px 0px 0px 0px;
    font-size: 60%;
}

#infobar div.newsletter h2 {
    background: transparent url(images/puce_rubrique_menu.png) no-repeat scroll 0 15px;
    color: #fff;
}

#infobar div.newsletter a {
    font-size: 12px;
    color: #fff;
}
#infobar div.breves {
    background: #fff;
}
#infobar div a,#infobar div h3 {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#infobar div a:hover {
    text-decoration: underline;
}

#infobar div h3 {
    margin: 0px 0px 25px 0px;
    font-size: 130%;
}

#infobar div.agenda h3 {
    margin-left: 60px;
    font-size: 15px;
}

#infobar div.agenda h3 span {
    font-size: 90%;
}

#infobar div.agenda a {
    text-decoration: none;
}

#infobar div.agenda a:hover {
    text-decoration: underline;
}

#infobar div a.group {
    font-size: 11px;
    padding-left: 25px;
}
#infobar div a.breve {

    height:105px;
    width:150px;

}

#infobar div p {
    margin: 0;
    padding: 0px 0px 10px 0px;
}

#infobar h2 {
    margin: 0px 0px 5px 0px;
    padding: 22px 0px 0px 25px;
    background: transparent url(images/rubriques_droite_background.png) 0px 15px no-repeat;
    color: #e5e5e5;
    font-size: 150%;
    height: 30px;
}
#infobar div .archives a{
    color: #919294;
}
div.date {
    height: 41px;
    width: 43px;
    padding: 6px 10px 1px 4px;
    margin-left: 25px;
    text-align: center;
    background: url(images/background_date.png) left top no-repeat;
    font-size: 120%;
    color: #919294;
    list-style-type: none;
    float: left;
}

#infobar div.date {
    height: 41px;
    width: 43px;
    padding: 8px 10px 8px 3px;
    margin-left: 5px;
    /* margin-bottom: 5px; */
    text-align: center;
    background: url(images/background_date.png) left top no-repeat;
    font-size: 120%;
    color: #919294;
    list-style-type: none;
    float: left;
}

div.date span.jour,#infobar div.date span.jour {
    font-size: 18pt;
    font-weight: bold;
    vertical-align: bottom;
    line-height: 10pt;
}

div.date span.mois,#infobar div.date span.mois {
    font-size: 7pt;
}

#navigation-menu {
    margin: -60px 0px 0px 0px;
    padding: 4px 4px 4px 0px;
    float: left;
    width: 170px;
}

#search-form {
    margin-top: 50px;
    margin-left: 20px;
    margin-bottom: 15px;
}

#search-form label {
    color: #919294;
    text-align: left;
}

#search-form div p {
    margin: 0;
    padding: 0;
    position: relative !important; /* IE FIX : "! important" pour anuyler les effets de unitpngfix pour IE 6 */
    padding: 5px;
    width: 144px;
}

#recherche {
    width: 105px;
    _width: 95px; /* IE */
    font-size: 90%;
    vertical-align: middle;
}

#recherche_button {
    vertical-align: middle;
    margin-left: -5px;
}

#navigation-menu h2 {
    margin: 10px 0px 5px 1px;
    color: #4D4D4D;
    padding: 8px 4px 9px 20px;
    background: url(images/puce_rubrique_menu.png) top left no-repeat;
    font-size: 13px;
}

#navigation-menu ul,#navigation-menu ul li {
    margin: 0;
    padding: 0px 0px 0px 20px;
}

#navigation-menu ul li {
    color: #787878;
    padding: 0px 0px 5px 0px;
}

#navigation-menu ul li a,.liste-articles ul li a {
    color: #7F7F7F;
    font-weight: bold;
    font-size: 90%;
    text-decoration: none;
}

#navigation-menu ul li a:hover,.liste-articles ul li a:hover {
    text-decoration: underline;
}

#content {
    color: #787878;
    margin: 0px 225px 0px 180px;
    padding: 0px 10px 10px 10px;
    background: #fff;
    min-height: 550px;
}

#content .separateur {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#content.position-1 {
    color: #808080;
    margin: -25px 225px 0px 180px;
    padding: 0px 10px 10px 10px;
    background: #ccc;
    min-height: 550px;
}
#estermap {
    background-color: #A4CA3D;
    }
#search-compagny {
    background: #919294 url(images/background_infobar.jpg) left top repeat-x;
    margin: 5px;
    font-size: 90%;
    color: #fff;
    padding: 5px;
    position: relative;
    zoom: 1; /* IE6 FIX : donne un "hasLayout" au formulaire */
}

#search-compagny p.plan {
    text-align: right;
    margin-right: -5px;
}

#search-compagny p.plan.extern {
    position: absolute;
    left: -84px;
    top: 60px;
}

#search-compagny p {
    margin: 0;
}

#search-compagny p.button {
    text-align: center;
    margin-top: 5px;
}

#search-compagny input.text {
    font-size: 95%;
    padding: 1px;
    width: 98%;
    border: 1px solid #D0D0D0;
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
}

hr.design {
    padding: 3px 0px 3px 10px;
    margin: 8px auto;
    border: 0 none !important;
    height: 0px;
    background: transparent url(images/separateur_rubrique.gif) left center no-repeat;
}

#menu-static {
    position: absolute;
    bottom: 30px;
    right: 12px;
}

#menu-static ul,#menu-static ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

#menu-static ul li {
    padding: 3px 12px 3px 3px;
    background: transparent url(images/separateur.png) right center no-repeat;
}

#menu-static ul li.last {
    background-image: none;
}

#menu-static ul li+li {
    padding-left: 10px;
    background: none;
}

#menu-static ul li a:hover {
    text-decoration: none;
}

#menu-static ul li a.home {
    height: 20px;
    padding: 3px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    padding-left: 25px;
    background: transparent url(images/puce_home.jpg) left center no-repeat;
}

#menu-static ul li a.contact {
    text-decoration: none;
    font-weight: bold;
    color: #4D4D4D;
    padding-left: 26px;
    background: transparent url(images/puce_contact.jpg) left center no-repeat;
}

#content h1 {
    margin: 20px 0px 5px 0px;
    font-size: 250%;
    color: #D0012C;
    padding-left: 25px;
    font-size: 25px;
}

#content h1.titre_agenda {
    margin: 0px 0px 5px 0px;
    font-size: 250%;
    color: #D0012C;
    padding-left: 25px;
    font-size: 25px;
}

#content h1.accueil {
    margin: 40px 0px 5px 0px;
    font-size: 250%;
    color: #D0012C;
    padding-left: 25px;
    font-size: 25px;
}

#content h2 {
    margin: 5px 0px 25px 0px;
    font-size: 115%;
    /* padding-left: 25px; */
    color: #999;
}

#content h2.soustitre {
    margin: 5px 0px 5px 0px;
    font-size: 115%;
    padding-left: 25px;
    color: #999;
}

#content h2.accueil {
    margin: 5px 0px 5px 0px;
    font-size: 115%;
    padding-left: 25px;
    color: #999;
}

#content .detail,#content #detail,#content address,#content .ml {
    border-bottom: 1px dashed #CCCCCC;
    margin-bottom: 25px;
    padding-left: 25px;
    padding-bottom: 25px;
}
.liste-articles {
    margin-bottom: 25px;
    padding-left: 25px;
    padding-bottom: 25px;
}
#content.implanter {
    background: #fff;
}

#content.reunir {
    background: #fff;
}

#content.chercher {
    background: #fff;
}

#content.travailler {
    background: #fff;
}

#content.contact {
    background: #fff;
}

#content.archive {
    margin-top: 20px;
}

#content.archive h1 {
    padding-top: 3px;
    padding-left: 30px;
    font-size: 190%;
    background: url(images/puce_mois.png) left top no-repeat;
}

#content.archive li a {
    font-size: 15px;
    color: #999;
}

#content h1.menu-titre {
    margin: 40px 0px 5px 0px;
    font-size: 250%;
    color: #444;
    padding-left: 25px;
    font-size: 25px;
}

#access {
    _margin: 3px;
    float: left;
    height: 90px;
    margin: 40px 0 0 270px;
    padding: 0;
    width: 130px;
}

#access p {
    margin: 0;
    text-align: left;
}

#access div {
    position: relative;
    padding: 0;
    width: 140px;
    height: 70px;
}

#access div p {
    text-align: left;
    line-height: 12px;
}

#access input.button {
    position: absolute;
    right: 8px;
    top: 30px;
}

#access p strong {
    color: #fff;
    text-transform: uppercase;
}

#access label {
    color: #fff;
    font-size: 85%;
}

#access p.links {
    clear: both;
    margin: 0;
    text-align: left;
}

#access a {
    color: #ccc;
}

#access a:hover {
    text-decoration: none;
}

#access input.text {
    font-size: 80%;
    width: 95px;
}

div.logo-e {
    text-align: center;
    height: 138px;
    height: 133px;
    width: 240px;
    background: transparent url(images/zone_logo_background.jpg) left top no-repeat;
    padding: 20px 10px 8px 1px;
    vertical-align: middle;
}

div.logo-e img {
    vertical-align: middle;
    text-align: center;
    max-height: 127px;
    max-width: 228px;
}

div.zone h3 {
    margin-bottom: 4px;
    font-size: 100%;
    padding: 2px 0px 2px 25px;
    background: #D0012C;
    color: #fff;
}

div.zone ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.zone ul li {
    color: #227aa7;
    padding: 2px 0px;
    padding-left: 25px;
    border-bottom: 1px solid #dedebe;
}

div.zone ul li strong {
    color: #333333;
}

div.zone p {
    color: #333333;
}

.cartouche {
    margin-top: 40px;
}

.cartouche img {
    margin-right: 10px;
}

.rss {
    display: block;
    padding-left: 18px;
    background: url(images/feed-icon-14x14.png) top left no-repeat;
}

h3.titre {
    margin: 20px 0px 5px 0px;
    font-size: 250%;
    color: #D1002D;
    font-size: 25px;
}

ul.infos {
    margin: 10px 0px 20px 25px;
    float: left;
    width: 100%;
    padding: 0;
    list-style: none;
}

ul.infos li {
    float: left;
    padding: 1% 0% 1% 5% ;
    width: 45%;
}

ul.infos li.contact {
    background: transparent url(images/puces_articles/contact.png) left 2px no-repeat;
}

ul.infos li.lieu {
    background: transparent url(images/puces_articles/lieu.png) left 2px no-repeat;
}

ul.infos li.heure {
    background: transparent url(images/puces_articles/heure.png) left 2px no-repeat;
}

ul.infos li.type {
    background: transparent url(images/puces_articles/type.png) left 2px no-repeat;
}