/*@import url("font.css");

@font-face {
    font-family: 'MyHelveticaNeue';
    src: url('helveticaneue.ttf');
}

@font-face {
    font-family: 'MyHelveticaNeueBold';
    src: url('helveticaneuebold.ttf');
    font-weight: bold;
} */


/*.TitreIndex {
  position:fixed;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:15px;
  top: 72px;
  left: 16.2%;
  color:white;
}

.TitreIndex .TILT {
  font-weight:bold;
}

.TitreIndex .Architectes {
  position:fixed; 
  font-size:15px;
  left:15.5%;
  top:72px; 
}  */

.Menu {       
  position:fixed;
  width:170px;
  top:0px;
  height:100%;
  color:white;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;    
  text-align:right;
  padding:0px;
  z-index:2000;  
}

/*@media (max-width: 1280px) { .Menu { width: 200px; } }

@media (max-width: 850px) { .Menu { width: 170px; }  }

@media (max-width: 650px) { .Menu { width: 25%; } }

@media (max-width: 500px) { .Menu { width: 30%; } }*/     

.Menu a {
  text-decoration:none;   
  color:white;
}

.Menu a:visited {
  color:white;
}

.Menu a:hover, .Menu a.hovered {
  color:#92ee01;
} 

.Menu .TitreMenu {
  position:absolute;
  font-size:20px;
  left:125px;
  top:70px;
  white-space:nowrap;
}

.Menu .TitreMenu h1 {
	margin:0px;
	font-size:20px;
}

.Menu .TitreMenu .TILT {
  font-weight:bold;  
}

.Menu .TitreMenu .Architectes {
  /*display:none;*/
}

.Menu .MenuHaut {
  /*width:224px;
  height:74px;*/
  width:100%;
  height:70px;
  background: url('../IMGS/menuhaut.png');
  background-size: 100% 100%; 
  background-repeat: no-repeat;
  background-position: center;    
}


.Menu .MenuContent {

  position:absolute;
  top:70px;
  bottom:0px;
  
  padding-top:40px;
  /*width:219px;*/
  width:100%;  
  background:rgba(150, 150, 150, 0.85);
  
  text-align:right;
}

.Menu .MenuContent .Separator {
  margin-top:15px;
  margin-bottom:15px;    
}



.Menu .MenuContent .MenuItemPROJETS {
  font-size:16px;   
  margin-right:3px;  
}

.Menu .MenuContent .MenuItemAGENCE {
  /*position:fixed;
  bottom:10vmin;
  left:14vmin;*/
  font-size:16px;   
  margin-right:3px;
}

.Menu .MenuContent .MenuItemCONTACT {
  /*position:fixed;
  bottom:10vmin;
  left:14vmin;*/
  font-size:16px;   
  margin-right:3px;
}

.Menu .MenuContent .MenuListeProjets {
  overflow-y:auto;
  overflow-x:hidden;
}

.Menu .MenuContent .MenuListeProjets ul {
  list-style-type:none;
  padding:0px;
  margin:0px;
  margin-right:3px;
}


.Menu .MenuContent .MenuListeProjets .MenuItemProjet {
  /*font-size: 13px;*/
  font-size:12px;
  padding:0px;
  margin:0px;
  margin-top:2px;  
  /*white-space: nowrap;*/
}


/*@media (min-height: 250px) and (max-height: 360px)  {  
    .MenuContent .MenuListeProjets { height: 170px; }
    .MenuContent .MenuListeProjets .MenuItemProjet { font-size: 8px; }
}

@media (min-height: 360px) and (max-height: 420px)  {  
    .MenuContent .MenuListeProjets { height: 250px; }
    .MenuContent .MenuListeProjets .MenuItemProjet { font-size: 9px; }
}

@media (min-height: 420px) and (max-height: 550px)  {  
    .MenuContent .MenuListeProjets { height: 300px; }
    .MenuContent .MenuListeProjets .MenuItemProjet { font-size: 10px; }
}

@media (min-height: 550px) and (max-height: 600px)  {  
    .MenuContent .MenuListeProjets { height: 400px; }
    .MenuContent .MenuListeProjets .MenuItemProjet { font-size: 11px; }
}  */

/*@media (max-width: 450px) { 
    .MenuContent .MenuListeProjets .MenuItemProjet { font-size: 9px; }
}

@media (min-width: 450px) and (max-width: 530px) {
    .MenuContent .MenuListeProjets .MenuItemProjet { font-size: 10px; }
}

@media (min-width: 530px) and (max-width: 650px) {
    .MenuContent .MenuListeProjets .MenuItemProjet { font-size: 11px; }
} */

/*@media (max-width: 600px) { .MenuContent .MenuListeProjets .MenuItemProjet { font-size: 2.5vmin; } }*/

/*@media handheld { .MenuContent .MenuItemSecondLevel { font-size:18px; } .MenuContent .MenuItemProjet { font-size: 15px; } }*/ 

/*@media (max-width: 500px) 
{ 
  .Menu .Architectes {
    font-size:18px;
    left:125px;
    top:40px;
  }
  
  .MenuHaut {
    width:120px;
    height:40px;        
  }
  
  .MenuContent {
  
    width:118px;
    height:100%;
    padding-right:2px;    
  }
  
  
  .MenuContent .MenuItemTILT {
    font-size:18px;
  }
  
  .MenuContent .MenuItemSecondLevel {
    font-size: 13px;     
  }
  
  .MenuContent .MenuItemProjet {
    font-size: 11px;
  }
  
  .MenuContent .MenuItemFirstOfList {
    margin-top: 10px;  
  }
} 
       
@media (min-width: 500px) and (max-width: 768px) {

  .Menu .Architectes {
    font-size:20px;
    left:155px;
    top:50px;
  }
  
  .MenuHaut {
    width:150px;
    height:50px;        
  }
  
  .MenuContent {
  
    width:148px;
    height:100%;
    padding-right:2px;    
  }
  
  
  .MenuContent .MenuItemTILT {
    font-size:20px;
  }
  
  .MenuContent .MenuItemSecondLevel {
    font-size: 15px;     
  }
  
  .MenuContent .MenuItemProjet {
    font-size: 12px;
  }
  
  .MenuContent .MenuItemFirstOfList {
    margin-top: 15px;  
  }

}

@media (min-width: 768px) and (max-width: 1024px) { 
  
   .Menu .Architectes {
    font-size:25px;
    left:205px;
    top:66px;
  }
  
  .MenuHaut {
    width:200px;
    height:66px;        
  }
  
  .MenuContent {
  
    width:197px;
    height:100%;
    padding-right:3px;   
     
  }
  
  
  .MenuContent .MenuItemTILT {
    font-size: 25px;
  }
  
  .MenuContent .MenuItemSecondLevel {
    font-size: 20px;     
  }
  
  .MenuContent .MenuItemProjet {
    font-size: 15px;
  }
  
  .MenuContent .MenuItemFirstOfList {
    margin-top: 20px;  
  }

  
}

@media (min-width: @screen-lg-min) { 

}                                  */