/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Sep 5, 2014, 4:46:20 PM
    Author     : lpi
*/

@font-face {
    font-family: 'niceicons';
    src: url('../fonts/niceicons.eot?65444248');
    src: url('../fonts/niceicons.eot?65444248#iefix') format('embedded-opentype'),
    url('../fonts/niceicons.woff?65444248') format('woff'),
    url('../fonts/niceicons.ttf?65444248') format('truetype'),
    url('../fonts/niceicons.svg?65444248#niceicons') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'niceicons';
    src: url('../font/niceicons.svg?65444248#niceicons') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "niceicons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    width: 1em;text-align: center;
    margin:-.1em;

    opacity: .8;
    /*  display: inline-block;*/

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;


    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
[class^="icon-"], [class*=" icon-"]{
    line-height: 100%;
    font-size:30px;
    vertical-align:middle;
}
.icon-localize:before { content: '\29'; } /* ')' */
.icon-conf:before { content: '\2a'; } /* '*' */
.icon-zik:before { content: '\2b'; } /* '+' */
.icon-youtube:before { content: '\2d'; } /* '-' */
.icon-demenagement:before { content: '\2e'; } /* '.' */
.icon-horaire:before { content: '\30'; } /* '0' */
.icon-nuages vent:before { content: '\31'; } /* '1' */
.icon-vent:before { content: '\32'; } /* '2' */
.icon-nuageux:before { content: '\33'; } /* '3' */
.icon-nuit:before { content: '\34'; } /* '4' */
.icon-soleil:before { content: '\35'; } /* '5' */
.icon-niceblason:before { content: '\36'; } /* '6' */
.icon-pdf:before { content: '\37'; } /* '7' */
.icon-download:before { content: '\38'; } /* '8' */
.icon-acces:before { content: '\39'; } /* '9' */
.icon-cuisine-nicoise:before { content: '\3a'; } /* ':' */
.icon-contact-1:before { content: '\3b'; } /* ';' */
.icon-se-deplacer:before { content: '\3d'; } /* '=' */
.icon-carte-identite:before { content: '\3f'; } /* '?' */
.icon-video:before { content: '\41'; } /* 'A' */
.icon-petitepluie:before { content: '\42'; } /* 'B' */
.icon-pluieintense:before { content: '\43'; } /* 'C' */
.icon-politiqueculturelle:before { content: '\44'; } /* 'D' */
.icon-touristes:before { content: '\45'; } /* 'E' */
.icon-patrimoine:before { content: '\46'; } /* 'F' */
.icon-instagram:before { content: '\47'; } /* 'G' */
.icon-galerie:before { content: '\48'; } /* 'H' */
.icon-bebe:before { content: '\49'; } /* 'I' */
.icon-article:before { content: '\4a'; } /* 'J' */
.icon-vieux:before { content: '\4b'; } /* 'K' */
.icon-maternelles:before { content: '\4c'; } /* 'L' */
.icon-immeuble:before { content: '\4d'; } /* 'M' */
.icon-orage:before { content: '\4e'; } /* 'N' */
.icon-construire:before { content: '\4f'; } /* 'O' */
.icon-artschool:before { content: '\50'; } /* 'P' */
.icon-culturemacaron:before { content: '\51'; } /* 'Q' */
.icon-businessman:before { content: '\52'; } /* 'R' */
.icon-cinema:before { content: '\53'; } /* 'S' */
.icon-handicap:before { content: '\54'; } /* 'T' */
.icon-jeunes:before { content: '\55'; } /* 'U' */
.icon-soleilnuageux:before { content: '\56'; } /* 'V' */
.icon-langue:before { content: '\57'; } /* 'W' */
.icon-identification:before { content: '\58'; } /* 'X' */
.icon-famille:before { content: '\59'; } /* 'Y' */
.icon-vote:before { content: '\5a'; } /* 'Z' */
.icon-mariage:before { content: '\5f'; } /* '_' */
.icon-biblio:before { content: '\61'; } /* 'a' */
.icon-recherche:before { content: '\62'; } /* 'b' */
.icon-twitter:before { content: '\63'; } /* 'c' */
.icon-yes:before { content: '\64'; } /* 'd' */
.icon-contact:before { content: '\65'; } /* 'e' */
.icon-no:before { content: '\66'; } /* 'f' */
.icon-mapview:before { content: '\67'; } /* 'g' */
.icon-list:before { content: '\68'; } /* 'h' */
.icon-textminus:before { content: '\69'; } /* 'i' */
.icon-photo:before { content: '\6a'; } /* 'j' */
.icon-360:before { content: '\6b'; } /* 'k' */
.icon-videoplay:before { content: '\6c'; } /* 'l' */
.icon-musee:before { content: '\6d'; } /* 'm' */
.icon-rss:before { content: '\6e'; } /* 'n' */
.icon-prix:before { content: '\6f'; } /* 'o' */
.icon-ajouteragenda:before { content: '\70'; } /* 'p' */
.icon-son:before { content: '\71'; } /* 'q' */
.icon-email:before { content: '\72'; } /* 'r' */
.icon-refresh:before { content: '\73'; } /* 's' */
.icon-googleplus:before { content: '\74'; } /* 't' */
.icon-textplus:before { content: '\75'; } /* 'u' */
.icon-facebook:before { content: '\76'; } /* 'v' */
.icon-concert:before { content: '\77'; } /* 'w' */
.icon-theatre:before { content: '\78'; } /* 'x' */
.icon-print:before { content: '\79'; } /* 'y' */
.icon-festivals:before { content: '\7a'; } /* 'z' */
.icon-voir:before { content: '\b0'; } /* '°' */

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Sep 1, 2014, 5:57:36 PM
    Author     : lpi
*/

/*
    FONTS
*/

@font-face {
    font-family: 'ars-bold';
    src: url('../fonts/arsmaquettepro-bold-webfont.eot');
    src: url('../fonts/arsmaquettepro-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/arsmaquettepro-bold-webfont.woff') format('woff'),
    url('../fonts/arsmaquettepro-bold-webfont.ttf') format('truetype'),
    url('../fonts/arsmaquettepro-bold-webfont.svg#ars_maquette_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ars-light';
    src: url('../fonts/arsmaquettepro-light-webfont.eot');
    src: url('../fonts/arsmaquettepro-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/arsmaquettepro-light-webfont.woff') format('woff'),
    url('../fonts/arsmaquettepro-light-webfont.ttf') format('truetype'),
    url('../fonts/arsmaquettepro-light-webfont.svg#ars_maquette_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ars-light-italic';
    src: url('../fonts/arsmaquettepro-lightitalic-webfont.eot');
    src: url('../fonts/arsmaquettepro-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/arsmaquettepro-lightitalic-webfont.woff') format('woff'),
    url('../fonts/arsmaquettepro-lightitalic-webfont.ttf') format('truetype'),
    url('../fonts/arsmaquettepro-lightitalic-webfont.svg#ars_maquette_prolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ars-black';
    src: url('../fonts/arsmaquettepro-black-webfont.eot');
    src: url('../fonts/arsmaquettepro-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/arsmaquettepro-black-webfont.woff') format('woff'),
    url('../fonts/arsmaquettepro-black-webfont.ttf') format('truetype'),
    url('../fonts/arsmaquettepro-black-webfont.svg#ars_maquette_problack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ars-bold-italic';
    src: url('../fonts/arsmaquettepro-bolditalic-webfont.eot');
    src: url('../fonts/arsmaquettepro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/arsmaquettepro-bolditalic-webfont.woff') format('woff'),
    url('../fonts/arsmaquettepro-bolditalic-webfont.ttf') format('truetype'),
    url('../fonts/arsmaquettepro-bolditalic-webfont.svg#ars_maquette_probold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ars-black-italic';
    src: url('../fonts/arsmaquettepro-blackitalic-webfont.eot');
    src: url('../fonts/arsmaquettepro-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/arsmaquettepro-blackitalic-webfont.woff') format('woff'),
    url('../fonts/arsmaquettepro-blackitalic-webfont.ttf') format('truetype'),
    url('../fonts/arsmaquettepro-blackitalic-webfont.svg#ars_maquette_problack_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'ars-medium';
    src: url('../fonts/arsmaquettepro-medium-webfont.eot');
    src: url('../fonts/arsmaquettepro-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/arsmaquettepro-medium-webfont.woff') format('woff'),
    url('../fonts/arsmaquettepro-medium-webfont.ttf') format('truetype'),
    url('../fonts/arsmaquettepro-medium-webfont.svg#ars_maquette_promedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ars-medium-italic';
    src: url('../fonts/arsmaquettepro-mediumitalic-webfont.eot');
    src: url('../fonts/arsmaquettepro-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/arsmaquettepro-mediumitalic-webfont.woff') format('woff'),
    url('../fonts/arsmaquettepro-mediumitalic-webfont.ttf') format('truetype'),
    url('../fonts/arsmaquettepro-mediumitalic-webfont.svg#ars_maquette_promedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ars-regular-italic';
    src: url('../fonts/arsmaquettepro-regularitalic-webfont.eot');
    src: url('../fonts/arsmaquettepro-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/arsmaquettepro-regularitalic-webfont.woff') format('woff'),
    url('../fonts/arsmaquettepro-regularitalic-webfont.ttf') format('truetype'),
    url('../fonts/arsmaquettepro-regularitalic-webfont.svg#ars_maquette_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
    HEADER
*/

body.isUnivers{
    transition:margin-right 0.3s,margin-left 0.3s,background-position 0.3s,padding-left 0.3s,padding-right 0.3s;
    padding-right:0;
    margin-left:0;
    background: url("../image/background-homepage.jpg") no-repeat scroll center top / 100% auto;
    background-color:#ededed;
    max-width:100%;

}
body.isUnivers.culture{background: url("../image/background-culture.jpg") no-repeat scroll center top / 100% auto #ededed;}
body.isUnivers.pratique{background: url("../image/background-jeune.jpg") no-repeat scroll center top / 100% auto #ededed;}

body.isUnivers.decouvrir{background: url("../image/background-homepage.jpg") no-repeat scroll center top / 100% auto #ededed;}
/*body.isUnivers.decouvrir{background: url("../image/background-decouvrir.jpg") no-repeat scroll center top / 100% auto #ededed;}*/
body.isUnivers.nice-2020{background: url("../image/background-homepage.jpg") no-repeat scroll center top / 100% auto #ededed;}

div.cc-cookies {
    text-align: center;
    background-color: #b2b2b2;
    padding: 5px 0;
    color: black;
    font-family: ars-regular;
    line-height: 16px;
    height:45px;
    overflow:hidden;
}
div.cc-cookies a{
    /*display: block;*/
    color: black;
    text-decoration: underline;
}
div.cc-cookies a.cc-cookie-accept {
    font-size: 30px;
    position: absolute;
    right: 25px;
    text-decoration: none;
    top: 5px;
}
div.cc_cookie_message

{
    padding: 0px 20px;

    height: 36px;
    display: block;
    float: left;
    width: 95%;
}

div.header{
    border: 0 none;
    margin: 0 0 170px 0 ;
}
div.header.navbar-default{background:none;position: fixed;
    width: 100%;z-index:500;}
div.header div.front-topbar {
    background-color: #343434;
    height: 33px;
}
div.header div.front-topbar ul.header-list {
    display: block;
    height: 33px;
    line-height: 32px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    float:left;
}

div.header div.front-topbar ul.header-meteo-connexion{
    float:right;
}

div.header div.front-topbar ul.dropdown-menu li a{
    color: #333;
    text-align : left;
    cursor: pointer;
}

div.header div.front-topbar ul.dropdown-menu li {
    text-align : left;
    float : none;
    padding-right : 0px;
}


div.header div.front-topbar ul.header-meteo-connexion li {
    text-align: center;
}


div.header div.front-topbar ul.header-meteo-connexion li a.meteo i {
    font-size: 40px;
//vertical-align: -7px;
//line-height: 10px;
    display : inline-block;
    vertical-align : middle;
    line-height : 32px;
}
div.header div.front-topbar ul.header-meteo-connexion li.se-connecter a{
    font-family: ars-light;
    display: block;
}
div.header div.front-topbar ul li.select-lang {background: url("../image/barre-separ.png") center right no-repeat;margin-right:10px;}
div.header div.front-topbar ul.header-meteo-connexion li:first-child {background: url("../image/barre-separ.png") center right no-repeat;}
div.header div.front-topbar ul.header-meteo-connexion li.se-connecter {background: url("../image/barre-separ.png") center right no-repeat;}
div.header div.front-topbar ul.header-meteo-connexion li:last-child {background: url("../image/barre-separ.png") center left no-repeat;}

div.header div.front-topbar ul.header-reseaux-sociaux li:first-child {background: url("../image/barre-separ.png") center right no-repeat;margin-right: 15px;}
div.header div.front-topbar ul li {
    float: left;
    padding-right: 15px;
}

div.header div.front-topbar ul.header-meteo-connexion li.meteo{width:80px;padding-right:15px;}
div.header div.front-topbar ul.header-meteo-connexion li.se-connecter{min-width:165px;padding: 0 25px;}
div.header div.front-topbar ul.header-meteo-connexion li.senregistrer{width:140px;padding: 0 15px;}
div.header div.front-topbar ul.header-meteo-connexion li.formrecherche{width:260px;padding-left:15px;}

li.meteo{
    width:100px;
    background: url("../image/barre-separ.png") center left no-repeat;
    padding-left:30px;
}

.placeholder-password{
    padding-left : 40px;
    color : grey;
    margin-bottom : 4px;
    display : none;
    text-transform  : italic;
}

div.header div.front-topbar ul li a {
    color: #FFFFFF;
    font-size: 13px;
    display: block;
    text-transform: uppercase;
    font-family: ars-bold;
}
div.header div.front-topbar ul li a:hover {text-decoration:none;}
div.header div.front-topbar ul li a.meteo {
    font-size: 24.68px;
    font-family: ars-light;
}
div.header div.front-topbar ul li.select-lang div.menu-select-lang ul {
    height: initial;
}
div.header div.front-topbar ul li.select-lang div.menu-select-lang ul li {
    float: none;
}
div.header div.front-topbar ul li.select-lang div.menu-select-lang ul li:hover {
    background-color: #ececec;
}
div.header div.front-topbar ul li.select-lang div.menu-select-lang ul li a{
    color: black;
    display: block;
    padding: 0 20px;
}
div.header div.univers {
    height: 70px;
    line-height: 61px;
    text-align: center;
}

/** HEADER XS **/
div.header-xs {
    height: 51px;
    line-height: 49px;
    margin-bottom: 20px;
}
div.header-xs div.logo-ville  {
    text-align: center;
}
div.header-xs div.logo-ville img {
    display:inline;
}
div.header-xs div.en-un-click {
    text-align: right;
}
/** MENU **/

div.header div.navbar.navbar-collapse.collapse {
    background-color: #FFFFFF;
    border: none;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav{position:relative;}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li{
    position:static;
}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li > a {
    color: #131313;
    font-size: 16px;
    text-transform: uppercase;
    margin-left: 45px;
    font-family: ars-medium;
}

div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav li.open > a:after{
    content: "";
    background: url('../image/sparrow-white-mega-menu.png') no-repeat bottom center;
    text-align: center;
    height: 21px;
    width: 100%;
    position: absolute;
    z-index: 9999999;
    bottom: -20px;
    left: 0;
}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav li.open > a.pratique:after{background: url('../image/sparrow-grey-mega-menu.png') no-repeat bottom center;}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li.open > a{background-color:white}

div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li.open > a.mairie{color:#0782a1}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li:not(.open) > a.mairie:hover{background-color:#0782a1;color:white;}

div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li.open > a.vivre{color:#45cc81}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li:not(.open) > a.vivre:hover{background-color:#45cc81;color:white;}

div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li.open > a.culture{color:#FF493F}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li:not(.open) > a.culture:hover{background-color:#FF493F;color:white;}

div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li.open > a.decouvrir{color:#a2317c}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li:not(.open) > a.decouvrir:hover{background-color:#a2317c;color:white;}

div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li.open > a.nice2020{color:#b1ddcd}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li:not(.open) > a.nice2020:hover{background-color:#b1ddcd;color:white;}

div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav > li.open > a.pratique,
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav a.pratique:hover{background-color:#343434;color:white}

div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav a.pratique {
    background-color: #343434;
    color: #FFCE00;
    margin-top: -5px;
    padding-top: 20px;
}

/*
    MEGA MENU
*/
div.mega-menu.dropdown-menu{padding:40px 0 0 0;border-top: none;}
div.mega-menu.dropdown-menu.mairie{background-color: #0782a1;}
div.mega-menu.dropdown-menu.vivre{background-color: #45cc81;}
div.mega-menu.dropdown-menu.culture{background-color: #FF493F;}
div.mega-menu.dropdown-menu.decouvrir{background-color: #a2317c;}
div.mega-menu.dropdown-menu.nice2020{background-color: #b1ddcd;}

div.mega-menu.dropdown-menu p.title{
    color: white;
    font-size: 22px;
    line-height:28px;
    text-transform: uppercase;
    font-family: ars-bold;
    height:45px;
}

div.mega-menu.dropdown-menu table{
    margin-bottom : 15px;
}

div.mega-menu li{
    list-style-type : none;
}


div.mega-menu.dropdown-menu td.content-wrapper{
    border-right: 1px dotted white;
    list-style-position: inside;
    margin-bottom : 15px;
    vertical-align : top;

}

div.mega-menu.dropdown-menu td.content-wrapper:last-child{
    border : none;
}

div.mega-menu.dropdown-menu ul.top-padding{padding-top:20px;}
div.mega-menu.dropdown-menu div.row-menu:last-child ul{border-right:none;}
div.mega-menu.dropdown-menu ul li{
    color: white;
    padding-left:5px;
}
div.mega-menu.dropdown-menu ul li a{
    font-size: 16px;
    color: white;
    display: block;
    padding: 7px 0;
    position: relative;
    margin-bottom: 5px;
}
div.mega-menu.dropdown-menu ul li:hover{background-color: white;
    color: #0782a1;
    padding-left: 5px;}

div.mega-menu.dropdown-menu ul li:hover a{color:#000000}
div.mega-menu.dropdown-menu ul li:hover a:after{
    content: ">";
    font-size: 39px;
    font-family: ars-light;
    line-height: 20px;
    margin-right: 5px;
    position: absolute;
    right: 0;
}

div.megaMenu.dropdown-menu{    padding:0;}
div.megaMenu div.container {
    background-color: #FFCE00;

}

div.megaMenu div.container p.title{
    font-family: ars-bold;
    font-size: 24px;
    margin-top: 45px;
    text-transform: uppercase;
}

div.megaMenu div.container div.icon-container a{
    color: #000000;
    display: block;
    font-size: 16px;
    text-align: center;
}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis,
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.j-habite{background:url('../image/menu-nice-pratique-separ.png') no-repeat right center;}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis img.preview-je-suis {border: 10px solid white;}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis a{margin:0 -15px;}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis a,
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-veux a{
    text-align: center;
    line-height: 17px;
    display: block;
    padding-bottom: 5px;
    text-transform: none;
    color: #343434;
    font-size: 16px;
}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis .menu-nice-pratique-pictures{height:250px;}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis a i,
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-veux a i{
    display: block;
    font-size: 45px;
    padding-bottom: 5px;
}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-suis a:hover,
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.je-veux a:hover{background:url('../image/sparrow-yellow-mega-menu.png') no-repeat top right white;color:#343434;}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container ul.list-lieux {
    padding: 0;
    list-style-position: inside;
}

div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container ul.list-lieux li {

    padding: 0 3px;
    list-style: none;
}

div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container ul.list-lieux li:hover,
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container ul.list-lieux li.active
{
    background-color:white;

}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container ul.list-lieux li:hover a,
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container ul.list-lieux li.active a
{
    color:#343434;
}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container ul.list-lieux li a {
    margin: 0;
    text-transform: none;
    line-height: 16px;
    padding: 7px 0;
    display: block;
    color: #343434;
    font-size: 16px;
}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.image-area {text-align:center;}
div.header div.navbar.navbar-collapse.collapse div.nav.navbar-nav div.megaMenu div.container div.carte{margin:0 auto;width:318px;height:318px;background:url('../image/png-nice-map.png') no-repeat top left}
/*
    CONTAINERS
*/
div.page-container {
    min-height: 500px;
    padding-top:250px;
}

div.container.erreur404{
    margin-top:-100px;
}

/*
    FOOTER
*/
div.footer {
    background-color: #343434;
    padding-top: 35px;
    padding-bottom:20px;
}

div.footer h4{
    color: #00c1d2;
    font-family: ars-bold;
    font-size: 24px;
    margin: 0 0 15px;
    padding-bottom: 10px;
    text-transform: uppercase;
    background:url('../image/barre-white-footer-separ.png') no-repeat left bottom;
}

div.footer div.liens ol{
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding-left: 30px;
}

div.footer div.liens ol li{
    margin-bottom: 2px;
}

div.footer div.liens ol li a{
    color: white;
    font-weight: normal;
}
div.footer div.liens ol li a:hover{text-decoration:underline}
div.footer div.contact p{
    color:white;
    font-size:16px;
    line-height: 19px;
    margin-bottom: 0;
}
div.footer div.contact p.title{
    font-family:ars-bold;
    text-transform:uppercase;
}
div.footer div.contact div.contact-center {
    margin-bottom: 20px;
    text-align: center;
    width: 150px;
}
div.copyright {
    background-color: #1c1c1c;
}
div.copyright ul{
    list-style: none outside none;
    padding: 0;
}


div.copyright ul li{
    float: left;
    margin: 0 10px;
}
div.copyright ul li:first-child{margin-left:0;}
div.copyright ul li a{
    color: white;
    line-height: 60px;
    font-size: 16px;
}
div.copyright ul li a:hover{text-decoration:underline;}
div.copyright div.footer-logo{
    line-height: 60px;
    text-align: right;
}

/*
    GENERIC
*/
a:hover{text-decoration:none;}
.margin-bottom-10{
    margin-bottom: 10px;
}
.margin-bottom-20{
    margin-bottom: 20px;
}
.margin-top-10 { margin-top:10px; }
/*
    BLOCK TITRE
*/

.block-title span:after { background: url('../image/title-separ.png') no-repeat left center;
    content: "";
    position: absolute;
    width: 150px;
    height: 42px;
    right: -160px;}

.block-title span:before {background: url('../image/title-separ.png') no-repeat left center;
    content: "";
    position: absolute;
    width: 150px;
    height: 42px;
    left: -160px;}

.block-title {
    font-family: ars-light;
    font-size: 27.91px;
    text-align: center;
    text-transform: uppercase;
    margin:0 auto 20px;
}
.block-title span {position:relative}
/*
    COLLAPSE
*/
div.accordion-group div.panel div.panel-heading {
    border-top: 1px dotted black;
    border-bottom: 1px dotted black;
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
div.accordion-group div.panel div.panel-heading a {
    font-size: 24px;
    font-family: ars-bold;
    text-transform: uppercase;
    display: block;
    padding: 10px 0;
}

div.accordion-group div.panel div.panel-heading a:after{
    content:"∧";
    float:right;
    font-family:ars-light;
    font-size:52px;
    line-height: 16px;
}
div.accordion-group div.panel div.panel-heading a.collapsed:after{
    content:"∨";

}

div.accordion-group div.panel div.panel-body {
    padding: 15px 0;
}
div.accordion-group div.panel div.panel-body p{
    margin:0;
}
/*
    TRI
*/
.block-filters {margin-bottom:20px;}
.block-filters ul{
    list-style: none outside none;
    padding: 0;
    border: none;
}

.block-filters ul li{
    padding: 0 0 15px;
    text-align: center;
}

.block-filters ul li a{
    background-color: #B3B3B3;
    color: #FFFFFF;
    display: block;
    font-family: ars-bold;
    font-size: 13px;
    padding: 15px 0 20px 0;
    text-transform: uppercase;
    border-top:none;
    border-bottom:none;
    border-left:none;
    border-right: 1px dotted white;
    margin: 0;
    border-radius: 0;
}

.block-filters ul li:last-child a{
    border:none;
}

/*.block-filters ul li.active a,*/
/*.block-filters ul li.active a:hover,*/
/*.block-filters ul li.active a:active,*/
/*.block-filters ul li a:hover,*/
/*.block-filters ul li a:active,*/
/*.block-filters ul li.active:hover a,*/
/*.block-filters ul li.active:hover a:hover,*/
/*.block-filters ul li.active:hover a:active,*/
/*.block-filters ul li:hover a*/
/*.block-filters ul li:hover a:hover,*/
/*.block-filters ul li:hover a:active,*/
/*{*/

/*border-radius: 0;*/
/*border-top:none;*/
/*border-bottom:none;*/
/*border-left:none;*/
/*border-right: 1px dotted white;*/
/*text-decoration: none;*/

/*}*/
/*
    BOUTON EN VOIR +
*/

a.big-arrow {
    color: #A5A5A5;
    font-family: ars-light;
    font-size: 53.54px;
}

div.more {
    text-align: right;
}

div.more a{
    background-color: #343434;
    color: #FFCE00;
    display: inline-block;
    font-family: ars-medium;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 15px;
    text-transform: uppercase;
}

div.more a span{
    background-color: #FFFFFF;
    color: #000000;
    display: inline-block;
    font-family: ars-light;
    font-size: 35px;
    margin-left: 15px;
    padding: 0 15px;
    vertical-align: -7px;
}
div.more.blue a{background-color: #00C1D2;
    color: #FFFFFF;}
div.more.blue a span{color: #00C1D2;border-left: 1px dotted #00C1D2;
}
/*
    BREADCRUMB
*/
.breadcrumb {
    padding: 8px 15px 8px 0;
    background:#FFFFFF;
    display:inline-block;
    border-radius: 0;
    margin-left: -15px;
}
.breadcrumb:before{content: "\36";
    font-family: niceicons;
    font-size: 30px;
    line-height: 0px;
    vertical-align: middle;
    margin-left: 5px;}
.breadcrumb > li a{color:#000000}
.breadcrumb > li a:hover{text-decoration:underline;}
.breadcrumb > li a.active{font-family: ars-bold;text-transform: uppercase;}
.breadcrumb > li + li:before {
    content: "> ";
    font-family: ars-bold;
    padding: 0 3px;
}

div.background-forced{background-color:#ededed;margin: 0 -15px;}

/** Buttons **/
.btn-category{ font-family : ars-regular; border-radius : 0; border : none; color : white !important; text-transform : uppercase;margin-right:5px; }
.btn.btn-category:hover{ color : white; }
.btn.btn-category:active{ color : white; }
.btn.btn-category:visited{ color : white; }

.btn-navigation{ background-color : #343434; font-weight : bold; }

/** BG Colors **/
body.isUnivers .breadcrumb > li + li:before {color:#00c3d5;}
body.isUnivers.mairie .breadcrumb > li + li:before {color:#0882a0;}
body.isUnivers.culture .breadcrumb > li + li:before {color:#fd483f;}
body.isUnivers.pratique .breadcrumb > li + li:before {color:#ffce00;}
body.isUnivers.decouvrir .breadcrumb > li + li:before {color:#a2317c;}
body.isUnivers.nice-2020 .breadcrumb > li + li:before {color:#69bca1;}
body.isUnivers.vivre .breadcrumb > li + li:before {color:#45cc81;}

body.isUnivers .colors,
body.isUnivers .active .active-colors,
body.isUnivers .hover-text-colors:hover{color:#00c3d5 !important;}
body.isUnivers.mairie .colors,
body.isUnivers.mairie .active .active-colors,
body.isUnivers.mairie .hover-text-colors:hover{ color : #0882a0 !important; }
body.isUnivers.culture .colors,
body.isUnivers.culture .active .active-colors,
body.isUnivers.culture .hover-text-colors:hover{ color : #fd483f !important;}
body.isUnivers.pratique .colors,
body.isUnivers.pratique .active .active-colors,
body.isUnivers.pratique .hover-text-colors:hover{ color : #ffce00 !important;}
body.isUnivers.decouvrir .colors,
body.isUnivers.decouvrir .active .active-colors,
body.isUnivers.decouvrir .hover-text-colors:hover{ color : #a2317c !important;}
body.isUnivers.nice-2020 .colors,
body.isUnivers.nice-2020 .active .active-colors,
body.isUnivers.nice-2020 .hover-text-colors:hover{ color : #b1ddcd !important;}
body.isUnivers.vivre .colors,
body.isUnivers.vivre .active .active-colors,
body.isUnivers.vivre .hover-text-colors:hover{ color : #45cc81 !important;}

body.isUnivers .page-container div.block-detail h2{color:#00c3d5 !important;font-family: ars-bold; }
body.isUnivers.mairie .page-container div.block-detail h2{color:#0882a0 !important;}
body.isUnivers.mairie .page-container div.block-detail .univers{color:#0882a0 !important;}
body.isUnivers.culture .page-container div.block-detail h2{color:#fd483f !important;}
body.isUnivers.culture .page-container div.block-detail .univers{color:#fd483f !important;}
body.isUnivers.pratique .page-container div.block-detail h2{color:#ffce00 !important;}
body.isUnivers.pratique .page-container div.block-detail .univers{color:#ffce00 !important;}
body.isUnivers.decouvrir .page-container div.block-detail h2{color:#a2317c !important;}
body.isUnivers.decouvrir .page-container div.block-detail .univers{color:#a2317c !important;}
body.isUnivers.nice-2020 .page-container div.block-detail h2{color:#b1ddcd !important;}
body.isUnivers.nice-2020 .page-container div.block-detail .univers{color:#b1ddcd !important;}
body.isUnivers.vivre .page-container div.block-detail h2{color:#45cc81 !important;}
body.isUnivers.vivre .page-container div.block-detail .univers{color:#45cc81 !important;}

body.isUnivers .hover-colors{ cursor : pointer; }

body.isUnivers .active .active-bg-colors,
body.isUnivers .active .active-bg-colors.hover-colors:hover,
body.isUnivers .hover-colors:hover,
body.isUnivers .hover-colors:focus{ background-color : #00c3d5 !important; color:#ffffff !important}
body.isUnivers.mairie .active .active-bg-colors,
body.isUnivers.mairie .active .active-bg-colors.hover-colors:hover,
body.isUnivers.mairie .hover-colors:hover,
body.isUnivers.mairie .hover-colors:focus{ background-color : #0882a0 !important; color:#ffffff !important}
body.isUnivers.culture .active .active-bg-colors,
body.isUnivers.culture .active .active-bg-colors.hover-colors:hover,
body.isUnivers.culture .hover-colors:hover,
body.isUnivers.culture .hover-colors:focus{ background-color : #fd483f !important; color:#ffffff !important}
body.isUnivers.pratique .active .active-bg-colors,
body.isUnivers.pratique .active .active-bg-colors.hover-colors:hover,
body.isUnivers.pratique .hover-colors:hover,
body.isUnivers.pratique .hover-colors:focus{ background-color : #ffce00 !important; color:#ffffff !important}
body.isUnivers.decouvrir .active .active-bg-colors,
body.isUnivers.decouvrir .active .active-bg-colors.hover-colors:hover,
body.isUnivers.decouvrir .hover-colors:hover,
body.isUnivers.decouvrir .hover-colors:focus{ background-color : #a2317c !important; color:#ffffff !important}
body.isUnivers.nice-2020 .active .active-bg-colors,
body.isUnivers.nice-2020 .active .active-bg-colors.hover-colors:hover,
body.isUnivers.nice-2020 .hover-colors:hover,
body.isUnivers.nice-2020 .hover-colors:focus{ background-color : #b1ddcd !important; color:#343434 !important}
body.isUnivers.vivre .active .active-bg-colors,
body.isUnivers.vivre .active .active-bg-colors.hover-colors:hover,
body.isUnivers.vivre .hover-colors:hover,
body.isUnivers.vivre .hover-colors:focus{ background-color : #45cc81 !important; color:#ffffff !important}

body.isUnivers .bg-colors{ background-color : rgba(0, 195, 213 , 1); color:#ffffff !important }
body.isUnivers.vivre .bg-colors{ background-color : rgba(69, 204, 129 , 1); color:#ffffff !important}
body.isUnivers.nice-2020 .bg-colors{ background-color : rgba(177, 221, 205 , 1); color:#343434 !important}
body.isUnivers.pratique .bg-colors{ background-color : rgba(255, 206, 0 , 1); color:#ffffff !important}
body.isUnivers.culture .bg-colors{ background-color : rgba(253, 72, 63 , 1); color:#ffffff !important}
body.isUnivers.mairie .bg-colors{ background-color : rgba(8, 130, 160 , 1); color:#ffffff !important}
body.isUnivers.decouvrir .bg-colors{ background-color : rgba(162, 49, 124, 1); color:#ffffff !important}

body.isUnivers .bg-colors.bg-colors-header{ background-color : rgba(0, 195, 213, 0.5); }
body.isUnivers.vivre .bg-colors.bg-colors-header{ background-color : rgba(69, 204, 129, 0.5); }
body.isUnivers.nice-2020 .bg-colors.bg-colors-header{ background-color : rgba(177, 221, 205, 0.5); }
body.isUnivers.pratique .bg-colors.bg-colors-header{ background-color : rgba(255, 206, 0, 0.5); }
body.isUnivers.culture .bg-colors.bg-colors-header{ background-color : rgba(253, 72, 63, 0.5); }
body.isUnivers.mairie .bg-colors.bg-colors-header{ background-color : rgba(8, 130, 160, 0.5); }
body.isUnivers.decouvrir .bg-colors.bg-colors-header{ background-color : rgba(162, 49, 124, 0.5); }

body.isUnivers .border-colors{ border-color: #00c3d5 !important;}
body.isUnivers.mairie .border-colors{ border-color : #0882a0 !important; }
body.isUnivers.culture .border-colors{ border-color : #fd483f !important;}
body.isUnivers.pratique .border-colors{ border-color : #ffce00 !important;}
body.isUnivers.decouvrir .border-colors{ border-color : #a2317c !important;}
body.isUnivers.nice-2020 .border-colors{ border-color : #b1ddcd !important;}
body.isUnivers.vivre .border-colors{ border-color : #45cc81 !important;}

body.isUnivers.nice-2020 .bg-colors.hover-colors:hover{ background-color : #77c3a7 !important;color:#ffffff }

body.isUnivers .sparrow-colors,
body.isUnivers .active-sparrow-colors.active{background:url('../image/sparrow-small-blue.png') bottom center no-repeat;}
body.isUnivers.mairie .sparrow-colors,
body.isUnivers.mairie .active-sparrow-colors.active{background:url('../image/sparrow-small-darkblue.png') bottom center no-repeat;}
body.isUnivers.culture .sparrow-colors,
body.isUnivers.culture .active-sparrow-colors.active{background:url('../image/sparrow-small-red.png') bottom center no-repeat;}
body.isUnivers.pratique .sparrow-colors,
body.isUnivers.pratique .active-sparrow-colors.active{background:url('../image/sparrow-small-yellow.png') bottom center no-repeat;}
body.isUnivers.decouvrir .sparrow-colors,
body.isUnivers.decouvrir .active-sparrow-colors.active{background:url('../image/sparrow-small-purple.png') bottom center no-repeat;}
body.isUnivers.nice-2020 .sparrow-colors,
body.isUnivers.nice-2020 .active-sparrow-colors.active{background:url('../image/sparrow-small-lightgreen.png') bottom center no-repeat;}
body.isUnivers.vivre .sparrow-colors,
body.isUnivers.vivre .active-sparrow-colors.active{background:url('../image/sparrow-small-green.png') bottom center no-repeat;}

body.isUnivers .sparrow-right-colors,
body.isUnivers .active-sparrow-right-colors.active{background:url('../image/sparrow-blue-right.png') left center no-repeat;}
body.isUnivers.mairie .sparrow-right-colors,
body.isUnivers.mairie .active-sparrow-right-colors.active{background:url('../image/sparrow-darkblue-right.png') left center no-repeat;}
body.isUnivers.culture .sparrow-right-colors,
body.isUnivers.culture .active-sparrow-right-colors.active{background:url('../image/sparrow-red-right.png') left center no-repeat;}
body.isUnivers.pratique .sparrow-right-colors,
body.isUnivers.pratique .active-sparrow-right-colors.active{background:url('../image/sparrow-yellow-right.png') left center no-repeat;}
body.isUnivers.decouvrir .sparrow-right-colors,
body.isUnivers.decouvrir .active-sparrow-right-colors.active{background:url('../image/sparrow-purple-right.png') left center no-repeat;}
body.isUnivers.nice-2020 .sparrow-right-colors,
body.isUnivers.nice-2020 .active-sparrow-right-colors.active{background:url('../image/sparrow-lightgreen-right.png') left center no-repeat;}
body.isUnivers.vivre .sparrow-right-colors,
body.isUnivers.vivre .active-sparrow-right-colors.active{background:url('../image/sparrow-green-right.png') left center no-repeat;}

body.isUnivers .sparrow-losange-colors{background:url('../image/sparrow-losange-blue.png') no-repeat top center;}
body.isUnivers.mairie .sparrow-losange-colors{background:url('../image/sparrow-losange-darkblue.png') no-repeat top center;}
body.isUnivers.culture .sparrow-losange-colors{background:url('../image/sparrow-losange-red.png') no-repeat top center;}
body.isUnivers.pratique .sparrow-losange-colors{background:url('../image/sparrow-losange-yellow.png') no-repeat top center;}
body.isUnivers.decouvrir .sparrow-losange-colors{background:url('../image/sparrow-losange-purple.png') no-repeat top center;}
body.isUnivers.nice-2020 .sparrow-losange-colors{background:url('../image/sparrow-losange-lightgreen.png') no-repeat top center;}
body.isUnivers.vivre .sparrow-losange-colors{background:url('../image/sparrow-losange-green.png') no-repeat top center;}

body.isUnivers .sparrow-top-colors{background:url('../image/sparrow-blue-top.png') no-repeat top center;}
body.isUnivers.mairie .sparrow-top-colors{background:url('../image/sparrow-darkblue-top.png') no-repeat top center;}
body.isUnivers.culture .sparrow-top-colors{background:url('../image/sparrow-red-top.png') no-repeat top center;}
body.isUnivers.pratique .sparrow-top-colors{background:url('../image/sparrow-yellow-top.png') no-repeat top center;}
body.isUnivers.decouvrir .sparrow-top-colors{background:url('../image/sparrow-purple-top.png') no-repeat top center;}
body.isUnivers.nice-2020 .sparrow-top-colors{background:url('../image/sparrow-lightgreen-top.png') no-repeat top center;}
body.isUnivers.vivre .sparrow-top-colors{background:url('../image/sparrow-green-top.png') no-repeat top center;}

body.isUnivers .quote-colors:before{background: url('../image/quotes-before-blue.png') no-repeat top center;}
body.isUnivers.mairie .quote-colors:before{background: url('../image/quotes-before-darkblue.png') no-repeat top center;}
body.isUnivers.culture .quote-colors:before{background: url('../image/quotes-before-red.png') no-repeat top center;}
body.isUnivers.pratique .quote-colors:before{background: url('../image/quotes-before-yellow.png') no-repeat top center;}
body.isUnivers.decouvrir .quote-colors:before{background: url('../image/quotes-before-purple.png') no-repeat top center;}
body.isUnivers.nice-2020 .quote-colors:before{background: url('../image/quotes-before-lightgreen.png') no-repeat top center;}
body.isUnivers.vivre .quote-colors:before{background: url('../image/quotes-before-green.png') no-repeat top center;}

body.isUnivers .quote-colors:after{background: url('../image/quotes-after-blue.png') no-repeat top center;}
body.isUnivers.mairie .quote-colors:after{background: url('../image/quotes-after-darkblue.png') no-repeat top center;}
body.isUnivers.culture .quote-colors:after{background: url('../image/quotes-after-red.png') no-repeat top center;}
body.isUnivers.pratique .quote-colors:after{background: url('../image/quotes-after-yellow.png') no-repeat top center;}
body.isUnivers.decouvrir .quote-colors:after{background: url('../image/quotes-after-purple.png') no-repeat top center;}
body.isUnivers.nice-2020 .quote-colors:after{background: url('../image/quotes-after-lightgreen.png') no-repeat top center;}
body.isUnivers.vivre .quote-colors:after{background: url('../image/quotes-after-green.png') no-repeat top center;}

body.isUnivers .arrow-before-colors:before {color:#00c3d5;content: ">";
    font-family: ars-regular;
    height: 100%;
    line-height: 100%;
    padding: 0 3px;
    font-size: 1.1em;}
body.isUnivers.mairie .arrow-before-colors:before {color:#0882a0;content: ">";
    font-family: ars-regular;
    height: 100%;
    line-height: 100%;
    padding: 0 3px;
    font-size: 1.1em;}
body.isUnivers.culture .arrow-before-colors:before {
    color:#fd483f;
    content: ">";
    font-family: ars-regular;
    height: 100%;
    line-height: 100%;
    padding: 0 3px;
    font-size: 1.1em;
}
body.isUnivers.pratique .arrow-before-colors:before {
    color:#ffce00;
    content: ">";
    font-family: ars-regular;
    height: 100%;
    line-height: 100%;
    padding: 0 3px;
    font-size: 1.1em;
}
body.isUnivers.decouvrir .arrow-before-colors:before {color:#a2317c;content: ">";
    font-family: ars-regular;
    height: 100%;
    line-height: 100%;
    padding: 0 3px;
    font-size: 1.1em;}
body.isUnivers.nice-2020 .arrow-before-colors:before {color:#69bca1;content: ">";
    font-family: ars-regular;
    height: 100%;
    line-height: 100%;
    padding: 0 3px;
    font-size: 1.1em;}
body.isUnivers.vivre .arrow-before-colors:before {color:#45cc81;content: ">";
    font-family: ars-regular;
    height: 100%;
    line-height: 100%;
    padding: 0 3px;
    font-size: 1.1em;}

.bg-color-red{ background-color : #fd483f; }
.bg-color-blue{ background-color : #00c1d2; }
.bg-color-darkblue{ background-color : #0882a0; }
.bg-color-green{ background-color : #45cc81; }
.bg-color-lightgreen{ background-color : #69bca1; }
.bg-color-purple{ background-color : #a1317b; }
.bg-color-yellow{ background-color : #ffce00; }
.bg-color-light-grey{ background-color : #ededed; }
.bg-color-dark-grey{ background-color : #626262; }
.bg-color-black{ background-color : black; }
i.icon-hover:hover{color:#c4c4c4}

.btn.btn-blue{background-color : #00c1d2;border-color: #00AAB9; color:white;}
.btn.btn-blue:hover{background-color : #17C5D5;border-color: #00AAB9; }

/** Font Colors **/
.color-red{ color : #fd483f; }
.color-blue{ color : #00c1d2; }
.color-green{ color : #45cc81; }
.color-purple{ color : #a1317b; }
.color-light-grey{ color : #ededed; }
.color-dark-grey{ color : #626262; }
.color-black{ color : black !important; }
.color-white{ color : white !important; }

.text-align{text-align:center;}
/** Font Transformation **/
.text-uppercase{
    text-transform : uppercase;
}


/** Square bubble **/
.date-square-bubble-wrapper{ font-family : "ars-regular"; height : 46px; width : 57px; color : white; }
.date-square-bubble-wrapper .h3{ font-family : "ars-bold"; }

/*
    FORMULAIRE
*/
div.label-input {
    margin-bottom: 5px;
}
div.label-input input,input.slim,button.slim {
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 13.6px;
    height: 25px;
    margin: 0;
    padding: 5px 10px;
    width:100%;
    line-height: 100%;
}

form div.label-input input[type="submit"] {
    font-family: ars-medium;
    line-height: 15px;
}

input.blue,button.blue {color:white;background-color:#00c1d2;}

form div.label-input button{position: absolute;
    border: none;
    background: none;
    color: #ccc;
    top: -1px;
    right: 15px;
}

form div.label-input input[type="image"] {
    position: absolute;
    right: 10px;
    top: 4px;
//width: initial;
    width: 2.5em;
    z-index: 9;
}

/** Select 2 blue customisation **/
.select2-container.stylish-select2{
    min-width : 125px;
    text-transform : uppercase;
    font-family : "ars-regular";
    width:100%;
    padding:2px 5px 3px 2px;
}

.select2-container.stylish-select2 .select2-choice {
    border-radius : 0;
    height: 26px;
    line-height: 26px;
    padding : 0 8px 0 8px;
    border : none;
    font-family : "ars-medium";
    text-transform : uppercase;
    background:white;
}

.select2-container.stylish-select2 .select2-choice .select2-arrow {
//background: linear-gradient(to top, #ccc 0%, #eee 60%) repeat scroll 0 0 #ccc;
background : none;
border-left: none;
border-radius: 0;
display: inline-block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 25px;
}

.select2-container.stylish-select2 .select2-choice .select2-arrow b{
//background: url("../image/select2/select2-arrow-blue.png") center no-repeat scroll 0 1px rgba(0, 0, 0, 0);
    background: url("../image/select2/select2-arrow-blue.png") center left no-repeat;
    display: block;
    height: 100%;
    width: 100%;
}


.isUnivers .select2-container.stylish-select2 .select2-choice .select2-arrow b{ background: url("../image/select2/select2-arrow-blue.png") center left no-repeat;}
.isUnivers.mairie .select2-container.stylish-select2 .select2-choice .select2-arrow b{ background: url("../image/select2/select2-arrow-darkblue.png") center left no-repeat;}
.isUnivers.culture .select2-container.stylish-select2 .select2-choice .select2-arrow b{ background: url("../image/select2/select2-arrow-red.png") center left no-repeat;}
.isUnivers.vivre .select2-container.stylish-select2 .select2-choice .select2-arrow b{ background: url("../image/select2/select2-arrow-green.png") center left no-repeat;}
.isUnivers.decouvrir .select2-container.stylish-select2 .select2-choice .select2-arrow b{ background: url("../image/select2/select2-arrow-purple.png") center left no-repeat;}
.isUnivers.nice-2020 .select2-container.stylish-select2 .select2-choice .select2-arrow b{ background: url("../image/select2/select2-arrow-lightgreen.png") center left no-repeat;}
.isUnivers.pratique .select2-container.stylish-select2 .select2-choice .select2-arrow b{ background: url("../image/select2/select2-arrow-yellow.png") center left no-repeat;}

.select2-container.stylish-select2 .select2-search-field input {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none;
    box-shadow: none;
    color: #666;
    font-family: sans-serif;
    font-size: 100%;
    margin: 1px 0;
    outline: 0 none;
    padding: 5px;
    font-family : "ars-regular";
    text-transform : uppercase;
}

.select2-container.form-control {
    border: 0 none;
    padding: 0;
}
.select2-container.form-control .select2-choices{
    border-radius: 4px;
}
.select2-container.stylish-select2 .select2-choices {
    background-color: #fff;
    /*border: 1px solid white;*/
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 0 5px 0 0;
    position: relative;
    min-width : 100px;
}



.select2-container.stylish-select2 .select2-choices .select2-search-choice {
    -moz-user-select: none;
    background-clip: padding-box;
    background-color: #3875d7;
    background-image: none;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    color: white;
    cursor: default;
    line-height: 13px;
    margin: 3px 0 3px 5px;
    padding: 5px 5px 5px 18px;
    position: relative;
}

.select2-container.stylish-select2 .select2-choices .select2-search-choice-close {
    background: url("../librairies/select2/select2.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    display: block;
    font-size: 1px;
    height: 13px;
    outline: medium none;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
}

.select2-container.stylish-select2 .select2-results {
    margin: 4px 4px 4px 0;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 0 4px;
    position: relative;
    border : 1px solid white;
}

.select2-drop.dropdown-stylish-select2-blue {
    border : none;
    border-radius : 0;
    font-family : "ars-bold";
    text-transform : uppercase;
}

.select2-container.dropdown-stylish-select2-blue .select2-input{
    font-family : "ars-regular";
    text-transform : uppercase;
}


.select2-container.stylish-select2.select-inline-form .select2-choice {
    border-radius : 0;
    height: 26px;
    line-height: 26px;
    padding-right : 8px;
    border : none;
    font-family : "ars-medium";
    text-transform : none;
    background-color : #ededed;
}

.select2-container.stylish-select2.select-inline-form{
    width : auto;
    background-color : #ededed;
    border : medium none;
    margin-bottom : 10px;
    text-transform : none;
    padding : 0px;

}

.select2-container.stylish-select2.select-inline-form .select2-choice{
    height : 34px;
    line-height : 34px;
    padding : 0 14px;
}

.select2-drop.dropdown-stylish-select2-inline {
    border : none;
    background-color : #ededed;
}


/** Customisation datepicker **/
.stylish-datepicker{
    font-family : 'ars-regular';
    text-transform : capitalize;
    width : 125px;
    border-radius : 0;
    height: 26px;
    line-height: 26px;
    padding : 0 8px 0 8px;
    border : none;
    color: #333333;
}


/** Form customization **/
.form-wrapper{

}

/*.form-wrapper fieldset legend {
    border: medium none;
    font-family: ars-regular;
    font-size: 14pt;
    text-transform: uppercase;
    margin-bottom: 10px;
}*/

.form-wrapper .form-label{
    margin-top : 5px;
    margin-bottom : 5px;
}

.form-wrapper .vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.form-wrapper .form-label label {
    color: #343434;
    text-transform: uppercase;
    padding-left: 35px;
}

.form-wrapper .form-submit input[type="submit"],
.form-wrapper .form-submit input[type="button"]{
    background-color: #343434;
    font-family: ars-medium;
}

input[type="date"]{
    line-height : 16px;
}

input::-webkit-calendar-picker-indicator{
    display: none;
}

input[type="date"]::-webkit-input-placeholder{
    visibility: hidden !important;
}

.form-wrapper .description-form{
//border : 1px solid red;
    font-size : 13pt;
}


.form-wrapper .form-label.error-label-input-wrapper input{

    border-radius : 2px;

    -moz-box-shadow: 0px 0px 5px 1px #fd6864;
    -webkit-box-shadow: 0px 0px 5px 1px #fd6864;
    -o-box-shadow: 0px 0px 5px 1px #fd6864;
    box-shadow: 0px 0px 5px 1px #fd6864;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#fd6864, Direction=NaN, Strength=5);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}


/** Block info **/
div.block-info-wrapper div.infos-content-block-detail .sparrow-container{
    padding-bottom: 15px;
    z-index: 2;
    position: relative;
}

div.block-info-wrapper div.infos-content-block-detail .sparrow-container p.title-infos-content{
    text-align: center;
    font-family: ars-medium;
    text-transform: uppercase;
    font-size: 15px;
    margin: 0;
    padding: 5px 0;
}

div.block-info-wrapper div.infos-content-block-detail div.content-infos-content {
    margin-top: -15px;
    background-color: #ededed;
    padding: 15px 10px 5px 10px;
}

div.block-info-wrapper div.infos-content-block-detail div.content-infos-content div.block-infos{
    color: #5d5d5d;
    margin-bottom: 10px;
}
div.block-info-wrapper div.infos-content-block-detail div.content-infos-content div.block-infos p{margin:0}
div.block-info-wrapper div.infos-content-block-detail div.content-infos-content div.block-infos i{font-size: 44px;}
div.block-info-wrapper div.infos-content-block-detail div.content-infos-content p.link {
    text-align: center;
}

div.block-info-wrapper div.infos-content-block-detail div.content-infos-content p.link a{
    font-size:16px;
}
div.block-info-wrapper div.infos-content-block-detail div.content-infos-content .btn {display: block;
    margin-top: 5px;}

/** BACK TO TOP **/
#topcontrol{
    height: 50px;
    width: 50px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    background-image: url('../image/select2-arrow-big-top-white.png') ;
    background-repeat:no-repeat;
    background-position:center center;
    z-index: 99;
}

/** MODALS **/
.modal div.modal-dialog div.modal-content {
    border-radius: 0 0 6px 6px;
}
.modal div.modal-dialog div.modal-content div.modal-body div.calendar-content{text-align: center;}
.modal div.modal-dialog div.modal-content div.modal-body div.calendar-content a{text-transform: none;
    font-family: ars-medium;
    font-size: 20px;}

.modal-content div.modal-header h4.modal-title{
    background: none;
    padding: 0;
    margin: 0;
}
.modal-content div.modal-body .text-intro {
    margin-bottom: 10px;
    padding-top: 15px;
    clear: both;
}

/** SIDEBAR **/

div.sidebar-content {
    position: fixed;
    width: 250px;
    height: 100%;
    top: 0;
    background: #00c3d5;
    z-index: 999;
    right: -250px;
    transition: right 0.3s;
    border-left: 2px solid white;
    box-shadow: inset 0 1px 1px rgba(252, 252, 252, 0),0 0 10px #5C5C5C;
}

div.sidebar-content button.close {
    position: absolute;
    right: 10px;
    top: 10px;
}

div.sidebar-content div.sidebar-button{
    margin-left: -52px;
    position: absolute;
    cursor:pointer;
    top: 350px;
}
body.isUnivers.open-sidebar{
    /*    padding-right:250px;
        margin-left:-250px;*/
    /*    transition:margin-left 0.5s,background-position 0.5s,padding-right 0.5s;
        background-position:-250px top;*/
}
body.isUnivers.open-sidebar div.sidebar-content{right:0;transition:right 0.5s;}
body.isUnivers div.sidebar-content div.sidebar-list-link .logo {
    text-align: center;
    padding: 35px 0;
}
body.isUnivers div.sidebar-content div.sidebar-list-link ul {
    padding: 0;
    list-style: none;
    margin-bottom:30px;
}
body.isUnivers div.sidebar-content div.sidebar-list-link ul li{
    border-bottom: 1px solid white;
}
body.isUnivers div.sidebar-content div.sidebar-list-link ul li:hover{background-color:rgb(58, 172, 201)}
body.isUnivers div.sidebar-content div.sidebar-list-link ul li a{
    color: white;
    text-transform: uppercase;
    font-size: 19px;
    display: block;
    padding: 5px 0 5px 25px;
    font-family: ars-regular;
}
body.isUnivers div.sidebar-content div.button-container{text-align:center}
body.isUnivers div.sidebar-content div.button-container button{
    background-color: #343434;
    font-family: ars-bold;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    color: white;
}

body.isUnivers div.sidebar-content .visible-xs div.sidebar-list-link .logo{
    padding : 3px 0;
}


body.isUnivers div.sidebar-content .visible-xs div.sidebar-list-link .logo img{
    width : 34px;
}

body.isUnivers div.sidebar-content .visible-xs div.sidebar-list-link li{

}


/** MENU MOBILE **/
div.menu-mobile-content {
    width: 350px;
    max-width: 100%;
    position: fixed;
    top: 0;
    z-index:99;
    left: -450px;
    height: 100%;
    background: white;
    box-shadow: inset 0 1px 1px rgba(252, 252, 252, 0),0 0 10px #5C5C5C;
    transition: left 0.3s;
}

div.menu-mobile-content div.menu-mobile-header {
    height: 110px;height: 76px;
    background-color: #00c3d5;
    text-align: center;
    line-height: 76px;
    position:relative;
}
div.menu-mobile-content div.menu-mobile-header img
{
    height:50%;
}

body.isUnivers.open-menu div.menu-mobile-content {
    left: 0;
    transition: left 0.5s;
}

body.isUnivers.open-menu {
    padding-left: 450px;
    margin-right: -450px;
    transition: margin-right 0.5s,background-position 0.5s,padding-left 0.5s;
    background-position: 450px top;
}

div.menu-mobile-content button.close{
    position: absolute;
    top: 25px;
    left: 5px;
    opacity: 1;
    z-index: 20;
}
div.menu-mobile-content button.close img
{
    width:30px;
    /*width:70%;*/
}
div.menu-mobile-content div.menu-mobile-list-link {
    /*padding: 15px;*/
    /*height: 79%;*/
    height:99%;
    overflow-y: scroll;
}

div.menu-mobile-content div.menu-mobile-list-link div.search form{
    position: relative;
}

div.menu-mobile-content div.menu-mobile-list-link div.search form input[type="text"]{
    margin: 0;
    padding: 0 15px;
    width: 100%;
    height: 40px;
}

div.menu-mobile-content div.menu-mobile-list-link div.search form button[type="submit"]{
    position: absolute;
    color: #cecece;
    background: none;
    border: none;
    top: 5px;
    right: 0;
}

/* Premier niveau */
div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv1{
    list-style: none;
    padding: 15px 0 0 0;
    margin: 15px 0 0 0;
    background:url('../image/title-separ.png') no-repeat top center;
}

div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv1 > li{
    margin-bottom: 2px;
}

div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv1 > li > a{
    display: block;
    height: 60px;
    color: white;

    background-repeat :no-repeat ;
    background-position:top right;
    text-transform: uppercase;
    font-family: ars-medium;
    font-size: 28px;
    line-height: 60px;
    padding: 0 10px 0 20px;
    position:relative;
}

div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv1 > li > a.collapsed{
    background-image:url('../image/sparrow-white-nice-pratique.png');
}
div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv1 > li > a.collapsed:after{
    content: "+";
    float: right;
    font-size: 22px;
    font-family: ars-light;
    margin-right: 5px;
}

div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv1 > li > a.noplus:after{
    content: "";
}

div.menu-mobile-content div.menu-mobile-footer{
    height: 80px;
    background: black;
    bottom: 0;
    /*position: absolute;*/
    width: 100%;
}

div.menu-mobile-content div.menu-mobile-footer ul{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align:center;
}
div.menu-mobile-content div.menu-mobile-footer ul li.language{margin-left:25px;}
div.menu-mobile-content div.menu-mobile-footer ul li{
    line-height: 80px;
    padding: 0px 15px;
    display: inline-block;
}
div.menu-mobile-content div.menu-mobile-footer ul li a i{font-size: 50px;
    color: white;}

/* Second Niveau */
div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv1 ul.menu_niv2{
    list-style: none;
    padding: 0;
}

div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv1 ul.menu_niv2 > li{
    border-top: 2px solid white;
}
div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv1 ul.menu_niv2 > li > a.bg-color-darkblue:before {
    /*content: "+";*/
    /* background: url('../image/sparrow-menu-mobile-darkblue.png') no-repeat center center; */
    position: absolute;
    height: 35px;
    width: 35px;
    top: 1px;
    right: -12px;
}

div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv1 ul.menu_niv2 > li > a{
    display: block;
    height: 60px;
    color: white;
    text-transform: uppercase;
    line-height: 60px;
    padding: 0 10px 0 20px;
    position:relative;
    font-size: 22px;font-size:14px;
    font-family: ars-regular;
}

div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv1 ul.menu_niv2 > li > a:after{
    content: "-";
    float: right;
    font-size: 22px;
    font-family: ars-light;
    margin-right: 5px;
}
div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv1 ul.menu_niv2 > li > a.collapsed:after{
    content: "";
}
div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv1 ul.menu_niv2 > li > a.collapsed:before{
    content: "+";
    right: 0px;
    position: absolute;
    height: 35px;
    width: 35px;
    top: 1px;
    right: -12px;
}
div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv3 {
    list-style: none;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding: 0;
}

div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv3 > li {
    border-bottom: 1px solid #ddd;
    background: #F5F5F5;
}

div.menu-mobile-content div.menu-mobile-list-link div.menu-mobile ul.menu_niv3 > li > a {
    color: black;
    font-size: 20px;
    font-family: ars-regular;
    display: block;
    padding: 15px 0 15px 25px;
}

.container.sous-menu img{
    width : 100%;
    max-height : 151px;
}

.plusdeprojet{
    width : 200px;
}
.embed-video{
    padding:0;
    text-align:center;
}

.menu{padding-left:5px; }
.en-un-click{padding-right:5px}
.logo-ville{padding:0px;}
.img-responsive{margin-bottom:5px;}
.tags span{margin-left:5px}

/** GLIDE SLIDER **/
.contentSlider{
    position : relative;
    width : 100%;
    overflow : hidden;
}

.slider__item{

    height : 100%;
    width : 100%;


}

.slider__nav{
    bottom : 3px !important;
}

.slider__item .block-article .contenu{
    min-height : 110px;
}

.slider__item .block-article img{
    min-height : 120px;
}


/** Slide reseaux sociaux **/
.slider__item .block-reseaux-sociaux{
    margin : 0 !important;
}

.slider__item .content-reseaux-sociaux{
    margin : 0 !important;
    width : 100% !important;
}

.slider__item .logo-reseaux-sociaux{
    margin : -20px auto 11px !important;
}
/*
.slider__item .block-reseaux-sociaux.small{
    height : 200px !important;
}*/


/** slider hot now **/
.swiper-container-hot-now{
    width : 100%;
    height : 450px;
    line-height : 240px;
    overflow : hidden;
}

.swiper-container-hot-now .swiper-wrapper{
    overflow : hidden;
}

.swiper-container-hot-now .swiper-slide{
    padding : 0;
    margin : 0;
    text-align : center;
}

.block-paginator{
    margin: 5px 0 20px 0;
    height:38px;
}

#landscape{
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    background:rgba(0, 195, 213 , 1);
    width: 100%;
    height: 400px;
    z-index: 20000;
    opacity: 0.9;
}
#landscape p{
    background: url("../image/icone-landscape-phone.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 165px;
    padding-top: 106px;
    width: 325px;
    margin : 8% auto;
    opacity: 1;
    text-align:center;
    padding-top:165px;
}

#swipebox-overlay{
    background-color:rgba(13, 13, 13, 0.8) !important;
}

.search_result .search_result_type{
    font-size:20px;
    font-family:"ars-bold";
    text-transform:uppercase;
    margin-bottom:5px;
}

.search_result .search_result_type i{
    font-size:40px;
    color:#000;
    vertical-align:sub;
}
.search_result .search_result_type img{
    width:32px;
    height:32px;
    display:inline;
    vertical-align:middle;
    margin-bottom:0px;
}

.error_404_top_link{
    height:150px;
    margin: 20px auto 40px auto;
}
.error_404_top_link ol, .error_404_top_link li a{
    color:#00c1d2;
    font-size:16px;
    font-weight:bold;
}

.error_404_top_link li a:hover{
    text-decoration:underline;
}

.error_404_top_link li{
    float:left;
    display:block;
    margin-right:10px;
}

.item_gallery { width: 15%; }
.item_gallery.w2 { width: 50%; }
.grid
{
    margin:10px;padding:10px;
}

div.copyright ul li a.nounderline{
    text-decoration:none;
}

.tp-bullets .bullet{

}

.sliderlink a

{
    color:black !important;
}

/* Tableau CKeditor */
.cke_show_border{width:100% !important;}


/* Slider home avec swiper */
.swiper-container-slider{
    width:100%;
    height:580px;
    position:relative;
    overflow:hidden;
}
.swiper-container-slider .swiper-slide{width:100%}
.swiper-container-slider div.block-article{
    position:absolute;
    top:10px;
    left:10px;
}

.swiper-slider{
    position:absolute;
    top:250px;
    z-index:005;
    font-family: ars-light;
    color: #A5A5A5;
    font-size: 53.54px;
    cursor:pointer;
    display:block;
    width:30px;
    height:30px;
}
.swiper-slider:hover{
    color:rgba(0, 195, 213 , 1);
}
.swiper-slider.prev{left:10px;}
.swiper-slider.next{right:10px;}

.offset-anchor{
    margin-top : -170px !important;
    padding-top : 170px !important;
    display : block;
}


/** RSS **/
.rss-wrapper ul {
    list-style-type : none;
}


.rss-wrapper .rss-grp-wrapper{
    margin-bottom : 25px;
}

.rss-wrapper .title-wrapper{
    border-bottom : 1px solid #e5e5e5;
    padding : 8px;
}