html
{
	background-color: #F2F2F2;
}

body
{
	margin: 0px;
	padding: 0px;
}

a
{
	color: #269AE4;
}

@media screen and (max-width: 767px)
{
	textarea
	{
		width: 98%;
	}
}

.splash
{
	background-color: white;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
	font-family: 'Roboto', sans-serif;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	max-width: 1200px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 20px;
}
@media screen and (max-width: 775px)
{
	.splash
	{
		padding-right: 10px;
		padding-left: 10px;
	}
}
.splash-logo
{
	margin: 0px auto 0px auto;
	max-width: 500px;
}
.splash-logo > img
{
	margin-top: 35px;
	width: 100%;
}
.splash-links
{
	padding: 40px 20px;
	text-align:center;
}
.splash-links a
{
	color: #414141;
	font-family: 'Roboto', sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	margin-right: 20px;
	margin-left: 20px;
	text-decoration: none;
	text-transform: uppercase;
}
.splash-links a:hover
{
	color: #269AE4;
	text-decoration: underline;
}
.splash-links-spacer
{
	display: inline-block;
	width: 50px;
}
@media screen and (max-width: 767px)
{
	.splash-links a
	{
		display: block;
		margin: 20px 0px;
	}
}

.wrapper
{
	background-color: white;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
	font-family: 'Roboto', sans-serif;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	max-width: 1200px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 20px;
}
@media screen and (max-width: 775px)
{
	.wrapper
	{
		padding-right: 10px;
		padding-left: 10px;
	}
}

img
{
	border: none;
}

h1
{
	font-size: 2em;
	font-family: 'Roboto Slab', sans-serif;
	text-transform: uppercase;
}

blockquote
{
	background-color: #EFEFEF;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 1.1em;
	margin-left: 0em;
	margin-right: 0em;
	max-width: 600px;
	padding: 1em;
}

hr
{
	margin-top: 1em;
	margin-bottom: 1em;
	border: 1px solid #269AE4;
}

/*---------------------------------------------------------------------------*/
.invisible
{
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
	margin: 0px !important;
	overflow: hidden !important;
}

/*---------------------------------------------------------------------------*/
.logo
{
	display: inline-block;
	float: left;
	font-size: 1em;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	max-width: 350px;
}
.logo a
{
	display: block;
	color: black;
	text-decoration: none;
}
.logo img
{
	margin-bottom: 10px;
	width: 100%;
}
@media screen and (max-width: 775px)
{
	.logo
	{
		display: block;
		float: none;
		padding: 20px 0px 0px 0px;
		margin: 0px auto 0px auto;
	}
}

/*---------------------------------------------------------------------------*/
.menu-phone
{
	color: #9E9E9E;
	font-family: 'Roboto', sans-serif;
	font-size: 2em;
	font-weight: bold;
	float: right;
	text-align: right;
}
@media screen and (max-width: 775px)
{
	.menu-phone
	{
		float: none;
		font-size: 1.8em;
		text-align: center;
	}
}
.menu-phone a
{
	color: #9E9E9E;
	display: inline-block;
	text-decoration: none;
}
.menu-phone img
{
	height: 51px;
	margin-right: 15px;
	width: 51px;
	vertical-align: middle;
}
.menu-gplus
{
	clear: right;
	float: right;
	height: 106px;
	width: 300px;
}
@media screen and (max-width: 775px)
{
	.menu-gplus
	{
		float: none;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}
}
.menu-list
{
	float: right;
	padding: 0px;
	margin: 48px 0px 0px 0px;
}
@media screen and (max-width: 775px)
{
	.menu-list
	{
		float: none;
		margin: 0px 0px 20px 0px;
	}
}
.menu-list li
{
	display: inline-block;
	margin: 0px 60px 20px 0px;
}
@media screen and (max-width: 775px)
{
	.menu-list li
	{
		display: block;
		margin: 0px 0px 10px 0px;
	}
}
.menu-list li a
{
	color: #414141;
	font-family: 'Roboto', sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.menu-list li a:hover
{
	color: #269AE4;
	text-decoration: underline;
}

/*---------------------------------------------------------------------------*/
.contact
{
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}
.contact > a
{
	color: #1479B9;
	font-family: 'Roboto', sans-serif;
	font-size: 2.5em;
}
@media screen and (max-width: 775px)
{
	.contact > a
	{
		color: #1479B9;
		font-family: 'Roboto', sans-serif;
		font-size: 1.8em;
	}
}
.contact > a > img
{
	margin-right: 10px;
	margin-bottom: 3px;
	vertical-align: middle;
	width: 67px;
}
@media screen and (max-width: 775px)
{
	.contact > a > img
	{
		width: 50px;
	}
}

/*---------------------------------------------------------------------------*/
.feature-1
{
	background-image: url('images/cuisine.jpg');
	background-position: center;
	background-size: cover;
	height: 551px;
}
.feature-1-text
{
	background-color: white;
	display: block;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 2em;
	float: left;
	margin: 242px 23px 23px 27px;
	opacity: 0.8;
	padding: 25px;
}
@media screen and (max-width: 550px)
{
	.feature-1-text
	{
		width: auto;
	}
}
.feature-1-text p
{
	margin: 0px;
}
.feature-1-description
{
	background-color: white;
	display: block;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 1.2em;
	float: right;
	margin: 25px;
	opacity: 0.8;
	padding: 25px;
}
@media screen and (max-width: 550px)
{
	.feature-1-description
	{
		width: auto;
	}
}
.feature-1-description p
{
	margin: 0px;
}

/*---------------------------------------------------------------------------*/
.feature-2
{
	background-image: url('images/concours.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	min-height: 551px;
}
@media screen and (max-width: 550px)
{
	.feature-2
	{
		background-repeat: no-repeat;
		background-position: 0px 123px;
		background-size:contain;
		min-height: auto;
	}
}
@media screen and (max-width: 390px)
{
	.feature-2
	{
		background-position: 0px 166px
	}
}
.feature-2-creatrices
{
	background-color: white;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin: 10px 0px 10px 10px;
	opacity: 0.8;
	padding: 10px;
	display: inline-block;
}
@media screen and (max-width: 550px)
{
	.feature-2-creatrices
	{
		font-size: 22px;
		margin-bottom: 0px;
	}
}
.feature-2-martine
{
	background-color: white;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin: 80px 0px 10px 20px;
	opacity: 0.8;
	padding: 10px;
	float: left;
}
@media screen and (max-width: 984px)
{
	.feature-2-martine
	{
		margin-top: 138px;
	}
}
@media screen and (max-width: 550px)
{
	.feature-2-martine
	{
		font-size: 16px;
		margin-top: 10px;
		margin-left: 10px;
	}
}
@media screen and (max-width: 390px)
{
	.feature-2-martine
	{
		float: none;
	}
}
.feature-2-mikaelle
{
	background-color: white;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin: -42px 0px 10px 10px;
	opacity: 0.8;
	padding: 10px;
	float: left;
}
@media screen and (max-width: 984px)
{
	.feature-2-mikaelle
	{
		margin-top: -61px;
	}
}
@media screen and (max-width: 550px)
{
	.feature-2-mikaelle
	{
		font-size: 16px;
		margin-top: 10px;
	}
}
@media screen and (max-width: 390px)
{
	.feature-2-mikaelle
	{
		float: none;
		margin: 0px 0px 10px 10px;
	}
}
.feature-2-text
{
	background-color: white;
	float: right;
	font-family: 'Roboto Slab', sans-serif;
	margin: 252px 23px 23px 23px;
	opacity: 0.8;
	padding: 25px;
	max-width: 410px;
}
@media screen and (max-width: 550px)
{
	.feature-2-text
	{
		margin: 170px 23px 23px 23px;
	}
}
.feature-2-text h2
{
	margin: 0px;
}
.feature-2-text p
{
	font-size: 1.1em;
	margin-bottom: 0px;
}
@media screen and (max-width: 550px)
{
	.feature-2-text p
	{
		font-size: 1em;
	}
}

/*---------------------------------------------------------------------------*/
.table_container
{
	overflow: scroll;
}
table
{
	border-collapse: collapse;
}
table > thead > tr > th
{
	background-color: #DDD;
	border: 1px solid black;
	font-size: 1.1em;
	padding: 12px;
	text-transform: uppercase;
}
table > tbody > tr > td
{
	background-color: #FFF;
	border: 1px solid black;
	padding: 12px;
}

/*---------------------------------------------------------------------------*/

.wb-invisible
{
	position: absolute;
	clip: rect(1px,1px,1px,1px);
	overflow: hidden!important;
	margin: 0!important
}

#gallery
{
	
}
#gallery_before
{
	float: left;
	width: 49%;
}
#gallery_separator
{
	float: left;
	height: 1px;
	width: 2%;
}
#gallery_after
{
	float: left;
	width: 49%;
}

/*---------------------------------------------------------------------------*/
.language
{
	font-family: 'Roboto', sans-serif;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 1em;
}
.copyright
{
	font-family: 'Roboto', sans-serif;
	text-align: center;
	margin-bottom: 100px;
}

/*
Magnesium Grid 1.0.0.0
http://mg.drazzil.org/grid

   Copyright 2013 The Drazzil Project

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
*/
.mg_0{min-height:1px;float:left;width:0%}
.mg_1{min-height:1px;float:left;width:1%}
.mg_2{min-height:1px;float:left;width:2%}
.mg_3{min-height:1px;float:left;width:3%}
.mg_4{min-height:1px;float:left;width:4%}
.mg_5{min-height:1px;float:left;width:5%}
.mg_6{min-height:1px;float:left;width:6%}
.mg_7{min-height:1px;float:left;width:7%}
.mg_8{min-height:1px;float:left;width:8%}
.mg_9{min-height:1px;float:left;width:9%}
.mg_10{min-height:1px;float:left;width:10%}
.mg_11{min-height:1px;float:left;width:11%}
.mg_12{min-height:1px;float:left;width:12%}
.mg_13{min-height:1px;float:left;width:13%}
.mg_14{min-height:1px;float:left;width:14%}
.mg_15{min-height:1px;float:left;width:15%}
.mg_16{min-height:1px;float:left;width:16%}
.mg_17{min-height:1px;float:left;width:17%}
.mg_18{min-height:1px;float:left;width:18%}
.mg_19{min-height:1px;float:left;width:19%}
.mg_20{min-height:1px;float:left;width:20%}
.mg_21{min-height:1px;float:left;width:21%}
.mg_22{min-height:1px;float:left;width:22%}
.mg_23{min-height:1px;float:left;width:23%}
.mg_24{min-height:1px;float:left;width:24%}
.mg_25{min-height:1px;float:left;width:25%}
.mg_26{min-height:1px;float:left;width:26%}
.mg_27{min-height:1px;float:left;width:27%}
.mg_28{min-height:1px;float:left;width:28%}
.mg_29{min-height:1px;float:left;width:29%}
.mg_30{min-height:1px;float:left;width:30%}
.mg_31{min-height:1px;float:left;width:31%}
.mg_32{min-height:1px;float:left;width:32%}
.mg_33{min-height:1px;float:left;width:33%}
.mg_34{min-height:1px;float:left;width:34%}
.mg_35{min-height:1px;float:left;width:35%}
.mg_36{min-height:1px;float:left;width:36%}
.mg_37{min-height:1px;float:left;width:37%}
.mg_38{min-height:1px;float:left;width:38%}
.mg_39{min-height:1px;float:left;width:39%}
.mg_40{min-height:1px;float:left;width:40%}
.mg_41{min-height:1px;float:left;width:41%}
.mg_42{min-height:1px;float:left;width:42%}
.mg_43{min-height:1px;float:left;width:43%}
.mg_44{min-height:1px;float:left;width:44%}
.mg_45{min-height:1px;float:left;width:45%}
.mg_46{min-height:1px;float:left;width:46%}
.mg_47{min-height:1px;float:left;width:47%}
.mg_48{min-height:1px;float:left;width:48%}
.mg_49{min-height:1px;float:left;width:49%}
.mg_50{min-height:1px;float:left;width:50%}
.mg_51{min-height:1px;float:left;width:51%}
.mg_52{min-height:1px;float:left;width:52%}
.mg_53{min-height:1px;float:left;width:53%}
.mg_54{min-height:1px;float:left;width:54%}
.mg_55{min-height:1px;float:left;width:55%}
.mg_56{min-height:1px;float:left;width:56%}
.mg_57{min-height:1px;float:left;width:57%}
.mg_58{min-height:1px;float:left;width:58%}
.mg_59{min-height:1px;float:left;width:59%}
.mg_60{min-height:1px;float:left;width:60%}
.mg_61{min-height:1px;float:left;width:61%}
.mg_62{min-height:1px;float:left;width:62%}
.mg_63{min-height:1px;float:left;width:63%}
.mg_64{min-height:1px;float:left;width:64%}
.mg_65{min-height:1px;float:left;width:65%}
.mg_66{min-height:1px;float:left;width:66%}
.mg_67{min-height:1px;float:left;width:67%}
.mg_68{min-height:1px;float:left;width:68%}
.mg_69{min-height:1px;float:left;width:69%}
.mg_70{min-height:1px;float:left;width:70%}
.mg_71{min-height:1px;float:left;width:71%}
.mg_72{min-height:1px;float:left;width:72%}
.mg_73{min-height:1px;float:left;width:73%}
.mg_74{min-height:1px;float:left;width:74%}
.mg_75{min-height:1px;float:left;width:75%}
.mg_76{min-height:1px;float:left;width:76%}
.mg_77{min-height:1px;float:left;width:77%}
.mg_78{min-height:1px;float:left;width:78%}
.mg_79{min-height:1px;float:left;width:79%}
.mg_80{min-height:1px;float:left;width:80%}
.mg_81{min-height:1px;float:left;width:81%}
.mg_82{min-height:1px;float:left;width:82%}
.mg_83{min-height:1px;float:left;width:83%}
.mg_84{min-height:1px;float:left;width:84%}
.mg_85{min-height:1px;float:left;width:85%}
.mg_86{min-height:1px;float:left;width:86%}
.mg_87{min-height:1px;float:left;width:87%}
.mg_88{min-height:1px;float:left;width:88%}
.mg_89{min-height:1px;float:left;width:89%}
.mg_90{min-height:1px;float:left;width:90%}
.mg_91{min-height:1px;float:left;width:91%}
.mg_92{min-height:1px;float:left;width:92%}
.mg_93{min-height:1px;float:left;width:93%}
.mg_94{min-height:1px;float:left;width:94%}
.mg_95{min-height:1px;float:left;width:95%}
.mg_96{min-height:1px;float:left;width:96%}
.mg_97{min-height:1px;float:left;width:97%}
.mg_98{min-height:1px;float:left;width:98%}
.mg_99{min-height:1px;float:left;width:99%}
.mg_100{min-height:1px;float:left;width:100%}
@media screen and (max-width: 532px)
{
	.mg_0,
	.mg_1, .mg_2, .mg_3, .mg_4, .mg_5,
	.mg_6, .mg_7, .mg_8, .mg_9, .mg_10,
	.mg_11, .mg_12, .mg_13, .mg_14, .mg_15,
	.mg_16, .mg_17, .mg_18, .mg_19, .mg_20,
	.mg_21, .mg_22, .mg_23, .mg_24, .mg_25,
	.mg_26, .mg_27, .mg_28, .mg_29, .mg_30,
	.mg_31, .mg_32, .mg_33, .mg_34, .mg_35,
	.mg_36, .mg_37, .mg_38, .mg_39, .mg_40,
	.mg_41, .mg_42, .mg_43, .mg_44, .mg_45,
	.mg_46, .mg_47, .mg_48, .mg_49, .mg_50,
	.mg_51, .mg_52, .mg_53, .mg_54, .mg_55,
	.mg_56, .mg_57, .mg_58, .mg_59, .mg_60,
	.mg_61, .mg_62, .mg_63, .mg_64, .mg_65,
	.mg_66, .mg_67, .mg_68, .mg_69, .mg_70,
	.mg_71, .mg_72, .mg_73, .mg_74, .mg_75,
	.mg_76, .mg_77, .mg_78, .mg_79, .mg_80,
	.mg_81, .mg_82, .mg_83, .mg_84, .mg_85,
	.mg_86, .mg_87, .mg_88, .mg_89, .mg_90,
	.mg_91, .mg_92, .mg_93, .mg_94, .mg_95,
	.mg_96, .mg_97, .mg_98, .mg_99, .mg_100
	{
		float: none;
		height: auto;
		width: auto;
	}
}