﻿@media only screen and (min-width: 1025px) and (max-width: 2000px) 

{
	
	
#logo
{
position: absolute;
top:2%;
left:4%;
width:22%;
height:26%;
}

/* image de fond pour vers PC site web*/
#background
{
position:absolute;
top:0%;	
left:0%;
width:100%;
height:100%;	
}

/* on n'affiche pas la version mobile*/

#background2
{
display:none;
}

/* Rédigez vos propriétés CSS ici */	
	
/*Menu*/
#menuweb
{
position:absolute;
left: 28%;
top: 6%;
color:white;
font-size:40px;
font-size:2.5vw;
border-collapse: separate;
border-spacing:30px;
width:60%;
text-align:center;

}

#piedpage
{
position:absolute;
bottom:0%;
text-align: center;
color:#98a5aa;	
width:100%;
}

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

#accueil
{
background-color:#2fb8f3;		
}
#menu
{
background-color:#2fb8f3;		
}
#galerie
{
background-color:#2fb8f3;		
}
#joindre
{
background-color:#2fb8f3;		
}
/*accueil*/
#textaccueil
{
position:absolute;
left: 10%;
top: 30%;	
width:80%;
font-size:25px;
font-size:1.5vw;
max-height:50%;
font-family: Arial;
}

@font-face {
    font-family: myFirstFont;
    src: url(BRADHITC.ttf);
}
.brad
{
font-family: myFirstFont;	
font-weight: bold;	
}
/*menu plats*/
#textmenu
{
position:absolute;
left: 10%;
top: 30%;	
width:90%;
font-size:13px;
font-size:0.7vw;
font-family: Arial;
}

#menudownload
{
position:absolute;
left:75%;
top: 25%;
font-size:30px;	
font-size:2vw;
text-decoration:none;
color:black;	
}
#menudownload:visited;
{
color:black;		
}


#tabm td,#tabm tr
{
padding: 0px 0px 8px 0px;
padding: 0px 0px 0.5vw 0px;

/* border: 1px solid black;	*/
}

#textmenu table
{
	
width:90%;	
height:55%;
    border-collapse: collapse;

}
#textmenu td,th
{
	
width:30%;	
	
}

#textmenu h3
{
font-size:1vw;	
}

#textmenu-mobile
{
display:none;	
}

#textgalerie-mobile
{
display:none;	
}
/*page galerie*/
#textgalerie
{
position:absolute;
left: 27%;
top: 30%;	
width:80%;
font-size:12px;
font-size:0.7vw;
}
.images
{
width:140px;
height: 100px;	
width:10vw;
height: 7vw;	
}

.img-galerie
{
position:absolute;
left: 70%;
top: 35%;	
width:300px;
height: 300px;	
border: 5px solid #888888;
}

.img-galerie2
{
display:none;
}


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


/*PAge nous Joindre*/

#textjoindre
{
position:absolute;
left: 15%;
top: 35%;	
width:70%;
font-size:25px;
font-size:1.5vw;
font-family: Arial;
}

.ico
{
width:30px;	
height:25px;		
}
.ico2
{
width:35px;	
height:29px;		
}



#contact
{
position:absolute;
left: 35%;
top: 55%;
width:30%;	
font-family: Arial;
font-size:25px;
font-size:1.2vw;
}

#contact2
{
position:absolute;
left: 15%;
top: 65%;	
font-size:1.vw;
font-family: Arial;
font-weight: bold;
}
#contact3
{
position:absolute;
left: 45%;
top:75%;
font-size:25px;	
font-size:1.vw;
width:10%;
font-family: Arial;
}
/*page commande*/
#textcommande, #textcommande2 , #textcommande3
{
position:absolute;
left: 5%;
top: 35%;	
}
.plat
{
width:90px;
height:90px;	
}
#menuplat
{
	
position:absolute;
left:25%;
top: 30%;	
}
#cartcourt
{
position:absolute;
left:65%;
top: 60%;
background-color:grey;
opacity:0.7;	
width:25%;
height:32%;
overflow: auto;
}

.rouge
{
position:relative;
left:0%;	
color:red;
outline: solid 1px red;	
background-color:white;

}
.vert
{
	position:relative;
right:0%;
color:green;
outline: solid 1px green;
background-color:white;	
	
}
.menucommande, #menucommande
{
background-color:#2fb8f3;	
}


#cartlong
{
position:absolute;
left:65%;
top: 30%;
background-color:grey;
opacity:0.7;	
width:25%;
max-height:425px;
overflow: auto;
}


#sousmenu2
{
	position:absolute;
left:65%;
top: 30%;
background-color:grey;
opacity:0.7;	
width:25%;
max-height:40%;
z-index:10;	
}

#totalpoulet, #totalcommande, #totalgriot, #totaltassot, #totalcoteleve , #totalsalademaison , #totalsaladetropicale , #totalsaladelekasstle , #totalsaladerusse,
 #totalriznational , #totalrizdjondjon , #totalbananes , #totalmacaroni , #totalgratin
{
	font-size:45px;
font-size:3vw;	
color:red;	
}
#ajoute
{
width:25%;	
text-align:left;	
	
}
#retire
{
	width:25%;
text-align:right;	
	
}
.center
{
text-align:center;		
}

.small
{
font-size:0.7vw;	
	
}

.erreur
{
position:absolute;
left: 30%;
top: 25%;
color:red;
	
background-color:white	;
opacity:0.8;
}
.confirm
{
position:absolute;
left: 30%;
top: 25%;
color:blue;
	
background-color:white	;
}

img
{
border: none;
	
	
}

#textjoindre2
{
	
display:none;	
}

#textjoindre-mobile,#item-mobile,#item-plat
{
display:none;		
}

#sendfinal
{
width:100%;	
	
}
#textenvoyer
{
position:absolute;
left: 30%;
top: 33%;	
width:100%;
font-size:1.1vw;
max-height:50%;
}


}
