/* ======================================*/
/* ======================================*/
/* ============ ARCHITECTURE ============*/
/* ======================================*/
/* ======================================*/

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

/**************
 * NAVBAR
 *************/
.navbar-toggle{ padding: 14px 10px; margin-top: 6px; border: 0; }
.navbar-nav>li>a{ line-height: 28px; }
.navbar li.search {width: 58px; height: 58px; text-align: center; }
@media only screen and (max-width : 768px) {
    .navbar li.search {
        margin: 10px auto;
    }
    .main-header ul.navbar li.search a {
        padding: 10px 14px !important;
    }
}
.navbar-collapse.in{ overflow-y: inherit; }

/**************
 * HEADER
 *************/
.main-header h1{ display: inline-block; margin-top: 5px; margin-bottom: 0; float: left; }

.main-header nav{ background-color: inherit; border: 0;}
.main-header ul.nav{ float: right; }
.main-header ul.nav li.active a,
.main-header ul.nav li.onActive a,
.main-header ul.nav li.open a{ border-radius: 0; border: none; }
.main-header ul.nav li:last-child a span.panier{ margin-left: 2px; margin-right: 10px; }
.main-header ul.nav li a{ padding: 15px 10px !important; line-height: 28px; }
@media only screen and (max-width : 768px) {
    .main-header ul.nav li a {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
}
.main-header ul.nav li a:hover{ border-radius: 0; }
.main-header ul.nav li:last-child a{ padding: 13px 15px; }
.main-header ul.nav li.selectLanguage{  min-width: 65px; padding: 18px 8px; }
.main-header ul.nav li.selectLanguage:after{ content: ''; position: absolute; margin-top: 5px; width: 12px; height: 11px; background: url(../img/select_down.png) no-repeat; }
.main-header ul.nav li.selectLanguage select{ -webkit-appearance: none; appearance: none; cursor: pointer; border: 0; }
.main-header ul.nav .dropdown-menu{ padding: 0px; margin: 0px 0px 0px; border: 0; border-radius: 0; box-shadow: 0; -webkit-box-shadow: 0; }
@media only screen and (min-width : 768px) {
    .main-header ul.nav .dropdown-menu{
        position: absolute;
    }
}
.main-header ul.nav .dropdown-submenu{ position:relative; }
.main-header ul.nav .dropdown-submenu>.dropdown-menu{ top: 0; left: 100%; margin-top: 0px; margin-left: 0px; }
.main-header ul.nav .dropdown-submenu:hover>.dropdown-menu{ display:block; }
.main-header ul.nav .dropdown-submenu>a:after{
    /*display: block;*/
    /*content:" ";*/
    /*float: right;*/
    /*width: 0;*/
    /*height: 0;*/
    /*border-color: transparent;*/
    /*border-style: solid;*/
    /*border-width: 5px 0 5px 5px;*/
    /*border-left-color: #fff;*/
    /*margin-right: 5px;*/
    /*position: absolute;*/
    /*right: 10px;*/
    /*top: 22px;*/

    display: inline-block;
    content: " ";
    /* float: right; */
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
    margin-right: 5px;
    /* position: absolute; */
    /* right: 10px; */
    top: 10px;
    /* right: -9px; */
    margin-left: 10px;
}
.main-header ul.nav .dropdown-submenu:hover>a:after{ border-left-color:#ffffff; }
.main-header ul.nav .dropdown-submenu.pull-left{ float:none; }
.main-header ul.nav .dropdown-submenu.pull-left>.dropdown-menu{
    left: -100%;
    margin-left: 10px;
}

/* !TODO A REVOIR UN AUTRE MOYEN DE FIXER LE DROPDOWN AVEC FRANCOIS */
.main-header nav.navbar ul.nav li ul.dropdown-menu{
    /*max-height: 430px;*/
    /*overflow-y: auto;*/
}

.main-header nav.navbar ul.nav li ul.dropdown-menu li a{
    padding: 5px 10px !important;
    line-height: inherit;
}
/* END */

.iframe-collection.main-header .navbar-collapse { width: auto; }
.iframe-collection.main-header { margin: 0; }
.iframe-collection.main-header collection-nav a { text-align: left; width: 100%; }
.iframe-collection.main-header ul.nav { float: none; }
.iframe-collection.main-header ul.nav li a { padding: 15px 10px !important; }
.iframe-collection.main-header #bs-example-navbar-collapse-1 { width: 100%; }
.iframe-collection.main-header .dropdown-menu { top: 55px; }
.iframe-collection.main-header .leftCol a { width: 100%; background-color: #F2F2F2; color: #FFF; }
/* .main-wrapper .main-page .main-content .iframe-collection.main-header .leftCol a { color: #FFF; } */
.iframe-collection.main-header .leftCol a:hover { background-color: #EEE; }
.iframe-collection.main-header ul.nav .dropdown-menu,
.iframe-collection.main-header ul.nav .dropdown-menu li{ width: 100%; box-shadow: none; }
.iframe-container .main-container.container .leftCol.filterSearch,
.iframe-container .main-container.container .rightCol.resultSearch { margin-top: 15px; }

.main-header nav.navbar ul.nav li.open a{ border-radius: 0; border: none; }
.navbar-default .navbar-collapse{ float: right; margin-left: 0; padding: 0; }
.navbar-default .navbar-brand { font-size: 36px; height: 58px; line-height: 1; }
@media only screen and (max-width : 768px) {
    .navbar-default .navbar-brand {
        font-size: 30px;
        height: auto;
    }
}
.navbar-default .navbar-brand-image { font-size: 17px; width: 200px; padding: 0; }
.navbar-default .no-logo { padding-left: 30px; line-height: 55px; }
.navbar-default .navbar-brand-text { line-height: normal; padding: 8px 15px }
.viewer .navbar-default .portlet-content:hover .hoverPortlet { cursor: default; width: 200px; }
.viewer .navbar-default .navbar-brand-image { height: 58px; background: RGB(239, 239, 239); }
.navbar-default .navbar-brand-image img { max-height: 58px; max-width: 200px; }
.navbar-default .portlet-content .hoverPortlet { display: none; }
/**************
 * CARROUSEL
 *************/
.pauseButton{ padding: 3px 5px; background: #000; border: 0; border-top: 1px solid #000;}
.pauseButton span{ padding: 0!important; border: 0!important;}

.carousel-indicators li,
.carousel-indicators .active{ width: 23px; margin: 0; }
.main-content .carousel ol.carousel-indicators{ text-align: left; left: 0; bottom: 3px; margin-left: 0; margin-bottom: 0; }
.main-content .carousel ol.carousel-indicators li{text-indent: 0; border: 0; border-radius: 0; margin-right: 0; }
.main-content .carousel ol.carousel-indicators li span{ padding: 5px 10px; color: #fff; background-color: #000; }
.main-content .carousel ol.carousel-indicators li.active span { background-color: #fff; color: #000; }
.main-content .carousel .carousel-inner{ height: auto;}
.main-content .carousel .carousel-inner .item img{ width: 100%; height: 100%; }

.carousel-control { width: 49px; height: 70px; right: 0; left: inherit; top: inherit; opacity: 100; }
.carousel-control.right { background: url(../css/img/fleche_diapo.png) no-repeat #000; background-position: 0 0; bottom: 70px;}
.carousel-control.left { background: url(../css/img/fleche_diapo.png) no-repeat #000; background-position: 0 -70px; bottom: 0;}
.carousel-control.right:hover{ background: url(../css/img/fleche_diapo.png) no-repeat #2A292B; background-position: 0 0; opacity: 100; }
.carousel-control.left:hover{ background: url(../css/img/fleche_diapo.png) no-repeat #2A292B;; background-position: 0 -70px; opacity: 100; }
/* Boutons < et > plus petits si pas toute la largeur du site */
div:not([data-col="12"]) > div > [data-type="diapo_element"] .carousel-control { height: 36px;width: 32px; }
div:not([data-col="12"]) > div > [data-type="diapo_element"] .carousel-control.left { background-position: -9px -90px; }
div:not([data-col="12"]) > div > [data-type="diapo_element"] .carousel-control.right { background-position: -7px -18px;bottom: 36px; }


/**************
 * SEARCH BAR
 *************/
.searchBar button{ min-height: 52px; border: 0; padding-right: 0; }
.searchBar button img{ padding-right: 10px; border-right: 1px solid #000; width: auto !important; }
.searchBar input{ min-height: 52px; border: 0; padding-left: 0; }


/**************
 * BREADCRUMB
 *************/
.ariane { width: 100%; }
.ariane > * { padding: 0px; margin: 0px; }
.ariane p{ margin-bottom: 0; padding: 8px; }
.ariane ul { height: 36px;}
.ariane ul li { float: left; list-style: none; position: relative; margin-right: 30px; }
.ariane ul li a:after {
    content: "";
    background: url(../css/img/ariane_fleche.png) no-repeat;
    width: 19px;
    height: 100%;
    position: absolute;
    right: -30px;
    top: 0;
}


/**************
 * LIST
 *************/
ul.diamondList{ list-style: none; }
ul.diamondList li:before{ content: "\2666"; margin-right: 10px; }


/**************
 * FOOTER
 *************/
.main-footer p{ float: left; }
.main-footer ul{ float: right; }
.main-footer ul li{ list-style: none; display: inline-block; }
@media screen and (max-width: 768px) {
    .main-footer.social-network .container {
        padding-bottom: 24px;
    }
}

/**************
 * BLOC
 *************/
/*.outBloc{ overflow: hidden; }*/

.column, .no-padding { padding: 0px; }
.outBloc{ padding: 0px; margin: 0px; }
.outBloc .bloc .column .portlet{ padding: 0; }
.outBloc .bloc .column .portlet .portlet-content h1,
.outBloc .bloc .column .portlet .portlet-content h2,
.outBloc .bloc .column .portlet .portlet-content h3,
.outBloc .bloc .column .portlet .portlet-content h4,
.outBloc .bloc .column .portlet .portlet-content h5,
.outBloc .bloc .column .portlet .portlet-content h6 { margin: 0; padding: 18px; }
.outBloc .bloc .column .portlet .portlet-content a{ display: block; }
.outBloc .bloc .column .portlet .portlet-content a:hover{ text-decoration: none; }
.outBloc .bloc .column .portlet .portlet-content img{ max-width: 100%;}
.outBloc .bloc .column .portlet .portlet-content > .content-element a{ display: inline;}
.outBloc .bloc .column .portlet .portlet-content > .content-element p{ margin: 0; padding: 1px 18px 1px 18px; line-height: 1.2;}
.outBloc .bloc .column .portlet .portlet-content .content-element > p:first-of-type{padding-top: 18px; }
.outBloc .bloc .column .portlet .portlet-content .content-element > p:last-of-type{padding-bottom: 18px; }
.outBloc .bloc .column .portlet .portlet-content .content-element p iframe{ width: 100%;}

/*************
 * FIXED BLOC
 ************/
.fixed-bloc > .row{margin-left:0; margin-right:0}
.fixed-bloc .container nav{ margin-bottom: 0;}
.fixed-bloc .container .navbar-collapse{ float: right;}
.fixed-bloc .container .navbar-collapse ul.navbar-nav > li > a{ height: auto !important; }
.fixed-bloc .container .navbar-collapse ul.navbar-nav li.selectLanguage{ min-width: 65px;}
.fixed-bloc .container .navbar-collapse ul.navbar-nav li select{ background-color: inherit; color: #6D6E71; -webkit-appearance: none; appearance: none; cursor: pointer; border: 0; }

.fixed-bloc .main-footer{ margin-top: 35px; }
.fixed-bloc .main-footer p{ padding: 10px 0px; margin: 0px; }
.fixed-bloc .main-footer ul{ margin-bottom: 0;}

.fixed-bloc .portlet-content {min-height: inherit;}
.fixed-bloc .main-header {z-index: 0;}
.fixed-bloc .main-header,
.fixed-bloc .main-footer { background: #fff; }

#contact { background: #fff; margin-top: 30px; min-height: 500px; }
#contact textarea { height: 150px; }


/*-----------------------------------------------------*/
/*----------------------RESPONSIVE---------------------*/
/*-----------------------------------------------------*/
@media screen and (max-width: 1200px) {
    .fixed-bloc .main-header ul.nav{ margin-left: 13%;}
    .fixed-bloc .main-header nav.navbar a.navbar-brand{ float: none; display: block; text-align: center;}
    .fixed-bloc .navbar-default .navbar-collapse{ float: none;}
}


@media screen and (max-width: 1024px) {
    .global-view .main-header nav.navbar a.navbar-brand{ text-align: center;}
    .outBloc .bloc.grid6-6 .column{ float: none;}
}


@media screen and (max-width: 1013px) {
    .main-content .carousel .carousel-inner{ height: auto;}
}


@media screen and (max-width: 992px) {
    .grid3-3-3-3 .column .portlet{ margin-bottom: 20px;}
    .fixed-bloc .main-header ul.nav{ margin-left: 2%;}
    .fixed-bloc .main-footer p{ float: none; }
}


@media screen and (max-width: 790px) {
    .fixed-bloc .main-header ul.nav,
    .global-view .main-header nav.navbar > ul.nav > li:first-child > a{ padding-left: 0 !important;}
}


@media screen and (max-width: 768px) {
    .main-header ul.nav .dropdown-menu{ position: initial;}
    .main-header ul.nav .dropdown-submenu>a:after{ float: left; margin-left: 10px; margin-top: 5px; right: inherit; top: inherit; display: inherit;}
    .global-view .main-header nav.navbar ul.nav {
        font-weight: bold;
        text-align: left;
    }
    .global-view .main-header nav.navbar ul.nav li a{ display: inline-block !important;}
    .global-view .main-header nav.navbar ul.nav li a.hidden-xs{ display: none !important;}
    .global-view .main-header nav.navbar ul.nav li ul.dropdown-menu {
        display: block;
        float: none;
        margin-left: 30px;
    }
    .global-view .main-header nav.navbar ul.nav li ul.dropdown-menu li a{ width: 100%;}
    ul.nav li.dropdown a{ display: inline-block;}
    .navbar-collapse.in{ overflow-y: inherit;}
    .fixed-bloc .main-header nav.navbar a.navbar-brand{ float: left; padding-left: 0;}
    .fixed-bloc .main-header ul.nav{ float: left; margin: 0; width: 100%; padding: 15px;}
    .fixed-bloc .main-header ul.nav li.selectLanguage{ padding: 0;}
    .fixed-bloc .main-header ul.nav li.selectLanguage select{ width: 100%; padding: 15px 10px;}
    #menu1.dropdown-menu li:last-child a{ padding: 5px 15px 5px 25px;}
    .fixed-bloc .navbar-toggle{ margin: 0 !important; border-radius: 0; padding: 18px 15px !important}
    .fixed-bloc .main-footer p { text-align: center; }
    .fixed-bloc .main-footer ul { text-align: center; float: none; }

    .main-content .carousel a.left,
    .main-content .carousel a.right,
    .main-content .carousel ol.carousel-indicators{ display: none;}

    .main-container.container .rightCol.resultSearch { padding: 0 13px; }
    .main-container.container .leftCol.filterSearch { padding: 0px 15px 15px 15px; }
    .main-wrapper .main-page .main-content .rightCol .contentResult ul.listResults li:hover a.list-result-bloc:after { background: none !important; }
    .main-wrapper .main-page .main-content form .leftCol .btn-filter { margin: 10px auto 0px auto; width: 100%; }

    .outBloc .bloc.grid6-6 .column{ float: left;}

    .grid6-6 .column .portlet,
    .grid4-4-4 .column .portlet,
    .grid4-8 .column .portlet,
    .grid8-4 .column .portlet,
    .grid3-3-3-3 .column .portlet{ margin-bottom: 20px;}

    .searchBar button{ padding-left: 3px;}
    .searchBar button:last-child{ font-size: 10px; padding-left: 0;}

    .iframe-collection.main-header .collapse { display: block; }

}


@media screen and (max-width: 550px) {
    .ariane p{ font-size: 12px !important;}
    .ariane ul li{ margin-right: 8px;}
    .ariane ul li a:after{ right: -10px;}
}


/*-- AUTOCOMPLETE CSS --*/
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; cursor: pointer;}
.autocomplete-suggestion { padding: 2px 5px; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF;
}

.dropdown-menu.langage li a img {
    max-width: 18px;
}
#drop-language img{
    max-width: 18px;
}


/*-- LIGHTBOX --*/
/* Pour autoriser le clic droit sur l'image */
.lb-container .lb-nav {
    pointer-events: none;
}
    .lb-container .lb-nav .lb-prev, .lb-container .lb-nav .lb-next {
        pointer-events: auto;
        width: 50px;
    }

#gotop .glyphicon-arrow-up {
    height: 20px;
}