/* ===================================================================
 * STANDARD CMS
 * =================================================================*/
* { margin: 0; padding: 0 }
.withJS .js_hidden { display: none; }
.clear { clear : both; }
.invisible { display: none; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.alignjustify { text-align: justify; }
object.alignleft, img.alignleft, table.alignleft, span.alignleft, iframe.alignleft, embed.alignleft { float: left; margin: 0 10px 10px 0; }
object.alignright, img.alignright, table.alignright, span.alignright, iframe.alignright, embed.alignright { float: right; margin: 0 0 10px 10px; text-align: left;}
table.aligncenter { margin: auto; text-align: left; }
a img { border-width: 0;}
acronym { border-bottom: 1px dotted; cursor:help; }
/* LEGENDE - CREDIT */
.spanImgContainer { display: inline-block; text-align: center !important; line-height: 0;}
.spanImgOuter { display: inline-block; position: relative; }
.spanImgOuter img { display: block; }
.spanCredit { background: url(images/spanCredit.png) repeat 0 0; left: 0; bottom: 0; color: #fff; font-style: italic; font-size: 90%; max-width: 75%; padding: 5px; position: absolute; line-height: 1em; text-align: left; }
.imgLoupe { position: absolute; bottom: 0; right: 0;}
.spanLegende { display: block; font-size: 90%; border: 1px solid #dedede; padding: 5px; line-height: 1em; }
/* CLEARFIX */
.clearfix:before,
.clearfix:after { content: "."; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ===================================================================
 * LAYOUT GENERAL
 * =================================================================*/
#document {
    position: relative;
    z-index: 1;
}
/*
#corps {
    clear: both;
    margin: 0 auto;
    padding: 20px 0 0;
    width: 980px;
    zoom: 1;
}
*/

#corps:before,
#corps:after { content: "."; display: block; height: 0; overflow: hidden; }
#corps:after { clear: both; }
#corps { zoom: 1; }

/*
#colonneGauche {
    float: left;
    padding: 0 0 10px;
    width: 245px;
}

#Accueil #contenu {
    margin-top: -122px;
}

.avecDeuxColonnes #contenu,
.avecColonneGauche #contenu {
    float: right;
    padding: 0 0 10px;
    width: 720px;
    margin-top: 29px;
}
*/

/* ===================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * =================================================================*/
@-ms-viewport{
  width: device-width;
}

body {
    background: #FFF url(images/fond-site.png) repeat-x top left;
    color: #4c3b41;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    margin: 0;
    padding: 0;
}
#document {
    font-size: 90%; 
}
a {
    color: #08607A;
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: underline;
}
h2 {
    color: #4c3b41;
    font-size: 2em;
    margin: 0 0 10px 0;
    font-family: "asapbold";
}
h3 {
    color: #4c3b41;
    font-size: 1.385em;
    margin: 0 0 10px 0;
    font-family: "asap";
}
h4 {
    color:  #08607A;
    font-size: 1em;
    text-transform: uppercase;
    margin: 0 0 3px 0;
    font-family: "asap";
}
h5 {
    color: #2B3941;
    font-size: 1em;
    text-transform: uppercase;
    margin: 0 0 3px 0;
    font-family: "asap";
}
ul {
    list-style: none;
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 0 0 0 15px;
    zoom: 1;
}
ul li {
    background: url(images/puce.png) no-repeat scroll left 7px transparent;
    line-height: 24px;
    padding: 0 0 0 15px;
}

ul li ul li {
    background: url(images/puce-niveau2.png) no-repeat scroll left 7px transparent;
}

.lienDocument {
    padding-left: 15px;
    background: url(images/iconPDF.png) no-repeat scroll left top transparent;
}

/* ===================================================================
 * BANDEAU HAUT
 * =================================================================*/
img#logoBanniere {
    /* margin-top: 50px; */
}
#barreHaut {
    margin-left: 127px;
    position: relative;
}

#barreHaut div {
    margin: 0 auto;
    text-align: right;
    float: right;
}

#barreHaut a {
    color: #30343a;
    font-size: 0.847em; /* 11px */
    text-decoration: none;
}
#barreHaut a:hover {
    text-decoration: underline;
}

/*
#bandeauHaut {
    margin: 13px auto 10px auto;
    width: 980px;
}
#bandeauHaut h1 {
    float: left;
    padding: 0;
}
*/

#bandeauHaut #breadcrumb {
    margin: 8px 0 0 127px;
    font-weight: bold;
    font-size: 0.847em; 
    padding: 0;
}
#bandeauHaut #breadcrumb li {
    background: none;
    float: left;
    padding: 0;
}
#bandeauHaut #breadcrumb li a {
    color: inherit;
    text-decoration: none;
}
#bandeauHaut #breadcrumb li a:hover {
    text-decoration: underline;
}
#bandeauHaut .accrochePage {
    margin: 7px 0 0 127px;
}
#bandeauHaut .accrochePage img {
    -webkit-box-shadow:  1px 1px 4px 1px #c0bebb;
    box-shadow:  1px 1px 4px 1px #c0bebb;
}

/* MOTEUR DE RECHERCHE */
#bandeauHaut .recherche {
    position: absolute;
    top: 0;
    right: 0;
}
#bandeauHaut .recherche #searchString {
    background: #01A0A4;
    font-size: 1.077em; /* 14px */
    line-height: 25px;
    height: 25px;
    border: 0 none;
    padding-left: 10px;
    padding-right: 10px;
}
#bandeauHaut .recherche #searchSubmit {
    background: #4c3b41;
    border: 0 none;
    color: #FFF;
    cursor: pointer;
    height: 26px;
    margin-left: 3px;
    width: 26px;
    font-family: "asap";
    padding-left: 3px;
}

/* ===================================================================
 * BANDEAU BAS
 * =================================================================*/
#footer {
    background: url(images/footer_fond.png) repeat-x scroll left top #C9EBFF;
    clear: both;
    margin: 50px 0 0 0;
}
#footer div {
    margin: 0 auto;
    overflow: hidden;
    /* width: 980px; */
    zoom: 1;
}
#footer div img {
    float: left;
    margin: 30px 0 30px 0;
}
#footer div .bloc {
    float: right;
    margin: 40px 0 0 0;
    width: 590px;
}
#footer div .bloc p {
    font-size: 1.308em; /* 17px */
}
#footer div .bloc ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#footer div .bloc ul li {
    background: none;
    border-top: 1px solid #B5D4E6;
    font-size: 0.923em; /* 12px */
    margin: 0;
    padding: 0;
}

#bandeauBas {
    padding: 15px 0;
    background: url(images/sep-bandeau-bas.png) repeat-x scroll top left #dfd9cc;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
}
#bandeauBas .innerBandeauBas {
    /* width: 980px; */
    margin: 0 auto;
}
#bandeauBas .innerBandeauBas .left {
    width: 245px;
    float: left;
}
#bandeauBas .innerBandeauBas .left p {
    font-weight: bold;
    margin: 10px 0;
}
#bandeauBas .innerBandeauBas .left ul {
    padding: 0;
}
#bandeauBas .innerBandeauBas .left ul li {
    background: url(images/sep-liens-bas.png) no-repeat scroll center left transparent;
    margin: 0 2px 0 0;
    padding: 0 0 0 6px;
    float: left;
}
#bandeauBas .innerBandeauBas .left ul li:first-child {
    padding-left: 0; background: none;
}
#bandeauBas .innerBandeauBas .left a {
    color: #30343a;
    font-size: 0.847em; /* 11px */
    text-decoration: none;
}
#bandeauBas .innerBandeauBas .left a:hover {
    text-decoration: underline;
}

#bandeauBas .innerBandeauBas .right {
    /*
    width: 678px;
    float: right;
    */
}
#bandeauBas .lienPiedPage li {
    background: url(images/bandeauBas_puce.gif) no-repeat scroll left 7px transparent;
    color: #333333;
    display: inline;
    font-size: 0.923em; /* 12px */
    margin: 0 0 0 10px;
    padding: 0 0 0 15px;
}
#bandeauBas .lienPiedPage li a {
    color: #333333;
    text-decoration: none;
}
#bandeauBas .lienPiedPage li a:hover {
    text-decoration: underline;
}
#bandeauBas .lienPiedPage li.accueil {
    background: none;
    margin: 0;
    padding: 0;
}

/* ===================================================================
 * MENU
 * =================================================================*/
#menu {
    position: relative;
    z-index: 5;
    margin: 34px 0 0 127px;
}
#menu ul.menuNiv1 {
    background: url(images/fond-menu.png) repeat scroll left top transparent;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    border: 1px solid;
    border-color: #d0cabc #dee2bd #d0cabc #dee2bd;
    -webkit-box-shadow:  1px 1px 7px 1px #c0bebb;
    box-shadow:  1px 1px 7px 1px #c0bebb;
}
#menu ul.menuNiv1 > li {
    background: url(images/sep-menu.png) no-repeat scroll left top transparent;
    float: left;
    padding: 0;
}
#menu ul.menuNiv1 li.accueil {
    background: none;
}
#menu ul.menuNiv1 li.accueil a img {
    margin-top: 18px;
}
#menu ul.menuNiv1 > li > a {
    color: #493e42;
    float: left;
    font-size: 1.462em; /* 19px */
    font-family: "asapbold";
    line-height: 54px;
    height: 54px;
    padding: 0 15px;
    text-decoration: none;
}
#menu ul.menuNiv1 > li > a span {
    cursor: pointer;
    float: left;
    line-height: 46px;
    padding: 0 17.6px 0 0;
}

#menu ul.menuNiv1 > li > a:hover,
#menu ul.menuNiv1 > li.accueil > a:hover,
#menu ul.menuNiv1 > li.selected > a,
#menu ul.menuNiv1 > li.over > a {
    background: url(images/fond-menu-hover.png) no-repeat scroll center bottom #01A0A4;
    color: #FFFFFF;
}
#menu ul.menuNiv1 li.accueil a {
    background: url(images/menu-accueil.png) no-repeat scroll center #FFFFFF;
    padding: 0 20px;
}
#menu ul.menuNiv1 li.accueil a:hover, #menu ul.menuNiv1 > li.accueil.selected > a  {
    background-image: url(images/menu-accueil-hover.png), url(images/fond-menu-hover.png);
    background-position: center, center bottom;
    background-repeat: no-repeat;
    background-color: #01A0A4;
}
/* specific COVID-19 */
#menu ul.menuNiv1 > li:last-child > a 
{
    color: #b02900;
}
#menu ul.menuNiv1 > li.selected:last-child > a
{
    color: #FFFFFF !important;
}

/* Compatibilité IE */
html[class^="ie"] #menu ul.menuNiv1 li.accueil a:hover, html[class^="ie"] #menu ul.menuNiv1 > li.accueil.selected > a  {
    background: url(images/menu-accueil-hover.png)  no-repeat center #01A0A4;
}

#menu .sousMenu {
    left: -9999px;
    list-style: none outside none;
    margin: 0;
    padding: 10px;
    position: absolute;
    top: 55px;
    width: 575px;
    z-index: 2;
    background: #fff;
    -webkit-box-shadow:  1px 1px 7px 1px #c0bebb;
    box-shadow:  1px 1px 7px 1px #c0bebb;
}
#menu .over .sousMenu {
    left: -9px;
}
#menu ul.menuNiv2 {
    background: #d0cabb;
    border: 1px solid #E2E2E2;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#menu ul.menuNiv2 li {
    background: none;
    border: 0;
    display: block;
    float: left;
    clear: left;
    line-height: 1.2em;
    padding: 22px 14px;
    width: 45%;
    height: 64px;
}
#menu ul.menuNiv2 li.sep {
    float: none; width: 100%; clear: both; background: url(images/sep-menuNiv2-h.png) repeat-x left top; padding: 0; height: 3px;
}

#menu ul.menuNiv2 li.alter1 {
    float: right;
    clear: right;
    background: url(images/sep-menuNiv2.png) repeat-y scroll left top transparent;
}
#menu ul.menuNiv1 ul.menuNiv2 li .titre {
    background: url(images/puce2.png) no-repeat scroll left 7px transparent;
    color: #333333;
    text-decoration: none;
    font-family: "asapbold";
    font-size: 1.385em; /* 18px */
    padding: 0 0 0 15px;
}
#menu ul.menuNiv1 ul.menuNiv2 li .accroche {
    float: left;
}
#menu ul.menuNiv1 ul.menuNiv2 li .resume {
    font-weight: normal;
    letter-spacing: 0px;
    text-decoration: none;
    font-family: "asap";
}
#menu ul.menuNiv1 ul.menuNiv2 li .info.avecVignette {
    padding-left: 90px;
}
#menu ul.menuNiv1 ul.menuNiv2 li .titre:hover {
    background: url(images/puce.png) no-repeat scroll left 7px transparent;
}
#menu ul.menuNiv2 li.first {
    border-top: 0 none;
}

/* ===================================================================
 * CONTENU
 * =================================================================*/
.titrePage {
    min-height: 32px;
}

.paragraphe {
    clear: both;
    margin: 0 0 25px 0;
}
.paragraphe .innerParagraphe:before,
.paragraphe .innerParagraphe:after { content: "."; display: block; height: 0; overflow: hidden; }
.paragraphe .innerParagraphe:after { clear: both; }
.paragraphe .innerParagraphe { zoom: 1; }
.paragraphe img             { border: 1px solid #DEDEDE; padding: 8px; }
.paragraphe img.imgLoupe    { border: none; padding: 0 9px 9px 0; }
.paragraphe .spanLegende    { border-top: none; }
.paragraphe ol {
    line-height: 24px;
    margin: 0 0 10px 0;
    padding: 0 0 0 30px;
}
.paragraphe p {
    margin: 0 0 10px 0;
}
.paragraphe table {
    border-collapse: collapse;
    margin: 0 0 10px 0;
    width: 100%;
}
.paragraphe table td {
    border: 1px solid #fff;
    background: #efece5;
    padding: 6px 20px;
}
.paragraphe table tbody tr:nth-child(2n) td {
    background: #dfdbd0;
}
.paragraphe table th, .paragraphe table thead td {
    /*background: #4c3b41;*/
    border: 1px solid #fff;
    color: #fff;
    font-weight: bold;
    padding: 6px 20px;
    font-size: 1.077em;
}

.hautDePage {
    text-align: right;
}
.hautDePage a {
    background: url(images/puce_hautDePage.png) no-repeat left 3px transparent;
    border-bottom: 1px solid #DFDBD0;
    border-top: 1px solid #DFDBD0;
    color: #4C3B41;
    line-height: 18px;
    padding: 5px 0 5px 20px;
    text-decoration: none;
}
.hautDePage a:hover {
    text-decoration: underline;
}
.toutVoirTop 
{
    float: right;
    margin-bottom: 0 !important;
}
.toutVoir {
    padding-top: 20px;
    text-align: right;
    clear: both;
}
.toutVoir a, .toutVoirTop a{
    background: url("images/icone-plus.png") no-repeat scroll right top transparent;
    display: block;
    line-height: 23px;
    min-height: 32px;
    padding-right: 40px;
    color: #4C3B41;
    font-family: "asapbold";
    font-size: 15px;
    text-decoration: none;
}
.toutVoir a:hover, .toutVoirTop a:hover { color: #307374;}


/* ===================================================================
 * COLONNE GAUCHE
 * =================================================================*/
#colonneGauche #menuGauche h3 {
    margin: 0;
    padding: 7px 12px;
    background: #01A0A4;
    display: inline-block;
}
#colonneGauche a {
    color: #4c3b41;
    text-decoration: none;
    font-family: "asapbold";
    font-size: 1.077em;
}
#colonneGauche a:hover, #colonneGauche a:focus {
    color: #3C9092;
}

#colonneGauche #menuGauche h3 a {
    color: #FFFFFF;
    text-decoration: none;
}
#colonneGauche #menuGauche #menuNiv2 {
    background: url(images/fleche-h3-menu-gauche.png) no-repeat scroll 54px top #4c3b41;
    padding: 10px 0 0;
}
#colonneGauche #menuGauche #menuNiv2 li {
    background: url("images/puce-menu-gauche.png") no-repeat scroll 15px 3px transparent;
    padding: 0;
}
#colonneGauche #menuGauche #menuNiv2 > li:nth-child(2n) { background-color: #56434a; }
#colonneGauche #menuGauche #menuNiv2 > li:nth-child(2n).selected {
    background: url(images/puce-menu-gauche-hover.png) no-repeat scroll 15px 3px #56434a;
}
#colonneGauche #menuGauche #menuNiv2 > li:hover,
#colonneGauche #menuGauche #menuNiv2 > li.selected {
    background: url(images/puce-menu-gauche-hover.png) no-repeat scroll 15px 3px transparent;
}
#colonneGauche #menuGauche #menuNiv2 > li:hover:nth-child(2n) {
    background: url(images/puce-menu-gauche-hover.png) no-repeat scroll 15px 3px #56434a;
}
#colonneGauche #menuGauche #menuNiv2 li a {
    color: #fff;
    text-decoration: none;
    font-family: "asapbold";
    font-size: 1.077em;
    padding: 0 10px 0 39px;
    display: block;
}
#colonneGauche #menuGauche #menuNiv2 > li.selected > a,
#colonneGauche #menuGauche #menuNiv2 > li:hover > a {
    color: #28989A;
}

#colonneGauche #menuGauche #menuNiv3 {
    padding: 0 0 0 30px;
    margin: 0;
}
#colonneGauche #menuGauche #menuNiv3 li {
    background: url(images/puce-menuN2-gauche.png) no-repeat scroll left 7px transparent;
}
#colonneGauche #menuGauche #menuNiv3 li a {
    color: #fff;
    text-decoration: none;
    font-family: "asapbold";
    font-size: 1.077em;
    padding: 0 10px 0 20px;
}
/*#colonneGauche #menuGauche #menuNiv3 > li.selected,
#colonneGauche #menuGauche #menuNiv3 > li:hover {
    background: url(images/puce-menuN2-gauche.png) no-repeat scroll left 7px transparent;
}*/
#colonneGauche #menuGauche #menuNiv3 > li.selected > a,
#colonneGauche #menuGauche #menuNiv3 > li:hover > a {
    color: #18888A;
}
#colonneGauche #menuGauche #menuNiv4 li.selected {
    background: none repeat scroll 0 0 #0DBCBF;
}
#colonneGauche #menuGauche #menuNiv4 li a {
    color: #fff;
    text-decoration: none;
    font-family: "asapbold";
    font-size: 1.077em;
}
#colonneGauche #menuGauche #menuNiv4 > li.selected > a,
#colonneGauche #menuGauche #menuNiv4 > li.selected:hover > a { 
    color: #ffffff; 
    background: url(images/fleche-selected-menu-gauche.png) no-repeat scroll right center transparent;
}
#colonneGauche #menuGauche #menuNiv4 > li:hover > a { color: #08787A; }
#colonneGauche .module {
    clear: both;
    margin: 0 0 14px 0;
}

#colonneGauche .module h3 {
    background: #4c3b41;
    color: #fff;
    padding: 3px 12px;
    margin: 0;
    display: inline-block;
    font-size: 1.231em;
}
.ie7 #colonneGauche .module h3 {
    display: inline;
    zoom: 1;
}
#colonneGauche .module .innerParagraphe {
    background: url(images/fleche-h3-gauche.png) no-repeat scroll 54px top #d0cabb;
}
#colonneGauche .module .innerParagraphe > * {
    padding: 15px;
}



#colonneGauche .module ul {
    padding: 0;
}
#colonneGauche .module ul li {
    background: url(images/puce-gauche.png) no-repeat scroll left 4px transparent;
    height: 26px;
    line-height: 26px;
    padding: 0 0 0 24px;
}

#colonneGauche .module .tpl_annonceListeMDL ul li {
    background: url(images/puce-gauche.png) no-repeat scroll left 4px transparent;
    line-height: 26px;
    padding: 0 0 0 24px;
    height: auto;
}
#colonneGauche .module ul li:nth-child(2n) { background-color: #b8b3a5; }

/* tpl_sitesListe */
#colonneGauche .module .tpl_sitesListe { padding: 0; }
#colonneGauche .module .tpl_sitesListe ul li {
    background: none;
    border: 0;
    display: block;
    float: left;
    clear: left;
    line-height: 38px;
    padding: 0;
    width: 50%;
    height: 38px;
}
#colonneGauche .module .tpl_sitesListe ul li a {
    padding: 0 0 0 43px;
    width: 63%;
    height: 38px;
    display: block;
}
#colonneGauche .module .tpl_sitesListe ul li.sep {
    float: none; width: 100%; clear: both; background: url(images/sep-menuNiv2-h.png) repeat-x left top; padding: 0; height: 3px; line-height: 1;
}

#colonneGauche .module .tpl_sitesListe ul li.PGS_DEMARCHES,
#colonneGauche .module .tpl_sitesListe ul li.PGS_ASSOCIATIONS {
    float: right;
    clear: right;
    background: url(images/sep-menuNiv2.png) repeat-y scroll left top transparent;
}
#colonneGauche .module .tpl_sitesListe ul li.PGS_DEMARCHES {
    line-height: 1em;
}
#colonneGauche .module .tpl_sitesListe ul li.PGS_DEMARCHES a {
    background: url(images/demarches.png) no-repeat scroll left top transparent;
    padding-top: 6px;
}
#colonneGauche .module .tpl_sitesListe ul li.PGS_COMMUNE a {
    background: url(images/commune.png) no-repeat scroll left top transparent;
}
#colonneGauche .module .tpl_sitesListe ul li.PGS_PLU a {
    background: url(images/plu.png) no-repeat scroll left top transparent;
}
#colonneGauche .module .tpl_sitesListe ul li.PGS_ASSOCIATIONS a {
    background: url(images/associations.png) no-repeat scroll left top transparent;
}
#colonneGauche .module .tpl_sitesListe ul li.PGS_DEMARCHES a:hover {
    background: url(images/demarches-over.png) no-repeat scroll left top transparent;
}
#colonneGauche .module .tpl_sitesListe ul li.PGS_COMMUNE a:hover {
    background: url(images/commune-over.png) no-repeat scroll left top transparent;
}
#colonneGauche .module .tpl_sitesListe ul li.PGS_PLU a:hover {
    background: url(images/plu-over.png) no-repeat scroll left top transparent;
}
#colonneGauche .module .tpl_sitesListe ul li.PGS_ASSOCIATIONS a:hover {
    background: url(images/associations-over.png) no-repeat scroll left top transparent;
}


/* ===================================================================
 * FORMULAIRES
 * =================================================================*/
fieldset.groupeQuestion,
div.groupeQuestion          { border: 1px solid #EAEAEA; margin: 0 0 30px 0; }
.innerGroupeQuestion        { padding: 1em; }
.groupeQuestion legend      { color: #0E79B5; font-size: 1.3em; margin-left: 20px; padding: 0 5px;}

input,
textarea,
select {
    font-family: Arial;
    font-size: 1em;
    border: 1px solid #E3E9EF;
    border-top: 1px solid #ABADB3;
    padding: 2px;
}
input       { background: url(images/fond-input.png) repeat-x top left; }
option      { padding: 0 10px 0 5px; }
span.cases  { float: left; width: 75%; }
input.case  { border: none; }
span.submit {
    padding-left: 9px; 
    display: inline-block; 
    background: url(images/form-submit.png) no-repeat right center #544449; 
    cursor: pointer;
}
input.submit {
    background: url(images/form-submit.png) no-repeat right center #544449; 
    border: none; 
    color: #FFF; 
    font-weight: bold; 
    min-height: 29px; 
    padding: 0 26px 0 0; 
    cursor: pointer;
    -webkit-box-shadow:  0 4px 6px 1px #505050;
    box-shadow:  0 4px 6px 1px #505050;
}

.paragraphe form p              { clear: both; margin: 0; padding: 5px 0; }
.paragraphe form label          { color: #2B3941; float: left; font-weight: bold; width: 25%;}
.paragraphe form label.enLigne  { display: inline; float: none; font-weight: normal; padding: 0 10px 0 3px; }
/*.paragraphe form p.action       { margin: 0 0 15px 20%; padding: 0 0 0 10px; }*/

form .tooltip { 
    width: 260px; 
    position: absolute; 
    display: block; 
    padding:0; 
    z-index:3; 
    background: #CCC; 
    border: 1px solid #000;
}
form .tooltip span      { display: block; width: 240px; padding: 10px; }
form a.tooltiptrigger   { 
    text-decoration: none; 
    margin:0 2px; 
    width: 14px; 
    height: 14px; 
    position: relative; 
    top: 3px; 
}
form a.tooltiptrigger:hover { text-decoration: none; }
form a.tooltiptrigger img   { border:none; margin:0; padding:0; }
p.mention_cnil              { font-style: italic; font-size: 0.9em; }
span.obligatoire            { color: red; }
p.notice                    { color: red; }

form            { border: 1px solid #c9d2d6; position: relative; background-color: #EFECE5; }
form fieldset     { 
    border: 0 none; 
    background-color: #efece5; 
    padding: 15px;
    position: relative;
}
form legend { 
    float: left; 
    font-family: 'asapbold';
    font-size: 1.692em;  
    margin-bottom: 10px; 
}
form.recherche p        { padding: 0; }
form.recherche label    { width: 70px; }
form #valider { 
    margin-right: 0; 
    position: absolute;
    right: 15px;
    bottom: 15px;
}
form p.action { padding: 0 15px 15px; text-align: right; }
form .IMG_calendar { padding: 0; border: 0 none; }

/* calendar */
.calendar           { z-index: 1; }
.calendar thead .title,
.calendar tfoot .ttip               { background: none repeat scroll 0 0 #56434A !important; }
.calendar,
.calendar table,
.calendar table .wn,
.calendar thead .name               { background: none repeat scroll 0 0 #EFECE5 !important; }
.calendar tbody td.selected         { background: none repeat scroll 0 0 #D0CABB !important; }
.calendar tbody .rowhilite,
.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn,
.calendar thead .hilite
.calendar tbody td.hilite           { background: none repeat scroll 0 0 #D0CABB !important; }


/* ===================================================================
 * BLOC DE NAVIGATION
 * =================================================================*/
.blocNavigation { 
    border: 1px solid #A59DA0; 
    overflow: hidden; 
    margin: 5px 0; 
    padding: 10px;
    -moz-box-shadow: 1px 1px 2px 0 #C5C5C5;
    -webkit-box-shadow: 1px 1px 2px 0 #C5C5C5;
    box-shadow: 1px 1px 2px 0 #C5C5C5;
    text-align: right;
}
.resultatNavigation                 { float: right; }
.regletteNavigation                 { float: right; margin-left: 15px;}
.regletteNavigation .currentPage    { background-color: #000000; color: #ffffff; }
.regletteNavigation span            { padding: 2px 5px; margin: 0 2px; }
.regletteNavigation span.selected   { background: #EAF9FF; border: 1px solid #C9EAFD; color: #5C440B; }
.regletteNavigation span a          { color: #5C440B; color: #333; text-decoration: none; }
.regletteNavigation span a:hover    { text-decoration: underline; }


/* ===================================================================
 * LISTE
 * =================================================================*/
ol.liste,
ul.liste { list-style: none; margin: 0; padding: 0; }
li.item { margin: 0; padding: 10px; }
li.item .itemInfo { margin-left: 100px;}
li.item img { float: left; margin: 0 10px 10px 0; border: none; padding: 0;}
li.item h4 { }
li.item h4 a { text-decoration: none; }
li.item h4 a:hover { text-decoration: underline; }
li.item h5 { }
li.item p { }
li.item .description { }
li.alter0 { background: #EAF9FF; border: 1px solid #C9EAFD; }
li.alter1 { background: #FFF; }

/* ===================================================================
 * STYLE DE PARAGRAPHE
 * =================================================================*/
.PRS_WIDTH_50G {
    clear: left;
    float: left;
    width: 340px;
}
.PRS_WIDTH_50D {
    clear: right;
    float: right;
    width: 340px;
}

.PRS_MISEENAVANT        { background-color: #EFECE5; padding: 15px; }
.PRS_MISEENAVANT h3     { color: #08607A; }


/* STYLE INFOS PRATIQUES - COLONNE GAUCHE */
#colonneGauche .PRS_INFOSPRATIQUES .innerParagraphe        { padding-top: 10px; }
#colonneGauche .PRS_INFOSPRATIQUES .innerParagraphe ul     { padding: 0; margin: 0; }
#colonneGauche .PRS_INFOSPRATIQUES .innerParagraphe ul li  { 
    padding: 0 10px 0 39px; 
    background: url("images/puce-gauche.png") no-repeat scroll 15px 4px transparent;
}
#colonneGauche .PRS_INFOSPRATIQUES .innerParagraphe ul li:nth-child(2n) {
    background-color: #B8B3A5;
}


/* ===================================================================
 * TEMPLATES
 * =================================================================*/
/* Plan du site */
.tpl_plansite a             { color: #4C3B41; }
.tpl_plansite a:hover       { color: #307374; }
.tpl_plansite ul li         { background: none; padding: 0; margin: 0; }
.tpl_plansite ul li a       { font-size: 1.385em; font-weight: bold; }
.tpl_plansite ul li li { 
    background: url(images/puce1.png) no-repeat left 4px; 
    padding: 0 0 0 12px; 
    text-transform: none; 
}
.tpl_plansite ul li li a    { font-size: 0.923em; font-weight: normal; }

.tpl_plansite ul li li li {
    background: none;
    padding: 0 0 0 15px;
    text-transform: none;
    font-weight:normal;
    border-left: 2px solid #08607A;
}
.tpl_plansite ul li li li a { font-size: 1.077em; }
.tpl_plansite ul ul ul      { padding-left: 30px; }
#bandeauBas .tpl_plansite ul { margin: 0; padding: 0; }
#bandeauBas .tpl_plansite ul li { font-family: "asapbold"; line-height: 3em; }
#bandeauBas .tpl_plansite ul li.premierNiveau { /* float: left; width: 33%; */ }
#bandeauBas .tpl_plansite ul li.sep { clear: both; width: 100%; height: 20px; }
#bandeauBas .tpl_plansite ul li.premierNiveau > a { font-size: 1.077em; }
#bandeauBas .tpl_plansite ul li.premierNiveau ul li {
    line-height: 1.4em;
    font-family: "asap";
    background: url(images/puce3.png) no-repeat scroll left 5px transparent;
}


/* Recherche */
.tpl_recherche ul {
    border-top: 1px solid #C5C3B8;
}
.tpl_recherche ul li {
    background-position: left 14px;
    border-bottom: 1px solid #C5C3B8;
    padding: 10px 0 10px 11px;
}

/* Affichage Municipal */
.tpl_affichageMunicipalListe .liste                 { overflow: hidden; clear: both; position: relative; padding: 0; }
.tpl_affichageMunicipalListe .liste .item           { 
    width: 220px; 
    height: 220px; 
    margin:0 30px 20px 0; 
    float: left; 
    position: relative; 
}
.tpl_affichageMunicipalListe .liste .item.i_0       { margin-right:0; }
.tpl_affichageMunicipalListe .liste .item.i_1       { clear:both; }
.tpl_affichageMunicipalListe .liste .item a img     { padding: 0; border: 0 none; }
.tpl_affichageMunicipalListe .liste .item a span    {
    background: url("images/icone-plus.png") no-repeat scroll right bottom transparent;
    bottom: 0;
    height: 32px;
    position: absolute;
    right: 0;
    text-indent: -2222px;
    width: 32px;
}
#Accueil #contenu .paragraphe > h3                           { 
    background-color: #4c3b41; 
    color: #ffffff; 
    font-size: 2.308em; 
    width: 285px; 
    padding: 8px 30px;
    margin-bottom: 20px;
}

/* Carrousel évènement */
.tpl_evenementDiaporama #tabs_DiaporamaEvt { background: url("images/ombre-diaporama.png") no-repeat scroll center bottom transparent; margin-top: 0px }
.tpl_evenementDiaporama #tabs_DiaporamaEvt ul.ui-tabs-nav { margin: 0; padding: 0; }
.tpl_evenementDiaporama #tabs_DiaporamaEvt ul.ui-tabs-nav li { background: none; float: left; padding: 4px 0; }
.tpl_evenementDiaporama #tabs_DiaporamaEvt ul.ui-tabs-nav li a { font-family: "asapbold"; font-size: 16px; padding: 6px 20px; background: url("images/sep-diaporama.png") no-repeat scroll left top; display: block; color: #4c3b41; line-height: 1.1em; }
.tpl_evenementDiaporama #tabs_DiaporamaEvt ul.ui-tabs-nav li a:hover,
.tpl_evenementDiaporama #tabs_DiaporamaEvt ul.ui-tabs-nav li a:focus { text-decoration: none; color: #FFFFFF;}
.tpl_evenementDiaporama #tabs_DiaporamaEvt ul.ui-tabs-nav li:first-child a { margin-left: 0; background: none; }
.tpl_evenementDiaporama #tabs_DiaporamaEvt ul.ui-tabs-nav li.ui-state-hover,
.tpl_evenementDiaporama #tabs_DiaporamaEvt ul.ui-tabs-nav li.ui-state-active { background: url("images/fleche-diaporama.png") no-repeat scroll 45% bottom; padding-bottom: 7px; position: relative; }
.tpl_evenementDiaporama #tabs_DiaporamaEvt ul.ui-tabs-nav li.ui-state-hover a,
.tpl_evenementDiaporama #tabs_DiaporamaEvt ul.ui-tabs-nav li.ui-state-active a { background: #01A0A4; color: #FFFFFF; }
.tpl_evenementDiaporama #tabs_DiaporamaEvt ul.ui-tabs-nav li.ui-state-hover + li a,
.tpl_evenementDiaporama #tabs_DiaporamaEvt ul.ui-tabs-nav li.ui-state-active + li a { background-image: none; }
#tabs-agenda, #tabs-actu, #tabs-projet { margin-top: -7px; }

.paragraphe .tpl_evenementDiaporama img { padding: 0; border: 0 none; }

.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .carrouselConteneur {
    float: left;
    width: 460px;
    color: #fff;
    /*background: #333232;*/
    height: 350px;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel {
    float: left;
    width: 258px;
    background: #56434A;
    color: #fff;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel > a {
    color: #FFFFFF;
    display: inline-block !important;
    font-size: 0.923em;
    height: 38px;
    line-height: 12px;
    padding: 20px 0 0 42px;
    width: 216px;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel :hover,
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel :focus {
    text-decoration: none;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel a.play {
    background: url("images/play-diaporama.png") no-repeat scroll 15px 15px transparent;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel a.stop {
    background: url("images/stop-diaporama.png") no-repeat scroll 15px 15px transparent;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel ul {
    overflow: visible;
    padding: 15px 0 5px;
    position: relative;
    width: 275px;
    height: 272px;
    z-index: 2;
    margin: 0;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel ul li {
    padding: 10px 0;
    font-size: 18px;
    font-family: "asapbold";
    background: none;
    height: 74px;
    background: url("images/filet-diaporama.png") no-repeat scroll left bottom transparent;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel ul li a {
    color: #6FC2C6;
    text-decoration: none;
    font-size: 0.889em;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel ul li img {
    float: left;
    margin-right: 20px;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel ul li a:hover {
    text-decoration: none;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel #startAndStopProjet {
    clear: both;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel ul li div {
    height: 53px;
    padding: 10px 20px 10px 15px;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel ul li div.selected {
    background: url(images/fond-select-diaporama.png) no-repeat 5px top;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel ul li div.selected a {
    color: #FFFFFF;
}

.tpl_evenementDiaporama #tabs_DiaporamaEvt > div ul.carrouselEvenement {
    margin: 0;
    padding: 0;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .carrouselEvenement li {
    float: left;
    width: 462px;
    margin: 0;
    padding: 0;
    text-align: left;
    background: none #000000;
    height: 350px;
    position: relative;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .carrouselEvenement li img {
    width: 100%;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .carrouselEvenement li h3 {
    color: #fff;
    margin: 0 10px 4px;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .carrouselEvenement li p {
    line-height: 1em;
    margin: 0 10px 4px;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .carrouselEvenement li .desc {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    background: #000000;
    opacity: 0.8;
}
.tpl_evenementDiaporama #tabs_DiaporamaEvt > div .carrouselEvenement li .desc a { color: #ffffff; }
.tpl_evenementDiaporama #tabs_DiaporamaEvt .toutVoir {
    position: relative;
    top: -4px;
}

/* Bernin et vous */
#colonneGauche .module .tpl_berninEtVousListeMDL {
    margin-bottom: 28px;
    padding: 15px 0 0;
    position: relative;
}
#colonneGauche .module .tpl_berninEtVousListeMDL ul {
    margin: 0;
}
#colonneGauche .module .tpl_berninEtVousListeMDL ul li {
    background: none;
    margin: 10px 0 0;
    padding: 10px;
    line-height: 50px;
    height: auto;
    background: url("images/sep-menuNiv2-h.png") repeat-x scroll left top transparent;
}
#colonneGauche .module .tpl_berninEtVousListeMDL ul li:first-child {
    background: none;
    margin: 0;
    padding: 0 10px;
}
#colonneGauche .module .tpl_berninEtVousListeMDL ul li a {
    font-family: "asap";
}
#colonneGauche .module .tpl_berninEtVousListeMDL ul li h4 {
    text-transform: none;
}
#colonneGauche .module .tpl_berninEtVousListeMDL ul li .accroche {
    float: left;
    margin-right: 10px;
}
#colonneGauche .module .tpl_berninEtVousListeMDL .toutVoir {
    bottom: -28px;
    position: absolute;
    right: 0;
}

/* Page liste Bernin et vous : Formulaire de recherche; */ 
.tpl_berninEtVousListe form.recherche p         { line-height: 22px; padding-left: 120px; }

/* Presse */
#colonneGauche .module .tpl_presseListeMDL {
    padding: 0;
    position: relative;
    margin-bottom: 28px;
}
#colonneGauche .module .tpl_presseListeMDL ul {
    margin: 0;
}
#colonneGauche .module .tpl_presseListeMDL ul li {
    background: none;
    margin: 1px 0 0;
    padding: 1px 0 0;
    line-height: 1.4em;
    height: auto;
    background: url("images/sep-menuNiv2-h.png") repeat-x scroll left top transparent;
    clear: both;
}
#colonneGauche .module .tpl_presseListeMDL ul li:first-child {
    background: none;
    margin: 0;
    padding: 0;
}
#colonneGauche .module .tpl_presseListeMDL ul li a {
    font-family: "asap";
}
#colonneGauche .module .tpl_presseListeMDL ul li h4 {
    margin: 0 0 0 124px;
    text-transform: none;
    background: url("images/sep-menuNiv2.png") repeat-y scroll left top transparent;
    padding: 7px 10px;
}

#colonneGauche .module .tpl_presseListeMDL ul li .accroche {
    float: left;
    margin-right: 10px;
}
#colonneGauche .module .tpl_presseListeMDL .toutVoir {
    bottom: -28px;
    position: absolute;
    right: 0;
}
#colonneGauche .module .tpl_presseListeMDL ul li:first-child #flecheTitre {
    background: url("images/fleche-h3-gauche.png") no-repeat scroll left top transparent;
    height: 7px;
    left: 58px;
    position: absolute;
    width: 22px;
}


/* Page liste Presse : Formulaire de recherche */
.tpl_presseListe form.recherche fieldset > div      { padding-left: 120px; }
.tpl_presseListe form.recherche p label             { width: 100px; }
.tpl_presseListe form.recherche #libelle            { line-height: 22px; padding-left: 120px; }
.tpl_presseListe form.recherche .date               { margin: 10px 0; }
.tpl_presseListe form.recherche .date label         { line-height: 22px; }
.tpl_presseListe form.recherche .date input         { margin: 0; }

/* Petites annonces */
#colonneGauche .module .tpl_annonceListeMDL {
    padding: 0;
    position: relative;
    margin-bottom: 10px;
}
#colonneGauche .module .tpl_annonceListeMDL ul li {
    padding: 10px 10px 10px 39px;
    background: url("images/puce-gauche.png") no-repeat scroll 15px 14px transparent;
}
#colonneGauche .module .tpl_annonceListeMDL ul li:nth-child(2n) {
    background-color: #B8B3A5;
}
#colonneGauche .module .tpl_annonceListeMDL .toutVoir {
    bottom: -28px;
    position: absolute;
    right: 0;
}

/* Page liste Petites annonces */
.tpl_annonceListe ul li         { display: inline-block; margin: 0 10px 20px 0; width: 46%; }
.tpl_annonceListe ul li h5      { text-transform: inherit; }

/* Page liste Petites annonces : Formulaire de recherche */
.tpl_annonceListe form.recherche p              { margin-right: 18px; line-height: 22px; }
.tpl_annonceListe form.recherche .champs        { display: inline-block; }
.tpl_annonceListe form.recherche fieldset > div { clear: left; padding-left: 120px; }


/* Fiche Petite annonce */
.tpl_annonce ul li  { background: none repeat scroll 0 center transparent; display: inline;  }
.tpl_annonce .date  { font-size: 0.923em; }

/* Depot Petite annonce */
#tpl_annonceDepot              { 
    border: 1px solid #c9d2d6; 
    position: relative; 
    background-color: #EFECE5;
}
#tpl_annonceDepot fieldset     { 
    border: 0 none; 
    padding: 20px;
    position: relative;
}
#tpl_annonceDepot legend { 
    float: left; 
    font-family: 'asapbold';
    font-size: 1.692em;   
    margin-bottom: 10px;
}
#tpl_annonceDepot .msg          { padding: 20px; }

/* Styles communs aux pages de listes */
.tpl_annonceListe > h3,
.tpl_berninEtVousListe > h3,
.tpl_presseListe > h3           {
    font-size: 14px;
    background-color: #d0cabb;
    color: #000000;
    padding: 0 25px;
}

.tpl_berninEtVousListe ul,
.tpl_presseListe ul             { padding-left: 25px; }
.tpl_berninEtVousListe ul li,
.tpl_presseListe ul li          { 
    background: url("images/iconPDF.png") no-repeat scroll left 5px transparent;
    display: inline-block;
    margin: 0 10px 20px 0;
    width: 46%;
}
.tpl_berninEtVousListe .pdf h3,
.tpl_presseListe .pdf h3        { color: #08607A; font-size: 1em; }

/* Login */
.tpl_login form              { border: 1px solid #c9d2d6; position: relative; }
.tpl_login form fieldset     { 
    border: 0 none; 
    background-color: #efece5; 
    padding: 20px;
    position: relative;
}
.tpl_login form legend { 
    float: left; 
    font-family: 'asapbold';
    font-size: 1.692em;   
    margin-bottom: 10px;
}
.tpl_login form p           { width: 56%; margin: 0 auto; padding-left: 120px; }
.tpl_login form p.action    { margin: 0; padding: 0; position: absolute; right: 20px; bottom: 20px; width: auto; }

/* tpl_evenementListe */
.tpl_evenementListe form.recherche fieldset > div { clear: left; padding-left: 120px; }
.tpl_evenementListe .evt        { margin-bottom: 30px; }
.tpl_evenementListe .evt img    { margin-bottom: 10px; }


/* tpl_planningPLU */
.tpl_planningPLU,
.tpl_planningPLU #conteneurFrise                    { position:relative;width:720px;}
.tpl_planningPLU #conteneurFrise .fleche            { display: inline; }
.tpl_planningPLU #conteneurFrise .fleche a:hover    { text-decoration: none; }
.tpl_planningPLU #conteneurFrise .fleche a img      { padding: 0; }
.tpl_planningPLU #conteneurFrise .navFrise          { text-align: center; width:720px;}
.tpl_planningPLU #conteneurFrise table.frise        { width : 720px;}
.tpl_planningPLU #conteneurFrise table.frise tbody  { width : 720px;}
.tpl_planningPLU #conteneurFrise table.frise tbody  tr td { padding:5px;}
/* ===================================================================
 * TEMPLATE - SOMMAIRE DE PAGE
 * =================================================================*/

.tpl_sommairePage { background: #efece5; }
.tpl_sommairePage h3 {
    color: #08607A;
    background: #f7f6f2;
    padding: 4px 15px;
    font-size: 1.231em; /* 16px */
}
.tpl_sommairePage ul {
    margin: 0; padding: 0;
}
.tpl_sommairePage ul li {
    background: none;
    float: left;
    width: 344px;
    font-family: "asapbold";
    font-size: 1.231em;
}
.tpl_sommairePage ul li.alter {
    background: #dfdbd0;
}
.tpl_sommairePage ul li a {
    padding: 0 0 0 20px;
    background: url(images/puce-sommaire.png) no-repeat scroll left 6px transparent;
    color: #4c3b41;
    text-decoration: none;
}
.tpl_sommairePage ul li a:hover {
    text-decoration: underline;
}
#dernierImpair { width: 100%; }

/* ===================================================================
 * POLICES
 * =================================================================*/
@font-face {
    font-family: 'asapbold';
    src: url('polices/asap-bold-webfont.eot');
    src: url('polices/asap-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/asap-bold-webfont.woff') format('woff'),
         url('polices/asap-bold-webfont.ttf') format('truetype'),
         url('polices/asap-bold-webfont.svg#asapbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'asapbold_italic';
    src: url('polices/asap-bolditalic-webfont.eot');
    src: url('polices/asap-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/asap-bolditalic-webfont.woff') format('woff'),
         url('polices/asap-bolditalic-webfont.ttf') format('truetype'),
         url('polices/asap-bolditalic-webfont.svg#asapbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'asapitalic';
    src: url('polices/asap-italic-webfont.eot');
    src: url('polices/asap-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/asap-italic-webfont.woff') format('woff'),
         url('polices/asap-italic-webfont.ttf') format('truetype'),
         url('polices/asap-italic-webfont.svg#asapitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'asap';
    src: url('polices/asap-regular-webfont.eot');
    src: url('polices/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/asap-regular-webfont.woff') format('woff'),
         url('polices/asap-regular-webfont.ttf') format('truetype'),
         url('polices/asap-regular-webfont.svg#asapregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ===================================================================
 * EDITOR 
 * =================================================================*/
.turquoise
{
    color :#00a7a7 !important;
}
.marron
{
    color: #4c3b41 !important;
}
.noir
{
    color : #000 !important;
}
.rouge
{
    color: #c00418 !important;
}
.vert
{
    color: #98bf0c !important;
}
.orange
{
    color: #FF3300 !important;
}
.vertclair 
{
    color: #85FF00 !important;
}
.beige
{
    color: #fef0e9 !important;
}
.grisfonce
{
    color: #685c57 !important;
}
.grisclair
{
    color: #dcd6cf !important;
}

/* ===================================================================
 * PARAGRAPHE DE STYLE
 * =================================================================*/
        /* ANIMATION */
.PRS_ANIMATION p {
        border-left: 5px solid #4d3c41;
        border-bottom: 1px solid #dfdfdf;
        border-top: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        padding: 25px 50px;
        margin: 0 50px;
        line-height: normal;
        font-style: italic;
        font-size: 12px;
}

/* BORDURE MARRON HAUT */
.PRS_BORDUREMARRONTOP {
        border-top: 7px solid #4d3c41;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
}

#colonneGauche .PRS_BORDUREMARRONTOP,#colonneDroite .PRS_BORDUREMARRONTOP
        {
        width: auto;
        padding: 0;
        padding-top: 10px;
}

/* LISERET BEIGE HAUT */
.PRS_LISERETBEIGETOP {
        border-top: 2px solid #d1cab3;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
}

#colonneGauche .PRS_LISERETBEIGETOP,#colonneDroite .PRS_LISERETBEIGETOP
        {
        width: auto;
        padding: 0;
        padding-top: 10px;
}

#rowTopBernin
{
    padding: 0 15px;
    margin-bottom: 10px;
}
#logoBernin
{
    float: left;
}
nav .container-fluid,
nav #navbar
{
    padding-left: 0px;
    padding-right: 0px;
}
.navbar-default
{
    background-image: none !important;
    background-color: transparent !important;
    border-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
nav #navbar ul li
{
    background: url(images/fond-menu.png) repeat-x scroll left top transparent !important;
}
.tpl_berninEtVousListeMDL ul li
{
    clear: both;
}

/* RESPONSIVE */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */

@media (max-width: 649px) 
{
    .tpl_evenementDiaporama
    {
        display: none;
    }
    #menu ul.menuNiv1 > li > a 
    {
        font-size: 1.0em; 
    }
}

@media (max-width: 767px) 
{ 
    #bandeauHaut
    {
        margin-top: 0px !important;
        width: auto !important;
    }
    #barreHaut
    {
        display: none;
    }
    #logoBanniere
    {
        margin-top: 0px !important;
        height: 90px;
    }
    #menu
    {
        margin-top: 0px !important;
    }
    #corps
    {
        width: auto !important;   
    }
    #breadcrumb
    {
        display: none;
    }

}
@media (min-width: 768px) and (max-width: 991px) 
{ 
    #breadcrumb
    {
        display: none;
    }
    
}
@media (min-width: 992px) and (max-width: 1199px) 
{
    
}
@media (min-width: 1200px) 
{
    .tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel ul li a
    {
        display: block;
        max-height: 45px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}

@media (max-width: 991px) 
{
    nav .sousMenu
    {
        display: none !important;
    }
}

@media (max-width: 1199px) 
{
    .tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel,
    .tpl_evenementListeDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel 
    {
        width: 130px;
    }
    .tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel ul li a
    {
        max-width: 240px;
        height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 1;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .tpl_evenementDiaporama #tabs_DiaporamaEvt > div .navigationCarrousel ul li a img
    {
        display: none;
    }


}