@font-face {
    font-family: 'TahomaNormal';
    src: url('polices/tahoma-webfont.eot');
    src: url('polices/tahoma-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/tahoma-webfont.woff') format('woff'),
         url('polices/tahoma-webfont.ttf') format('truetype'),
         url('polices/tahoma-webfont.svg#TahomaNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TahomaNegreta';
    src: url('polices/tahomabd-webfont.eot');
    src: url('polices/tahomabd-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/tahomabd-webfont.woff') format('woff'),
         url('polices/tahomabd-webfont.ttf') format('truetype'),
         url('polices/tahomabd-webfont.svg#TahomaNegreta') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family: 'UltimaPDbcUltraLightSmallCaps';
src: url('../polices/ultimapdbc-ultralightsmallc-webfont.eot');
src: url('../polices/ultimapdbc-ultralightsmallc-webfont.eot') format('embedded-opentype'),
       url('../polices/ultimapdbc-ultralightsmallc-webfont.woff') format('woff'),
       url('../polices/ultimapdbc-ultralightsmallc-webfont.ttf') format('truetype'),
       url('../polices/ultimapdbc-ultralightsmallc-webfont.svg#UltimaPDbcUltraLightSmallCaps') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'UltimaPDacUltraLight';
    src: url('../polices/ultimapdac-ultralight-webfont.eot');
    src: url('../polices/ultimapdac-ultralight-webfont.eot') format('embedded-opentype'),
         url('../polices/ultimapdac-ultralight-webfont.woff') format('woff'),
         url('../polices/ultimapdac-ultralight-webfont.ttf') format('truetype'),
         url('../polices/ultimapdac-ultralight-webfont.svg#UltimaPDacUltraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Allegro';
    src: url('../polices/allegro-webfont.eot');
    src: url('../polices/allegro-webfont.eot') format('embedded-opentype'),
         url('../polices/allegro-webfont.woff') format('woff'),
         url('../polices/allegro-webfont.ttf') format('truetype'),
         url('../polices/allegro-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'KunstlerScriptRegular';
    src: url('./polices/kunstler-webfont.eot');
    src: url('./polices/kunstler-webfont.eot?#iefix') format('embedded-opentype'),
         url('./polices/kunstler-webfont.woff') format('woff'),
         url('./polices/kunstler-webfont.ttf') format('truetype'),
         url('./polices/kunstler-webfont.svg#KunstlerScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ExmouthRegular';
    src: url('./polices/exmouth-webfont.eot');
    src: url('./polices/exmouth-webfont.eot') format('embedded-opentype'),
         url('./polices/exmouth-webfont.woff') format('woff'),
         url('./polices/exmouth-webfont.ttf') format('truetype'),
         url('./polices/exmouth-webfont.svg#ExmouthRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body
{ background-color:#6f0a0a;
margin:auto;
}

#page
{
width:850px;
height:865px;
margin-top:8px;
margin-left:auto;
margin-right:auto;
}

/* ---------------------------------------------------------MENU-----------------------------------------------------------*/
nav{
position:relative;
margin-top: 50px;
width: 850px;
height:20px;
z-index:10;
}

#ensemble_menu {/* Ensemble du menu */
font-family:  'Calibri', Myriad Pro, Arial, sans serif ; /* on utilise Arial, c'est plus beau ^^ */
font-size: 17px; /* hauteur du texte : 17 pixels */
margin:auto;}

nav ul /* Liste */
{
list-style:none;
line-height :20px; /* on définit une hauteur pour chaque élément */
text-align : center;
}

nav a { /*Contenu des listes*/
display :inline-block; /* on change le type d'élément, les liens deviennent des balises de type block */
color : white; /* couleur du texte */
text-decoration : none; /*/* on supprime le style par défaut des liens (la plupart du temps = souligné) */
text-align:center; }

nav li { /* Éléments des listes */      
float : left; 
padding-left : 17px; 
padding-right : 17px;  
border-right: 1px dashed white; }

nav a:hover {
color :black;
font-weight:bold; }

#actif a {
color :black;
font-weight:bold; 
}

.index {
border-left: 1px dashed white;}

#actif li {
border-bottom:1px solid black;
}

#feuillets {
position:absolute;
text-align:center;
width:720px;
height:450px;
top:310px;
margin:40px 20px 20px 70px;
z-index:5;
/*border:1px solid yellow;*/
overflow:hidden;
font-family :  'Calibri', Myriad Pro, Arial, sans serif ;
font-size :14px;
 }
 
#img-fond {
position:absolute;
top:270px;
z-index:1;

}
 

/* ------------------------------------------------------------TITRES PAR PAGE ---------------------------------------------*/
#titre_acc, #titre_gal, #titre_cont, #titre_recept, #titre_buf, #titre_plat, #titre_ent  {
display: block;
position:absolute;
font-variant:small-caps;
color:#fff;
font-family :  'Calibri', Myriad Pro, Arial, sans serif ;
font-size:26px;
transform:rotate (-32deg);
-webkit-transform: rotate(-32deg); 
-moz-transform: rotate(-32deg);	
-ms-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
z-index:20; }

#titre_acc {
margin-top:45px;
margin-left:76px;}

#titre_gal {
margin-top:45px;
margin-left:45px;
 }

#titre_cont {
margin-top:42px;
margin-left:80px;
}

#titre_recept, #titre_ent {
margin-top:45px;
margin-left:60px;
}

#titre_buf {
margin-top:45px;
margin-left:78px;
}

#titre_plat {
margin-top:45px;
margin-left:43px;
 }

 h1 {
font-family :  'Allegro', ExmouthRegular, Calibri, Myriad Pro, Arial, sans serif ;
text-align:center;
font-size :38px; 
margin-left:15px;
margin-top:-40px;
}

h2 {
font-family :  'Allegro', ExmouthRegular, Calibri, Myriad Pro, Arial, sans serif ;
text-align:center;
font-size :25px;
color:#961212;
font-weight:bold;
margin-left:-30px;
margin-top:-11px;
margin-bottom:-15px; }

h3 {
font-family :  'Allegro', ExmouthRegular, Calibri, Myriad Pro, Arial, sans serif ;
text-align:center;
font-size :25px;
color:#961212;
font-weight:bold;
margin:0;
margin-top:px;
margin-bottom:18px; }

.color {
color:#961212;
font-weight:bold;
}

/* --------------------------------------------------ACCUEIL ------------------------------------------------------*/

#paragraphe_acc {
position:absolute;
top:40px;
z-index:300;
margin:auto;
/*margin-left :85px;*/
text-align: justify;
font-weight : normal; 
}

#paragraphe_autres {
position:absolute;
top:10px;
z-index:300;
margin:auto;
/*margin-left :85px;*/
text-align: justify;
font-weight : normal; 
}

.indent {
text-indent:120px;
}


h1 + p {
margin-top:-5px;
text-indent:60px;
}

#bloc2 {
position:relative;
top:160px;
display:block;
}

#nos_valeurs {
display:inline-block;
margin-top:30px;
float:left;
width:220px; }

#adjectifs {
text-align:center;
margin-top:-16px; }

#paragraphe_charly {
display: inline-block;
border : 2px dashed #961212;
width: 190px;
z-index:20;
float:right;
padding :20px 20px 5px 20px;
text-align: left; 
margin-right:20px;
margin-top:10px;
}

#imgcharly {
display: inline-block;
float: right;
margin-top:10px;
 }
 

/* ---------------------------------------PLATEAUX REPAS ------------------------------------------*/

#imgplateaux {
margin-top:260px;
width:750px;
text-align:center;
margin-left:-12px;
}

#imgplateaux img , #img-reception, #img-pm img , #img-ent{
box-shadow:3px 3px 5px grey;
-moz-box-shadow:3px 3px 5px grey;
-webkit-box-shadow:3px 3px 5px grey;
-o-box-shadow:3px 3px 5px grey;
}

#plateau1{
margin-left:10px;
display:inline-block;
float:left;
}

#plateau2{
margin-top:20px;
display:inline-block;
}

#plateau3 {
float:right;
display:inline-block;
margin-right:10px;
}



/* -----------------------------------------------------BUFFETS ----------------------------------------------------------*/


#type_buffet{
text-align:center;
padding-top:2px;
}

#imgbuffet{
float : left;
margin-top:195px;
}

#imgbuffet2{
float : right;
margin-top:195px;
}


/*----------------------------------------------ENTREPRISES------------------------------------------------------------*/

#paragraphe_ent {
text-align:left;}

#text-ent-float{
display:inline-block;
width :470px;
}

#text-ent-float p{
margin-top:30px;
}

#img-ent
{float: right;
z-index:15;
margin-right: 20px;
margin-top:10px;
}

/*--------------------------------------------TEXTE ---------------------------------------------------------------------*/


#texte{
top:297px;
display:block;
width:730px;
position: absolute;
margin:auto;
margin-left :90px;
text-align: left;
font-family :  'Calibri', Myriad Pro, Arial, sans serif ;
font-size :14px;
font-weight : normal; }



/* -----------------------------------------------------RECEPTIONS -------------------------------------------------*/

#info_logo{
margin-top:-25px;
}

#img-reception {
float:right;
margin-left: 25px;
margin-bottom:25px;

}

h5 {
font-family :  'Allegro', ExmouthRegular, Calibri, Myriad Pro, Arial, sans serif ;
text-align:center;
font-size :25px;
color:#961212;
font-weight:bold;
margin:0;
margin-top:0px;
margin-bottom:10px; }

#pm1 {
float:left;
margin-left:10px;
}

#pm2 {
margin-left: 50px;}

#pm3 {
margin-left: 50px;}

#pm4 {
margin-left: 50px;}

#piece-montee {
position:relative;
text-align: left;
top: 215px;
}


/* ----------------------------------------------------- FOOTER --------------------------------------------------------*/
footer {
height:55px;
background-color:#3d0101;
color:#fff;
font-size:11.5px;
font-family : Myriad Pro, Calibri,  'UltimaPDacUltraLight';
margin-bottom:0px; }

footer a {
text-decoration:none;
color:white; }

footer a:hover {
color: #ffa313; }
 
#footer {
width:710px;
margin: 0 auto; }

table {
margin: auto;
width:550px;
z-index:12;
margin-top:3px;
}

td {
text-align: center; 
}

#partenaires {
text-decoration:none;
text-align:center; }

#partenaires p {
color:orange;
width:650px;
margin:auto;
padding-top:10px;
font-size:14px;

}

#fb {
display:inline-block;
float:right;
margin-top:-43px;
margin-right :-60px; 
z-index:20;}

#fb_contact {
position: relative;
float: right;
top:-324px;
left:336px;
z-index:50;}

#sign{
font-family : 'Calibri', Arial, sans serif;
color: #fff;
text-align: center;
font-size :11px;
margin-top:5px;
}

#sign a {
color:#fff;
text-decoration:none;
}

#sign a:hover {
color:orange;
text-decoration:underline;
}