/* --1 LA TYPO -------------*/
/* --2 LES BASES -------------*/



/* ------------- LA TYPO -------------*/

@font-face {
    font-family: 'cabinbold';
    src: url('../fonts/cabin-bold-webfont.woff2') format('woff2'),
         url('../fonts/cabin-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cabinbold_italic';
    src: url('../fonts/cabin-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/cabin-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cabinitalic';
    src: url('../fonts/cabin-italic-webfont.woff2') format('woff2'),
         url('../fonts/cabin-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cabinmedium';
    src: url('../fonts/cabin-medium-webfont.woff2') format('woff2'),
         url('../fonts/cabin-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cabinmedium_italic';
    src: url('../fonts/cabin-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/cabin-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cabinregular';
    src: url('fonts/cabin-regular-webfont.woff2') format('woff2'),
         url('fonts/cabin-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cabinsemibold';
    src: url('../fonts/cabin-semibold-webfont.woff2') format('woff2'),
         url('../fonts/cabin-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cabinsemibold_italic';
    src: url('../fonts/cabin-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/cabin-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'assistantbold';
    src: url('../fonts/assistant-bold-webfont.woff2') format('woff2'),
         url('../fonts/assistant-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'assistantextrabold';
    src: url('../fonts/assistant-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/assistant-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'assistantextralight';
    src: url('fonts/assistant-extralight-webfont.woff2') format('woff2'),
         url('fonts/assistant-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'assistantlight';
    src: url('fonts/assistant-light-webfont.woff2') format('woff2'),
         url('fonts/assistant-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'assistantregular';
    src: url('../fonts/assistant-regular-webfont.woff2') format('woff2'),
         url('../fonts/assistant-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'assistantsemibold';
    src: url('../fonts/assistant-semibold-webfont.woff2') format('woff2'),
         url('../fonts/assistant-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* ----------------------------- MEDIAS QUERIES --------------------------------------- */
/* ----------- HEADER ------------ */
header{
height:200px;
padding:4px}

#entete{
display:flex;
flex-wrap:wrap;
width:100%;
height:200px;
}
#mainmenu{
display:none;
}


#gros_titre,
#menus{
width:50%;
height:200px;
}
#gros_titre a {
    display: block;
    height:200px;
    background-size: contain;
    background-repeat: no-repeat;
}


#burger{
width:32%;
display:inline;
height:200px;
}

#burger img{
display:block;
width:100%;
height:200px;
    background-size: contain;
    background-repeat: no-repeat;
}

#reso{
width:64%;
height:200px;
}
#reso img{
display:block;
float:left;
width:45%;
height:200px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* ----------- SECTION2 ------------ */

#prop_1 {
    width: 100%;
    padding: 1%;
}
img.propos_logo{
width : 50%;
}
img.deco{
display:none;
}
#prop_2 {
    width: 100%;
    padding: 5%;
}
#presentation{
	padding-left : 0}


/* ----------- SECTION3 ------------ */


#resto_col1,
#resto_col2,
#resto_col3{
    width: 100%;
    padding: 3%;
}
#resto_3col img{
width:30%;
}
#resto_3col {
padding-bottom : 5px;
}

#section3{
height:auto;
margin-bottom : 40px}

/* ----------- SECTION5 ------------ */


#infos_pratiques_col1,
#infos_pratiques_col2,
#infos_pratiques_col3{
width : 100%}
#section5{
height:auto}


/* ----------- MENU ------------ */











/*------------------MENU SMART------------------*/

#menu_smart{
display:none
}



#menu_smart{
display:none;
position : fixed;
top:92px;
z-index:3;
right : 0px;
width: 90%;
height : auto;
border: solid 1px #9E9493;
background-color:#fff;
padding:2%;
}
#menu_smart li{
margin-left:3%
}
.smart_menu{
display:block;
line-height:60px;
margin-right:3%;
font-size:60px;
text-transform: uppercase;
color : red;
text-align : right;
vertical-align:middle;
border-top:1px solid #777171;
}
.smrt_mn{
height:80px;
margin-right:3%;
font-size:60px;
text-transform: uppercase;
color : red;
text-align : right;
display:block;
}

#menu_smart:target{
display: block;
visibility:visible
}
#section1{
display:none}



#prop_2 p{
font-size : 34px}

/* MENTIONS SPECIALES MENU */
span.new-card {
    display: block;
    background-color: red;
    color: #fff;
    transform: rotate(-2deg);
    width: 50%;
    margin: auto;
    text-align: center;
}