/*
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 : 17 août 2018, 15:48:12
    Author     : AVXCOM
*/

/*****menu des competences ***/
#menu-des-competences {    list-style: none;    width: 100%;}
#menu-des-competences li h4 {font-size:14px;    overflow: hidden;    vertical-align: middle;}
#menu-des-competences > li:before {     position: static;   float: left;display:inline-block;width:65px; height:65px;content:'';background:#c1dde8 url(../../../themes/revija/images/pictos/picto-infos-generales.png) no-repeat center;color: transparent;margin-right:3px;}
#menu-des-competences > li:hover:before , #menu-des-competences > li.current-menu-item:before {
    background-color: #1f306c !important;
    background:#1f306c url(../../../themes/revija/images/pictos/picto-infos-generales-open.png) no-repeat center;}
#menu-des-competences  li{
    font-size: 16px;
    display: block;
    list-style: none;
    text-align: center;
    width: 100%;
    height: 65px;
    color: #003576;
    font-weight: bold;
    text-decoration: none;
    padding:0;
    vertical-align: middle;
    background:#ffffff;
    margin-bottom:3px;
    border-bottom:0px;}

#menu-des-competences  li {/*background:#c1dde8;*/-webkit-transition: none;
    -o-transition: none;
    transition:none; }
#menu-des-competences  li:hover,#menu-des-competences  li.current-menu-item{
    /*background:#1f306c;*/width:100%;}


#menu-des-competences  li h4 {margin:0; padding:0;}
#menu-des-competences > li >h4> a {display:none;}
#menu-des-competences > li:hover  > h4 > a {display:inline-block; width:100%;text-decoration:none; text-align:left;padding:10px 15px;font-weight:bold;}
#menu-des-competences > li:hover >h4 > a, 
#menu-des-competences > li.current-menu-item > h4  > a {background:#1f306c;color:#fff;}


#menu-des-competences > li >h4> a:hover {

}
@media only screen and (min-width: 1025px) {
    #menu-des-competences > li:hover  ul {
        position:absolute;
        margin-left:68px;
        top:34px;
        opacity: 1;
        visibility: visible;
        transform: none;
        padding:10px 15px;
        background:#d2d6e2;
        width: calc(100% - 68px);
    }

    #menu-des-competences > li:hover  ul li {
        height:auto;/*width:100%;*/
        margin:0;
        padding-left:15px;
        text-align:left;
        border-bottom: 0;
        background: none;
    }

    #menu-des-competences > li:hover  ul li:before {
        font-size:5px;
        color:#1f306c;
    }

    #menu-des-competences > li:hover  ul li a {
        display:inline-block;
        color:#1f306c;
        padding-left:5px;
        text-decoration:none;
        background: none;
    }

    #menu-des-competences > li:hover  ul li a:hover {
        text-decoration:underline;
    }
}
#menu-des-competences .sub-menu {
    -webkit-transform: none;
    transform:  none;
    -webkit-transition : none;
    transition:  none;

}


#menu-des-competences  .sub-menu li:before, #menu-des-competences  .sub-menu li:hover:before {
    position: static;
    background-color: transparent !important; 
    content: "\f111";
    font-family: FontAwesome;
    float: left;
    font-size: 5px!important; 
    vertical-align: middle;
}



/***** tools ****/

.section.uba-obs-widget.uba-tools-widget {margin-top:25px;} 

.section.uba-obs-widget {    margin-top:30px;}

.uba-obs-widget h3{
    color: #1f306c !important;
    margin-bottom: 15px;
    border-top: 2px solid #db2d26;
    font-size: 16px !important;
    font-weight: bold !important;
}

.tools-icon + .tools-icon {margin-left:25px;}

.uba-source-widget {margin-top:20px;margin-bottom:10px;}
.text-source {text-align:right;font-size:14px; font-style: italic;}

/**** infos region ***/
.uba-obs-widget + #infos_region {
    margin-top: 20px;
}

.uba-obs-widget + #infos_region > div, .uba-source-widget + #infos_region > div {
    display:none;
}

#infos_region  div {background:#f3d7d4;}
#infos_region  .infos-region {margin-bottom:1px;color:#000000;padding:10px 15px;line-height:22px;font-size:15px}
#infos_region  .infos-region span{font-weight:bold; color:#c0372d;}
#infos_region h2 {text-transform:uppercase;background:#c0372d;color:#ffffff;padding:10px 15px;}

#infos_region > div h2 {
    text-transform: none;
    font-size:18px;
    padding: 10px 15px;
}


#infos_region > div  .infos-region {
    border-bottom: 1px solid #fff;
    color: #000;
    padding: 10px 15px;
    line-height: 18px;
    font-size: 15px;
}


/***** legende ***/
p.legende {font-size:16px; color:#17327c;font-weight:bold;}
.uba-obs-widget span +  p.legende {margin-top:15px;}

.legend-unite {margin-top:-20px;display:block; margin-bottom:15px;font-size:12px; font-style:italic;color:#17327c;}

.legend-nuancier, .legend-point {
    display:block;margin-bottom:1px;font-size:14px;
}

.legend-nuancier .block-nuancier {
    display:inline-block;width:27px;height:27px;
} 
.legend-point {line-height: 20px;}
.legend-point .case-point {width: 36px;display:inline-block;vertical-align: middle; }
.legend-point .block-point {    border-radius:50%;display:block;margin:0 auto;}

/***** a suppp***/

.vc_wp_custommenu.wpb_content_element.hidden {
    display:none;
}

#menu-des-competences .mobile-only {
    display:none;
}

.infos_region div{
    position:relative;
}

.link-region.fa {
    position: absolute;
    right: 25px;
    margin-top: 10px;
    font-size: 25px;
    color:#fff;
    cursor: pointer;
}

.link-region.fa:hover {
    color:rgba(255,255,255,0.7);
}

.page-template-page_home.page-child #infos_region {display:none;}

#infos-region  div {background:#f3d7d4;}
#infos-region  .infos-region {margin-bottom:1px;color:#000000;padding:10px 15px;line-height:22px;font-size:15px}
#infos-region  .infos-region span{font-weight:bold; color:#c0372d;}
#infos-region h2 {text-transform:uppercase;background:#c0372d;color:#ffffff;padding:10px 15px;}

#infos-region > div h2 {
    text-transform: none;
    font-size:18px;
    padding: 10px 15px;
}


#infos-region > div  .infos-region {
    border-bottom: 1px solid #fff;
    color: #000;
    padding: 10px 15px;
    line-height: 18px;
    font-size: 15px;
}

#menu-des-competences h4 {
	font-family: 'Source Sans Pro';
}

@media only screen and (max-width: 1024px) {

    .circle_list li:hover li h4 a {
        text-decoration:none;
    }
    .circle_list li li:hover  h4 a {
        text-decoration:underline;
    }

    #menu-des-competences > li:hover > h4 > a {padding:0; font-weight:400;}

    #menu-des-competences {background:#ffffff;width: 100%; }
    .menu-des-competences-container {    z-index: 100;  width: 100%;   position: absolute; left: 0;  padding: 0 15px;}

    #menu-des-competences .menu-item {
        display:none;        background:#c1dde8;        height:60px;        width:100%;
    }
    #menu-des-competences .menu-item a{height:50px;font-size:20px;line-height: 50px;}
    #menu-des-competences .mobile-only {
        display:block;
        background:#c1dde8;
        font-weight:700;
        font-size:1.125em;
        text-align:left;
        text-transform: uppercase;
        height:auto;
        padding:20px 15px;
    }
    #menu-des-competences > li.mobile-only:before {
        display:none;
    }
    #menu-des-competences > li.mobile-only:after,#menu-des-competences > li:not(.mobile-only):after {
        font-family: FontAwesome;
        color:#ffffff;
        content: "\f054";
        float: right;
        font-weight: 400;
    font-size: 30px;
    }

    #menu-des-competences > li:not(.mobile-only):after {
        position: absolute;   top: 25%;   right: 10px;
    }

    #menu-des-competences > li.mobile-only.open:after, #menu-des-competences > li.open:not(.mobile-only):after {
        content: "\f078";
    }

    #menu-des-competences > li >h4> a {
        display:block;height:60px;line-height:60px;font-size:20px;
        text-align:left;
        padding:0;
        padding-right:15px;
        vertical-align: middle;
    }

    #menu-des-competences > li:not(.mobile-only):before {
        margin-right:0;height:50px;width:50px;margin: 5px 10px 0 5px;
    } 
    #menu-des-competences > li.current-menu-item , #menu-des-competences > li:not(.mobile-only):hover  {
        background:#1f306c;
    }

    #menu-des-competences > li >h4 .sub-menu {
        width:100%;text-align:left;
        font-size:18px;

    }
    #menu-des-competences > li.menu-item.open .sub-menu {top: 60px;padding:5px;padding-left:70px !important;border-bottom:2px solid #ffffff;}
    #menu-des-competences > li.menu-item.open .sub-menu,  #menu-des-competences > li.menu-item.open .sub-menu .menu-item{
        display:block;
        opacity:1;
        visibility:visible;
        background:#d2d6e2;
    }
    #menu-des-competences > li.menu-item.open .sub-menu .menu-item {
        height:auto;  text-align:left !important;
    }
    #menu-des-competences > li.menu-item.open .sub-menu .menu-item:before {top:12px; padding-top: 9px;}
    #menu-des-competences > li.menu-item.open .sub-menu .menu-item h4 {padding-left:10px;}
    #menu-des-competences > li.menu-item.open .sub-menu .menu-item h4 a{font-size:18px;line-height: 30px;}
    #menu-des-competences > li.menu-item.open .sub-menu .menu-item.current_page_item a {font-weight:bold;}
    /***** carte ***/
    #vmap {margin-top:80px;}
    
    #history ul {padding-left:0; margin-left:-8px;padding-bottom: 10px;}
    #history ul li:before {display:none;}
    #history ul li {padding-left: 0;}
    
    .text-source {text-align:left;}
}