/*
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 2, 2014, 3:09:45 PM
    Author     : lpi
*/

/** SPECIFIC LIST ITEM **/

/** list item **/
.list-block-kiosque-wrapper .projet-item-wrapper {
    min-height: 600px!important;
}
.list-item-wrapper { border-bottom : 1px dotted grey; padding-top : 15px; padding-bottom:15px;  background-color : white; }

.list-item-wrapper h2 { margin-top : 0px; font-weight : bold; }  
.list-item-wrapper a { color : #333333; }
.list-item-wrapper a:hover { text-decoration : none; }
.list-item-wrapper ul.right-list {padding: 0;list-style: none;}
.list-item-wrapper ul.right-list li.swiper-scrollbar-2 {line-height: 15px;padding: 10px;border-bottom: 1px dotted;}
.list-item-wrapper ul.right-list li:last-child {border-bottom:none;}
.list-item-wrapper p.date-limite {
    text-align: center;
    background-color: #ededed;
    padding: 15px 0;
    margin-top: -15px;
}

.list-item-wrapper p.fleche-content{
    background:url('../image/select2-arrow-big-top-blue.png') no-repeat center center;
    height:30px;
    cursor:pointer;
}

.list-item-wrapper p.fleche-content.collapsed{background:url('../image/select2-arrow-big-bottom-blue.png') no-repeat center center;}
.list-item-wrapper p.fleche-content:hover{background-color:#ececec;}
.list-item-wrapper .detail-marche .link-detail-marche:hover{background-color:#ececec;}
.list-item-wrapper .detail-marche .link-detail-marche{display: block;text-align: center;}
.list-item-wrapper .detail-marche .link-detail-marche i{font-size:45px;}

.list-item-wrapper .table-detail table { background-color : #ededed; width : 100%;}
.list-item-wrapper .table-detail table td { padding : 3px; color : #626262; }
.list-item-wrapper .table-detail table td i { font-size : 45px;}

.list-item-wrapper .table-detail table .list-date-period td { font-family : ars-regular; font-size : 14px; text-transform : uppercase; vertical-align : middle; }
.list-item-wrapper .table-detail table .list-date-period b {
    display: block;
    line-height: 16px;
    border-left: 1px solid;
    padding-left: 10px;
}

.list-item-wrapper div.sparrow-date {
    position:relative;
    padding-bottom: 15px;

}
.list-item-wrapper  p.date{
    color: #FFFFFF;
    font-family: ars-bold;
    font-size: 12px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    width: 55px;
}

.list-item-wrapper  p.date span{
    display: block;
    font-family: ars-black;
    font-size: 27.9px;
    line-height: 25px;
}
/** Filter **/
.filter-wrapper{ font-family : "ars-regular"; padding : 10px; text-transform : uppercase; font-weight : bold; color : #000000;}
.filter-wrapper .select-wrapper{ margin-top : 10px; margin-bottom : 10px; }
.filter-wrapper .select-wrapper label{padding: 0px;
                                      font-family: "ars-bold";
                                      font-size: 14px;
                                      text-align:left;
                                      height: 35px;
                                      line-height: 35px;}
.filter-wrapper select{ color : black; border : none; padding : 6px; }
.filter-wrapper h4{ font-size:14px;color:white; text-transform : none;}

/** Result Filter **/
.result-filters {
    background-color: #ededed;
    text-align: center;
}

.result-filters p{
    color: #343434;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
}


/** pagination **/
.block-pagination{text-align:center;background-color:white;}
.block-pagination .pagination li a{
    height: 30px;
    width: 30px;
    font-family: ars-bold;
    font-size: 13px;
    color:white;
    background-color: #343434;
    border: none;
    margin-right: 1px;
}

.block-pagination .pagination li.sparrow-pagination a {
    border: none;
    border-radius: initial;
    font-family: ars-light;
    font-size: 20px;
    line-height: 18px;
    letter-spacing: -5px;
    background-color: #b3b3b3;
    color: white;
    padding: 0 5px 2px 0;
    height: 21px;
    width: 22px;
    text-align: center;
    margin-top: 5px;

}
.block-pagination .pagination li:first-child a{margin-right: 2px;}
.block-pagination .pagination li:last-child a{margin-left: 0px;}

div.list-block-kiosque-wrapper {
    background-color: white;
}
div.list-block-kiosque-wrapper  div.kiosque-image-container p{
    display: inline-block;
    background-color: #ededed;
    border-radius: 5px 5px 0 0;
    margin: 0;
    width : 100%;
}

div.kiosque-image-container img{
    width : 100%;
}

div.list-block-kiosque-wrapper  div.kiosque-image-container p img{
    padding: 25px 45px 15px;
}

div.list-block-kiosque-wrapper div.content-detail{
    background: url('../image/corner-lieu.png') no-repeat bottom right #343434;
    height: 50px;
    margin: 0 auto;
}

div.list-block-kiosque-wrapper div.content-detail div.document-title i{
    float: left;
    font-size: 45px;
    margin: 0 5px;
}

div.list-block-kiosque-wrapper div.content-detail div.document-title p{
    color: white;
    font-size: 19px;
    font-family: ars-medium;
    line-height: 14px;
    margin: 0;
    letter-spacing: -0.3px;
    margin-top: 8px;
    margin-left: 45px;
    text-align: left;
}

div.list-block-kiosque-wrapper div.content-detail div.document-title p span{
    display: block;
    font-family: arial;
    margin-top: 4px;
    font-size: 12px;
}

div.list-block-kiosque-wrapper div.content-detail div.document-icons i{
    font-size: 45px;
}

div.list-block-kiosque-wrapper div.content-detail div.document-icons i:first-child{
    margin-right: 15px;  
}
/** Search result **/

.search-wrapper .search-input{ 
    height : 26px; 
    line-height : 26px;
    -moz-box-shadow:    inset 1px 1px 5px #999999;
    -webkit-box-shadow: inset 1px 1px 5px #999999;
    box-shadow:         inset 1px 1px 5px #999999;
    color : #333333;
}
.filter-wrapper .search-wrapper .btn-search-inline{
    top : 1px;
}

.pagination a{
    cursor : pointer;
}
/*
    SLIDER
*/
div.slider{margin-bottom:40px; background: none repeat scroll 0 0 white;
           padding: 10px;}
div.slider div.block-article{
    width: 260px;
    background-color:white;
}

div.slider div.block-article div.category{padding-bottom: 15px;}

div.slider div.block-article div.category p {
    margin:0;
    color: white;
    font-family: ars-medium;
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}
div.slider div.block-article div.content{
    padding: 0 10px;
}

div.slider div.block-article div.content p.date{
    color: #fd483f;
    font-family: ars-medium;
    font-size: 18px;
}
.tp-bullets.simplebullets.round .bullet{
    background : url("../images/bullet-slider.png") no-repeat scroll 0px 2px;
}

div.slider div.block-article div.content p.title{
    color: #000;
    font-size: 32px;
    font-weight: bold;
    line-height: 35px;
    margin-bottom: 40px;
    white-space: normal;
    text-align : center;
}

div.slider div.block-article .title-wrapper{
    font-size : 18px;
    font-weight : bold;
    color : white;
    text-align : center;
    font-family: ars-medium;
    text-transform : uppercase;
    padding : 8px 32px 8px 0;
}

div.slider div.block-article .title-wrapper i{
    float : left;
    font-size :  32pt;
    margin-top : -10px;
}



div.slider div.block-article div.content p.read-more{
    height: 48px;
    text-align: right;
    margin-bottom : 0px;
}

div.slider div.block-article div.content p.read-more i{
    font-size : 32pt;
    float : left;
}

div.slider div.block-article div.content p.read-more a{
    color: white;
    font-family: ars-medium;
    font-size: 13.6px;
    padding: 10px 10px;
    text-transform: uppercase;
    display : block;
    float : right;

}

div.slider div.block-ajout div {
    height: 40px;
    line-height: 40px;
    background-color: #343434;
}

div.slider div.block-ajout div a {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("../image/losange-red.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: white;
    display: block;
    font-family: ars-medium;
    font-size: 13.6px;
    margin-left: -20px;
    padding: 0 15px 0 50px;
    text-transform: uppercase;
}
/*
    NICE PRATIQUE
*/

div.nice-pratique {
    background-color: #343434;
    margin: 0 -15px 20px -15px;
}

 div.nice-pratique .nice-pratique-picto{
    width:80px;
    height:auto;
    margin-bottom:10px;
}


div.nice-pratique > div.container{background-color:white;}
div.nice-pratique ul.filters {
    list-style: none outside none;
    margin: 0 0 0 -15px;
    padding: 0;

}
div.nice-pratique ul.filters li{
    text-align: center;
    padding-right: 11px;
}

div.nice-pratique ul.filters li.active{
    background: url('../image/sparrow-yellow-right.png') no-repeat right center;
}

div.nice-pratique ul.filters li a{
    color: #FFFFFF;
    background-color: #B3B3B3;
    display: block;
    font-family: ars-bold;
    padding: 25px 0;
    text-transform: uppercase;
    border-bottom: 1px dotted #FFFFFF;

}

div.nice-pratique ul.filters li:hover a,
div.nice-pratique ul.filters li.active a
{
    color:#000;
    background-color: #FFC900;
    text-decoration: none;
}


div.nice-pratique ul.categories,
div.nice-pratique div.categories{
    display: none;
    height: 180px;
    list-style: none outside none;
    margin: 0;
    padding: 45px 0 0 0;
}
div.nice-pratique ul.categories.active, 
div.nice-pratique div.categories.active{ display: block;}

div.nice-pratique .swiper-container-scrollable{
    width:100%;
    height:155px;
    overflow:hidden;
}

div.nice-pratique ul.categories li,
div.nice-pratique div.categories div .swiper-slide > div{
    border-right: 1px dotted #808080;
    display: inline;
    float: left;
    height: 100%;
}

div.nice-pratique div.categories div .swiper-slide > div a{
     position:static
}


div.nice-pratique ul.categories li:last-child, 
div.nice-pratique div.categories .swiper-slide > div:last-child{
    border:none; 
}

div.nice-pratique ul.categories li a, 
div.nice-pratique div.categories div .swiper-slide > div a{
    color: #000000;
    display: block;
    font-size: 14px;
    text-align: center;
    width: 150px;
    line-height: 17px;
    padding-bottom: 10px;
    height: 100%;
}


div.nice-pratique ul.categories li a i, 
div.nice-pratique div.categories div .swiper-slide > div > a i{
    font-size: 70px;
    display: block;
    height:auto;
}

div.nice-pratique ul.categories li a.no-icon {
    width: 115px;
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
}

div.nice-pratique ul#jhabite,
div.nice-pratique div#jhabite{
    height:195px;
    padding-top:30px;
}

div.nice-pratique div#jeveux, div.nice-pratique div#jhabite, div.nice-pratique div#jesuis{ position:relative;}

div.nice-pratique div#jeveux{
    height:212px;
    padding-top:30px;
}

div.nice-pratique ul#jhabite li a.no-icon, 
div.nice-pratique div#jhabite a.no-icon{ 
    padding :10px 10px 0 10px;
    width:116px;
}

div.nice-pratique #jeveux a, div.nice-pratique #jesuis a{
    padding-top:10px;
}

div.nice-pratique ul.categories li:hover, div.nice-pratique div.categories div .swiper-slide > div:hover {
    background:url('../image/sparrow-white-nice-pratique.png') no-repeat top right #ffc900;
}

div.nice-pratique .swiper-scrollbar-1, div.nice-pratique .swiper-scrollbar-2{
    border-radius:10px;
    margin:5px auto;
    width:100%;
    height:5px;
    position:relative;
    background:#B3B3B3;
}
.swiper-scrollbar-3{
    border-radius:10px;
    margin:5px auto;
    width:100%;
    height:5px;
    position:relative;
    background:#343434;
}
.swiper-scrollbar-3 .swiper-scrollbar-drag{
    background : rgba(253, 72, 63 , 1);
}
div.nice-pratique .swiper-scrollbar-drag{
    background : #FFC900;
}

div.nice-pratique div.categories a.big-arrow{
    position:absolute;
    z-index:100;
    width:30px;
    height:82px;
    font-family:ars-light;
    font-size:53.54px;
    top:50px;
    color:#A5A5A5;
    cursor:pointer;
}
div.nice-pratique div.categories a.big-arrow.left{
    left:-19px;
}
div.nice-pratique div.categories a.big-arrow.right{
    right:-10px;
}
div.nice-pratique div.categories a.big-arrow:hover{
   color : #FFC900; 
}    

/*
    EN CE MOMENTaff
*/
div.en-ce-moment{
    padding-top: 25px;
    margin-bottom : 8px;
}
div.en-ce-moment .tab-content{background:#ededed;}

div.en-ce-moment .block-filters a:first{
   padding: 24px 0px 21px; 
}

div.en-ce-moment .block-filters ul li.active a{
    border-radius: 0;
    border-top:none;
    border-bottom:none;
    border-left:none;
    border-right: 1px dotted white;
    text-decoration: none;
}

div.en-ce-moment a.block-article{
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
}
div.en-ce-moment div.block-filters ul li a {
    padding: 2px 0 8px 0;
    text-decoration: none;
}

div.en-ce-moment div.block-filters ul li a i{
    
}

div.en-ce-moment a.block-article div.contenu{
    background-color: #FFFFFF;
    border-bottom: 1px dotted #000000;
    height: 100px;
    padding-top: 10px;
    position: relative;
}
div.en-ce-moment a.block-article:hover div.contenu{background-color: #E6E6E6;transition:background-color 0.5s;}

div.en-ce-moment a.block-article div.contenu div.sparrow-date {
    left: 20px;
    padding-bottom: 15px;
    position: absolute;
    top: -53px;
}
div.en-ce-moment a.block-article div.contenu p.date{
    color: #FFFFFF;
    font-family: ars-bold;
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    width: 55px;
    

    
    display:none;
}

div.en-ce-moment a.block-article div.contenu p.date span{
    display: block;
    font-family: ars-black;
    font-size: 27.9px;
    line-height: 25px;
}

div.en-ce-moment a.block-article div.contenu p.title{
    color: #000000;
    font-family: ars-regular;
    /*font-size: 18px;*/
    font-size: 16px;
    margin: 3px 0 5px;
    padding:0 35px 0 10px;
    position: relative;
    line-height:24px;
}

div.en-ce-moment a.block-article div.contenu p.title i{
    position: absolute;
    right: 5px;
    top: -5px;
    font-size:40px;
}

div.en-ce-moment a.block-article div.contenu p.chapeau{
    color: #000000;
    font-size: 12px;
    padding-left: 10px;
}

div.en-ce-moment a.block-article.small div.contenu {
    height: 70px;
}

div.en-ce-moment a.block-article.small div.contenu p.title{   
   /*font-size: 18px;*/
    font-size: 16px;
    height:53px;
    overflow:hidden;
}

div.list-videos a.block-article.small div.contenu p.title{   
    font-size: 14px;
}


/*
    A NE PAS RATER
*/
div.a-ne-pas-rater {
    background-color: #FFFFFF;
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px 25px 25px 25px;
    margin-bottom: 20px;
}
div.a-ne-pas-rater div.block-tri {
    height: 40px;
}
div.a-ne-pas-rater div.more{display:inline-block;margin:0 -15px;}
div.a-ne-pas-rater div.more a span{
    background-color: #343434;
    position: absolute;
    top: 0;
    right: 0;
    border: medium none;}

div.a-ne-pas-rater div.formulaire-tri {
    height: 40px;
    line-height: 40px;
}
div.a-ne-pas-rater div.formulaire-tri div.block-valid-event{
    background-color: #343434;
    float: right;
    height: 40px;
    margin-right: -15px;
    padding: 7px 20px;
}

div.a-ne-pas-rater div.formulaire-tri div.block-valid-event button{
    border: none;
    background: none;
    padding: 0;
    display: block;
}

div.a-ne-pas-rater div.formulaire-tri div.block-valid-event button i{
    line-height: 27px;
    vertical-align: 2px;
    font-size: 40px;
}
div.a-ne-pas-rater div.calendar {
    margin: 0 -15px;
}
div.a-ne-pas-rater div.calendar a.arrow-left,
div.a-ne-pas-rater div.calendar a.arrow-right
{
    background-color: #343434;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: ars-light;
    font-size: 23.61px;
    height: 26px;
    line-height: 25px;
    text-align: center;
    width: 26px;
}

div.a-ne-pas-rater div.calendar a.date {
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: ars-bold;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-top: -7px;
    padding: 0 15px;
    text-transform: uppercase;
    text-align:center;
}
div.a-ne-pas-rater div.block-event {
    height: 240px;
    position: relative;
}



div.a-ne-pas-rater div.event{
    height: 100%;
    text-align: center;
}
div.a-ne-pas-rater div.event div.filtre-image{
    margin-bottom: 5px;
}
div.a-ne-pas-rater div.event p.title{
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
    margin: 0;
    text-transform: uppercase;
}
div.a-ne-pas-rater div.event p.content{
    color: #000000;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    font-weight : bold;
}
div.a-ne-pas-rater div.event div.filtre-image{
    margin: 53px auto 5px;
    overflow: hidden;
    width: 132px;
    position: relative;
}

div.a-ne-pas-rater div.event div.filtre-image div.content-sparrow{  
    height: 31px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}
div.a-ne-pas-rater div.event div.filtre-image div.content-sparrow.blue{background:url('../image/sparrow-losange-blue.png') no-repeat top center;}
div.a-ne-pas-rater div.event div.filtre-image div.content-filtre{
    left: 0;
    position: relative;
    text-align: left;
    top: -55px;
}
div.a-ne-pas-rater div.event div.filtre-image div.content-image{
    position: relative;
    width: 300px;
}

div.a-ne-pas-rater  div.event div.filtre-image img.affiche-event{
    left: 0;
    margin-left: -50px;
    margin-top: 31px;
    position: absolute;
    top: 0;
    width : 190px;
}

div.a-ne-pas-rater  div.event p.title{
    margin-top : -93px;
}

.slide-block-event-wrapper{
    position : relative; 
    height : 280px; 
    overflow : hidden; 
    margin : 6px;
}

.slide-block-event-wrapper .slide-block-event-background{
    background:url('../image/background-paint.png') repeat-x center 117px;
    height : 320px;
    background-position-x : 117px !important;
    float : left;
    left : 31px;
    right : 31px;
    position : absolute;
}

.slide-block-event-wrapper div.slide-block-event{
    height: 280px;
    width : 100%;
    /*background:url('../image/barre-black-event.png') repeat-x center center;*/
    position : absolute;
    display : inline-block;
    overflow : hidden; 

}

.slide-block-event-wrapper .block-filter-event-wrapper{
    padding : 0px;
    float : left;
    width : 100%;
}


.slide-block-event-wrapper .slider-item-block-event {

    position: relative;
    /*   -webkit-transition: 0.5s left;
       -moz-transition: 0.5s left;
       -ms-transition: 0.5s left;
       -o-transition: 0.5s left;*/
    margin: 0;
    padding: 0;
    width : 1500px;
}




.slide-block-event-wrapper a.big-arrow.left {
    top : 77px;
    left : 0px;
    width : 31px;
    position : absolute;
    z-index : 100;
    cursor : pointer;
}
.slide-block-event-wrapper a.big-arrow.right {
    top : 77px;
    width : 31px;
    right : 0px;
    position : absolute;
    z-index : 100;
    cursor : pointer;
}

/* 
    KIOSQUE 
*/
div.block-kiosque a.big-arrow:hover{cursor:pointer;}
div.block-kiosque a.big-arrow.left {
    left: 0;
    position: absolute;
    top: 90px;
    z-index: 9;
}
div.block-kiosque a.big-arrow.right {
    position: absolute;
    right: 0;
    top: 90px;
    z-index: 9;
}

div.block-kiosque div.slide-block-kiosque div.imageKiosque {border:none;border-radius:5px 5px 0 0;opacity: 0.8;}
div.block-kiosque div.slide-block-kiosque div.imageKiosque img{
    background: #00c2d0 url('../image/sparrow-grey.png') no-repeat top center;
    padding: 20px 0px;
    height: 75%;
    margin: auto;
    width: 55%;

}
.imageKiosque_Img{
    background: #00c2d0 ;
}


div.block-kiosque div.slide-block-kiosque div.kiosque div.content-detail {
    background:url('../image/corner-kiosque.png') no-repeat bottom right #343434;
    margin: 0 auto;
    /*    display:none;*/
  height: 80px;
    width: 100%;padding: 10px;
}
div.block-kiosque div.slide-block-kiosque div .imageKiosque{opacity:1;}
div.block-kiosque div.slide-block-kiosque div .imageKiosque div.content-detail{display:block}
div.block-kiosque div.slide-block-kiosque div .imageKiosque img{background-color:#00c2d0;}

div.block-kiosque div.slide-block-kiosque div .imageKiosque div.content-detail div.document-title i{


text-align: center;
    float: left;
    font-size: 45px;
    margin: 0 5px;
    width: 17%;
}
div.block-kiosque div.slide-block-kiosque div .imageKiosque div.content-detail div.document-title p{
    color: white;
    font-size: 13px;
    font-family: ars-regular;
    line-height: 14px;
    margin: 0;
    letter-spacing: -0.3px;
    margin-top: 3px;
    width: 78%;
    float: left;
}

div.block-kiosque div.slide-block-kiosque div .imageKiosque div.content-detail div.document-title p span{
    display: block;
    font-family: arial;
    margin-top: 4px;
}

div.block-kiosque div.slide-block-kiosque div .imageKiosque div.content-detail div.document-icons i
{
    font-size: 45px;
                                                                                                    float: right;
                                                                                                    margin-right: 20%}
/* 
    RESEAUX SOCIAUX 
*/
div.reseaux-sociaux {
    background-color: #d6d6d6;
    margin: 0 -15px;
    padding: 20px 0 60px;
}
div.reseaux-sociaux div.block-filters ul li a{height: 48px}
div.reseaux-sociaux div.block-filters ul li a i{line-height: 10px;}
div.reseaux-sociaux div.list-reseaux-sociaux{
    background-color: white;
    padding: 13px 5px;
    display:none;
}
div.reseaux-sociaux div.list-reseaux-sociaux.active{display:block;}
div.reseaux-sociaux div.list-reseaux-sociaux div.block-reseaux-sociaux{
    background-color: #f4f4f4;
    padding: 20px 0;
    margin: 0 -10px 5px -10px;
    height: 525px;
    overflow: hidden;
}
div.reseaux-sociaux div.list-reseaux-sociaux div.block-reseaux-sociaux.small{height:250px;}

div.reseaux-sociaux div.list-reseaux-sociaux div.block-reseaux-sociaux .logo-reseaux-sociaux{
    text-align: center;
    line-height: 34px;
    display:block;
    color: white;
    height: 35px;
    margin: 0 auto 40px;
    width: 35px;
}
div.reseaux-sociaux div.list-reseaux-sociaux div.block-reseaux-sociaux .logo-reseaux-sociaux.facebook{background: none repeat scroll 0 0 #275f9c;}
div.reseaux-sociaux div.list-reseaux-sociaux div.block-reseaux-sociaux .logo-reseaux-sociaux.twitter{background: none repeat scroll 0 0 #1ac4df;}
div.reseaux-sociaux div.list-reseaux-sociaux div.block-reseaux-sociaux .logo-reseaux-sociaux.instagram{background: none repeat scroll 0 0 #413830;}
div.reseaux-sociaux div.list-reseaux-sociaux div.block-reseaux-sociaux div.content-reseaux-sociaux{
    margin: 0 auto 20px;
    width: 280px;
}
div.reseaux-sociaux div.list-reseaux-sociaux div.block-reseaux-sociaux div.logo-reseaux-sociaux i {font-size: 35px;
                                                                                                   margin-left: 3px;}
div.reseaux-sociaux div.list-reseaux-sociaux div.block-reseaux-sociaux div.content-reseaux-sociaux img{max-height: 300px;
                                                                                                       margin:0 auto 20px;
}
div.reseaux-sociaux div.list-reseaux-sociaux div.block-reseaux-sociaux div.content-reseaux-sociaux p {
    color: #545454;
    font-size: 14.6px;
    line-height: 18px;
    word-wrap: break-word;
}
div.reseaux-sociaux div.list-reseaux-sociaux div.block-reseaux-sociaux div.content-reseaux-sociaux p a {
    color: #3eccf7;
    margin-right:5px;
}
div.reseaux-sociaux div.list-reseaux-sociaux div.block-reseaux-sociaux div.date-reseaux-sociaux{
    margin: 0 auto;
    width: 280px;
}

div.reseaux-sociaux div.list-reseaux-sociaux div.block-reseaux-sociaux div.date-reseaux-sociaux p{
    color: #3eccf7;
    font-weight: bold;
}

div.reseaux-sociaux .swiper-container{
    /*width : 315px !important;*/
    width : 100% !important;
}

/*
    CA M INTERESSE
*/

div.ca-minteresse {
    background-color: white;
    border-top: 9px solid #ffce00;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px;
    margin-top:200px;
}

div.ca-minteresse div.link-ca-minteresse {
    margin-bottom: 20px;
    height:60px;
}

div.ca-minteresse div.link-ca-minteresse h4 {
    border-left: 15px solid;
    color: #343434;
    font-family: ars-bold;
    font-size: 17px;
    margin: 0;
    padding: 10px 0 10px 25px;
    text-transform: uppercase;
}
/*
    CA M INTERESSE
*/
div.description-quartier {
    background-color: white;
    border-top: 9px solid #ffce00;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
/*
    MES SERVICES
*/

div.mes-services{
    margin: 0 -15px 40px -15px;
    background-color: #343434;
}

div.mes-services div.container{
    background-color: white;
}

div.mes-services div.container ul.filters{
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    height: 115px;
    font-size: 14.68px;
    text-transform: uppercase;
    font-family: ars-bold;
}

div.mes-services div.container ul.filters li{
    display: block;
    line-height: 115px;
    padding-right:11px;
}
div.mes-services div.container ul.filters li.active{
    background: url('../image/sparrow-yellow-right.png') no-repeat right center ;
}
div.mes-services div.container ul.filters li a{
    color: #343434;
    display: block;
    text-align: center;
    background-color: #ffc900;
}
div.mes-services div.container div.category {
    margin-top: 15px;
    height: 85px;
    border-right:1px dotted black;
}


div.mes-services div.container div.category a{
    display: block;
    text-align: center;
    color: #343434;
    font-size: 14px;
    line-height: 14px;
}
div.mes-services div.container div.category a i{
    display:block;
    font-size:70px;
    line-height:60px;
}
/*
    INSCRIPTION NEWSLETTER
*/

div.inscription-newsletter {
    margin: 0 -15px;
    padding-top: 20px;
}
div.inscription-newsletter .block-title{
    color:#343434;
}

div.inscription-newsletter div.row-formulaire {
    text-align: center;
}

div.inscription-newsletter div.row-formulaire p {
    color: #343434;
    font-size: 14px;
    font-family: ars-regular;
}

div.inscription-newsletter div.row-formulaire form {
    margin: 20px 0 40px;
}

div.inscription-newsletter div.row-formulaire form input[type="text"] {
    border: none;
    height: 40px;
    padding: 0 10px;
    color: #343434;
}

div.inscription-newsletter div.row-formulaire form button {
    border: none;
    background-color: #343434;
    font-family: ars-bold;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    color:white;
}

/*
    SOUS MENU

*/
div.sous-menu {
    background-color: white;
}
div.sous-menu p.description-sous-menu, p.description-sous-menu{
    text-align: center;
    margin: 40px 0;
    font-family: ars-regular;
    font-size: 14px;
}
div.sous-menu div img.img-reponsive{max-height:189px;}

div.sous-menu div.link-sous-menu{
    margin-bottom: 20px;
    padding-top: 19px;
    margin-top: -19px;
    position: relative;
    z-index: 2;
    height: 150px;
    overflow: hidden;
}

div.sous-menu div.link-sous-menu h4{
    margin: 0;
    text-align: center;
    /*font-size: 18px;*/
    font-size:17px;
    font-family: ars-medium;
    text-transform: uppercase;
    padding: 12px 0;
    transition:line-height 0.5s;
}

div.sous-menu div.link-sous-menu p{
    height: 90px;
    background-color: #ededed;
    padding: 15px;
    font-family: ars-regular;
    color: #000;
    line-height: 17px;
}
div.sous-menu a.active  div.link-sous-menu{background: none;height:160px;transition:height 0.5s;}
div.sous-menu a.active  div.link-sous-menu h4 {
    height: 100%;
    line-height: 100px;
    background-image:url('../image/sparrow-top-white.png');
    background-position:bottom center;
    background-repeat:no-repeat;
    transition:line-height 0.5s;line-height: 19px;
}
div.block-sub-link-display{margin-top: -26px;clear: both;
                           margin-bottom: 20px;}
div.block-sub-link-display.close{display:none;}
div.block-sub-link {
    border-top: 6px solid;
    border-bottom: 6px solid;
}
div.block-sub-link div.col-xs-12.col-sm-6.col-lg-4.col-md-4 {
    height: 200px;
    overflow: hidden;
}
div.block-sub-link a{
    display: block;
    padding: 20px 5px;
}
div.block-sub-link a:hover{background-color: #ededed;transition:background-color 0.3s;}
div.block-sub-link a h5{
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-family: ars-medium;
    margin-bottom: 5px;
}

div.block-sub-link a p {
    color: black;
    line-height: 17px;
}

/*
    DETAIL
*/
div.block-detail{
    background-color: white;
    border-top: 9px solid white;
    padding-top: 10px;
    padding-bottom:15px;
}

div.block-detail div.list-icon-detail{
    text-align:right;
}

div.block-detail div.list-icon-detail a{
    color:#343434;
}

div.block-detail .title-block-detail{
    font-size: 32px;
    font-weight: bold;
    line-height: 34px;
    color: #000;
    margin: 10px 0;
    font-family: ars-medium;
}

div.block-detail p.type-offre-block-detail{
    font-size: 22px;
    color: #5d5d5d;
    text-transform: uppercase;
    font-family: ars-regular;
    margin: 0;
}

div.block-detail div.content-block-detail-offre-emploi{
    height: 70px;
    margin-bottom:30px;
}
div.block-detail div.content-block-detail-offre-emploi > div{
    height: 100%;
    padding-left: 30px;
    border-right: 1px dotted;
    padding-top: 10px;
    line-height: 16px;
}

div.block-detail div.content-block-detail-offre-emploi > div p{margin:0;}

div.block-detail div.content-block-detail-offre-emploi div.content-block-detail-offre-emploi-date-limite{
    position: relative;
    background-color: #ededed;
    padding-top: 30px;
    text-align: center;
    line-height: 14px;
    border: none;
    padding-left: 0;
    padding-right: 0;
}
div.block-detail div.content-block-detail-offre-emploi div.content-block-detail-offre-emploi-date-limite div.sparrow-date{
    position: absolute;
    top: -50px;
    left: 53px;
}
div.block-detail div.category-block-detail {
    font-size: 22px;
    text-transform: uppercase;
    color: #5d5d5d;
    font-family: ars-regular;
}

div.block-detail .description-block-detail{
    font-weight: bold;
    color: #343434;
    line-height: 17px;
}

div.block-detail div.sparrow-date {
    padding-bottom: 15px;
    margin: 15px -15px; 
}
div.block-detail.block-article div.sparrow-date,
div.block-detail .articles div.sparrow-date,
.articles div.sparrow-date 
{
 display:none;
}

div.block-detail p.date{
    color: #FFFFFF;
    font-family: ars-bold;
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    width: 55px;
    margin: 0 auto;
    
    
}
div.block-detail.block-article p.date{
      
     display:none;
}
div.block-detail p.date span{
    display: block;
    font-family: ars-black;
    font-size: 27.9px;
    line-height: 25px;
}

div.block-detail div.barre-nice-2020-block-detail{

    background-color: #343434;
    margin-top: 5px;
}

div.block-detail div.barre-nice-2020-block-detail ul{
    padding: 0;
    list-style: none;
    height: 62px;
    margin-bottom : 0px;
}

div.block-detail div.barre-nice-2020-block-detail ul li{
    height: 60px;
    float: left;
    position: relative;
    border-right: 1px dotted white;
    line-height: 60px;
    background-color: #343434;
    text-align : center;
    vertical-align : middle;
    padding : 0;
}
div.block-detail div.barre-nice-2020-block-detail ul li img.picto-realise{
    position: absolute;
    top: -30px;
    left: 25px;
    z-index: 2;
}
div.block-detail div.barre-nice-2020-block-detail ul li a{
    font-size: 20px;
    font-family: ars-bold;
    display: block;
    padding: 0 20px;
    height: 62px;
    color: white;
}

div.block-detail div.barre-nice-2020-block-detail ul li a i{
    font-size: 45px;
}

div.block-detail div.barre-nice-2020-block-detail .label-status{
    height : 45px;
    width : 90px;
    line-height : 31px;
    text-align : center;
    font-weight : bold;
    text-transform : uppercase;
    position : absolute;
    top : -26px;
    left : 26px;
    -ms-transform: rotate(-6deg); /* IE 9 */
    -webkit-transform: rotate(-6deg); /* Chrome, Safari, Opera */
    transform: rotate(-6deg);

    //background:url('../image/sparrow-white-nice-pratique.png') no-repeat top right #ffc900
}

div.block-detail div.barre-nice-2020-block-detail .video-wrapper{
    margin-top : 5px;
}

div.block-detail div.block-date-evenement{
    margin-top: 15px;
}

div.block-detail div.block-date-evenement div.add-agenda{
    height: 42px;
    text-transform: uppercase;
    line-height: 42px;
    border-top: 1px dotted #343434;
    border-bottom: 1px dotted #343434;
}

div.block-detail div.block-date-evenement div.add-agenda a{
    font-size: 14px;
    color: #343434;
    font-family: ars-medium;
    margin-left: -15px;
}

div.block-detail div.block-date-evenement div.add-agenda a i{
    font-size: 60px;
    line-height: 10px;
    vertical-align: -15px;
}
div.block-detail .sub-title{text-transform: uppercase;}
div.block-detail div.block-date-evenement div.date-evenement {
    height: 42px;
    text-transform: uppercase;
    line-height: 42px;
    border-top: 1px dotted #343434;
    border-bottom: 1px dotted #343434;
    text-align: right;
}

div.block-detail div.block-date-evenement div.date-evenement p{
    margin: 0;
    font-size: 24px;
    font-family: ars-light;
}

div.block-detail div.block-date-evenement div.date-evenement p span.heure{
    color: #343434;
    margin-left: 40px;
}

div.block-detail div.block-date-evenement div.date-evenement p span.heure i{vertical-align: -3px;}
div.block-detail div.content-block-detail{
    padding: 30px 0 0 0;
    color:#343434;
    margin-bottom: 10px;
}
div.block-detail div.content-block-detail img{margin-bottom:10px;}
div.content-block-detail img{max-width:100%;height:auto;}
div.block-detail div.content-block-detail div.liste-lieux div.sparrow-colors {
    padding-bottom: 15px;
}
div.block-detail div.content-block-detail div.liste-lieux div.sparrow-colors p{
    margin: 0;
    border-bottom: 4px solid;
    font-size: 22px;
    font-weight: bold;
    color: #343434;
}
div.block-detail div.content-block-detail div.liste-lieux ul{
    padding: 0;
    list-style: none;
}

div.block-detail div.content-block-detail div.liste-lieux ul li{
    padding-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
    margin-top: 10px;
}

div.block-detail div.content-block-detail div.liste-lieux ul li a{
    display: block;
    color: #343434;
    font-size: 12px;
}
div.block-detail div.content-block-detail div.liste-lieux ul li.active a{font-weight:bold;}

div.block-detail div.content-block-detail p.title{
    font-size: 24px;
    font-weight: bold;
}

div.block-detail table tbody tr td img{display:inline;}
/** Block Quote **/
div.quote-content-block-detail:before{
    content: " ";
    height: 15px;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

div.quote-content-block-detail:after{
    content: " ";
    height: 15px;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 5px;
}

div.quote-content-block-detail{
    font-size: 29px;
    text-align: center;
    font-weight: bold;
    position: relative;
    padding: 0 30px;
    line-height: 32px;
    margin-bottom:10px;
}

div.block-detail div.infos-content-block-detail{margin-bottom:10px;}
div.block-detail div.infos-content-block-detail .sparrow-container{
    padding-bottom: 15px;
    z-index: 2;
    position: relative;
}

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

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

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

div.block-detail div.infos-content-block-detail div.content-infos-content p.link a{
    font-size:16px;
}

div.block-detail div.document-infos-content {
    background: url('../image/corner-lieu.png') no-repeat bottom right #343434;
}

div.block-detail div.document-infos-content div.document{
    padding-top: 10px;
    padding-bottom: 10px;
    background:url('../image/barre-white-footer-separ.png') bottom center no-repeat;
}
div.block-detail div.document-infos-content div.document:last-child{background:none;}
div.block-detail div.document-infos-content div.document div.document-title i{
    float: left;
    font-size: 45px;
    margin: 0 5px;
}

div.block-detail div.document-infos-content div.document div.document-title p{
    color: white;
    font-size: 13px;
    font-family: ars-medium;
    line-height: 14px;
    margin: 0;
    letter-spacing: -0.3px;
    margin-top:3px;
    margin-left: 45px;
}

div.block-detail div.document-infos-content div.document div.document-title p span{
    display: block;
    font-family: arial;
    margin-top: 4px;
}

div.block-detail div.document-infos-content div.document div.document-icons i{
    font-size: 45px;

}

div.block-detail div.document-infos-content div.document div.document-icons i:first-child{
    margin-right: 15px;  
}

div.block-detail div.slider-block-detail div.slider-main{
    overflow: visible;
}

div.block-detail div.slider-block-detail div.slider-main div.fullwidthabnner {
    overflow: hidden;
}

/*
    SUR LE MEME SUJET
*/

div.meme-sujet a.block-article{
    display: block;
    margin-bottom: 20px;
}
div.meme-sujet a.block-article div.contenu{
    background-color: #FFFFFF;
    border-bottom: 1px dotted #000000;
    height: 95px;
    padding-top: 30px;
    position: relative;
}
div.meme-sujet a.block-article div.contenu div.sparrow-date {
    left: 20px;
    padding-bottom: 15px;
    position: absolute;
    top: -45px;
}
div.meme-sujet a.block-article div.contenu p.date{
    color: #FFFFFF;
    font-family: ars-bold;
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    width: 55px;
}

div.meme-sujet a.block-article div.contenu p.date span{
    display: block;
    font-family: ars-black;
    font-size: 27.9px;
    line-height: 25px;
}

div.meme-sujet a.block-article div.contenu p.title{
    color: #000000;
    font-family: ars-regular;
    font-size: 21.3px;
    margin: 0 0 5px;
    padding-left: 20px;
}

div.meme-sujet a.block-article div.contenu p.chapeau{
    color: #000000;
    font-size: 12px;
    padding-left: 20px;
}

div.meme-sujet a.block-article.small div.contenu {
    height: 70px;
}

div.meme-sujet a.block-article.small div.contenu p.title{   
    font-size: 14.2px;
}

/*
    AUTHENTIFICATION
*/

div.authentification {
    background-color: white;
    border-top: 9px solid;
    padding-top: 20px;
    min-height:500px;
}

div.authentification p{
    text-align: center;
    color: #343434;
    font-family: ars-regular;
}

/*
    MEME SUJET EVENEMENT
*/
div.meme-sujet-evenement{
    margin-left: -15px;
    margin-right: -15px;
    background-color: #b3b3b3;
}

div.meme-sujet-evenement a.block-article div.content-title {
    background-color: white;
    border-bottom: 1px dotted;
    padding: 10px;
    height: 73px;
    border-radius: 5px 5px 0 0;
}

div.meme-sujet-evenement a.block-article div.content-title p.category {
    color: #343434;
    text-transform: uppercase;
    font-size: 13px;
    margin: 0;
}

div.meme-sujet-evenement a.block-article div.content-title p.title {
    font-size: 16.45px;
    font-weight: bold;
    color: #000;
    margin: 0;
    line-height: 17px;
}

div.meme-sujet-evenement a.block-article div.block-contenu {
    vertical-align: middle;
    line-height: 60px;
    height: 50px;
    padding: 5px 100px 5px 10px;
    background-color: #ededed;
    margin-bottom: 90px;
}

div.meme-sujet-evenement a.block-article div.block-contenu p{
    font-family: ars-bold;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 17px;
}

div.meme-sujet-evenement a.block-article div.block-contenu p i{
    font-size: 50px;
    float: left;
    vertical-align: 6px;
    line-height: 32px;
}

/*
    OFFRES POUVANT VOUS INTERESSER
*/
div.same-offers {
    margin: 0 -15px;
    background-color: #cecece;
}

div.same-offers div.content-reference{
    background-color: #ededed;
}
div.same-offers div.content-reference div.reference{
    padding: 10px 0 0 10px;
}
div.same-offers div.content-reference div.reference p{
    margin: 0;
    font-size: 14px;
    line-height: 16px;
}
div.same-offers div.content-reference div.sparrow-date {
    padding-bottom: 15px;
    margin: 0 -0 -15px;
    width: 55px;
    float: right;
}
div.same-offers div.content-reference p.date{
    color: #FFFFFF;
    font-family: ars-bold;
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    width: 55px;
    margin: 0 auto;
}
div.same-offers div.content-reference p.reference{
    margin-top: 5px;
    padding-left: 10px;
    font-size: 14px;
    margin-bottom: 0;
    color: #343434;
}
div.same-offers div.content-reference p.date span{
    display: block;
    font-family: ars-black;
    font-size: 27.9px;
    line-height: 25px;
}

div.same-offers div.content-offers {
    background-color: white;
    padding: 15px 5px 0 10px;
}

div.same-offers div.content-offers p.title-offers{
    font-size: 20px;
    font-weight: bold;
}
div.same-offers div.content-offers div.block-informations-offers{
    margin-bottom: 10px;
}
div.same-offers div.content-offers div.block-informations-offers p{
    margin: 0;
    font-size: 14px;
    line-height: 16px;
}

/*
    CONTACT
*/
div.block-contact {
    background-color: white;
    border-top: 9px solid;
    padding-top: 20px;
}
div.block-contact div.description-block-contact{
    margin-bottom:30px;
}
div.block-contact div.description-block-contact p{
    margin: 0;
    font-family: ars-regular;
}
div.block-contact div.description-block-contact p:first-child{
    font-family: ars-medium;
    margin-bottom: 5px;
}
div.block-contact form fieldset{margin-bottom:20px;}
div.block-contact form fieldset legend {
    border: medium none;
    font-family: ars-regular;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

div.block-contact form div.form-label label  {
    color: #343434;
    line-height: 30px;
    text-transform: uppercase;
    padding-left: 35px;
}

div.block-contact form div.form-label input[type="email"],
div.block-contact form div.form-label input[type="text"]  {
    background-color: #ededed;
    border: 1px solid #ededed;
    padding: 5px 15px;
    margin-bottom: 5px;
}
div.block-contact form div.form-label div.validator{margin-bottom:10px;}
div.block-contact form div.form-label textarea  {
    background-color: #ededed;
    border: none;
    width:100%;
    max-width:100%;
    min-height:150px;
}

div.block-contact form div.form-label .select2-choice{background: #ededed;}

div.block-contact form div.form-submit {
    text-align: center;
    margin-bottom: 30px;
}
div.block-contact form div.form-submit input[type="submit"]{background-color: #343434;font-family: ars-medium;}

div.block-contact div.infos-content-block-detail .sparrow-container{
    padding-bottom: 15px;
    z-index: 2;
    position: relative;
}

div.block-contact 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-contact div.infos-content-block-detail div.content-infos-content {
    margin-top: -15px;
    background-color: #ededed;
    padding: 15px 10px 5px 10px;
}

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

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

div.partage div.addthis_sharing_toolbox div.at-share-tbx-element a.at-share-btn.at-svc-facebook:after {
    content: "Partager";
    background:url('../image/sparrow-very-small-blue.png') no-repeat top center white;                                                                                                  
    font-weight: bold;
    text-transform: uppercase;
    color: #2b6099;
    display: block;
    text-align: center;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    bottom: 0;
}

div.partage div.addthis_sharing_toolbox div.at-share-tbx-element a.at-share-btn.at-svc-twitter:after {
    content: "Twitter";
    background:url('../image/sparrow-very-small-lightblue.png') no-repeat top center white;                                                                                                  
    font-weight: bold;
    text-transform: uppercase;
    color: #00ace3;
    display: block;
    text-align: center;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    bottom: 0;
}

div.partage div.addthis_sharing_toolbox div.at-share-tbx-element a.at-share-btn.at-svc-google_plusone_share:after {
    content: "Partager";
    background:url('../image/sparrow-very-small-red.png') no-repeat top center white;                                                                                                  
    font-weight: bold;
    text-transform: uppercase;
    color: #dc4b38;
    display: block;
    text-align: center;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    bottom: 0;
}

div.partage div.addthis_sharing_toolbox div.at-share-tbx-element a.at-share-btn {
    width: 48%;
    display: inline-block;
    height: 85px;
    cursor:pointer;
    position: relative;
    outline: 1px solid #e2e2e2;
}
div.partage div.addthis_sharing_toolbox div.at-share-tbx-element a.at-share-btn.at-svc-facebook {background-color: #2b6099;margin-right:5px;}
div.partage div.addthis_sharing_toolbox div.at-share-tbx-element a.at-share-btn.at-svc-twitter {background-color: #00ace3;margin-right:5px;}
div.partage div.addthis_sharing_toolbox div.at-share-tbx-element a.at-share-btn.at-svc-google_plusone_share {background-color: #dc4b38;}

div.partage div.addthis_sharing_toolbox div.at-share-tbx-element a.at-share-btn span.at300bs{background: none;
                                                                                             display: block;
                                                                                             margin: 5px auto 0;text-align: center;}

div.partage div.addthis_sharing_toolbox div.at-share-tbx-element a.at-share-btn.at-svc-facebook span.at300bs.at15t_facebook:before{content: "\76";
                                                                                                                                   font-family: niceicons;
                                                                                                                                   color: white;
                                                                                                                                   font-size: 30px;}
div.partage div.addthis_sharing_toolbox div.at-share-tbx-element a.at-share-btn.at-svc-twitter span.at300bs.at15t_twitter:before{content: "\63";
                                                                                                                                 font-family: niceicons;
                                                                                                                                 color: white;
                                                                                                                                 font-size: 30px;}
div.partage div.addthis_sharing_toolbox div.at-share-tbx-element a.at-share-btn.at-svc-google_plusone_share span.at300bs.at15t_google_plusone_share:before{content: "\74";
                                                                                                                                                           font-family: niceicons;
                                                                                                                                                           color: white;
                                                                                                                                                           font-size: 30px;}

div.partage-footer {
    overflow: hidden;
    height: 90px;
}

div.partage-footer.close a.at-share-btn{
    float: left;
}
div.partage-footer.close a.at-share-btn{margin-top: 95px;}
div.partage-footer a.at-share-btn.at-svc-facebook{transition: margin-top 0.3s;}
div.partage-footer a.at-share-btn.at-svc-googleplus{transition: margin-top 0.9s;}
/*
    TERRE DE CULTURE
*/

div.terre-de-culture form .select2-container{
    margin-top: 2px;
    margin-left: 2px;
}

div.terre-de-culture form div.block-valid-event button{
    border: none;
    background-color: #343434;
    padding: 0 20px;
}

/*
    A DECOUVRIR
*/
div.a-decouvrir a.link-collapse{display: block;
                                font-family: ars-regular;
                                cursor:pointer;
                                font-size: 23px;
                                position:relative;
                                padding: 10px 0 10px 5px;}

div.a-decouvrir a.link-collapse:after{
    content: "";
    background: url('../image/select2-arrow-big-bottom-white.png') no-repeat center center;
    width: 50px;
    display: block;
    height: 52px;
    position: absolute;
    top: 0;
    right: 0;
}
div.a-decouvrir a.link-collapse img {
    margin-top: -70px;
    position: absolute;
    left: 20px;
    z-index: 21;
}

div.a-decouvrir div.liste-a-decouvrir{
    background-color: #343434;
    display:none;
}
div.a-decouvrir div.liste-a-decouvrir.open{display:block;}
div.a-decouvrir div.liste-a-decouvrir ul{
    list-style: none;
    padding: 30px 0;
    height: 185px;
}


div.a-decouvrir div.liste-a-decouvrir ul li{
    float: left;
    border-right: 1px dotted white;
    height: 130px;
    padding-top: 5px;  
}

.swiper-container-culture{
   width:100%;
   height:115px;
   overflow:hidden;
}


div.a-decouvrir div.liste-a-decouvrir ul li:hover, div.a-decouvrir div.liste-a-decouvrir .swiper-container-culture > div > div:hover {
    background-image:url('../image/sparrow-grey-a-decouvrir.png');
    background-repeat:no-repeat;
    background-position:top right;
}
div.a-decouvrir div.liste-a-decouvrir ul li:hover a i, div.a-decouvrir div.liste-a-decouvrir .swiper-container-culture > div > div:hover a i{color:#343434;}
div.a-decouvrir div.liste-a-decouvrir ul li:last-child, div.a-decouvrir div.liste-a-decouvrir .swiper-container-culture > div > div:last-child{border:none}
div.a-decouvrir div.liste-a-decouvrir ul li a, div.a-decouvrir div.liste-a-decouvrir .swiper-container-culture div a {
    color: white;
    display: block;
    font-size: 12px;
    text-align: center;
    width: 128px; 
    line-height: 17px;
    padding: 0 5px 10px 5px;
    font-family: ars-bold;
    text-transform: uppercase;
}

div.a-decouvrir div.liste-a-decouvrir .swiper-container-culture div a{
    padding:0;
    margin:0 auto;
}

div.a-decouvrir div.liste-a-decouvrir ul li a i, div.a-decouvrir div.liste-a-decouvrir .swiper-container-culture div a i {
    font-size: 70px;
    display: block;
}
div.a-decouvrir div.liste-a-decouvrir .swiper-container-culture div a i{
    font-size: 110px;
    display: block;
}
div.a-decouvrir div.liste-a-decouvrir ul li:hover a i, div.a-decouvrir div.liste-a-decouvrir .swiper-container-culture div:hover a i {color:#343434 !important}

div.a-decouvrir div.slider{
    margin:0px;
}
div.a-decouvrir div.liste-a-decouvrir .swiper-container-culture {
    width:100%;
    height:190px;
    overflow:hidden;
}

div.sitemap h3{
    font-size: 24px;
    text-transform: uppercase;
    font-family: ars-bold;
    margin-bottom: 25px;
}

div.sitemap h4{
    text-indent: 10px;
    font-family: ars-medium;
}

div.sitemap ul{
    padding-left: 25px;
    list-style: none;
    margin-bottom: 25px;
}

div.sitemap li{
    margin-bottom: 5px;
    margin-right: 25px;
}
div.sitemap li a{
    color: #00c3d5;
    padding: 4px 10px;
    display: block;
    font-size: 14px;
    font-family: ars-regular;
}
div.sitemap li:hover a{color: #343434;text-decoration:underline}

div.sitemap li.under-link{text-indent:20px;}

div.map-block{background-color:#ededed}

/** Gallery **/
.grid-wrap div.grid div.bloc-gallery{min-height:180px;}
.grid-wrap div.grid div.bloc-gallery p.titre-photo{text-align: center;padding: 2px 0;font-family: ars-regular;}

.tab-btn-nice2020{}
.list-block-nice2020-wrapper{ background-color : white; padding : 10px; }

/** tab list **/
.tab-btn-nice2020 .tab-list{ text-align : center; border-left : 1px dashed white; cursor : pointer; font-size : 14px; height : 55px; margin-bottom : -28px; margin-top : 30px;}
.tab-btn-nice2020 .tab-list:hover{ z-index : 9; color : #343434; background: url('../image/tab-deco-bottom.png') no-repeat bottom center; }
.tab-btn-nice2020 .tab-list.active{ z-index : 9; color : #343434; background: url('../image/tab-deco-bottom.png') no-repeat bottom center; }
.tab-btn-nice2020 .tab-list:first-child{ border-left : none; }
.tab-btn-nice2020 .tab-list a{ display : block; width : 100%; height : 100%; color : #343434;}

/** btn list **/
.tab-btn-nice2020 .btn-list{ width : 59px; height : 53px; display : block; margin-left : 6px;}
.tab-btn-nice2020 .btn-list:first-child{ margin-left : 0px; }
.tab-btn-nice2020 .btn-list.btn-list-map:hover{ background-position : 0px 0px; }
.tab-btn-nice2020 .btn-list.btn-list-list:hover{ background-position : 0px 0px; }
.tab-btn-nice2020 .btn-list.btn-list-map{ background: url('../image/btn-project-list-map.png') no-repeat top center; background-position : 0px -53px;}
.tab-btn-nice2020 .btn-list.btn-list-list{ background: url('../image/btn-project-list-list.png') no-repeat top center; background-position : 0px -53px;}
.tab-btn-nice2020 .btn-list.active{ background-position : 0px 0px; }


/** items **/
.projet-item-wrapper{ margin-top : 25px;}
.projet-item-wrapper h4{ text-transform : uppercase; font-weight : bold; text-align : left; padding-left : 5px;height:40px;}
.projet-item-wrapper .projet-item-img-wrapper{ height : 350px; border-radius : 5px; }
.projet-item-wrapper .projet-caption-wrapper{ padding : 10px; text-align : left; color : white;  background-color: rgba(0, 0, 0, 0.5); border-top-left-radius: 5px; border-top-right-radius: 5px;}


/** button voir + **/
.btn-voir-plus-wrapper{ margin-top : 14px; text-align : center; }
.btn-voir-plus-wrapper .btn-voir-plus-label-wrapper{ background-color : none; background:transparent; border-right : 1px dashed #343434; display : inline-block;  width : 96px; height : 38px; line-height : 38px; font-weight : bold; cursor : pointer;}
.btn-voir-plus-wrapper .icon-plus{ margin-left : 0px; display : inline-block; width : 38px; height : 38px; line-height : 38px; background-color : #343434; color : white; }

/** Map **/
.list-block-nice-map-wrapper{ padding : 0px; margin : 0px; }

/** Info Window Map **/
.window-info-wrapper{
    width : 240px;
}

.window-info-wrapper .image-wrapper{
    padding : 0; 
    margin-bottom : 4px;
    /*box-shadow : 1px 1px 2px black;*/
}

.window-info-wrapper .content-wrapper{
    padding : 0; 
}

.gm-style-iw div{
    overflow : hidden;
}

.window-info-wrapper .content-wrapper H3{
    padding : 0;
    margin : 0;
    text-align : left;
    margin-bottom : 9px;
    padding-bottom : 6px;
    border-bottom : 1px solid #cccccc;
    font-size : 15px;
    text-transform : uppercase;
    font-weight : bold;
    margin-top : 4px;
}

.window-info-wrapper .content-wrapper p{
    text-align : left;
    color : black;
}

.menu-absolute{
    position : absolute !important;
}

.chapeau{
    min-height : 180px;
}

.header-main{   
    //background-color: rgba(0, 85, 152, 0.5);
}

.nav-arrow-content{
    background-color : rgba(0 , 195, 213, 1);
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: ars-bold;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-top: -7px;
    padding: 0 15px;
    text-transform: uppercase;
    text-align:center;
    list-style-type : none;
}

.nav-arrow-content li{
    display : none;
    float:none;
}

.nav-arrow-content li a{
    color : white;
}

.nav-arrow-content li.active{
    display : block;
}

.nav-arrow-wrapper .arrow-left,
.nav-arrow-wrapper .arrow-right{
    cursor : pointer;
}


.unlockMap{
    font-weight : normal;
    position : absolute;
    top : 10px;
    left : 55px;
    width: 40px;
    height: 43px;
    background:url("../image/map-lock.png") no-repeat top left;
}

.unlockMap-inner-shadow{
    box-shadow: -1px 2px 2px 1px rgba(0, 0, 0, 0.7);
    background:url("../image/map-unlock.png") no-repeat top left;
}


.featured-portrait{
    margin-top : -103px !important;
    width : 182px !important;
}

.noresult{
    height:200px;
}
.noresult p{
    padding-top:50px;
    font-size:16px;
    font-weight:bold;
    text-align:center;
}

div.en-ce-moment div.block-filters ul li a.en_ce_moment_tout_type{
    padding:20px 0 21px 0;
}

.play-logo-video{
    width : 110px;
    height : 74px;
    line-height : 74px;
    text-align : center;
    border-radius : 5px;
    color : rgba(255, 255, 255, 0.9);
    font-size : 32pt;
    position : absolute;
    top : 50%;
    bottom : 50%;
    left : 50%;
    right : 50%;
    margin-top : -37px;
    margin-left : -55px;
    background-color : rgba(0, 0, 0, 0.4);
}

.authentification  .form-submit{
    margin-bottom:20px;
}

.iconcalendar {
    font-size : 20pt !important;
    margin-top : -1px !important;
    margin-left : 9px;
}

/****** AJOUT CLIENT VILLE DE NICE : ORGANIGRAMME *****************/

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/** For IE 6/7 only. Include this rule to trigger hasLayout and contain floats. **/
.cf {
    *zoom: 1;
}

.administration > li {

}

.org-chart div:focus{
    outline: 2px dashed #f7f7f7;
}

.org-chart ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.org-chart h4 {
    font-size:16px;
    margin: 0.25em 0;
}
.org-chart * {
    position: relative;
}

.org-chart ul div{
    display: block;
    background: #00C3D5; /* Couleur fond premiers blocs */
    border: 2px solid #fff;
    text-align: center;
    overflow: hidden;
    font-size: .7em;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    height: 162px;
    margin-bottom: -26px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
    -webkit-transition: all linear .1s;
    -moz-transition: all linear .1s;
    transition: all linear .1s;
}

.org-chart .administration > li > div{
    margin-bottom: 25px;
}

.org-chart .director > li > div{
    width: 50%;
    margin: 0 auto 0px auto;
}

.org-chart .departments{
    width: 100%;
}

.org-chart .departments > li:first-child, .departments > li:nth-child(2) {
    /*width: 18.59894921190893%;*/
    width: 33%;
    height: 103px;
    margin: 0 auto;
    padding-top: 25px;
    z-index: 1;
}

.org-chart .departments > li:first-child, .departments > li:nth-child(2){
    float: left;
    left: 17.05%;
    border-right: 4px solid #0882A0 ;
}

.org-chart .departments > li:first-child div{
    width: 100%;
}

.org-chart .departments > li:nth-child(2){
    height:154px;
    top:30px;
    clear:left;
    margin: 0 auto 56px auto;
}

.org-chart .departments > li:first-child div, .org-chart .departments > li:nth-child(2) div{
    height: 108px;
    right:-47.599%
}

@media all and (max-width: 768px){

    .org-chart .director > li > div{
        width: 100%;
        margin: 0 auto 0px auto;
    }
    .org-chart .departments > li:first-child, .departments > li:nth-child(2){
        width: 90%;
        left: -39.45%;
        margin-left: 2px;
    }

}

.org-chart .department:first-child,
.org-chart .departments li:nth-child(3){
    margin-left: 0;
    clear: left;
}

.org-chart .departments:after{
    content: "";
    display: block;
    position: absolute;
    width: 66.1%;
    height: 22px;
    border-top: 4px solid #0882A0 ;
    border-right: 4px solid #0882A0 ;
    border-left: 4px solid #0882A0 ;
    margin: 0 auto;
    top: 287px;
    left: 16.5%
}

@media all and (max-width: 768px){
    .org-chart .departments:after{
        border-right: none;
        left: 0;
        width: 50.5%;
    }
}

@media all and (min-width: 768px){
    .org-chart .department:first-child:before,
    .org-chart .department:last-child:before{
        border:none;
    }
}

/*.department:before{*/
.org-chart .avant:before{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 22px;
    border-left: 4px solid #0882A0 ;
    z-index: 1;
    top: -22px;
    left: 52.3%;
    margin-left: -4px;
}

.org-chart .department{
    border-left: 4px solid #0882A0 ;
    width: 31.59894921190893%;
    float: left;
    margin-left: 1.751313485113835%;
    margin-bottom: 60px;
}

.org-chart .lt-ie8 .department{
    width: 18.25%;
}

@media all and (max-width: 768px){
    .org-chart .department{
        float: none;
        width: 100%;
        margin-left: 0;
    }

    /*.department:before{*/
    .org-chart .avant:before, .org-chart .department:last-child:before{
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 60px;
        border-left: 4px solid #0882A0 ;
        z-index: 1;
        top: -60px;
        left: 0%;
        margin-left: -4px;
    }

    .org-chart .department:nth-child(2):before{
        display: none;
    }
}

.org-chart .department > div{
    margin: 0 0 -26px -4px;
    z-index: 1;
    height:auto;
}

.org-chart .department > ul{
    margin-top: 0px;
    margin-bottom: 0px;
}

.org-chart .department li{
    padding-left: 25px;
    border-bottom: 4px solid #0882A0 ;
    height: 128px;
}

.org-chart .department li div{
    background: #fff;
    top: 48px;
    position: absolute;
    z-index: 1;
    width: 95%;
    height: 112px;
    vertical-align: middle;
    right: -1px;
}

.org-chart .department li div:hover{
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.4);
    background-image: none!important;
}

/* Department/ section colors */
.org-chart .director > li > div  { background: #0882A0; color:#fff; }
.org-chart .department.dep-a div{ background: #A2317C; }
.org-chart .department.dep-b div{ background: #00C3D5; }
.org-chart .department.dep-c div{ background: #FD483F; }

.org-chart h2 { margin:0.25em 0}
.org-chart h3 { margin:0.25em 0}

.org-chart li > div > img { float : left; width:100px;}
.org-chart li > div > img.maire { width:150px;}

.org-chart .dep-a li > div > img { width:80px;}
.org-chart .department.dep-a li div { height: 90px;}


/** SIDE MENU **/
.side-menu-wrapper{

}

.side-menu-wrapper h2{
    font-size : 23px;
    margin-bottom : 4px;
    font-weight : bold;
}


.side-menu-wrapper ul{
    padding : 5px 0px;
    margin : O;
}

.side-menu-wrapper li{
    list-style: none;
    padding : 0px 0px;
    border-bottom : 1px solid rgb(208, 208, 208);
}

.side-menu-wrapper li a:hover{
    background-color: #e8e8e8;
}

.side-menu-wrapper li a{
    color : #333333;
    display : block;
    padding : 5px 0px;
}

.side-menu-wrapper li:last-child{
    border : none;
}


.side-menu-wrapper .sparrow-container{
    padding-bottom: 15px;
    padding-right : 0;
    z-index: 2;
    position: relative;
}

.side-menu-wrapper .sparrow-colors{
    background-position : bottom right 50px !important;
}

.side-menu-wrapper  .title-infos-content {height: 5px;}
div.mega-menu.dropdown-menu div.content-wrapper{
    border-right: 1px dotted #fff;
    margin-bottom:15px;
}
div.mega-menu.dropdown-menu div.content-wrapper.last{
    border:none;
}