@font-face {
 font-family: fresh;
 src: url("../fonts/TrajanPro-Regular.eot") 
}


@font-face {
 font-family: fresh;
 src: url("../fonts/TrajanPro-Regular.ttf")
}

@font-face {
 font-family: fresh;
 src: url("../fonts/TrajanPro-Regular.woff") 
}



@font-face {
 font-family: freshbold;
 src: url("../fonts/TrajanPro-Bold.eot") 
}


@font-face {
 font-family: freshbold;
 src: url("../fonts/TrajanPro-Bold.ttf")
}

@font-face {
 font-family: freshbold;
 src: url("../fonts/TrajanPro-Bold.woff") 
}



@font-face {
 font-family: freshboldit;
 src: url("../fonts/Trajan-Bold-Italic.eot") 
}


@font-face {
 font-family: freshboldit;
 src: url("../fonts/Trajan-Bold-Italic.ttf")
}

@font-face {
 font-family: freshboldit;
 src: url("../fonts/Trajan-Bold-Italic.woff") 
}


.salle {
display:block;padding:1em;font-size:3em;position:absolute;border:2px solid #fff;color:#fff;padding:0;top:50%;left:50%;transform: translateX(-50%) translateY(-50%);
font-family:fresh;
}

.salle:hover {
background:#fff;
color:#666;
}


html {
margin:0;
padding:0;
font-size: 1.0em ;
font-family:arial;
width:100%;
height:100%;

}



body {
margin:0;
padding:0;
background: #fff;
width:100%;
height:100%;
}

.hover {
font-weight: bold;
color:red;
}


/*  *** hacks  ***   */

.clear {
clear:both;
}


img {
max-width:100%;
height:auto;
}


.fetesg {
display:inline-block;width:45%;vertical-align:top;
}

.fetesd {
display:inline-block;width:35%;
}


.fetesm {
display:none;
}



/*  *** layout  ***   */


.conteneur {
margin:0 auto;
width:100%;
position:absolute;
background:#fff;
}


.label {
display:inline-block;
width:30%;
text-align:right;
padding:0.5em;
font-family: freshbold;
}


a.commande {
display:block;
margin: 0 auto;
width:396px;
height:49px;
background:url(../img/commandez2.png) no-repeat;
}

a.commande:hover {
background:url(../img/commandez2.png) 0px 49px;
}

.inp {
display:inline-block;
width:60%;
}

.zone {
border:1px solid #666;
padding:0.5em;
}

.ifra {
width:90%;
height:600px;
display:block;
margin:0 auto;
}

#header {
width:100%;

color:#000;
background:#2ea6c2;
}

#bas {
width:100%;
background:#fff;

}


#pied {
width:100%;
background:#000;
color:#fff;	
min-height:60px;
}


#pied a {
color:#fff;
}



/*  *** display  ***   */




.centre {
display:inline-block;
width:20%;
height:500px;
border:0px solid #000;
transition: all .4s ease-in;
overflow:hidden;
position:relative;
}



.large {
width:40%;
}

.etroit {
width:15%;
}


.image {

z-index:1;
	width:100%;
  height:100%;

	 filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	filter: gray; 
		background-size:cover;
} 

.image:hover {
	  	transition: all 3s ease;
  -moz-transition: all 3s ease;
  -ms-transition: all 3s ease;
  -webkit-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition-delay: 0.4s;
  transform: scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
   filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
} 

.image1 {
background: url("../img/traiteur-accueil.jpg");
background-size:cover;
		background-position:center center;
}

.image2 {
background: url("../img/traiteur-pro-accueil.jpg");
background-size:cover;
		background-position:center center;
}


.image3 {
background: url("../img/1_foto1788_original.jpg");
background-size:cover;
		background-position:center center;
}

.image4 {
background: url("../img/boutique-accueil.jpg");
background-size:cover;
		background-position:center center;
}



.image5 {
background: url("../img/cuisine-traiteur.jpg");
background-size:cover;
		background-position:center center;
}

.covertext {
z-index:10;
position:absolute;
text-align:center;
color:#fff;
width:100%;
height:10%;
top:100%;
	  	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
}

.move {
top:90%;
}


.orange {
background:#ff6600;
}

.vert {
background:#96c016;
}

.rouge {
background:#d70b0b;
}


.noel {
background:url(../img/fetes-2019.jpg);
width:100%;
height:100%;
}

.violet {
background:#8f25d2;
}

.jaune {
background:#f2cf0e;
}



.torange {
color:#ff6600;
}

.tvert {
color:#96c016;
}

.trouge {
color:#d70b0b;
}

.tviolet {
color:#8f25d2;
}

.tjaune {
color:#f2cf0e;
}


.drive {
display:inline-block;color:#fff;width:15%;text-align:center;vertical-align:top;
}

.logodrive {
display:inline-block;width:20%;
text-align:center;
}


.button {
display:inline-block;
max-width:350px;
margin:1em;
color:#fff;
text-decoration:none;
text-align:center;
padding:1em;
	  	transition: all 2.42s ;
  -moz-transition: all 2.42s ;

}
.button:hover{

     transform:rotateY(360deg);
}



.butmenu {
position:absolute;
width:145px;
background:url(../img/menu.jpg);
height:41px;
border:0;
cursor:pointer;
}

#close {
float:right;
padding-right:5%;
padding-top:5%;
cursor:pointer;
font-size:1.5em;
	  	transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

#close:hover {

font-size:1.8em;
}



#wrap-haut {
position:fixed;z-index:300;width:100%;
}

.haut {
background:#000;z-index:300;text-align:center;min-height:80px;
}


#.carte {position:absolute;width:150px;height:50px;background:#000;color:#fff;right:2%;top:10px;}
.carte {position:absolute;width:150px;height:150px;color:#fff;right:2%;top:10px;}




.block {
display:block;
}

.logo {
width:400px;
}

.dgauche {
width:50%;
display:inline-block;
min-height:500px;
}

.ddroite {
width:50%;
display:inline-block;
}


/* balises  */

h1  {
font-family:freshboldit,arial;
font-size:1.7em;
padding:0.6em 1em 0.6em 1em;
}

h2 {
font-family:freshbold,arial;
font-size:1.3em;
padding:0.2em 1em 0.2em 1em;
}

h3 {
font-family:fresh,arial;
font-size:1.1em;
padding:0.2em 1em 0.2em 1em;
}

p {
font-family:arial;
font-size:0.9em;
padding:0.2em 1em 0.2em 1em;
}

.ligne {
width:80%;
}

@media (max-width: 1024px)  {

.centre {

width:50%;
}

.large {
width:50%;
}

.etroit {
width:50%;
}

}

@media (max-width: 850px)  {


.ifra {
width:80%;
display:block;
height:400px;
margin: 0 auto;
}

.label {
font-size:0.7em;
}

.covertext {
top:90%;
}

.butmenu {
position:absolute;
width:45px;
background:url(../img/menu3.jpg);
height:45px;
}

.logo {
width:30%;
}

.carte {
padding-top:0px;
right: 0%;
top:5px;
}

.dgauche {
width:100%;

}

.ddroite {
width:100%;

}

	
}



@media (max-width: 600px)  {


.fetesm {
display:inline-block;
}


.fetesg {
width:90%;
}

.fetesd {
width:90%;
}


.drive {
width:100%;
}

.logodrive {
width:100%;
}



.st-menu {
width:100%;
}


.centre {

width:100%;
}

.large {
width:100%;
}

.etroit {
width:100%;
}

}