* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}

.chromeframe {position: absolute; top: 0;}
html {height: 100%;}

body {min-height: 100%;}
body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	background: url(../images/design/bg.jpg) repeat;
}
body.iframe {
	background: none;
	text-align: center;
}
body, select, input, textarea {color: #000000;}

a {	text-decoration: none;}

::-moz-selection{background: #7ba641; color: #fff; text-shadow: none;}
::selection {background: #7ba641; color: #fff; text-shadow: none;} 

a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #7ba641; color: #000; text-decoration: none;}
mark {background-color: #7ba641; color: #000; font-style: italic; font-weight: bold;}

input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }
.hidden { display: none; }
.clear { clear: both; }
.goright { float:right; margin:0 0 0 20px;}
.goleft { float:left; margin:0 20px 0 0;}

/*------------------- Mise en place de la structure */
.wrapper {
	width: 100%;
	min-height: 100%;
	position: relative;
	font-family: 'Nunito', sans-serif;
}

/*------------------- En-tête menu et logo */
header {
	width: 1000px;
	height: 146px;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
header h1 {
	float: left;
	width: 15%;
}
header nav {
	float: right;
	width: 75%;
}
header nav ol {
	margin-top: 95px;
	text-align: right;
}
header nav li {
	display: inline;
	margin: 0 12px;
	padding-top: 40px;
	position: relative;
}
header nav li a {
	color: #000000;
	font-size: 0.95em;
	font-weight: 200;
	text-transform: uppercase;
	padding-top: 40px;
	letter-spacing: 1px;
}
header nav li a:hover {
	background: url(../images/img/tomate_menu_selected.png) no-repeat center 10px;
}
header nav li:last-child a:hover {
	background: none;
}
header nav li img {
	/*position: absolute;
	top: 40px;
	right: -10px;
	z-index: 13;*/
}

/*------------------- Accueil choix de resto */
#home {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 30px;
	overflow: auto;
}
#home .content_menu_blocs {
	display: block;
	width: 100%;
	margin: 200px 0 30px 0;
}
#home .content_menu_blocs .menu_blocs {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 30px;
}
.content_menu_blocs .btn_sillery a {
	width: 221px;
	height: 306px;
	display: block;
	margin: 0 auto;
	background: url(../images/img/btn_pizza_mag_maguire_sillery.png) 0 0;
}
.content_menu_blocs .btn_sillery a:hover {
	background: url(../images/img/btn_pizza_mag_maguire_sillery.png) -221px 0;
}
.content_menu_blocs .btn_kamouraska a {
	width: 221px;
	height: 306px;
	display: block;
	margin: 0 auto;
	background: url(../images/img/btn_pizza_mag_kamouraska.png) 0 0;
}
/*.content_menu_blocs .btn_kamouraska a:hover {
	background: url(../images/img/btn_pizza_mag_kamouraska.png) -221px 0;
}*/


/*------------------- Contenu des sections */
#main {
	width: 100%;
	padding-bottom: 30px;
}
article {
	width: 1024px;
	height: 589px;
	margin: 0 auto;
}
article aside {
	float: left;
	width: 100%;
	min-height: 589px;
	color: #ffffff;
	/*overflow: auto;*/
	position: relative;
}
.accueil_maguire {
	background: url(../images/photos/accueil/facade_maguire.jpg) no-repeat center top;
}
.accueil_kamouraska {
	background: url(../images/photos/accueil/kamouraska_accueil.jpg) no-repeat center top;
}
.accueil_maguire aside, .accueil_kamouraska aside {
	width: 100%;
}
article aside #btn_infos_open {
	display: block;
	background: url(../images/design/opacite_blk.png) repeat;
	height: 28px;
	width: 100%;
	text-align: right;
	padding: 0 5px 0 0;
	/*position: absolute;
	left: 0;*/
}
article aside #btn_infos_close {
	display: block;
	background: url(../images/design/opacite_blk.png) repeat;
	height: 28px;
	width: 100%;
	text-align: right;
	padding: 0 5px 0 0;
}
.toggle_container {
	position: absolute;
	top: 0;
	background: url(../images/design/opacite_blk.png) repeat;
	width: 345px;
	min-height: 589px;
	z-index: 35;
	overflow: hidden;
}
.accueil_kamouraska aside .toggle_container {
	overflow: visible;
}
.toggle_container .block {
	padding: 0 30px 0px 30px;
}
.accueil_kamouraska aside .block {
	padding: 0 15px 0px 30px;
}
.toggle_container .block .inblock {
	overflow: auto;
	width: 100%;
	padding: 0 15px 0 0;
	height: 520px;
}
.toggle_container .block p {
	margin-bottom: 20px;
	font-size: 0.8em;
	font-weight: 100;
	line-height: 21px;
	letter-spacing: 1px;
}
.toggle_container .block a {
	color: #ff4b43;
}
.toggle_container .block a:hover {
	color: #9d9fa2;
}
.toggle_container .block .title_bloc {
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
}


.menu_maguire {
	height: 100%;
	background-image: url(../images/photos/menu/bg_menu.jpg);
	background-size: cover;
    background-repeat: no-repeat;
}

.kamou {
	height: 100%;
    background-image: url(../images/photos/menu/bg_menu2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.menu_maguire2 {
	background: transparent!important;
}

.bgblk {
	height: 100%;
	background: url(../images/design/opacite_blk.png) repeat;
}

/*     MENU 100%      */
.menu_maguire aside {
	position: relative;
	width: 715px;
	min-height: 100%;
	margin:0 15%;
}
.menu_container {
	padding: 20px 10px 0 15px;
}
.menu_container table td {
	padding: 5px 0;
	font-size: 0.9em;
	line-height: 15px;
	font-weight: 100;
}

.menu_container table.bordbot {
	border-bottom: 1px solid #ffffff;
}
.menu_container table.bordtop {
	border-top: 1px solid #ffffff;
}
.menu_container table.price td {
	font-weight: 100;
	padding: 0;
	font-size: 0.8em;
}
.menu_container table.price tr.gap td {
	padding: 5px 0 10px 0;
}
.menu_container table.price tr.gap2 td {
	padding: 10px 0 0 0;
}
.menu_container table.price tr.foot td {
	padding: 3px 0 3px 0;
}
.menu_container table.price td.sorte {
	font-weight: 400;
	position: relative;
}
.menu_container table.price td.sorte .star {
	position: absolute;
	top: 0;
	left: -35px;
	z-index: 44;
}
.menu_container table.price td.sorte2 {
	font-weight: 100;
}
.menu_container table.price td.descr {
	font-weight: 200;
	font-size: 0.7em;
}
.menu_container table.price tr.gap td.descr {
	padding: 0px 0 10px 0;
}
.menu_container table.price tr.divise {
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}
.menu_container .block {
	width: 100%;
	min-height: 100%;
	scrollbar-face-color: #7b7267;
	position: relative;	
}
.menu_container .block .moitie {
	position: absolute;
	right: 0;
	top: 90px;
}
::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(123,114,103,1); 
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}
.accueil_kamouraska ::-webkit-scrollbar-thumb {
    background: rgba(228,229,226,1); 
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(123,114,103,0.8); 
}
.accueil_kamouraska ::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(228,229,226,0.8); 
}


.nous_joindre_maguire {
	background: url(../images/photos/joindre/nous_joindre_bg.jpg) no-repeat center top;
	position: relative;
}
.nous_joindre_kamouraska {
	background: url(../images/photos/joindre/nous_joindre_bg.jpg) no-repeat center top;
	position: relative;
}
.nous_joindre_maguire aside, .nous_joindre_kamouraska aside {
	width: 330px;
	background: url(../images/design/opacite_blk2.png) repeat;
	min-height: 589px;
}
.contact_container {
	padding: 20px 15px 0 15px;
	text-align: center;
}
.contact_container p {
	font-size: 0.9em;
	font-weight: 300;
	margin-bottom: 20px;
	line-height: 21px;
}
.contact_container a {
	color: #ffffff;
}
.contact_container .extra_bot {
	margin-bottom: 40px;
}
.contact_container .resto {
	text-transform: uppercase;
	font-size: 1.2em;
	display: block;
}
.contact_container .important {
	text-transform: uppercase;
	font-weight: 300;
	display: block;
}
.contact_container hr {
	margin: 0 auto 20px auto;
	width: 25%;
}
.contact_container .link_map {
	color: #ffffff;
	padding: 0 20px;
	background: url(../images/img/btn_arrow.png) no-repeat right center;
}
.contact_container .link_map:hover, .contact_container .highlight {
	color: #ba9a6e;
	background: url(../images/img/btn_arrow_open.png) no-repeat right center;
}
.nous_joindre_maguire .content_map {
	position: absolute;
	bottom: 45px;
	left: 340px;
	z-index: 25;
}
.nous_joindre_maguire .content_map .map {
	
}

.content_map2{display: none;}

.album_photos {
	position: relative;
	height: auto!important;
}
#slides {
	display: none
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:960px;
	overflow:hidden;
	position:relative;
	display:none;
}
#slides .top_home {
	border-top: 1px solid #262324;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:9600px;
	height:720px;
	display:block;
}
.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/
#slides .slidesjs-previous {
	position:absolute;
	bottom: 8px;
	left:0;
	width:32px;
	height:31px;
	display:block;
	z-index:101;
}
#slides .slidesjs-next {
	position:absolute;
	bottom: 8px;
	right: 0;
	width:32px;
	height:31px;
	display:block;
	z-index:101;
}
#slides .next,#slides .prev {
	position:absolute;
	top:310px;
	left:0;
	width:32px;
	height:31px;
	display:block;
	z-index:101;
}
#slides .next {
	left:960px;
}

#content_footer {
	position: relative;
	margin-top: -35px;
	height: 35px;
	clear: both;
}
footer {
	font-family: 'Nunito', sans-serif;
	width: 980px;
	height: 35px;
	margin: 0 auto;
	padding: 12px 0 0 0;
	text-align: center;
	font-size: 0.9em;
	font-weight: 300;
	letter-spacing: 1px;
}
#portail footer {
	text-transform: uppercase;
	font-weight: 300;
}

body.iframe table {
	margin: 0 auto;
}
body.iframe table {
	text-align: left;
}
body.iframe table td {
	padding: 2px;
	font-size: 1.0em;
	
}
body.iframe table tr {
	border-bottom: 2px solid #f6f6f6;
}
body.iframe table tr.grey {
	background-color: #eef0f0;
}



#menuSelect{display: none;}

#menuSelect{
	background-color: #f9f9f9;
	background-image: url(../images/design/bg-select.png);
	background-repeat: no-repeat;
	background-position: center right 15px;
	width: 80%!important;
	margin-top: 50px;
	float: right;
	color: #808285;
	border: 1px solid #dddddd;
	font-weight: bold;
   padding: 10px;
   font-size: 14px;
   line-height: 1;

   height: 50px;
   -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';

   -webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
   }

  #menuSelect:hover{
	  
	  cursor: pointer;
   }

   #menuSelect{
   	text-transform: uppercase;
   }

   #menuSelect{outline: none;}
   #menuSelect::-ms-expand {
	    display: none;
	}
   #menuSelect:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #fff;
}

/* Print styles!------------------------------------*/
@media print {

}


/* Media queries!----------------------------------*/

@media (max-width: 400px) {
	#menuSelect{
		width: 70%!important;
		font-size: 11px;
	}
}

@media (max-width: 550px) {
	#home .content_menu_blocs .menu_blocs {
		width: 100%!important;
		float: left;
		text-align: center;
	}

	#home .content_menu_blocs{
		margin-top:0px!important;
	}


	footer{
		font-size: 0.6em!important;
	}

	article aside{
		width: 100%!important;
	}


}


@media(max-width: 689px) {

	.nous_joindre_maguire aside {
		height:850px;
	}

	.nous_joindre_maguire {
		height:850px;
	}

	.nous_joindre_maguire aside {
		width: 100%!important;
	}

	.content_map {
		display: none;
	}

	.content_map2 {
		display: block;
		width: 100%;
		text-align: center;
	}

	.nous_joindre_maguire {
		background-size:1500px;
	}



}


@media (min-width: 551px) and (max-width: 767px) {
	/*#logoHome{
		position: absolute;
		top:10px;
		left: 33%;
	}*/

	#home img{max-width: 120%!important;}

/*	.btn_kamouraska, .btn_sillery {
		margin-top: 160px;
		margin-left: 10%;
	}*/
}

@media(max-width: 767px) {


.toggle_container{
		width: 100%;
	}
	.inblock{
		height: 100%!important;
	}
	header h1 a img{max-width: 300%!important;}

	.menu_maguire aside {
		width: 90%!important;
		min-height: 100%;
		margin: 0 20px 0 20px !important;
	}
	.menu_container table.price td.sorte .star {
		left: -25px;
		max-width: 12px;
	}

	.accueil_kamouraska aside{min-height: 100%!important;}

	nav ol{display: none;}

	#menuSelect{display: block!important;}

	
}

@media (max-width: 983px) {

	header nav li a {
		font-size: 0.85em;
	}

	header nav li {
		margin: 0 7.5px;
	}

}

@media (max-width: 1030px) {
	

	.menu_maguire aside {
		width: 70%;
	}
/*------------------- Accueil choix de resto */
	#home {
		width: 100%;
	}
	#home .content_menu_blocs {
		width: 100%;
	}

	footer {
		width: 100%;
	}

	article,header {
		width: 96%;
	}

	nav{
		width: 80%!important;
	}

	.slides_container {
		width:100%;
	}

	.slides_container a {
		width:100%;
	}
	


}





.block__title {
	position: relative;
	font-size: 1.05em;
	cursor: pointer;
	font-weight: 700;
	color: var(--color-blocktitle);
}

.block__title:hover {
	color: var(--color-blocktitle-hover);
}

.block__link {
	position: relative;
	cursor: pointer;
	padding: 0.5rem 0;
	color: var(--color-blocklink);
}

.block__link:hover {
	color: var(--color-blocklink-hover);
}

.block__title span,
.block__link span,
.content__text-link span {
	display: inline-block;
	white-space: pre;
}

.content__text {
	padding: 0 5vw 25vh;
	line-height: 2;
	color: var(--color-text);
}

.content__text-link {
	position: relative;
	font-weight: bold;
	cursor: pointer;
}

.content__text-link:first-of-type,
.content__text-link:nth-of-type(11),
.content__text-link:nth-of-type(21) {
	color: #f7e300;
}

.content__text-link:nth-of-type(2),
.content__text-link:nth-of-type(12),
.content__text-link:nth-of-type(22) {
	color: #002df7;
}

.content__text-link:nth-of-type(3),
.content__text-link:nth-of-type(13),
.content__text-link:nth-of-type(23) {
	color: #e51679;
}

.content__text-link:nth-of-type(4),
.content__text-link:nth-of-type(14) {
	color: #fff;
}

.content__text-link:nth-of-type(5),
.content__text-link:nth-of-type(15) {
	color: #00f73d;
}

.content__text-link:nth-of-type(6),
.content__text-link:nth-of-type(16) {
	color: #00e8f7;
}

.content__text-link:nth-of-type(7),
.content__text-link:nth-of-type(17) {
	color: #a753eb;
}

.content__text-link:nth-of-type(8),
.content__text-link:nth-of-type(18) {
	color: #ff2626;
}

.content__text-link:nth-of-type(9),
.content__text-link:nth-of-type(19) {
	color: #eb8e53;
}

.content__text-link:nth-of-type(10),
.content__text-link:nth-of-type(20) {
	color: #ff00e7;
}

.block[data-fx="1"] a::after,
a.content__text-link[data-fx="1"]::after,
.block[data-fx="2"] a::after,
a.content__text-link[data-fx="2"]::after {
	content: '';
	z-index: -1;
	width: 100%;
	bottom: 0.25rem;
	left: 0;
	position: absolute;
	height: 2px;
	background: currentColor;
	transform: scale3d(0,1,1);
	transform-origin: 0% 50%;
	transition: transform 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000);
}

a.content__text-link[data-fx="1"]::after,
a.content__text-link[data-fx="2"]::after {
	bottom: 0;
}

.block[data-fx="1"] a:hover::after,
a.content__text-link[data-fx="1"]:hover::after,
.block[data-fx="2"] a:hover::after,
a.content__text-link[data-fx="2"]:hover::after {
	transform: scale3d(1,1,1)
}

.block[data-fx="6"] a::after,
a.content__text-link[data-fx="6"]::after {
	content: '';
	z-index: -1;
	width: 100%;
	bottom: 0.25rem;
	left: 0;
	position: absolute;
	height: 2px;
	background: currentColor;
	transform: scale3d(0,1,1);
	transform-origin: 100% 50%;
	transition: transform 0.7s cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

a.content__text-link[data-fx="6"]::after {
	bottom: 0;
}

.block[data-fx="6"] a:hover::after,
a.content__text-link[data-fx="6"]:hover::after {
	transform: scale3d(1,1,1)
}

.block[data-fx="14"] a::after,
a.content__text-link[data-fx="14"]::after {
	content: '';
	z-index: -1;
	width: 100%;
	bottom: 0.25rem;
	left: 0;
	position: absolute;
	height: 2px;
	background: currentColor;
	transform: scale3d(0,1,1);
	transform-origin: 0% 50%;
}

a.content__text-link[data-fx="14"]::after {
	bottom: 0;
}

.block[data-fx="14"] a:hover::after,
a.content__text-link[data-fx="14"]:hover::after {
	animation: loop 0.5s infinite;
}

@keyframes loop {
	0% { transform-origin: 0% 50%; transform: scale3d(0,1,1); }
	50% { transform-origin: 0% 50%; transform: scale3d(1,1,1); }
	51% { transform-origin: 100% 50%; }
	100% { transform-origin: 100% 50%; transform: scale3d(0,1,1); }
}

.hover-reveal {
	position: fixed;
	width: 600px;
	height: 335px;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
}

.hover-reveal__inner,
.hover-reveal__img {
	width: 100%;
	height: 100%;
	position: relative;
}

.hover-reveal__deco {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #181314;
}

.hover-reveal__img {
	background-size: cover;
	background-position: 50% 50%;
}

@media screen and (min-width: 53em) {
	.message {
		display: none;
	}
	.frame {
		position: fixed;
		text-align: left;
		z-index: 10000;
		top: 0;
		left: 0;
		display: grid;
		align-content: space-between;
		width: 100%;
		max-width: none;
		height: 100vh;
		padding: 2rem;
		pointer-events: none;
		grid-template-columns: 50% 50%;
		grid-template-rows: auto auto auto;
		grid-template-areas: 'title links'
							'... ...'
							'... github';
	}
	.frame__title {
		grid-area: title;
		padding: 0;
	}
	.frame__links {
		grid-area: links;
		padding: 0;
		justify-self: end;
	}
	.github {
		grid-area: github;
		justify-self: end;
		margin: 0;
	}
	.frame a {
		pointer-events: auto;
	}
	.block {
		align-items: flex-start;
	}

	.content__text {
		grid-column: span 3;
	}
}

@media(max-width: 650px) {
	.hover-reveal {
		width: 300px;
		height: 168px;
		top: 0;
		left: 0;
		pointer-events: none;
		opacity: 0;
	}

}