@media only screen and (orientation : landscape) and (min-width: 768px) and (max-width: 1024px)



{
	
#logo
{
position: absolute;
top:5%;
left:5%;
width:35%;
height:45%;
}	

#menuweb
{
position:absolute;
left: 10%;
top: 50%;
color:white;
font-size:2.8vw;
border-collapse: collapse;
border-spacing:0px;
width:80%;
text-decoration:none;
/*border: 1px dotted blue;*/
}
#menuweb td
{
width:20%;	
/*border: 1px dotted black;*/
padding-right: 0px;
text-align:center;
}


.item
{
text-decoration:none;
color: white;	
	
}

/*Background des menuweb*/
#commande
{
background-color:#2fb8f3;	
}

#accueil
{
background-color:#2fb8f3;		
}
#menu
{
background-color:#2fb8f3;		
}
#galerie
{
background-color:#2fb8f3;		
}
#joindre
{
background-color:#2fb8f3;		
}

	
#piedpage
{
position:static;
bottom:10%;
text-align: center;
color:#98a5aa;	
width:100%;
font-size:2vw;
}	
	
	
	
		#background
{
	display:none;
}
	#background2
{
position:static;
top:0%;	
left:0%;
width:100%;
height:100%;	
}


#textaccueil
{
position:absolute;
left: 10%;
top: 80%;	
width:80%;
font-size:3vw;
height:70%;
}

@font-face {
    font-family: myFirstFont;
    src: url(BRADHITC.ttf);
}
.brad
{
font-family: myFirstFont;	
font-weight: bold;	
}
#textmenu
{
display:none;
}


#textmenu-mobile
{
position:absolute;
left: 10%;
top: 80%;	
width:80%;
font-size:3vw;
height:70%;
}

#menudownload
{
position:absolute;
left:60%;
top: 65%;	
font-size:3.2vw;
text-decoration:none;
color:black;	
font-family: Arial;

 z-index: 10;
}
#menudownload:visited;
{
color:black;		
}



#textgalerie
{
display:none;
}

#textgalerie-mobile
{
position:absolute;
left:5%;
top: 80%;	
width:90%;
font-size:2.5vw;
text-align:center;
border-collapse: collapse;
}
#textgalerie-mobile td
{
width:30%;	
	
}


.images
{
width:20vw;
height:12vw;	
}




.img-galerie
{
position:absolute;
left: 5%;
top: 80%;	
width:90%;
height: 110%;	
border: 2px solid #888888;
z-index:9;
}
.img-galerie2
{
position:absolute;
right: 5%;
top: 80%;		
text-shadow: 2px 2px #ff0000;
color:white;
z-index:10;
width:10vw;
height: 10vw;
}

#joindrecontact
{
display:none;	
}

#textjoindre-mobile
{
	
position:absolute;
left: 20%;
top: 80%;	
width:60%;
font-size:3.8vw;
font-family: Arial;
height:70%;
}
#contact2
{

font-weight: bold;
}
.ico
{
width:30px;	
height:25px;		
}

#textcommande,#textcommande2,#textcommande3
{
	
display:none;	
}

#commande-mobile
{
position:absolute;
left: 20%;
top: 80%;	
width:60%;
font-size:4vw;

height:70%;	
	
}


#totalpoulet, #totalcommande, #totalgriot, #totaltassot, #totalcoteleve , #totalsalademaison , #totalsaladetropicale , #totalsaladelekasstle , #totalsaladerusse,
 #totalriznational , #totalrizdjondjon , #totalbananes , #totalmacaroni , #totalgratin
{
font-size:3vw;
color:red;
font-size:200%;	
} 

h2,h3
{
font-size:4vw;	
}	


#menu1
{
position:absolute;
top: -10%;	
width:45vw;
left:25%;
font-size:3.8vw;
background-color:white;	
color:#2fb8f3;
}

#liste2
{
top: 10%;
position:absolute;	
width:45vw;
left:25%;
font-size:3.8vw;
/*background-color:white;	*/
color:#2fb8f3;
}

#liste3
{
position:absolute;
left: 25%;
width:45vw;
top: 30%;	
font-size:2.9vw;
background-color:grey;
opacity:0.7;	

}
#liste3 #sousmenu3
{
position:absolute;
left: 0%;
width:45vw;
top: 10vw;	
font-size:2.9vw;
background-color:grey;
opacity:0.7;	

}
#liste4
{
position:absolute;
left: 25%;
width:65vw;
top: 55%;	
font-size:2.9vw;
background-color:grey;
border: 1px 1px red;
opacity:0.7;	

}
#list2222,#list11
{
top: 30%;
position:absolute;	
width:45vw;	
left:0%;
font-size:3.8vw;
background-color:white;	
color:#2fb8f3;
}
#list22,#vfr, #list222
{
font-size:3.8vw;
width:45vw;	
background-color:white;	
color:#2fb8f3;
}
#sousmenu2
{
position:absolute;
top: 30%;
left:0%;
background-color:grey;
opacity:0.7;	
width:45vw;
max-height:2 0%;
	
}

#sousmenu3
{
position:absolute;
top: 225%;
left:0%;
background-color:grey;
opacity:0.7;	
width:45vw;
max-height:2 0%;
}


#sousmenu2 select, #sousmenu3 select, #sousmenu3 input,  #sousmenu2 input
{
	
font-size:3vw;	
	
}



.center
{
text-align:center;		
}

#cartlong, #cartcourt, #menuplat
{

display:none;
}

#item-mobile
{
	position:absolute;
top: 62%;
left:85%;
color:red;

font-size:6vw;
z-index:1;
	
}
#item-plat
{
	position:absolute;
top: 61%;
left:75%;
color:red;

z-index:0;
font-size:8vw;
}

#delete-mobile
{
	position:absolute;
top: 155%;
left:0%;
color:red;
outline: solid 1px red;	
}
#envoyer-mobile
{
position:absolute;
top: 155%;
left:43%;
text-align:center;
color:black;
outline: solid 1px black;	
}
#finaliser-mobile
{
position:absolute;
top: 155%;
right:0%;
color:green;
outline: solid 1px green;	
}
#finaliser-mobilegris
{
position:absolute;
top: 155%;
right:0%;
color:grey;
outline: solid 1px grey;	
}
#voir-mobile
{
position:absolute;
top: 145%;
right:0%;
color:black;
outline: solid 1px black;	
}

#annuler-mobile
{
position:absolute;
top: 145%;
left:0%;
color:red;
outline: solid 1px red;
}

#cartlong2
{
position:absolute;
left:0%;
top: 5%;
background-color:grey;
opacity:0.7;	
width:100%;
height:150%;
overflow: auto;
}

#sendfinal
{
font-size:3vw;
width:60vw;
}

#tablemob input, #tablemob textarea
{
font-size:100%;

}
#tablemob input:focus {
    font-size: 100%;
   
  }

#commentaires,#adresse
{
	
width:100%;	
}

#textenvoyer-mobile	
{
position:absolute;
left: 5%;
top: 80%;	
width:90%;
font-size:3vw;
height:70%;
}

#textenvoyer1
{
position:absolute;
left: 5%;
top: 28%;	
width:90%;
font-size:2vw;
height:30%;
	
}


#textenvoyer
{
position:absolute;
left: 10%;
top: 80%;	
width:80%;
font-size:1.1vw;
max-height:50%;
}


#textenvoyer-mobile-info
{
position:absolute;
left: 75%;
top: 70%;	
font-size:2.5vw;
overflow: auto;
color:BLACK;
outline: solid 1px black;
}

.erreur
{
position:absolute;
left: 10%;
top: 50%;
color:red;
width:80%;	
background-color:white	;
text-align:center;
border-radius: 25px;
}
.confirm
{
position:absolute;
left:10%;
top: 50%;
color:blue;
width:80%;	
background-color:white	;
text-align:center;
border-radius: 25px;
}

.plat
{
width:8vw;
height:8vw;	
}
.moyen
{
	
width:30%;	
}
.petit
{
	
width:5%;	
}
.large
{
	
width:40%;	
}

.small
{
font-size:2vw;	
	
}

}