/* menu.css - Renzo Antonello */

/* 20170416 Ajouté -ms-overflow-style:none; --> vérifier dans IE*/
*{-ms-overflow-style:none;
font-family: "American Typewriter", "Arial Unicode MS", "Times New Roman", "Georgia", sans-serif;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
padding: 0; margin: 0;color: rgb(129,116,99); background-color: black;
text-decoration: none;font-style: normal;font-weight:normal;-webkit-font-smoothing: subpixel-antialiased;}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;-webkit-font-smoothing: subpixel-antialiased;
}

/* 20170412 Ajouté les scrollbar pour modifier l'aspect de la barre de défilement --> vérifier dans IE/*/

* {

 /*  
    scrollbar-face-color: #000000; 
    scrollbar-shadow-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000; 
    scrollbar-darkshadow-color: #000000; 
    scrollbar-track-color: #000000; 
    scrollbar-arrow-color: #000000;}	
*/
}

/* 20170416 ajouté pour supprimer l'ascenseur vertical */
@-ms-viewport { width: device-width;}

::-webkit-scrollbar {									/* Scrollbars */
	width: 0px;
	height: 0px;
	background: #000000  ;
}


/* 20170415 ajouté pour supprimer l'ascenseur horizontal */
body {overflow-x: hidden;}


/* 20170412 inutile car pareil en dessous */
/*li {list-style-type: none;}*/
 
::selection 		{background-color: black;color: rgb(229,206,177);text-shadow: none;}
::-moz-selection	{background-color: black;color: rgb(229,206,177);text-shadow: none;}

/* 20170412 ajouté display inline-block pour tester dans IE */
/* 20170416 supprimé padding-right: 2vw; pour tester dans IE */
.menu		{ width: 18vw;display:inline-block;
  float:right; position: relative; text-align:right; font-size: 1.8vmin;
overflow: visible; padding-top:4vh;padding-bottom:1vh;}


/* 20170416 ajouté display inline-block pour tester dans IE */
/* 20170416 ajouté padding-right: 2vw; pour tester dans IE */

.totw{ width: 100vw;display:block;padding-right: 2vw;padding-left: 2vw; }

/* 20170416 border:1px dotted white; pour tester les div */
/* 20170412 ajouté display inline-block pour tester dans IE */
/* 20170413 ajouté font-size: 0.0vmin; au lieu de font-size: 1.8vmin; pour tester dans IE */
/* 20170413 ajouté margin-right: -4px; pour tester dans IE */
/* 20170413 ajouté padding-right: 0vw; au lieu de padding-right: 2vw; pour tester dans IE */
/* 20170413 passé de width: 18vw; à width: 16vw; pour tester dans IE */
/* 20170414 passé de height: 94vh; à height: 1vh; pour tester dans IE */
/* 20170415 ajouté clear:both; pour tester dans IE */


.menuempty	{ width: 18vw;display:inline-block;
  float:left;  position: relative; text-align:right; font-size: 0.0vmin;
overflow: visible; padding-top:4vh;padding-bottom:1vh; padding-right: 0vw;height: 94vh;}

.menuhi {color: rgb(229,206,177);text-align: right;font-size: 1.8vmin;}

ul, li {list-style-type: none;}	/* supprime les bullet points de la liste*/

#menu-icon {width:6.0vmin; height:6.0vmin; display:none; border-radius: 4px 4px 4px 4px; 
 color:rgb(129,116,99); background: rgb(0,0,0);font-size: 6.0vmin;text-decoration: none; text-align:left;}
 
 a:hover#menu-icon {color: rgb(229,206,177);background-color:rgb(0,0,0);}
 
 
 @media only screen and (orientation: portrait)   {
 
 #menu-icon {display:inline-block;}
.menu {width: 9vw;height: 9vh;padding-top:1.5vh;padding-right: 1.4vw;padding-left: 0vw; }
.menu ul, .menu:active ul { display: none; position: absolute; padding-top: 2vh;padding-bottom: 2vh; padding-right: 6vw; background: black; border:0px;
 rgb(129,116,99);right: 0vw;top: 6vh; width: 34vw; border-radius: 4px 4px 4px 4px; z-index: 1;}
 
 .menuempty{width: 9vw;height: 90vh;}

.menu li {
text-align: right;font-size: 3.0vmin;
 width: 100%; padding: 0px 0; margin: 0;z-index: 1;}
	
.menu:hover ul {display: block;}
 
 /* 20170416 ajouté car au passage en mode mobile le pied de page disparait */
.totw{padding-right: 0vw; padding-left: 0vw;}
 }