/* ----------------------------
MICRO-NAVIGATION / FIL D'ARIANE
------------------------------*/                        
.breadcrumb{
    margin: 0 0 5px 0;
}
    .breadcrumb a{
    }
    .breadcrumb a:hover{
        text-decoration:none;
    }
.breadcrumbLabel{
}
.breadcrumbNavigation{
}

.menuSelect{
                display: none;
            }

/* ------------------------------------
MENU IMBRIQUE (NESTED) : PREMIER NIVEAU
--------------------------------------*/    

.nested {
  background:none;
  float:left;
  margin: 20px 0 0;
  width:100%;
}
.nested ul{
        height:44px;
        z-index: 5000;
        margin:0;
        padding:0;

  }
  .nested > ul.firstLevel{
    
    width:100%;
  
  }
  #header .nested,
  #header .nested> ul.firstLevel{
      width:auto;
  }
  #header .nested ul li:before{
      content:"";
      margin-left:0;
  }
  #header .nested .firstLevel{
      /*margin-left:300px;*/
  }
    .nested .firstLevel li{
        float:left;
        list-style:none;
        padding:0;
        width:auto;
        background:none;
    }
    #header .nested .firstLevel li a{
        
    }


    .nested .firstLevel li:hover, .nested .firstLevel li.active a{
    }
    .nested .firstLevel li.active a{
    }
        .nested .firstLevel li.active a:hover{
        }
    .contentSmart{
    text-align:center;
  }
    #footer .nested > h4 {
        padding-left: 0;
    }
    .nested .smart-menu{
  width:100%;
  display:none;
  height:50px;
  line-height:2em;
  position:relative;
  text-shadow:none;
  cursor:pointer;
  margin:0;
}
.smart-menu img{
  position:absolute;
  right:10px;
  bottom:15px;
}
.smart-menu a, .smart-menu a:hover, .smart-menu a:active{
  text-decoration:none;
}

/*********************************************************************************/
/***************************** menu header **************************************/
/*********************************************************************************/


#header .nested{
}

/******************************* general ***************************************/
 #header .nested ul{
    
  }
/*li*/
#header .nested ul.firstLevel li:before{
      content:"";
      margin:0;
}
#header .nested ul.firstLevel li{

}
/*a*/
#header .nested .firstLevel li a{
  padding:15px;
  display:block;
  line-height:44px;
  text-decoration:none;
  font-size:0.9em;
}


/***************************** firstLevel **************************************/
#header .nested ul.firstLevel{
}
/*li*/
#header .nested ul.firstLevel li.firstLevelLi,
#header .nested ul.firstLevel li.firstLevelLi.active:hover{
}
/*li:hover*/
#header .nested ul.firstLevel li.firstLevelLi:hover, 
#header .nested ul.firstLevel li.firstLevelLi.active{
}
/*a normal*/
#header .nested ul.firstLevel li.firstLevelLi a.firstLevelLiA{
    padding:0px 10px;
}


/***************************** secondLevel **************************************/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel{
        position:absolute; height:auto; left:auto;
        width:290px;
}
/*li*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi,
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi.active:hover{
    float:left;
    width:100%;
}
/*li:hover*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi:hover, #header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi.active{
}
/*a normal*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi a.secondLevelLiA{
    line-height:120%;
}


/***************************** thirdLevel **************************************/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel{
    position:absolute; height:auto; left:auto; margin:-44px 0 0 200px;
}
/*li*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi,
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi.active:hover{
    float:left;
    width:100%;
}
/*li:hover*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi:hover, 
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi.active{
}
/*a normal*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi a.thirdLevelLiA{
    line-height:120%;
}


/***************************** fourthLevel **************************************/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel{
    position:absolute; height:auto; left:auto; margin:-44px 0 0 200px;
}
/*li*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi, 
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi.active:hover{
    float:left;
    width:100%;
}
/*li:hover*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi:hover, 
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi.active{
}
/*a normal*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi a.fourthLevelLiA{
    line-height:120%;
}

/************************************************************************************/
/************************************************************************************/
/************************************************************************************/



/*********************************************************************************/
/***************************** menu sideBar **************************************/
/*********************************************************************************/

aside{
}
aside .nested{
    position:static;
}

/******************************* general ***************************************/
 aside .nested ul{
     height:auto;
     float:left;
  }
/*li*/
aside .nested ul.firstLevel li:before{
      content:"";
      margin:0;
}
aside .nested ul.firstLevel li{
      margin: 0;
      padding: 0;
      float: left;
      width:100%;
}
/*a*/
aside .nested .firstLevel li a{
      line-height: normal;
      display: block;
}


/***************************** firstLevel **************************************/
aside .nested ul.firstLevel{
}
/*li*/
aside .nested ul.firstLevel li.firstLevelLi,
aside .nested ul.firstLevel li.firstLevelLi.active:hover{
}
/*li:hover*/
aside .nested ul.firstLevel li.firstLevelLi:hover, 
aside .nested ul.firstLevel li.firstLevelLi.active{
}
/*a normal*/
aside .nested ul.firstLevel li.firstLevelLi a.firstLevelLiA{
}


/***************************** secondLevel **************************************/
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel{
    position:static;
    float:left;
    width:100%;
    display:none;
}
aside .nested ul.firstLevel li.firstLevelLi.active ul.secondLevel{
    display:block;
}
/*li*/
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi,
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi.active:hover{
    width:100%;
    float:left;
    padding:0;
}
/*li:hover*/
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi:hover, aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi.active{
}
/*a normal*/
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi a.secondLevelLiA{
}


/***************************** thirdLevel **************************************/
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel{
        display:none;
}
aside .nested ul.firstLevel li.firstLevelLi.active ul.secondLevel li.secondLevelLi.active ul.thirdLevel{
    display:block;
}

/*li*/
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi,
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi.active:hover{
}
/*li:hover*/
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi:hover, 
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi.active{
}
/*a normal*/
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi a.thirdLevelLiA{
}


/***************************** fourthLevel **************************************/
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel{
    display:none;
}
aside .nested ul.firstLevel li.firstLevelLi.active ul.secondLevel li.secondLevelLi.active ul.thirdLevel li.thirdLevelLi.active ul.fourthLevel{
    display:block;
}
/*li*/
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi, 
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi.active:hover{
}
/*li:hover*/
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi:hover, 
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi.active{
}
/*a normal*/
aside .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi a.fourthLevelLiA{
}

/************************************************************************************/
/************************************************************************************/
/************************************************************************************/


 



    #footer .nested{
        background:none;
        width:31%;
        float:left;
        margin:0;
        padding:0;
        margin-right:3.5%;
        border: none;
    }
     #footer .nested ul li {
         padding-left:15px;
}
    
    #footer li.defaultmenu{
        float:left;
        width: 100%;
    }
    
    #footer .nested > h4{
        font-size:1.7em;
        margin:0;
        padding:10px 0;
        text-decoration:none;
        font-weight: 400;
    }



/* ----------------------------
MENU NON IMBRIQUE (NOT NESTED)
-------------------------------*/   
#header #notNested {
    background:none;
}
    #header #notNested ul{
        background:none;
        height: 40px;
        margin: 0;
        padding: 0 ;
    }
    #header #notNested .firstLevel li{
        float:left;
        list-style:none;
        padding:0;
        width:auto;
        background:none;
    }
    #header #notNested .firstLevel li.active a,
    #header #notNested .secondLevel li.active a,
    #header #notNested .thirdLevel li.active a,
    #header #notNested .fourthLevel li.active a{
    }
    #header #notNested .secondLevel,
    #header #notNested .thirdLevel,
    #header #notNested .fourthLevel{
        background:none;
    }
        #header #notNested .secondLevel li,
        #header #notNested .thirdLevel li,
        #header #notNested .fourthLevel li{
            float:left;
            background:none;
            padding: 0;
            border-right: 1px solid #ffffff;
        }
        #header #notNested .secondLevel li a,
        #header #notNested .thirdLevel li a,
        #header #notNested .fourthLevel li a{
            font-size:0.9em;
        }
    #header #notNested .secondLevel{
        background: none;
    }
    #header #notNested .thirdLevel{
        background: none;
    }
        #header #notNested .thirdLevel a{
        }
    #header #notNested .fourthLevel{
        background: none;
    }
    #header #notNested li a{
        display: block;
        line-height: 40px;
        padding: 0 15px;
        text-decoration: none;
    }
    #header #notNested li a:hover{
        text-decoration: none;
    }


#wrapper #firstLevel{
  margin:0;
}
#wrapper #notNested{
  margin:0 0 15px 0;
}
  #wrapper #notNested li{
      background: none;
      border-bottom: 1px solid #eeeeee;
      float: none;
      margin: 0;
      padding: 0;
      width: 100%;
  }
    #wrapper #notNested li a {
        color: #ffffff;
        display: block;
        line-height: normal;
        padding: 3px;
        text-decoration: none;
    }
    #wrapper #notNested li a:hover {
        color: #007aaa;
    }
    
/*fleche*/
.nested ul li.firstLevelLi.fleche a.firstLevelLiA span:after{
    content:" G";
    font-family:"agencei";
    font-size:0.7em;
 cursor:default; 
}
.nested ul ul li.secondLevelLi.fleche a.secondLevelLiA span:after,
.nested ul ul ul li.thirdLevelLi.fleche a.thirdLevelLiA span:after{
    content:" <";
    font-family:"agencei";
    font-size:0.7em;
    float:right;
  cursor:default;  
}

.nested ul li.firstLevelLi.fleche a.firstLevelLiA,
.nested ul ul li.secondLevelLi.fleche a.secondLevelLiA,
.nested ul ul ul li.thirdLevelLi.fleche a.thirdLevelLiA{
  cursor:default;  
}



/* ----------------------------
menuResp
-------------------------------*/
#menuResp{
    font-size:2.1em;
    padding: 10px 10px 10px 15px;
    float: left;
    height: 100%;
    margin-right: 1%;
    width: auto;
}

.sliding-menu { 
overflow: hidden; 
position:absolute; 
}

.sliding-menu ul { 
float: left; 
margin: 0; 
}

.sliding-menu li { 
list-style: none; 
margin: 0;  
padding:0;
}
.sliding-menu li:before { 
content:''; 
margin-left:0;
}

.sliding-menu a { 
display: block; 
padding: 1em; 
}


.sliding-menu a.nav:before { 
content: '<';
font-family:'agencei';
font-size:0.7em;
float: right;
 margin-left: 1em;
  }
  
 #menu a.back{
    text-align:right;
}
.sliding-menu a.back{
    margin-bottom:0;
}

.sliding-menu a.back:before { 
content: 'D '; 
font-family:'agencei';
font-size:0.7em;
float: left;
 margin-right: 1em; 
 }
.sliding-menu.nested ul li.firstLevelLi.fleche a.firstLevelLiA span:after {
    content:'';
}

#menu.nested{
    min-height:100% !important;
    width:250px !important;
    margin:0;
    z-index:10000;
    left:-250px;
    overflow-y: scroll;
    overflow-x:hidden;
}
.sliding-menu-wrapper{
    height:auto;
}
#menu.nested ul{
    height:auto !important;
    overflow-x:hidden;
}
#menu.nested .firstLevel li:before{
    content:'';
    margin-left:0;
}
#menu.nested .firstLevel li{
    width:100%;
    height:auto;
}

#overlay2 {
    background-color: #000000;
    left: 250;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9000;
}