/* CSS Document */
@font-face {
  font-family: 'Futura';
  src: url('../font/Futura.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'Quiche Sans';
    src: url('../font/QuicheSans-Bold.eot');
    src: url('../font/QuicheSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/QuicheSans-Bold.woff2') format('woff2'),
        url('../font/QuicheSans-Bold.woff') format('woff'),
        url('../font/QuicheSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiche Sans';
    src: url('../font/QuicheSans-Thin.eot');
    src: url('../font/QuicheSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('../font/QuicheSans-Thin.woff2') format('woff2'),
        url('../font/QuicheSans-Thin.woff') format('woff'),
        url('../font/QuicheSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiche Sans';
    src: url('../font/QuicheSans-Black.eot');
    src: url('../font/QuicheSans-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/QuicheSans-Black.woff2') format('woff2'),
        url('../font/QuicheSans-Black.woff') format('woff'),
        url('../font/QuicheSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiche Sans';
    src: url('../font/QuicheSans-Light.eot');
    src: url('../font/QuicheSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/QuicheSans-Light.woff2') format('woff2'),
        url('../font/QuicheSans-Light.woff') format('woff'),
        url('../font/QuicheSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiche Sans';
    src: url('../font/QuicheSans-Medium.eot');
    src: url('../font/QuicheSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/QuicheSans-Medium.woff2') format('woff2'),
        url('../font/QuicheSans-Medium.woff') format('woff'),
        url('../font/QuicheSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiche Sans';
    src: url('../font/QuicheSans-Regular.eot');
    src: url('../font/QuicheSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/QuicheSans-Regular.woff2') format('woff2'),
        url('../font/QuicheSans-Regular.woff') format('woff'),
        url('../font/QuicheSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Furura-PT';
  src: url('../font/Futura-PT-Bold.ttf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
   font-family: 'Furura-PT';
  src: url('../font/Futura-PT-Demi.ttf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Furura-PT';
  src: url('../font/Futura-PT-Book.ttf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

body {
  	font-family: 'Furura-PT', sans-serif!important;
  	font-size: 1.1em;
	font-weight: 300!important;
	background: url("../img/bg.png") no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */	
}
body a {
	color: #000;
	text-decoration: none
}

footer {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	background-color: #f5f5f5
}

footer .title {
  font-family: 'Quiche Sans', sans-serif;
  font-size: 1.8em;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 600;
}

.btn_menu {
	background-color: #000;
	 text-transform: uppercase;
	color: #FFF;
	padding: 14px 28px 14px 28px;
	font-weight: 600;
	transition: 0.3s ease-in-out;
	font-family: "Furura-PT", sans-serif;
	display: inline-block
}
.btn_menu_v2 {
	background-color: #FFF;
	 text-transform: uppercase;
	color: #000;
	border: 1px solid #000;
	padding: 14px 28px 14px 28px;
	font-weight: 600;
	transition: 0.3s ease-in-out;
	font-family: "Furura-PT", sans-serif;
	display: inline-block
}

.btn_menu:hover, .btn_menu_v2:hover {
	transform: scale(0.88); 	
}

.menu_title {
	color: #000;
	font-family: 'Quiche Sans', sans-serif;
	display: inline-block;
	font-size: 2em;
	transition: 0.3s ease-in-out;
	text-transform: uppercase;	
	font-weight: 900;
}
.menu_title:hover {
	transform: scale(0.88); 	
}

.menu_subtitle {
	color: #000;
	font-family: 'Quiche Sans', sans-serif;
	display: inline-block;
	font-size: 1em;
	transition: 0.3s ease-in-out;
	text-transform: uppercase;	
	font-weight: 400;
}
.menu_subtitle:hover {
	transform: scale(0.88); 	
}

h1 {
   font-family: "Quiche Sans", Sans-serif;
  font-size: 1.5em;
  font-weight: 100;
  text-transform: uppercase;
  line-height: 1.3em;
}

#logo1{
	width: 160px;
}
#logo2{
	width: 96px;
}

.etude { cursor: pointer}


.cc-selector input{
	margin:0;padding:0;
	-webkit-appearance:none;
	   -moz-appearance:none;
			appearance:none;
}
.nddb{background-image:url(../img/logo-nddb.png);}
.essarts{background-image:url(../img/logo-les-essarts.png);}
.rouen{background-image:url(../img/logo-rouen.png);}
.isneauville{background-image:url(../img/logo-isneauville.png);}


.cc-selector input:active +.drinkcard-cc{opacity: 1;}
.cc-selector input:checked +.drinkcard-cc{
	-webkit-filter: none;
	   -moz-filter: none;
			filter: none;
}
.drinkcard-cc{
	cursor:pointer;
	background-size:contain;
	background-repeat:no-repeat;
	display:inline-block;
	width:250px;height:140px;
	-webkit-transition: all 100ms ease-in;
	   -moz-transition: all 100ms ease-in;
			transition: all 100ms ease-in;
	-webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
	   -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
			filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
	-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
	   -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
			filter: brightness(1.2) grayscale(.5) opacity(.9);
}
.submit{
	background-color: #9C182F!important;
	color: #FFF;
	border-radius:0 !important;
}

.fw-semibold{font-weight: 500!important;}


@media (min-width: 576px) { 
	h1 { font-size: 2em!important; line-height: 1.2em;}
	
}

@media (min-width: 768px) { 
	h1 { font-size: 2.5em!important}
	.maxidropdown_c1 > ul > li:first-child, .maxidropdown_c2 > ul > li:first-child, .maxidropdown_c3 > ul > li:first-child, .maxidropdown_c4 > ul > li:first-child{
	font-size: 1.1em!important;}
	
	.menu_title {
		font-size: 3em;
	}

	.menu_subtitle {
		font-size: 1.5em;
	}
	
	#logo1{
		width: 98px;
	}
	#logo2{
		width: 59px;
	}
}

@media (min-width: 992px) {
	h1 { font-size: 3em!important}
	.maxidropdown_c1 > ul > li:first-child, .maxidropdown_c2 > ul > li:first-child, .maxidropdown_c3 > ul > li:first-child, .maxidropdown_c4 > ul > li:first-child{
	font-size: 1em!important;}
	
	.menu_title {
		font-size: 3.5em;
	}

	.menu_subtitle {
		font-size: 1.8em;
	}
	
	#logo1{
		width: 128px;
	}
	#logo2{
		width: 77px;
	}
}


@media (min-width: 1200px) { 
	.maxidropdown_c1 > ul > li:first-child, .maxidropdown_c2 > ul > li:first-child, .maxidropdown_c3 > ul > li:first-child, .maxidropdown_c4 > ul > li:first-child{
		font-size: 1em!important;}
	#logo1{
		width: 156px;
	}
	#logo2{
		width: 94px;
	}
}

@media (min-width: 1400px) {
	.maxidropdown_c1 > ul > li:first-child, .maxidropdown_c2 > ul > li:first-child, .maxidropdown_c3 > ul > li:first-child, .maxidropdown_c4 > ul > li:first-child{
		font-size: 1.2em!important;}
	
	#logo1{
		width: auto;
	}
	#logo2{
		width: auto;
	}
}