form *,
object,
a
{
    outline: none!important;
}

html
{
}

/* --------------- */
/* --- ACCUEiL --- */
/* --------------- */

.front
{
    background: #c8d4d7;
}

.front #stripe-01
{
    background: #b1bec1;
    height: 142px;
    position: absolute;
    margin-top: 27px;
    width: 100%;
    left: 0;
    top: 0;
}

.front #global-container
{
    width: 964px;
    margin: 0 auto;
    position: relative;
    background: url(../img/gradient-left.png) no-repeat left 33px;
    _background-image: none;
    padding-left: 9px;
}

.front #global-container div.inner
{
    background: url(../img/gradient-right.png) no-repeat right 33px;
    _background-image: none;
    padding-right: 9px;
}

.front #top-container
{
    height: 27px;
}

.front #normal-mode
{
    display: none;
}

.front #text-mode
{
    float: right;
}

.front #text-mode a
{
    display: block;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
    margin-right: 77px;
    margin-top: 8px;
}

.front #website-container
{
    background: #fff;
}

.front #header-container
{
    height: 155px;
}

.front #header-container h1
{
    position: absolute;
    height: 155px;
    width: 213px;
    background: url(../img/logo-ccpl.png) no-repeat 12px 14px;
    _background: url(../img/logo-ccpl.gif) no-repeat 12px 14px;
    margin: 0;
}

.front #header-container h1 a
{
    display: block;
    height: 0;
    padding-top: 155px;
    overflow: hidden;
}

.front #visuals
{
    position: absolute;
    width: 534px;
    height: 142px;
    overflow: hidden;
    margin-left: 213px;
}

.front #visuals ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    height: 142px;
    width: 1000px;
}

.front #visuals ul li
{
    float: left;
    margin-right: 3px;
}

.front #search-box
{
    width: 198px;
    position: absolute;
    margin-left: 765px;
    margin-top: 3px;
}

.front #search-box form
{
    margin: 0;
}

.front #search-box label
{
    display: block;
    color: #87888a;
}

.front #search-box input
{
    border: 1px solid #008463;
    width: 142px;
    padding: 0 0 0 3px;
    margin: 0;
    height: 16px;
    float: left;
    color: #87888a;
}

.front #search-box button
{
    background: url(../img/bt-ok.gif) no-repeat left top;
    border: none;
    padding: 0;
    color: #fff;
    font-size: 13px;
    height: 18px;
    width: 20px;
    float: left;
    font-weight: bold;
    text-indent: -1000px;
    cursor: pointer;
}

.front #navigation-secondaire
{
    width: 198px;
    position: absolute;
    margin-left: 765px;
    margin-top: 48px;
}

.front #navigation-secondaire ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.front #navigation-secondaire ul li
{
    background: url(../img/puce-01.gif) no-repeat left 2px;
    padding-left: 17px;
    margin-bottom: 7px;
}

.front #navigation-secondaire ul li a
{
    text-decoration: none;
    color: #58585a;
}

.front #navigation-secondaire ul li a:hover
{
    color: #000;
}

/* ------------ */
/* --- menu --- */
/* ------------ */

.front #navigation-principale
{
    padding: 0 0 0 7px;
    background: url(../img/menu-shadow-left.png) no-repeat left top;
    _background-image: none;
    margin: 0 0 0 7px;
    position: relative;
    z-index: 1;
    width: 930px;
}

.front #navigation-principale div.inner
{
    padding: 0 0 7px 0;
    background: url(../img/menu-shadow-bottom.png) repeat-x right bottom;
    _background-image: none;
}

/* lvl1 */
.front #navigation-principale ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    background: #667779 /*url(../img/menu-bg-1.png) repeat-x left top*/;
    _background-image: none;
    border: 1px solid #dbe2e5;
    position: relative;
    float: left;
}

.front #navigation-principale ul li
{
    float: left;
    position: relative;
    background: url(../img/menu-separator.gif) no-repeat  right center;
    padding-right: 1px;
}

.front #navigation-principale ul li.last-one
{
    background: none;
    padding-right: 0;
}

.front #navigation-principale ul li a
{
    float: left;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    line-height: 15px;
    padding: 4px 18px 4px 17px;
    background: #667779 /*url(../img/menu-bg-1.png) repeat-x left top*/;
    _background-image: none;
    position: relative;
    z-index: 2;
}

.front #navigation-principale ul li a:hover,
.front #navigation-principale ul li a.select,
.front #navigation-principale ul li a.selected
{
    background: #008463 /*url(../img/menu-bg-1.png)*/ repeat-x left top;
    _background-image: none;
}

/* lvl2 */
.front #navigation-principale ul ul
{
    position: absolute;
    overflow: hidden;
    border: none;
    left: 0;
    top: 22px;
    background: url(../img/smenu-shadow-bottom.png) no-repeat left bottom;
    _background-image: none;
    float: none;
    margin-left: -8px;
    padding-bottom: 4px;
    visibility: hidden;
}

.front #navigation-principale ul ul li
{
    float: none;
    background: url(../img/smenu-shadow-left.png) repeat-y left top;
    _background-image: none;
    padding: 0 0 0 8px;
}

.front #navigation-principale ul ul li a
{
    float: none;
    padding: 5px 10px 5px 25px;
    background: #008463;
    font-size: 12px;
    z-index: 1;
    border-top: 1px solid #fff;
}

.front #navigation-principale ul ul li a.first
{
    background-image: url(../img/menu-shadow-bottom.png);
    _background-image: none;
    background-repeat: no-repeat;
    background-position: center top;
}

.front #navigation-principale ul ul li a:hover,
.front #navigation-principale ul ul li a.select
{
    background: #8ac7b7;
    color: #008463;
}

.front #navigation-principale ul ul li a.first:hover,
.front #navigation-principale ul ul li a.first.select
{
    background-image: url(../img/menu-shadow-bottom.png);
    _background-image: none;
    background-repeat: no-repeat;
    background-position: center top;
}

/* lvl 3 */
.front #navigation-principale ul ul ul
{
    display: none;
}

/* ---------------- */
/* --- end menu --- */
/* ---------------- */

.front #home-content
{
    margin-top: 20px;
    background: url(../img/griffe-home.gif) no-repeat right bottom;
}

.front #left-column
{
    width: 200px;
    float: left;
}

.front #colored-blocks
{
    height: 16px;
    margin-left: 15px;
}

.front #colored-blocks ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.front #colored-blocks ul li
{
    float: left;
    background: #008463;
    padding-top: 16px;
    height: 0;
    overflow: hidden;
    width: 53px;
    margin-right: 1px;
}

.front #colored-blocks ul li.rouge
{
    width: 41px;
}

.front #colored-blocks ul li.violet
{
    width: 34px;
}

.front #colored-blocks ul li.bleu
{
    width: 25px;
}

.front #colored-blocks ul li.rose
{
    width: 16px;
}

.front #map-label
{
    margin: 10px 0 0 15px;
}

.front #map-label a
{
    display: block;
    background: url(../img/puce-01.gif) no-repeat left 2px;
    padding: 0 0 0 15px;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #008463;
}

.front #map-label a:hover
{
    color: #000;
}

.front #map-area
{
    text-align: center;
    margin: 10px 0 0 0;
}

.front #block-services-public
{
    margin: 10px 0 0 15px;
}

.front #block-telecharger
{
    margin: 10px 0 0 15px;
}

.front #block-anciens-num
{
    margin: 10px 0 0 15px;
}

.front #block-services-public a,
.front #block-telecharger a
{
    display: block;
    background: url(../img/puce-01.gif) no-repeat left 2px;
    padding: 0 0 0 15px;
    text-decoration: none;
    font-size: 13px;
    color: #6e8d96;
}

.front #block-services-public a img,
.front #block-telecharger a img
{
    margin-top: 8px;
    margin-left: -9px;
}

.front #block-services-public a:hover,
.front #block-telecharger a:hover
{
    color: #000;
}

.front #block-anciens-num a
{
    text-decoration: none;
    color: #6d8c96;
}

.front #block-anciens-num a:hover
{
    color: #000;
}

.front #news-block
{
    width: 555px;
    float: left;
    background: url(../img/home-bg.gif) repeat-y left top;
}

.front div.home-title h2
{
    background: url(../img/home-title-bg.gif) no-repeat left top;
    color: #fff;
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
    padding: 5px 0 23px 25px;
}

.front div.inner-content
{
    padding: 0 25px 0 40px;
    background: url(../img/home-content-bg.gif) no-repeat left bottom;
}

div.rst-actu
{
    padding-bottom: 20px;
}

div.rst-actu img
{
    float: left;
}

h2.titre-actu
{
    margin-top: 0;
    font-size: 1.2em;
}

h2.titre-actu small
{
    display: block;
    font-weight: normal;
}

div.desc
{
    margin-bottom: 1em;
}

.front #right-column
{
    width: 200px;
    float: left;
    margin-bottom: 90px;
}

.front #right-column div.inner
{
    background: #bfcdd1 url(../img/right-block-bg.gif) repeat-x left bottom;
    width: 155px;
    padding: 60px 10px 0 10px;
    margin-left: 13px;
}

h2.titre-agenda
{
    background: url(../img/picto-agenda.gif) no-repeat center top;
    text-align: center;
    padding-top: 40px;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    color: #008463;
    position: absolute;
    width: 155px;
    margin: -70px 0 0 0;
}

h2.titre-zoom
{
    background: url(../img/picto-zoom.png) no-repeat center top;
    _background: url(../img/picto-zoom.gif) no-repeat center top;
    text-align: center;
    padding-top: 45px;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    color: #008463;
    margin: 15px 0 5px 0;
}

.front #block-agenda h3,
.front #block-zoom h3
{
    margin: 0;
    color: #6e8d96;
    font-size: 11px;
}

.front #block-agenda h3 small,
.front #block-zoom h3 small
{
    display: block;
}

/* ----------------- */
/* --- iNT�RiEUR --- */
/* ----------------- */

.page #content-container
{
    padding: 0 0 25px 15px;
    margin-top: -7px;
    background: url(../img/griffe.gif) no-repeat right bottom;
}

/* ------------- */
/* --- smenu --- */
/* ------------- */

.page #navigation-principale-smenu
{
    width: 200px;
    float: left;
}

/* lvl1 */
.page #navigation-principale-smenu ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    background: #008463;
}

.page #navigation-principale-smenu ul li
{
    border-bottom: 1px solid #fff;
}

.page #navigation-principale-smenu ul li a
{
    display: block;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px 5px 20px;
}

.page #navigation-principale-smenu ul li a:hover,
.page #navigation-principale-smenu ul li a.select
{
    background: #8ac7b7;
    color: #008463;
}

/* lvl2 */
.page #navigation-principale-smenu ul ul
{
    margin-left: 35px;
    margin-bottom: 15px;
    list-style-type: disc;
    color: #fff;
}

.page #navigation-principale-smenu ul ul li
{
    border-bottom: none;
}

.page #navigation-principale-smenu ul ul li a
{
    padding: 0 5px 0 0;
}

.page #navigation-principale-smenu ul ul li a:hover,
.page #navigation-principale-smenu ul ul li a.select
{
    background: none;
    text-decoration: underline;
    color: #fff;
}

/* ----------------- */
/* --- fin smenu --- */
/* ----------------- */

.page #bloc-mailing a,
.index #bloc-mailing a
{
    display: block;
    width: 106px;
    height: 31px;
    background: url(../img/bt-newsletter.png) no-repeat left top;
    _background: url(../img/bt-newsletter.gif) no-repeat left top;
    color: #fff;
    text-decoration: none;
    padding: 20px 10px 0 65px;
    line-height: 13px;
    margin: 17px 0 0 5px;
}

.index #bloc-mailing a
{
    position: absolute;
    right: 0;
    margin-top: -70px;
    margin-right: 21px;
}

.page #main-content
{
    width: 500px;
    float: left;
    padding: 0 25px;
}

.page #navigation
{
    margin-top: 1.5em;
    margin-bottom: 2.5em;
    font-size: 9px;
}

.page #navigation a
{
    font-size: 9px;
    text-decoration: none;
}

.page #navigation a:hover
{
    color: #000;
}

.page #main-content h2
{
    font-size: 1.65em;
    font-weight: normal;
    color: #008463;
}

.page #side-content
{
    float: left;
    width: 179px;
    height: 200px;
}

.page #bt-print
{
    margin-top: 1.5em;
}

.page #bt-print a,
.index #bt-print a
{
    display: block;
    background: url(../img/bt-print.gif) no-repeat left 2px;
    height: 19px;
    padding-left: 25px;
    text-decoration: none;
    font-size: 9px;
}

.index #bt-print a
{
    position: absolute;
    margin: -20px 0 0 250px;
}

.page #bt-print a:hover
{
    color: #000;
}

.page #right-visuals
{
    margin-top: 2.5em;
    overflow-x: hidden;
    width: 179px;
}

.front #footer
{
    border-top: 1px solid #667779;
    margin: 10px auto 0 auto;
    width: 790px;
}

.front #footer ul
{
    list-style: none;
    margin: 0;
    padding: 7px 0 7px 0;
    float: left;
}

.front #footer ul li
{
    float: left;
    color: #6e8d96;
    font-size: 12px;
    padding: 0 20px;
}

.front #footer ul li a
{
    text-decoration: none;
    color: #6e8d96;
    font-size: 12px;
}

.front #footer ul li a:hover
{
    color: #000;
}

/* ------------- */
/* --- large --- */
/* ------------- */

.large #main-content
{
    width: 670px;
}

.large #side-content
{
    display: none;
}


/* -------------- */
/* --- colors --- */
/* -------------- */

/* rouge */
.front #navigation-principale ul li.rouge a:hover,
.front #navigation-principale ul li.rouge a.select,
.front #navigation-principale ul li.rouge a.selected,
.front #navigation-principale ul li.rouge ul li a,
.front #colored-blocks ul li.rouge,
.rouge #navigation-principale-smenu ul
{
    background-color: #c54613;
}

.front #navigation-principale ul li.rouge ul li a:hover,
.front #navigation-principale ul li.rouge ul li a.select,
.rouge #navigation-principale-smenu ul li a:hover,
.rouge #navigation-principale-smenu ul li a.select
{
    background-color: #e4aa93;
    color: #c54613;
}

.rouge h2,
.rouge h3,
.rouge h4,
.rouge ul.liste-simple,
.rouge span.automatique
{
    color: #c54613!important;
}

.rouge div.cadre-1
{
    background-color: #e4aa93;
    border-color: #c54613;
}

/* bleu */
.front #navigation-principale ul li.bleu a:hover,
.front #navigation-principale ul li.bleu a.select,
.front #navigation-principale ul li.bleu a.selected,
.front #navigation-principale ul li.bleu ul li a,
.front #colored-blocks ul li.bleu,
.bleu #navigation-principale-smenu ul
{
    background-color: #006f9f;
}

.front #navigation-principale ul li.bleu ul li a:hover,
.front #navigation-principale ul li.bleu ul li a.select,
.bleu #navigation-principale-smenu ul li a:hover,
.bleu #navigation-principale-smenu ul li a.select
{
    background-color: #8abdd3;
    color: #006f9f;
}

.bleu h2,
.bleu h3,
.bleu h4,
.bleu ul.liste-simple,
.bleu span.automatique
{
    color: #006f9f!important;
}

.bleu div.cadre-1
{
    background-color: #8abdd3;
    border-color: #006f9f;
}

/* rose */
.front #navigation-principale ul li.rose a:hover,
.front #navigation-principale ul li.rose a.select,
.front #navigation-principale ul li.rose a.selected,
.front #navigation-principale ul li.rose ul li a,
.front #colored-blocks ul li.rose,
.rose #navigation-principale-smenu ul
{
    background-color: #a80545;
}

.front #navigation-principale ul li.rose ul li a:hover,
.front #navigation-principale ul li.rose ul li a.select,
.rose #navigation-principale-smenu ul li a:hover,
.rose #navigation-principale-smenu ul li a.select
{
    background-color: #d78caa;
    color: #a80545;
}

.rose h2,
.rose h3,
.rose h4,
.rose ul.liste-simple,
.rose span.automatique
{
    color: #a80545!important;
}

.rose div.cadre-1
{
    background-color: #d78caa;
    border-color: #a80545;
}

/* violet */
.front #navigation-principale ul li.violet a:hover,
.front #navigation-principale ul li.violet a.select,
.front #navigation-principale ul li.violet a.selected,
.front #navigation-principale ul li.violet ul li a,
.front #colored-blocks ul li.violet,
.violet #navigation-principale-smenu ul
{
    background-color: #5a386e;
}

.front #navigation-principale ul li.violet ul li a:hover,
.front #navigation-principale ul li.violet ul li a.select,
.violet #navigation-principale-smenu ul li a:hover,
.violet #navigation-principale-smenu ul li a.select
{
    background-color: #b19dbb;
    color: #5a386e;
}

.violet h2,
.violet h3,
.violet h4,
.violet ul.liste-simple,
.violet span.automatique
{
    color: #5a386e!important;
}

.violet div.cadre-1
{
    background-color: #b19dbb;
    border-color: #5a386e;
}

/* fix */
span.automatique
{
    border-bottom: none;
}

/* ------------- */
/* --- carto --- */
/* ------------- */

div.map-left-row
{
    float: left;
    width: 350px;
}

div.map-right-row
{
    float: left;
    width: 320px;
}

div.map-right-row h3
{
    margin-top: 0;
    border-bottom: 1px solid #008463;
    padding-bottom: 4px;
}

div.map-right-row h4
{
    display: inline;
    margin: 0;
    font-size: 13px;
}

button
{
    text-align: center;
}

a.print
{
    background: url(../img/ico-print.png) no-repeat 0 0 ;
    height: 25px;
    display: block;
    padding-left: 35px;
    font-weight: bold;
    line-height: 25px;
    float: left;
}

span.mag
{
    height: 20px;
    width: 20px;
    background: url(../img/loupe.png) no-repeat 0 0;
    position: absolute;
    cursor: pointer;
}