/* FONT */

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

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

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

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

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('fonts/glyphicons-halflings-regular.eot');
    src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/* END FONT *

//var/www/www.cote-azur.cci.fr/extension/pticbase/design/new_cci/override/templates/

/* COMMON */

.beige-bg {

    background-color: #f2f2f2;
}

.no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.no-padding-left {
    padding-left: 0px !important;
}

.no-padding-right {
    padding-right: 0px !important;
}

.no-margin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.third {
    width: 33%;
}

.button-all-items {
    display: block;
    text-align: center;
    margin: 10px 0px 15px 0px;
}

.button-all-items a {
    background: url("../images/arrow-bottom-white.png") no-repeat scroll 95% center #5B5B5B;
    border-radius: 15px;
    color: #FFFFFF;
    display: inline-block;
    font: 14px/20px Arial, sans-serif;
    margin: 5px auto 0;
    padding: 2px 30px 2px 15px;
    text-decoration: none;
    text-transform: uppercase;
}

/* END COMMON */

/* LINKS */

/* common */
a, a:focus {
    background: transparent;
    color: #e30043;
    text-decoration: none;
    outline: 0 !important;
}

a:active, a:hover {
    outline: 0 !important;
}

a:hover {
    color: #e30043;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* navigation */

/* homepage carrousel */

/* agenda */
.agendas ul li a, .agendas ul li a:active, .agendas ul li a:visited, .agendas ul li a:focus, .agendas ul li a:hover {
    text-decoration: none;
}

/* presse */

/* rebond */

/* END LINKS */

/* HEADER */

/* lg header */
.header .visible-lg {
    margin: 5px 0px 5px 0px;
}

.header .visible-lg .main-logo {
    margin-top: 25px;
}

.header .visible-lg .mini-site-logo {
    margin: 8px;
}

/* mobile header */
.header-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
    background: #f7f7f7;
}

/* mobile logo */

@media (max-width: 768px) {
    .mobile-logo {
        background: #fff;
    }
}

/* mobile header : menu */
.header .main-logo-mobile {
    width: 250px;
    height: 42px;
    margin: 0px;
}

.header .btn-group .glyphicon {
    font-size: larger;
    color: #fff;
}

.header .btn-group .btn, .header .btn-group .btn:hover {
    border: 1px solid transparent;
    border-radius: 0px;
    padding: 8px 12px;
}

.header .btn-group button {
    color: #fff;
}

.header .btn-group.pull-left button {
    margin-right: 2px;
    background: #2bb6b7;
}

.header .btn-group.pull-right button {
    margin-left: 2px;
    background: #E30043;
}

.header .btn-group #btn_mobile_search {
    margin-left: 44px;
}

/* HEADER - MOBILE : common */
.header-mobile-panel {
    text-align: center;
    min-height: 44px;
}

/* HEADER - MOBILE : phone contact */
#header-contact-phone .phone-contact {
    font-family: 'dejavu_sanscondensed_bold';
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 12px;
    margin-top: 10px;
}

#header-contact-phone .phone-contact * {
    color: #2bb6b7;
}

#header-contact-phone .phone-contact span {
    font-size: 11px;
    font-family: 'dejavu_sanscondensed';
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
}

/* HEADER - MOBILE : share zone */
#share-panel {
    padding-top: 6px;
}

#share-panel .social-network {
    float: none;
}

/* HEADER - MOBILE : search zone */
#header-mobile-search .search-form {
    width: 100%;
    padding-right: 5px;
}

#header-mobile-search .search-form input {
    background: #a5a5a5;
    border: 1px solid #a5a5a5;
    border-radius: 4px;
    margin: 7px 0px 0px 0px;
    padding: 5px;
    width: 100%;
    color: #fff;
}

/* HEADER - MOBILE : profile */
.profile-list ul {
    margin: 0px;
    padding: 0px;
    width: auto;
    float: right;
}

.profile-list ul li {
    margin: 2px;
    padding: 5px 10px;
    list-style: none;
    display: inline-block;
}

.profile-list ul li:hover {
    color: #fff;
    background: #E30043;
}

.profile-list ul li:hover a,
.profile-list ul li:hover a:hover,
.profile-list ul li a:hover {
    color: #fff;
}

/* END HEADER */

/* HEADER CORPORATE*/
.phone-contact {
    margin-bottom: 5px;
}

.social-network {
    margin: 0px 0px 0px 2px;
    padding: 0px;

}

.social-network li {
    display: inline-block;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.social-network .sn_img {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('../images/ccinca-social.png');
    background-repeat: no-repeat;
    margin-left: 0px;
}

.span-selecter {
    display: block;
    height: 26px;
    width: 75%;
    background-color: #E5D9CB;
    border-radius: 15px;
    text-align: left;
    color: black;
    padding: 5px;
}

.span-selecter .location {
    float: left;
    font-size: 12px;
    margin-left: 4px;
    font-weight: bold;
}

.span-selecter .caret {
    margin-right: 4px;
}

.sn_img.in {
    background-position: 0px -32px;
}

.sn_img.viadeo {
    background-position: -32px -32px;
}

.sn_img.tweet {
    background-position: -64px -32px;
}

.sn_img.fb {
    background-position: -96px -32px;
}

.sn_img.gplus {
    background-position: -128px -32px;
}

.sn_img.rss {
    background-position: -160px -32px;
}

.sn_img.nl {
    background-position: -192px -32px;
}

.sn_img.in:hover {
    background-position: 0px 0px;
}

.sn_img.viadeo:hover {
    background-position: -32px 0px;
}

.sn_img.tweet:hover {
    background-position: -64px 0px;
}

.sn_img.fb:hover {
    background-position: -96px 0px;
}

.sn_img.gplus:hover {
    background-position: -128px 0px;
}

.sn_img.rss:hover {
    background-position: -160px 0px;
}

.sn_img.nl:hover {
    background-position: -192px 0px;
}

/*END HEADER CORPORATE*/

/* NAVIGATION : commom */

@media (max-width: 768px) {
    .navbar-default {
        font-family: 'dejavu_sanscondensed';
    }
}

@media (min-width: 768px) {
    .navbar-default {
        font-family: 'dejavu_sanscondensed_bold';
    }
}

.navbar-default {
    color: #fff;
    background-color: #5B5B5B;
    border: 0px solid #fff;
    font-size: 12px;
}

.navbar .current_menu {
    background: #E30043;
}

h3.submenu-title {
    font: bold normal normal 12px "dejavu_sanscondensed_bold" !important;
    text-decoration: none;
    display: block;
    line-height: 16px;
    text-transform: uppercase;
    text-align: center;
    background-color: #8f8e8e;
    color: white;
    float: none;
    padding: 5px 0px;
    margin-top: 10px;
}

h3.submenu-title a {
    font: bold normal normal 12px "dejavu_sanscondensed_bold" !important;
    color: white !important;
    text-decoration: none;
    text-transform: uppercase !important;
    padding: 0px;

}

/* NAVIGATION : corporate */
/* parent items */
.parent-item {
    text-transform: uppercase;
    max-width: 115px;
    height: 100%;
    text-align: center;
}

/* profile */
.profil a {
    width: 100%;
    display: block;
}

.profil a span,
.profil a:hover span {
    background: #8F8E8E url(../images/profil-bg.png) no-repeat 90% center;
    border-radius: 15px;
    padding: 5px 30px 5px 10px;
    margin-top: 15px;

}

.profil ul {
    display: none;
    position: absolute;
    margin: 0px;
    padding: 0px;
}

.profil ul li {
    margin: 0px;
    padding: 5px 10px;
    border-top: 1px solid #fff;
    background: #8F8E8E;
    list-style: none;
}

.profil ul li a, .profil ul li a:visited, .profil ul li a:active {
    color: #fff;
}

.profil ul li:hover {
    background: #E30043;
    cursor: pointer;
}

.profil:hover ul {
    display: block;
}

/* search field */
.main-search-form input[type="text"] {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: none;
    height: 24px;
    padding-left: 30px;
    font: normal 12px/24px Arial, sans-serif;
    background: white url(../images/loupe.png) no-repeat 7px 4px;
    margin-top: 14px;
    color: #333;
    width: 150px;
}

/* child items */

.main-menu .megamenu li {
    text-align: left;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
}

.main-menu .megamenu li a {
    display: block;
    color: #555555;
    width: 100%;
    padding: 3px 12px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FFFFFF;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
    background-color: #E30043;
}

#menu-content li.dropdown .menu-indicator {
    height: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #E5D9CB;
    display: none;
    width: 98%;
    cursor: pointer;
    bottom: 0;
    position: absolute;
    left: 1%;
}

#menu-content li.dropdown.open .menu-indicator:hover {
    background: #E5D9CB;
}

#menu-content li.dropdown.open .menu-indicator {
    background: #8f8e8e;
    display: block;
}

#menu-content li.dropdown .main-category-link:hover {
    cursor: pointer;
    color: gray;
}

#menu-content li.dropdown:hover .menu-indicator {
    display: block;
}

.navbar-nav > li > a > span {
    height: 50px;
    display: inline;
}

/* NAVIGATION : commom - advertising */
.nav-ad-container {
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

.nav-ad-container * {
    line-height: normal;
}

.nav-ad-container .title {
    font-family: 'dejavu_sanscondensed';
    font-weight: normal;
    text-transform: uppercase;
    color: #E30043;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

,
.nav-ad-container .title, .nav-ad-container a {
    font-size: 12px;
}

.nav-ad-container a, .nav-ad-container img {
    margin: 0px !important;
    padding: 0px !important;
}

.nav-ad-container img {
    width: 210px;
    height: auto;
    margin-top: 5px;
}

/* NAVIGATION - MINI-SITE REBOND */
.main-color-mediumblue .visible-lg .navbar,
.main-color-orange .visible-lg .navbar {
    margin-bottom: 10px;
}

.main-color-orange .navbar-default .navbar-nav > .open > a,
.main-color-orange .navbar-default .navbar-nav > li > a:hover,
.main-color-orange .navbar-default .navbar-nav > li > a:focus,
.main-color-orange .navbar-default .navbar-nav > li > a:active {
    background-color: #f60;
}

.main-color-orange .navbar .current_menu {
    background: #f60;
}

.rebond-submenu ul {
    display: none;
    position: absolute;
    margin: 0px;
    padding: 0px;
}

.rebond-submenu ul li {
    margin: 0px;
    padding: 5px 10px;
    border-top: 1px solid #fff;
    background: #8F8E8E;
    list-style: none;
}

.rebond-submenu ul li a, .rebond-submenu ul li a:visited, .rebond-submenu ul li a:active {
    color: #fff;
}

.rebond-submenu ul li:hover {
    background: #f60;
    cursor: pointer;
}

.rebond-submenu:hover ul {
    display: block;
}

/* NAVIGATION - MINI-SITE PRESSE */
.main-color-blue .navbar-default .navbar-nav > .open > a,
.main-color-blue .navbar-default .navbar-nav > li > a:hover,
.main-color-blue .navbar-default .navbar-nav > li > a:focus,
.main-color-blue .navbar-default .navbar-nav > li > a:active {
    background-color: #069;
}

.main-color-blue .navbar .current_menu {
    background: #069;
}

.main-color-blue .search-form input[type="text"] {
    margin: 12px 0px 0px 0px;
}

/* NAVIGATION : mobile */
@media (max-width: 992px) {
    .navbar-default {
        background-color: #fff;
    }
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar-default .navbar-brand {
    color: #fff;
}

.menu-large {
    position: static !important;
}

#menu-mobile {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

#menu-mobile li {
    background-color: #5b5b5b;
    margin-bottom: 3px;
    text-align: center;
    height: 70px;
    border-radius: 0px 3px 3px 0px;
}

#menu-mobile li:hover {
    background-color: #E30043;
}

#menu-mobile li a:hover,
#menu-mobile li:hover a,
#menu-mobile li:hover a:hover {
    color: #fff;

}

#menu-mobile li a {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    display: inline-block;
}

#menu-mobile li a span {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
}

#submenu-mobile {
    padding-left: 0px !important;
    background: #E5D9CB;
}

#submenu-mobile,
#submenu-mobile .container {
    padding: 0px !important;
}

#submenu-mobile li {
    list-style: none;
    font-size: 12px;
    padding: 3px 6px;
}

#submenu-mobile li:hover {
    background: #E30043;
    cursor: pointer;
}

#submenu-mobile li:hover,
#submenu-mobile li:hover a {
    color: #fff;
}

#submenu-mobile li a {
    list-style: none;
}

#submenu-mobile li a:hover {
    color: #fff;
}

.megamenu {
    padding: 5px 0px;
    width: 100%;
}

.megamenu > li > ul {
    padding: 0;
    margin: 0;
}

.megamenu > li > ul > li {
    list-style: none;
}

.megamenu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: normal;
}

.megamenu > li ul > li > a:hover,
.megamenu > li ul > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #E30043;
}

.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    color: #999999;
}

.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.megamenu.dropdown-header {
    color: #428bca;
    font-size: 18px;
}

@media (max-width: 992px) {
    .megamenu {
        margin-left: 0;
        margin-right: 0;
    }

    .megamenu > li {
        margin-bottom: 30px;
    }

    .megamenu > li:last-child {
        margin-bottom: 0;
    }

    .megamenu.dropdown-header {
        padding: 3px 15px !important;

    }

    .navbar-nav .open .dropdown-menu .dropdown-header {
        color: #fff;
    }
}

/* END NAVIGATION : mobile */

/* BREADCRUMB */

.breadcrumb ul {
    margin: 0px;
    padding: 0px;
}

.breadcrumb ul * {
    font-size: 12px;
}

.breadcrumb ul li {
    list-style-type: none;
    display: inline-block;
}

.breadcrumb ul li a, .breadcrumb ul li a:visited, .breadcrumb ul li a:active, .breadcrumb ul li a:hover {
    color: #E30043;
    text-decoration: underline;
}

.breadcrumb ul li a:hover {
    text-decoration: none;
}

/* BREADCRUMB - MINI-SITE REBOND */
.main-color-orange .breadcrumb, .main-color-blue .breadcrumb {
    display: none;
}

.main-color-orange .breadcrumb ul li a, .main-color-orange .breadcrumb ul li a:visited, .main-color-orange .breadcrumb ul li a:active, .main-color-orange .breadcrumb ul li a:hover {
    color: #f60;
}

/* BREADCRUMB - MINI-SITE PRESSE */
.main-color-blue .breadcrumb ul li a, .main-color-blue .breadcrumb ul li a:visited, .main-color-blue .breadcrumb ul li a:active, .main-color-blue .breadcrumb ul li a:hover {
    color: #069;
}

.fil-arianne-wrap.president .breadcrumb {
    margin-bottom: 0px;
}

/* END BREADCRUMB */

/* CARROUSEL : HOMPAGE */
/* desktop */
.highlight {
    padding: 0px;
}

.highlight h3 {
    font: 22px "dejavu_sanscondensed";
    color: #E30043;
    display: inline-block;
    margin: 25px 5px 15px 0px;
}

.carousel {
    height: auto;
    margin-bottom: 20px;
}

.carousel.homepage h4 {
    text-transform: uppercase;
}

.pagination-carousel,
.pagination-carousel a,
.pagination-carousel a:link,
.pagination-carousel a:visited,
.pagination-carousel a:active,
.carousel-inner,
.carousel-inner * {
    color: #fff;
}

.carousel.homepage .carousel-left {
    height: 370px;
    overflow: hidden;
    background: #d8d8d8;
}

.carousel.homepage .carousel-left .caption {
    position: absolute;
    bottom: 0px;
    height: 130px;
    width: 100%;
    padding: 3px 10px 5px;
    background: url("../images/bg-transparent.png") top left repeat;
}

.carousel.homepage p {
    font: 13px/15px Arial, sans-serif;
}

.carousel-inner .caption {
    overflow: hidden;
}

.carousel-inner .caption h4 {
    color: #fff;
}

.carousel-right .firstline, .carousel-right .secondline {
    height: 185px;
}
.carousel-right .firstline, .carousel-right .secondline a{
    text-decoration: none;
}

.carousel-left .caption:hover,
.carousel .carousel-right-items div:hover {
    background: #E30043 !important;
    cursor: pointer;
}

/* ie8 */
.carousel .carousel-right-items:first-child .firstline {
    background: #2bb6b7;
    text-decoration: none;
}

.carousel .carousel-right-items:first-child .secondline {
    background: #009ee0;
}

/* Just override all bootstrap rules for our carousel*/
/*.pagination-carousel {
	position: static;
	float: right;
	margin: 25px 0 15px;
	display: block;
	text-align: right;
	width: auto;
}*/

.pagination-carousel {
    /*position: static;*/
    display: block;
    width: auto;
}

.pagination-carousel li {
    text-indent: 0px;
    text-align: center;
    border-radius: 0px;
    width: 20px !important;
    height: 20px !important;
    border: none;
}

/* responsive */
@media (max-width: 768px) {
    .highlight {
        padding: 0px;
    }

    .highlight h3 {
        margin: 10px 5px 5px 0px;
        font-size: 18px;
    }

    .carousel-right .firstline, .carousel-right .secondline {
        height: auto !important;
    }

    .carousel-indicators {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        right: 0;
        top: 300px;
        width: 158px;
        z-index: 20;
    }
}

@media (max-width: 992px) {
    .carousel .carousel-left {
        width: 100%;
        height: auto;
    }

    .carousel .carousel-left .caption {
        height: auto;
        padding: 15px;
        display: table-cell;
    }

    .carousel .carousel-left .caption p {
        margin: 10px 0 0 0;
    }

    .carousel .carousel-left .caption h4 {
        margin: 5px 0;
    }

}

/* END CAROUSEL */

/* */

/* PAGINATION */
.pagination ul {
    padding: 0px;
    text-align: center;
}

.pagination li, .pagination li * {
    font: 12px/20px Arial, sans-serif;
}

.pagination li {
    background-color: #b5b5b5;
    display: inline-block;
    height: 20px;
    width: 20px;
}

.custom-slider .pagination li {
    background-color: #b5b5b5;
    border-radius: 10px;
    display: inline-block;
    font-size: 0 !important;
    height: 12px !important;
    margin-right: 10px;
    width: 12px !important;
}

.pagination li.active,
.pagination li.current {
    background-color: #e30044;
    color: #fff;

}

.main-color-orange .pagination li.active,
.main-color-orange .pagination li.current {
    background-color: #ff6600;
}

.main-color-blue .pagination li.active,
.main-color-blue .pagination li.current {
    background-color: #006699;
}

.pagination li a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.nav-panel {
    display: block;
    float: right;
    margin: 25px 0px 15px;
}

.nav-panel li {
    display: block;
    background-color: #b5b5b5;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 8px;
}

.nav-panel li.current {
    background-color: #e30044;
}

.nav-panel li a {
    color: white;
    text-decoration: none;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    font: 11px/20px Arial, sans-serif;
}

/* END PAGINATION */

/* CARROUSEL : MINI-SITES BLOGS */
.local-carousel {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.local-carousel .caption {
    background: url("../images/bg-transparent-blanc.png") top left repeat;
    height: auto;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 240px;
    height: 350px
}

.mini-site .local-carousel .caption h2 {
    font-family: 'dejavu_sanscondensed_bold';
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    line-height: 28px;
    padding: 15px;
    margin: 0px;
}

.local-carousel .pagination-carousel {
    margin: 10px 0px 15px 0px;

}

.slider-president .local-carousel .pagination-carousel {
    margin: 0px 0px 15px 0px;

}

.local-carousel .caption h2, .local-carousel .caption .desc {
    color: #005e86;
}

.main-color-blue .local-carousel .caption h2, .main-color-blue .local-carousel .caption .desc {
    color: #069;
}

.main-color-orange .local-carousel .caption h2, .main-color-orange .local-carousel .caption .desc {
    color: #c30;
}

.mini-site .local-carousel .caption .desc {
    padding: 15px;
    display: inline-block;
}

.local-carousel .carousel-inner {
    display: inline-block;
}

@media (min-width: 768px) {
    .local-carousel .carousel-inner {
        height: 350px !important;
        overflow: hidden;
    }

    .local-carousel .carousel-inner > div {
        height: 350px;
    }
}

/* HOME PAGE - COMMON */

.h1-extra {
    color: #000;
    display: block;
    font-family: "dejavu_sanscondensed_bold";
    font-size: 21px;
    margin-bottom: 10px;
}

.page-content h3,
#content h3 {
    font: 22px "dejavu_sanscondensed";
    color: #E30043;
    font-size: 22px;
    display: inline-block;
    margin-right: 5px;
    text-decoration: none;
}

a.title-link, a:visited.title-link, a:hover.title-link {
    font: 16px "dejavu_sanscondensed";
    text-decoration: none;
    text-transform: none;
}

a.title-link, a:visited.title-link, .all_links {
    color: #5b5b5b !important;
}

a:hover.title-link {
    color: #E30043;
}

@media (max-width: 768px) {
    .page-content h3 {
        margin: 10px 5px 5px 0px;
        font-size: 18px;
    }

    a.title-link, a:visited.title-link, a:hover.title-link {
        font-size: 85%;
    }
}

.page-content.bcr form h3 {
    margin-top: 0px !important;
}

/* HOME PAGE - AGENDAS */
.agendas ul, .agendas ul li {
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    list-style: none;
}

.agendas ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #555;
}

.agendas ul li span {
    display: block;
    overflow: hidden;
    line-height: 16px;
    font-size: 14px;
}

.agendas ul li .agendas-date, .agendas ul li .agendas-title, .agendas ul li .actu-date {
    font-weight: bold;
}

.agendas ul li .agendas-date, .agendas ul li .actu-date {
    height: 18px;
}

.agendas ul li .agendas-date {
    color: #2AB4AD;
}

.agendas ul li .actu-date {
    color: #009ee0;
}

.agendas ul li .agendas-title {
    color: #5b5b5b;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
}

.agendas ul li .agendas-desc {
    color: #5b5b5b;
    font-weight: normal;
    min-height: 35px;
}

/* HOME PAGE - VIDEOS */
.video-info .video-title {
    color: #5b5b5b;
    font-size: 14px;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

.video-info .video-title:hover {
    color: #e30043;
    text-decoration: none;
}

.video-info p,
.video-info p a
.video-info p a:visited,
.video-info p a:active,
.video-info p a:hover {
    color: #5b5b5b;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
}

/* END HOME PAGE - VIDEOS */

/* HOME PAGE - E-SERVICES */
.e-services .panel {
    /* min-height: 400px; */
}

/* END HOME PAGE - E-SERVICES */

/* CONTENT & ARTICLE : common */
.content-detail,
.content-detail.container,
.content-detail .container,
#content.container,
#content .container,
#content-theme.container,
#content-theme .container {
    width: auto;
    margin-bottom: 25px;
}

.blue {
    background-color: #009ee0;
}

.mediumblue {
    background-color: #006699;
}

.green {
    background-color: #2ab4ad;
}

.grey {
    background-color: #5b5b5b;
}

.mediumgrey {
    background-color: #8b8b8b;
}

.midgrey {
    background-color: #d8d8d8;
}

.lightgrey {
    background-color: #f0f0f0;
}

.beige {
    background-color: #e5d9cb;
}

.red {
    background-color: #e30044;
}

.orange {
    background-color: #ff6600;
}

.black {
    background-color: #000;
}

/* CONTENT & ARTICLE : subheader - common */
.content-header a, .content-header a:visited, .content-header a:active, .content-header a:hover, .content-header h1 {
    color: #E30043;
    text-transform: uppercase;
}

.content-header a, .content-header a:visited, .content-header a:active, .content-header a:hover {
    font-family: 'dejavu_sanscondensed';
    font-weight: normal;
}

.content-header h1, .content-agenda .content-header h2 {
    font-family: 'dejavu_sanscondensed_bold';
    font-weight: normal;
    margin-top: 0px;
}

.content-header p {
    color: #777;
}

.content-header p a {
    text-transform: none;
}

.content-header .article-date {
    color: #777;
    font-style: italic;
    font-weight: bold;
}

/* CONTENT & ARTICLE : subheader - agenda */
.content-agenda .content-header a,
.content-agenda .content-header a:visited,
.content-agenda .content-header a:active,
.content-agenda .content-header a:hover,
.content-agenda .content-header h1,
.content-agenda .content-header h2 {
    color: #2AB4AD;
}

/* CONTENT & ARTICLE : subheader - rebond */
.main-color-orange .content-header a,
.main-color-orange .content-header a:visited,
.main-color-orange .content-header a:active,
.main-color-orange .content-header a:hover,
.main-color-orange .content-header h1 {
    color: #f60;
}

/* CONTENT & ARTICLE : subheader - rebond */
.main-color-blue .content-header a,
.main-color-blue .content-header a:visited,
.main-color-blue .content-header a:active,
.main-color-blue .content-header a:hover,
.main-color-blue .content-header h1 {
    color: #069;
}

/* CONTENT & ARTICLE : subheader - annonces */
.content-header.annonces h2 {
    margin-top: 0px;

}

/* CONTENT & ARTICLE : toolbar */
.toolbar {
    background-color: #5b5b5b;
    height: 32px;
}

.toolbar-title {
    text-transform: uppercase;
    font: bold 13px/33px Arial, sans-serif;
    color: #ffffff;
}

.toolbar .toolbar-icons {
    margin: 0px;
    padding: 0px 5px 0px 0px;
    height: 32px;
    float: right;
    display: inline-block;
}

.toolbar .toolbar-icons li {
    display: inline-block;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    list-style: none;
}

.toolbar .toolbar-icons li span {
    display: block;
    background: url(../images/ccinca-article-tools.png) no-repeat;
    width: 32px;
    height: 32px;
    font: 0px/0 Arial;
}

.toolbar .toolbar-icons .print {
    background-position: -32px 0px;
}

.toolbar .toolbar-icons .pdf {
    background-position: 0px 0px;
}

.toolbar .toolbar-icons .increase-font {
    background-position: -64px 0px;
}

.toolbar .toolbar-icons .decrease-font {
    background-position: -96px 0px;
}

/* END CONTENT & ARTICLE : toolbar */

/* NEW CONTENT & ARTICLE : list - full responsive compliant */

/* -- SEARCH RESULTS -- */

.picture {
    height: auto;
    min-height: 146px;
    display: inline-block;
}

.hit-list .checkbox-contact {
    left: 10px;
    padding-top: 7px;
    z-index: 9999;
}

.hit-list h2 {
    position: relative;
    display: block !important;
    padding-left: 38px;
    color: #fff;
    margin: 0px !important;
}

.hit-list h2.actu {
    background: url("../images/listing/ccinca-listing-actu.png") no-repeat scroll 5px center;

}

.hit-list h2 .title {
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 170px;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .hit-list h2 .title {
        padding-right: 50px;
    }
}

.hit-list h2 .title,
.hit-list h2 .title a, .hit-list h2 .title a:active, .hit-list h2 .title a:visited, .hit-list h2 .title a:hover, .hit-list h2 .title a:focus,
.hit-list h2 .title-link-label,
.hit-list h2 .title-link-label a, .hit-list h2 .title-link-label a:visited, .hit-list h2 .title-link-label a:active, .hit-list h2 .title-link-label a:focus, .hit-list h2 .title-link-label a:hover,
.hit-list h2 .title-icons {
    font-family: Arial;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
}

.hit-list h2 .title,
.hit-list h2 .title a, .hit-list h2 .title a:active, .hit-list h2 .title a:visited, .hit-list h2 .title a:focus,
.hit-list h2 .title-link-label,
.hit-list h2 .title-link-label a, .hit-list h2 .title-link-label a:visited, .hit-list h2 .title-link-label a:active, .hit-list h2 .title-link-label a:focus,
.hit-list h2 .title-icons {
    text-decoration: none;
}

.hit-list h2 a:hover,
.hit-list h2 .title-link-label a:hover {
    text-decoration: underline;
}

.hit-list h2 .title-link-label, .hit-list h2 .title-link, .hit-list h2 .title-icons, .hit-list .checkbox-contact {
    position: absolute;
    top: 0;
    bottom: 0;
}

.hit-list h2 .title-icons {
    right: 240px;
    text-align: center;
    width: auto;
    display: inline-block;
    padding-top: 4px;
}

.hit-list h2 .title-icons-xs {
    display: inline-block;
}

.hit-list h2 .title-link-label {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    padding: 10px;
    right: 40px;
    text-align: center;
    width: 195px;
}

.hit-list h2 .title-link {
    background: rgba(0, 0, 0, 0.4);
    display: block;
    right: 0;
    width: 40px;

    background-image: url("../images/link.png");
    background-position: center center;
    background-repeat: no-repeat;

}

.title-extra {
    display: block;
    color: #0099cc;
    font-weight: bold;

}

.separator-top {
    border-top: 1px dotted #5b5b5b;
    padding-top: 10px;
}

.hit-list .post {
    background-color: #f0f0f0;
    padding: 15px;
    margin-bottom: 20px;
}

.hit-list .post img {
    max-width: 120px;
    margin-right: 15px;
    height: inherit;
    float: left;
}

.hit-list .post iframe {
    float: left;
    margin-right: 15px;
}

.hit-list .post .post-title {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: block;
    border-bottom: 1px dotted #5B5B5B;
}

.hit-list .post.filter {
    text-align: center;
}

.hit-list .post .text {
    padding-left: 0px;
    font-size: 14px;
    line-height: 22px;
    display: block;
}

.hit-list .post .text p {
    margin: 0px;
}

.hit-list .post dl {
    margin: 0px;
    display: inline-block;
    width: 100%;
}

.hit-list .post dt, .content-post .post dd {
    float: left;
}

.hit-list .post dt {
    width: 25%;
    text-decoration: underline;
}

.hit-list .post .post-bcr dt {
    width: 40%;
    text-decoration: underline;
}

/* CONTENT : listing - links - common */

.hit-list .post a, .hit-list .post a:visited, .hit-list .post a:active {
    color: #E30044;
}

.hit-list .post a:hover {
    text-decoration: underline;
}

.hit-list .post a.suite, .hit-list .post a.suite:visited, .hit-list .post a.suite:active, .hit-list .post a.suite:hover {
    font-style: italic;
    display: inherit;
}

/* -- END SEARCH RESULTS -- */

/* SPECIFICS - new BCR with WS */
#search-bcr .form-label {
    color: #fff;
    font-family: Arial;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 4px 8px;
    display: inline-block;
}

#search-bcr .form-input {
    width: 100%;
    margin-bottom: 4px;
}

.spec-bcr li:last-child {
    display: none;
}

.list {
}

.list-item {
    margin-bottom: 15px;
}

.list-title-container, .list-subtitle-container {
    display: block;
}

.list-subtitle-container {
    margin-bottom: 2px;
}

.list-title-container {
    background-image: url("../images/listing/ccinca-listing-actu.png");
    background-position: 5px center;
    background-repeat: no-repeat;
}

.list-title, .list-subtitle {
    font-family: Arial;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
}

.list-title {
    color: #fff;
}

.list-subtitle {
    color: #555;
}

.list-title {
    margin: 6px 10px 6px 35px;
    font-weight: bold;
    display: block;
}

.list-subtitle-container .glyphicon {
    font-size: 12px;
    color: #555;
    margin-left: 10px;
}

.list-subtitle {
    margin: 5px;
    letter-spacing: 1px;
    display: inline-block;
}

.list-pane {
    background: #f0f0f0;
    padding: 10px;
}

.list-subpane {
    background: #f0f0f0;
    padding: 5px 10px;
    font-size: 12px;
}

.list-subpane-title {
    font-weight: bold;
    color: #e30044;
    display: block;
    padding-bottom: 2px;
    border-bottom: 1px dotted #5b5b5b;
}

.radio-container, .checkbox-subcontainer {
    padding: 4px 0px;
    color: #555;
    font-size: 12px;
}

.radio-container {
    display: block;
}

.radio-container input, .checkbox-subcontainer input {
    margin-left: 8px;
}

.checkbox-container {
    display: block;
}

.checkbox-label {
    padding-left: 2px;
}

.fake-pointer {
    cursor: pointer;
}

/* END NEW CONTENT & ARTICLE : list - full responsive compliant */

/* CONTENT & ARTICLE : list */
.item-list {
    margin-bottom: 20px;
}

.item-list-header {
    background-color: #e30044;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* 30 px for the icon + 180 for the date + 10 from somewhere */
.item-list-header span.item-list-title {
    display: block;
    margin-right: 210px;
}

.item-list-header span.item-list-date {
    float: right;
    padding-right: 10px;
    background-color: rgba(0, 0, 0, 0.15)
}

body.main-color-orange .item-list-header {
    background-color: #ff6600;
}

body.main-color-blue .item-list-header {
    background-color: rgb(12, 60, 145);
}

.item-list-header.agenda {
    background: url(../images/picto-agenda.png) no-repeat 12px center;
    padding-left: 55px;
}

.item-list-header > span {
    padding-left: 12px;
}

.item-list-content {
    background-color: #f0f0f0;
    padding: 20px;
}

.item-list-content > img {
    max-width: 120px;
}

.item-list-content > a,
.item-list-content > p {
    display: block;
    margin-left: 130px;
}

.link-icon {
    background: rgba(0, 0, 0, 0.3) url(../images/link.png) no-repeat center 48%;
    display: block;
    height: 30px;
    width: 30px;
    float: right;
}

.list-pagination {
    text-align: center;
}

/* END CONTENT & ARTICLE : list */

/* CONTENT & ARTICLE : detail */
.content-detail h2, .theme h2 {
    font: 16px 'dejavu_sanscondensed';
    text-transform: uppercase;
    color: #E30043;
    display: inline-block;
    width: 100%;
    margin: 10px 0px 5px 0px;
}

.content-detail.content-agenda h2 {
    color: #2AB4AD;
}

.outside {
    margin: 10px 0px 10px 5px;
    padding: 0px 10px;
}

.outside li {
    list-style-type: square;
    padding-left: 5px;
}

/* CONTENT & ARTICLE : detail - share */

.sharebar {
    margin: 10px -10px 20px -10px;
    padding: 0px;
    background-color: #f0f0f0;
    height: 30px;
}

.sharebar li {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    height: 16px;
}

.sharebar li .twitter-share-button,
.sharebar li .IN-widget {
    margin-top: 2px;
}

.sharebar li .viadeo_widget_recommend {
    margin-top: 3px;
}

/* CONTENT & ARTICLE : detail - form */

.textBcr {
    background-color: #F0F0F0;
    padding: 15px 15px 5px 15px;
    margin-bottom: 15px;
}

form dl {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    font-weight: normal;
}

form dl, form label {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    font-weight: normal;
}

form dl dt, form dl dd {
    display: block;
    float: left;
}

form dl dt {
    width: 35%;
}

form dl dd {
    width: 62%;
    padding-left: 10px;
}

form dl dd input[type="text"], form dl dd textarea, form dl dd input[type="email"] {
    width: 80%;
}

.mandatory-text {
    font-weight: 85%;
    font-style: italic;
}

.mandatory-icon {
    color: #f00;
}

input[type="submit"], input[type="reset"], .input-like {
    font-family: 'dejavu_sanscondensed';
    text-transform: uppercase;
    font-style: 14px;
    letter-spacing: 2px;
    border: 1px solid #fff;
    padding: 8px 14px;
    color: #fff;
    display: inline-block;
}

input[type="submit"].red:hover, .input-like:hover {
    border: 1px solid #E30044;
    background-color: #fff;
    color: #E30044;
}

input[type="reset"].grey:hover {
    border: 1px solid #5b5b5b;
    background-color: #fff;
    color: #5b5b5b;
}

.presse .content-post .post a.input-like.mediumblue {
    font-size: 18px !important;
    color: #fff;
}

.presse .content-post .post a.input-like.mediumblue:hover {
    font-size: 18px !important;
    border: 1px solid #006699;
    background-color: #fff;
    color: #006699 !important;
    text-decoration: none;
}

.input-like-container {
    margin: 15px 0px 20px 0px;
    text-align: center;
}

/* COMMON : grid */
.grid-guide .box h4 {
    color: #000000;
    padding: 0;
    margin: 10px 0;
    display: block;
    font: bold 15px/17px Arial, sans-serif;
    height: 40px;
}

.grid-guide .box a {
    text-decoration: none;
}

.grid-guide .box p {
    color: #000000;
    padding: 0;
    display: block;
    font: normal 12px/18px Arial, sans-serif;
}

/* COMMON : grid - main colored box */
.box {
    width: 225px;
    margin: 0px auto;
    margin-bottom: 20px;
}

.box .box-header {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 225px;
    height: 190px;
}

.box .box-header.text {
    text-align: left;
    display: block;
    width: 225px;
    height: 190px;
    position: relative;
}

.box .box-header p {
    padding: 0;
}

.box .box-header-arrow {
    margin: 0 auto;
    width: 34px;
    height: 34px;
    display: block;
    margin-top: -22px;
    background: transparent url(../images/arrow-red.png) no-repeat center top;
}

.box .box-header-arrow.green {
    background: transparent url(../images/arrow-green.png) no-repeat center top;
}

.box .box-header-arrow.blue {
    background: transparent url(../images/arrow-blue.png) no-repeat center top;
}

.box .box-header-arrow.grey {
    background: transparent url(../images/arrow-grey.png) no-repeat center top;
}

.box .box-header-arrow.beige {
    background: transparent url(../images/arrow-beige.png) no-repeat center top;
}

.box .box-header-arrow.orange {
    background: transparent url(../images/arrow-orange.png) no-repeat center top;
}

.box .box-header-arrow.mediumblue {
    background: transparent url(../images/arrow-mediumblue.png) no-repeat center top;
}

.box-date, .box-title, .box-link {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}

.box-date, .box-link {
    font-weight: normal;
    text-transform: none;
}

.box-date {
    line-height: 14px;
}

.box-title {
    font: 16px "dejavu_sanscondensed_bold";
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

.box-link {
    position: absolute;
    bottom: 0px;
}

.box-link a, .box-link a:visited, .box-link a:active {
    color: #fff;
    text-decoration: underline;
}

.box-link a:hover {
    color: #fff;
    text-decoration: none;
}

.box-img-theme {
    display: inline-block;
    width: 100%;
}

.box-img-theme img {
    width: 102px;
    height: 102px;
    margin: 0 auto;
}

/* COMMON : grid - 3 box on 1 line */

.box-container-3 {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

/* COMMON : grid - sublist */
.box ul {
    margin: 0;
    padding: 0;
}

.box ul li {
    display: block;
    border-bottom: 1px dotted #000000;
    padding-bottom: 5px;
    padding-top: 5px;
}

.box ul li.box-sublist-item {
    height: 70px;
    overflow: hidden;
    display: block;
}

.box ul li.box-sublist-item a {
    height: 60px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.box ul li a, .box ul li {
    font: normal 13px/16px;
    text-decoration: none;
    color: #5B5B5B;
}

.box ul li a:hover, a:hover .box ul li span {
    color: #E30043;
}

.box ul li:last-child {
    border-bottom: none;
    text-align: center;
}

.box ul li:last-child a {
    font-style: italic;
}

.box ul li:last-child .desc {
    text-align: left;
    display: inline-block;
}

.box ul li .title-vid, .box ul li .title-pub {
    display: table-cell;
    vertical-align: middle;
}

.box ul li .title-vid {
    height: 60px;
}

.box ul li .title-pub {
    height: 40px;
}

/* CONTENT : grid - agenda */
.box-agenda.box .box-date {
    font-size: 13px;
}

.box-agenda.box ul li:last-child {
    border-bottom: none;
    text-align: left;
}

.box-agenda.box ul li:last-child a {
    font-style: normal;
}

.box-agenda.box .box-desc {
    height: 65px;
    overflow: hidden;
}

/* CONTENT : search - view */

.title-extra-view {
    display: block;
    font-weight: bold;
    font-style: italic;
    color: #777;
}

.siret {
    color: #777;
}

.back-link {
    display: block;
    margin-bottom: 10px;
}

.back-link a, .back-link a:active, .back-link a:visited, .back-link a:hover, .back-link a:focus {
    font-family: 'dejavu_sanscondensed';
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #e30043;
}

.back-link a:hover {
    text-decoration: none;
}

/* INFORMATIONS - COMMON */

.infos-subtitle, .infos-text-subtitle {
    display: block;
    margin: 5px 0 0;
    font-family: 'dejavu_sanscondensed';
    font-weight: normal;
    font-size: 14px;
    color: #e30043;
}

.infos-subtitle {
    text-transform: uppercase;
}

.infos-text-subtitle {
    font-style: italic;
}

.infos-text {
    display: block;
    margin-bottom: 10px;
    /*font-size: 13px;*/
    color: #777;
}

.infos-text-only {
    margin-top: 10px;
}

.infos-label-container {
    display: block;
    width: 240px;
    height: 225px;
    text-align: center;
    padding-top: 5px;
}

.infos-label {
    font-family: 'dejavu_sanscondensed_bold';
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.infos-label-container span {
    display: inline-block;
    margin: 10px 0px;
}

.infos-content {
    background: #f0f0f0;
    position: relative;
}

.infos-content a, .infos-content a:active, .infos-content a:visited, .infos-content a:focus {
    color: #777;
    text-decoration: underline;
}

.infos-content a:hover {
    color: #0099cc;
    text-decoration: none;
}

@media (max-width: 992px) {
    .at-bottom-title, .infos .at-bottom-text, .at-bottom-title-up, .at-bottom-text-up {
        position: static;
    }
}

/* INFORMATIONS DETAILLEES */
.infos.details {
    margin-bottom: 10px;
}

.infos.details .infos-content {
    height: 225px;
}

@media (max-width: 992px) {
    .infos.details .infos-content {
        height: auto;
    }
}

.leader {
    font-size: 13px;
    margin-bottom: 5px;
}

.leader-subtitle {
    font-style: italic;
    font-weight: bold;
}

/* INFORMATIONS PRATIQUES */

.infos.pratiques {
    margin-bottom: 10px;
}

.infos.pratiques .infos-content {
    height: 460px;
}

@media (max-width: 992px) {
    .infos.pratiques .infos-content {
        height: auto;
    }

    .infos {
        background: #f0f0f0;
    }
}

.more-text {
    overflow: auto;
}

/* GALERIE PHOTOS AD */
.photos-ad {
    background: #f0f0f0;
}

.photos-ad .infos-content {
    height: auto;
    min-height: 200px;
}

.photos-ad img {
    width: 100%;
    margin: 10px 0px;
}

@media (max-width: 992px) {
    .photos-ad {
        margin-top: 15px;
        margin-bottom: 0px;
        background: #f0f0f0;
    }

    .photos-ad .infos-content {
        min-height: 0px;
    }
}

.double-col {
    margin-top: 10px;
}

/* ICONS */
.infos-label-icon {
    width: 100px;
    height: 100px;
    background: url("../images/ccinca-sprite-domaines.png");
}

.details.infos-label-icon {
    background-position: -100px 0px;
}

.geoloc.infos-label-icon {
    background-position: -200px 0px;
}

.photos.infos-label-icon {
    background-position: -300px 0px;
}

.no-photo .infos-label-icon {
    background-position: -400px 0px;
}

.cession.infos-label-icon {
    background-position: -500px 0px;
}

.circle-32 {
    display: inline-block;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    border: 2px solid #fff;
}

.circle-32 .glyphicon {
    display: block;
    margin: 6px 8px;
    font-size: 13px;
    cursor: pointer;
}

/* ARROWS */
.arrow-grey-bottom {
    display: block;
    margin: auto;
    text-align: center;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #5b5b5b;
}

.arrow-red-bottom {
    display: block;
    margin: auto;
    text-align: center;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e30043;
}

.arrow-blue {
    display: block;
    position: absolute;
    top: 100px;
    right: 0px;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #0099cc;
    border-top: 10px solid transparent;
}

.arrow-red-right {
    display: block;
    position: absolute;
    top: 100px;
    right: 0px;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #e30043;
    border-top: 10px solid transparent;
}

.arrow-grey-right {
    display: block;
    position: absolute;
    top: 100px;
    right: 0px;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #5b5b5b;
    border-top: 10px solid transparent;
}

/* HOMEPAGE/CONTENT : grid - publications */
.box .box-header.lightgrey {
    height: 174px;
}

.box-img-pub {
    max-width: 205px;
    max-height: 154px;
    width: auto;
    height: auto;
    margin: 10px;
}

.box-img-fit {
    max-width: 196px;
    max-height: 160px;
    width: auto;
    height: auto;
    margin: 10px;
}

/* HOMEPAGE/CONTENT : grid - ccitv */

.box-header.black {
    position: relative;
}

.picto-play, .picto-play-bg {
    font: 0px/0 Arial;
    display: block;
    position: absolute;
    top: 0px;
    width: 225px;
    height: 190px;
}

.picto-play-bg {

}

.picto-play {
    background: url("../images/ccinca-pictoplay.png") center center no-repeat;
    z-index: 1;
}

.picto-play:hover {
    background: url("../images/ccinca-pictoplay-hover.png") center center no-repeat;
    z-index: 1;
}

/* CONTENT : listing */
/* SPE : HOMEPAGE - agenda listing; */
.agenda {
    background-image: url("../images/listing/ccinca-listing-agenda.png");
    background-repeat: no-repeat;
    background-position: 98% center;
}

.actu {
    background-image: url("../images/listing/ccinca-listing-actu.png");
    background-repeat: no-repeat;
    background-position: 98% center;
}

.pane-title {
    color: #FFFFFF;
    display: block;
    font: bold 16px "dejavu_sanscondensed_bold" !important;
    padding: 10px;
    text-transform: uppercase;
    margin: 5px 0px 15px;
}

/* List page design */
.content-post {
    position: relative;
}

.content-post h2 {
    position: relative;
    display: block;
    background-image: url("../images/listing/ccinca-listing-actu.png");
    background-repeat: no-repeat;
    background-position: 5px center;
    color: #FFFFFF;
    padding-left: 40px;
    margin-bottom: 0px;
    margin-top: 0px;
    /* font: bold normal normal 15px "dejavu_sanscondensed_bold"; */
    font: normal normal normal 15px Arial;
    width: 100%;
}

.content-post h2 .title {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 170px;
}

.date, .content-post h2 .date,
.content-post h2 a.link {
    position: absolute;
    top: 0px;
    bottom: 0px;
}

.date, .content-post h2 .date {
    right: 40px;
    background: rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 10px;
    width: auto;
}

.content-post h2 a.link {
    right: 0px;
    background: rgba(0, 0, 0, 0.4) url("../images/link.png") no-repeat center center;
    display: block;
    width: 40px;
}

.content-post .post {
    display: inline-block;
    background-color: #f0f0f0;
    padding: 15px;
    margin-bottom: 20px;
    width: 100%;
}

.content-post .post img {
    max-width: 120px;
    margin-right: 15px;
    height: inherit;
    float: left;
}

.content-post .post iframe {
    float: left;
    margin-right: 15px;
}

.content-post .post .post-title {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: block;
    border-bottom: 1px dotted #5B5B5B;
}

.content-post .post.filter {
    text-align: center;
}

.content-post .post .text {
    padding-left: 0px;
    font-size: 14px;
    line-height: 22px;
    display: block;
}

.content-post .post .text p {
    margin: 0px;
}

.content-post .post dl {
    margin: 0px;
    display: inline-block;
    width: 100%;
}

.content-post .post dt, .content-post .post dd {
    float: left;
}

.content-post .post dt {
    width: 25%;
    text-decoration: underline;
}

.content-post .post .post-bcr dt {
    width: 40%;
    text-decoration: underline;
}

/* CONTENT : listing - links - common */

.content-post .post a, .content-post .post a:visited, .content-post .post a:active {
    color: #E30044;
}

.content-post .post a:hover {
    text-decoration: underline;
}

.content-post .post a.suite, .content-post .post a.suite:visited, .content-post .post a.suite:active, .content-post .post a.suite:hover {
    font-style: italic;
    display: inherit;
}

/* CONTENT : listing - links - @president */
#content-president .content-post .post a, #content-president .content-post .post a:visited, #content-president .content-post .post a:active {
    color: #009EE0;
}

/* CONTENT : listing - links - rebond */
.rebond .content-post .post a, .rebond .content-post .post a:visited, .rebond .content-post .post a:active {
    color: #ff6600;
}

/* CONTENT : listing - links - presse */
.presse .content-post .post a, .presse .content-post .post a:visited, .presse .content-post .post a:active {
    color: #006699;
}

/* CONTENT : listing - titlepane - specific icons */
.rebond.pdf .content-post h2, .mediumblue.dossier, .presse .content-post h2 {
    background-image: url("../images/listing/ccinca-listing-actu.png");
}

.mediumblue.commpress {
    background-image: url("../images/listing/ccinca-listing-presse.png");
}

.search-form .content-post h2 {
    background-image: url("../images/listing/ccinca-listing-search.png");
}

/* CONTENT : listing - filter - presse */
.filter-outline {
    color: #006699;
    font-weight: bold;
    font-style: italic;
    letter-spacing: 1px;
    margin: 0 20px;
    text-transform: capitalize;
}

#president-map {
    border: 1px solid #5b5b5b;
}

@media (max-width: 768px) {
    .content-post h2 {
        padding-left: 10px;
        background-image: none;
    }

    /* CONTENT : listing - titlepane - pdf library */
    .rebond.pdf .content-post h2, .mediumblue.dossier, .mediumblue.compress, .search-form .content-post h2 {
        background-image: none;
    }

    .content-post h2 .title {
        padding-right: 10px;
    }

    .content-post .post img {
        float: none;
    }

    .content-post .post .text {
        padding-left: 0px;
    }

    .content-post .post .post-date {
        display: inline-block;
        width: 100%;
        font-weight: bold;
    }

    .content-post h2 a.link {
        display: none;
    }

    .content-post .post dt, .content-post .post dd {
        width: 100%;
    }

    .content-post .post dd {
        margin-bottom: 5px;
    }
}

@media (min-width: 768px) {
    .content-post .post .post-date {
        display: none;
    }
}

/* CONTENT : article extra - en complement */
.article-extra {
    display: block;
    margin-top: 20px;
}

.article-extra .main-title {
    padding: 10px 25px;
    display: inline-block;
}

.article-extra .main-title, .article-extra .title {
    color: #fff;
}

.article-extra .main-title-container {
    padding: 0px !important;
    height: auto !important;
}

.article-extra .row div {
    padding: 15px;
    height: 265px;
}

.article-extra.extra-theme .row div {
    padding: 15px;
    height: auto;
}

.article-extra .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}

.article-extra ul {
    margin: 8px 0px 10px 0px;
    padding: 0px;
}

.article-extra li {
    display: block;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
}

.article-extra a, .article-extra a:active, .article-extra a:visited {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
}

.article-extra a:hover {
    text-decoration: underline;
}

.article-extra li a {
    display: table-cell;
    vertical-align: middle;
    height: 58px;
}

.article-extra a span {
    display: inline;
    font-weight: bold;
}

.article-extra .link {
    font-style: italic;
    text-align: center;
    display: block;
}

/* CONTENT : article extra - en complement - specific to block 1 - 2 */
.article-extra #actus li, .article-extra #agendas li {
    border-bottom: 1px dotted #fff;
    height: 60px;
    list-style: none;
    overflow: hidden;
}

/* CONTENT : article extra - en complement - specific to block 3 */

.article-extra #pubs li {
    border-bottom: 1px dotted #fff;
    list-style: none;
    background: url("../images/arrow-white.png") no-repeat center left;
    padding-left: 15px;
}

/* CONTENT : article extra - en complement - specific to block 4 */
.article-extra .beige .title, .article-extra .beige a, .article-extra .beige a:active, .article-extra .beige a:visited {
    color: #000;
}

.article-extra .beige li {
    border-bottom: 1px dotted #000;
    list-style: none;
    background: url("../images/arrow-left-transparent.png") no-repeat center left;
    padding-left: 15px;
}

/* CONTENT : entreprise de la semaine */
.qanda-q {
    display: inline-block;
    font: 16px 'dejavu_sanscondensed';
    margin: 10px 0px 5px 0px;
    text-transform: uppercase;
    width: 100%;
    color: #e30043;
}

.qanda-a {
    display: inline-block;
    margin-bottom: 5px;
}

.qanda-localisation {
    margin: 0px;
    padding: 0px;
}

.qanda-localisation li {
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0px;
}

/* CONTENT : iframe full width */
.iframe-container {
    text-align: center;
}

/* wysiwyg objects*/
.imagecenter {
    text-align: center;
}

.issuuembed {
    width: 100% !important;
}

/* PROFILE : actu */

/* CONTACT : form */
.form-container {
    background-color: #f0f0f0;
    padding: 5px 15px 15px 15px;
}

.form-container .row {
    margin-bottom: 5px;
}

.form-container h2 {
    margin: 10px 0px;
}

.form-container input[type=submit], .form-container input[type=text], .form-container input[type=button], .form-container textarea {
    width: 100%;
}

/* SEARCH : form */
.search-form .content-post h2 * {
    text-transform: uppercase;
    color: #fff;
}

.search-form .content-post h2 .date {
    font-style: italic;
    letter-spacing: 1px;
}

.search-form .content-post.search h2 .date {
    font-style: normal;
    letter-spacing: 0px;
    text-transform: none;
}

.search-outline {
    color: #E30044;
    font-weight: bold;
    font-style: italic;
    letter-spacing: 1px;
}

.search-form .content-header .row {
    margin-bottom: 5px;
}

.search-form input, .search-form .select-container, .search-form label {
    width: 100%;
}

.search-form input[type=text], .search-form .select-container {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    border: none;
    height: 26px;
    padding: 0px 10px;
    font: normal 14px/24px Arial, sans-serif;
    background: #fff;
    vertical-align: middle;
}

.search-form input[type=text] {
    margin: 5px 0px;
}

.search-form.advanced input[type=text], .search-form .select-container {
    margin: 2px 0px 5px 0px;
}

.search-form .select-container {
    background: #8F8E8E url("../images/ccinca-pictoplay.png") no-repeat 98% center;

    color: #fff;
    overflow: hidden;
}

.search-form select {
    width: 120% !important;
    background: transparent !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 26px;
}

.search-form select option {
    background: #8F8E8E !important;
}

.search-form label {
    margin-bottom: 0px;
}

.annonces .search-form .select-container {
    margin: 5px 0px;
}

/* SEARCH : results */
.search.content-post h2 {
    padding-left: 10px;
    background-image: none;
}

#cookie-notice {
    color: #ffffff;
    background-color: #5b5b5b;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 100000;
}

.cookie-notice-container {
    padding: 10px;
}

#cookie-notice .button.bootstrap {
    background-color: #006dcc;
    background-image: linear-gradient(to bottom, #e22b65, #e30047);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    margin-bottom: 0;
    margin-right: 0.3em;
    outline: medium none;
    padding: 2px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: middle;
}

/* POPUP CCI (TODO : REFAC) */
.fancybox-lock .fancybox-overlay {
    background: rgba(0, 0, 0, 0.66);
}

@media screen and (max-width: 992px) {
    .fancybox-overlay {
        display: none !important;
    }

    .fancybox-opened .fancybox-skin {
        display: none !important;
    }
}

#popup-search {
    padding: 20px;
    background: #ebebeb;
}

#popup-left {
    width: 480px;
    float: left;
}

#popup-left .liste-title,
#popup-left .liste-title-link {
    display: inline-block;
    width: 100%;
    background: #ffffff url(../images/popup-arrow-right.png) no-repeat 440px center;
    color: #000000;
    text-decoration: none;
    font: bold 18px/18px Arial, sans-serif;
    padding: 10px 40px 10px 10px;
    text-transform: uppercase;
}

#popup-left .liste-title,
#popup-left .liste-title-link:hover {
    background: #e30044 url(../images/popup-arrow-right.png) no-repeat 440px center;
    color: #fff;
    cursor: pointer;
}

#popup-left .liste-title-link {
    margin-top: 15px;
}

#popup-left .liste-title-link span {
    display: block;
    clear: both;
    font: normal 14px/14px Arial, sans-serif;
    text-transform: none;
    margin-top: 5px;
}

#popup-left .liste-title {
    background: #e30044 url(../images/popup-arrow.png) no-repeat 440px center;
    color: #ffffff;
}

#popup-left ul {
    margin: 5px 0px 0px 0px;
    padding: 0;
}

#popup-left ul li {
    display: block;
    border-bottom: 1px dotted #000000;
    padding-top: 10px;
    padding-bottom: 10px;
}

#popup-left ul li a,
#popup-left ul li a:visited,
#popup-left ul li a:active {
    display: block;
    padding-left: 20px;
    margin: 0;
    background: transparent url(../images/arrow-left-transparent.png) no-repeat 5px center;
    width: 460px;
    text-transform: uppercase;
    font: normal 14px/14px Arial, sans-serif;
    text-decoration: none;
    color: #000000;
}

#popup-left ul li a:hover {
    color: #e30044;
}

#popup-right {
    float: left;
    width: 460px;
    margin-left: 20px;
    position: relative;
}

#popup-right .title {
    display: block;
    font: bold 18px/18px Arial, sans-serif;
    text-transform: uppercase;
    margin: 8px 0px 10px 0px;
    text-align: center;
    text-transform: uppercase;
}

#popup-right input {
    border: 1px solid #cecece;
    border-radius: 10px;
    padding-left: 40px;
    background: #ffffff url(../images/loupe.png) no-repeat 5px 2px;
    font: normal 12px/18px Arial, sans-serif;
    height: 18px;
    width: 180px;
    margin-bottom: 10px;
    margin-left: 120px;
}

#popup-right .close-popup {
    display: block;
    width: 19px;
    height: 18px;
    position: absolute;
    top: 8px;
    right: 0;
    text-indent: -9999px;
    background: transparent url(../images/popup-close.png);
}

#popup-right img {
    margin-top: 0px;
}

/* END CCI POPUP */

/* FOOTER */

.footer {
    background-color: #5b5b5b;
    font-family: 'dejavu_sanscondensed';

}

.footer .footer-content a,
.footer .footer-content a:hover {
    padding-left: 15px;
}

.footer .footer-contact a,
.footer .footer-contact a:hover {
    padding-left: 0px;
}

.footer * {
    font-size: 12px !important;
    color: #fff !important;
}

.footer .footer-content, .footer .footer-contact {
    padding-top: 15px;
    padding-bottom: 15px;

}

.footer .footer-content h4:first-child,
.footer .footer-contact h4:first-child {
    margin-top: 0px;
}

.footer h4 {
    font-family: 'dejavu_sanscondensed_bold';
    text-transform: uppercase;
    margin: 20px 0px 5px 0px;
    font-size: 14px !important;
}

@media (min-width: 768px) {

    .footer-content {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;

        column-gap: 15px;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
    }
}

.footer .footer-content a {
    display: block;
}

.footer .footer-content a,
.footer .footer-content a:visted,
.footer .footer-content a:active {
    text-align: center;
}

.footer .footer-contact {
    background: #3e3e3e;
}

.footer .footer-contact ul {
    margin-left: 0px;
}

.footer .footer-contact ul li {
    list-style: none;
}

.footer .footer-link {
    background: #000;
    text-align: center;
}

.footer .footer-link ul {
    list-style-type: none;
    margin-top: 10px;
    padding: 0px;
}

.footer .footer-link ul li {
    display: inline-block;
    text-transform: uppercase;
    margin-left: 20px;
}

.footer .footer-link ul li:last-child {
    margin-right: 0px;
}

@media (max-width: 640px) {

    .footer .footer-link ul li {
        display: list-item;
        margin: 5px 0px;
    }

    .footer .footer-contact {
        text-align: center;
    }

    .footer .footer-contact ul li {
        text-align: left;
    }
}

.social-network-footer {
    margin: 0px;
    padding: 0px;
    text-align: center;

}

.social-network-footer li {
    display: inline-block;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.social-network-footer .sn_img {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('../images/ccinca-social-footer.png');
    background-repeat: no-repeat;
    margin-left: 0px;
}

.localisation-img {
    text-align: center;
    display: block;
    margin: 10px 0px;
}

.footer-contact-list {
    margin: 0px;
    padding: 0px;
}

.footer-contact-list li {
    margin: 0px;
    padding: 0 0 0 10px;
}

/* END FOOTER */

.row-title {
    display: inline-block;
}

.page-content {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* CONTENT - GRID : Gallery */
.picture-data {
    background-color: #f0f0f0;
    padding: 10px;
}

.picture-data a {
    text-decoration: none;
}

.picture-data a span {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-bottom: 5px;
    text-align: center;
    background-color: #069;
    text-transform: uppercase;
    font: bold normal normal 14px "dejavu_sanscondensed_bold";
    color: #FFFFFF;
}

.picture-data img {
    display: inline-block;
    width: 100%;
    height: auto;
}

.box-arrow {
    height: 0;
    margin: auto;
    width: 0;
    border: 12px solid transparent;
    border-top-color: #f0f0f0;
}

span.picture-title {
    border-bottom: 0px dotted black;
    padding-bottom: 5px;
    margin-bottom: 15px;
    display: block;
    height: auto;
    overflow: hidden;
    font-size: 85%;
    text-align: center;
    font-style: italic;
}

p.article-content-publication {
    font-weight: bold;
    margin-bottom: 50px;
}

/*END GALLERY */

/* LIST THEMATIQUE */

.theme-container {
    width: 30%;
    min-width: 200px;
    display: inline-block;
    height: 200px;
    overflow: hidden;
    margin-right: 3%;
    margin-bottom: 3%;
    float: left;
    background: #e30044;
}

.theme-container a {
    text-decoration: none;
}

.theme-container .theme-data p {
    font: bold normal normal 15px "dejavu_sanscondensed_bold" !important;
    text-transform: uppercase;
    display: block;
    color: #FFFFFF;
    text-align: center;
    padding: 10px;
}

.theme-section {
    margin-top: 50px;
}

/* END LIST THEMATIQUE */

/* RSS tooltip */
.rss_tooltip {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #CCCCCC;
    border-radius: 5px;
    color: #666666;
    font-size: 11px;
    margin: 0;
    padding: 10px;
    width: 200px;
}

/* DEBUG */
#debug {
    display: none;
}

/* DEBUG DEV MODE */
.main-container-test-bg {
    background: none;
}

#content-theme {
    background: none;
}

#content {
    background: none;
}

.content-detail {
    background: none;
}

/* ***** SLIDER ***** */
.item {
    display: none;
}

.item.active, .item.next.left {
    display: block;
}

.carousel.slide a {
    color: #FFF;
}
.last-section{
    margin-bottom: 20px;
}
/* fixed height for Produits et services */
#panel-guide-1 .box{
    height: 225px;
}
#panel-guide-1 .box a:hover{
    color: #e30043 !important;
}
@media (max-width:990px) and (min-width:768px) {
    .localisation-img img {
        width: 100%;
    }
}​