/* =Global
----------------------------------------------- */
.clearfix{clear:both;}
html{
	background-color: #950e19;
}
body {
	background-color: #950e19;
	color: rgb(60,60,60);
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	font-family: 'Open Sans', sans-serif;
}

ul{
	list-style:none;
	margin:0;
}

a:link, a:visited{color: #950e19;}
a:hover, a:active{ color:#950e19; text-decoration:none;}

.content{
	width: 960px;
	padding: 0;
	margin: 0 auto;
	background-color:#FFF;
}


h3{
	font-size: 17px;
	font-weight: 400;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}

.plat{
	margin: 10px; 
}

.plat b{
	font-size: 17px;
}

#reservation{
	margin: 15px;
}

/* Contact Form 7 Styles */

/* Add Drop Shadow, Rounded Corners, and Background to Contact Form 7 */
.wpcf7 input, textarea {
border: 1px solid #ccc;
font-size: 14px; margin: 0 10px 10px 0;
padding: 8px 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 2px 2px #ddd;
-moz-box-shadow: 0 2px 2px #ddd;
-webkit-box-shadow: 0 2px 2px #ddd
}

/* Adjusting Widths for Input and Text Area fields to Contact Form 7 */

.wpcf7 input {
width: 200px;
}

.wpcf7 textarea {
width: 80%;
}

/* Adding Icons to Text Fields for Contact Form 7 */

.wpcf7 .your-name input[type="text"], .name {
background: #fff;
padding-left: 35px
}

.wpcf7 .your-email input[type="text"], .wpcf7 .your-email input[type="email"] {
background: #fff;
padding-left: 35px
}

.wpcf7 .your-subject input[type="text"], .subject {
background: #fff;
padding-left: 35px
}

/* Customizing the Submit Button for Contact Form 7 */

.wpcf7 input[type="submit"] {
background: #950e19;
border: 1px solid #137725;
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: bold;
padding: 3px 5px;
text-shadow: -1px -1px #1c5d28;
text-transform: uppercase;
width: auto
}


/* =Header
----------------------------------------------- */
#masthead{
	height: 126px;
	background-color: #FFF;
	-webkit-box-shadow: 0 4px 4px -2px #000000;
    -moz-box-shadow: 0 4px 4px -2px #000000;
    box-shadow: 0 4px 4px -2px #000000;
    position:relative;
	z-index:999;
}
.site-branding{
	float:left;
}

h2.site-description{}

/* =Menu
----------------------------------------------- */

.main-navigation {
	float: right;
	width: 600px;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	color: #ee8311;
	font-weight: 600;
	margin: 35px 20px;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	position: absolute;
		top: 1.5em;
		left: 0;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
	color: #950e19;
}

/* SLIDER */

#wpns_slider{
	border-bottom: 10px solid #ee8311;
	position:relative;
	z-index:998;
	top:-10px;
}
.nivo-controlNav{
	display:none;
}



/* PRESENTATION */

#presentation{
	padding: 15px;
	width: 570px;
	float:left;
}
#presentation p{
	font-size: 14px;
	font-weight: 400;
}
h1{
	font-size: 16px;
	font-weight: 700;
	margin: 15px 0;
}
a.cat{
	font-size: 15px;
	margin: 0 auto;
	color: #000;
}



/* SIDEBAR */

#sidebar{
	width: 330px;
	margin-right: 15px;
	float:right;
	background-color: #950e19;
	margin-top: 70px;
	margin-bottom: 15px;
}

h2{
	color: #FFF;
	font-size: 15px;
	font-weight: 700;
	padding: 15px;
}
#sidebar ul{
	margin:10px auto;
	margin-left: 55px;
}
#sidebar ul li{
	font-size: 14px;
	color: #FFF;
	font-weight: 600;
}
#sidebar ul li a{
	color: #FFF;
}



/* CARTE */

h4{
	font-size: 15px;
}
h4 span{
	float:right;
	
}




/* QUILLES */

#photos{
	width: 370px;
	margin-left: 15px;
	float:left;
}
#quilles{
	width:530px;
	float:right;
	padding: 15px;
}
#quilles p{
	font-size: 14px;
}
#quilles ul{
	margin:0;
	font-size: 14px;
}
#quilles textarea{
	max-width: 500px;
	height: 150px;
}

.wpcf7-response-output{
	font-size: 14px;
}

/* =Content
----------------------------------------------- */

#main{}
#primary{}
#secondary{}
#content{}

#galerie{
	padding: 15px;
	width: 930px;
}



/* =Articles
----------------------------------------------- */

#content article{}
#content article header.entry-header{}
h1.entry-title{}



/* =Footer
----------------------------------------------- */
footer#colophon{
	min-height: 60px;
	background-color: #000;
}

footer#colophon .content{
	background-color: #000;
}
.box{
	float:right;
	width: 300px;
	margin: 5px;
	height: 50px;
}

.box p{
	color: #FFF;
	font-size: 13px;
	text-align:center;
}

.box img{
	margin-top: 12px;
	float:right;
}


#footer_bloc {position: fixed;bottom:0;left:0;width: 100%; z-index:1000; font:12px/14px Arial, Helvetica, sans-serif; background-color: #000; color:#FFF;}
#footer_bloc_button {position: absolute;top: -20px;right: 10px;width:82px;height:50px;border: none;cursor: pointer; z-index:10;}
#footerSlideContent {position:relative; width: 100%;height:0px;color: #cccccc;font-size: 11px;border: none; overflow:hidden;}
#footerSlideText {position:relative; overflow:hidden; padding: 15px 10px 25px 25px;color:#ccc; min-width:900px;}
.webfooter1{position:relative;float:left;width:110px;padding-top:10px;}
.webfooter2{position:relative;float:left;padding-right:25px;/*width:250px;*/}
.webfooter3{position:relative;float:left;padding-right:25px;/*width:250px;*/}
.webfooter4{position:relative;float:left;padding-right:25px;/*width:250px;*/}
.webfooter5{position:relative;float: right;margin-right: 15px;}
#footerSlideText h3{font-size:14px;	color:#f08800;	font-weight:normal;	padding:0px 0px 5px 0px; margin:0px;}
#footerSlideText a:link, #footerSlideText a:visited {text-decoration:none;color:#f08800;outline:none;}
#footerSlideText a:hover {color:#32b3e0;}
#footerSlideText ul{margin:0px 0px 0px 15px; padding:0px;}
#footerSlideText li{list-style-type: none;line-height: 2em;background-repeat:no-repeat;background-position:0px 6px;padding:0px 5px 0px 18px; margin:0px;}
#footerSlideText li a:link, #footerSlideText li a:visited{color:#fff;text-decoration:none;outline:none;}
#footerSlideText li a:hover{padding:0px 2px 0px 0px;color:#32b3e0;outline:none;}
#footerSlideText li.lien:hover{background-position:2px 6px;outline:none;}
#footerMobileButton{position: absolute;top: -20px; border: none;cursor: pointer; z-index:9; text-align: center; width:100%;}






/* MEDIA QUERIES */


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.content{
		width: 712px;
		padding:0;
	}
	#presentation{
		padding: 15px;
		width: 400px;
		float:left;
	}
	#sidebar{
		width: 250px;
	}
	#photos{
		width: 250px;
	}
	#quilles{
		width: 400px;
	}
	iframe{
		display: none;
	}
	.hfeed{}
	.site-header{width:100%;padding:0;}
	.site-main{width:100%;padding:0;overflow:auto;}
	.content-area{width:100%;padding:0;float:left;display:inline;}
	.widget-area{width:100%;padding:0;float:right;display:inline;}
	.site-footer{width:100%;padding:0;}
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	.content{
		width: 252px;
		padding: 0;
	}
	.site-branding{
		width: 250px;
		margin: 0 auto;
		float:none;
		text-align:center;
	}
	#masthead{
		height: 190px;
	}
	.main-navigation{
		width: 250px;
		float:none;
	}
	.responsiveSelectContainer{
		width: 250px;
	}
	#presentation{
		padding: 15px;
		width: 220px;
		float:none;
	}
	#sidebar{
		width: 252px;
		float:none;
		margin-bottom:25px;
		background-color: #FFF;
		color: #000;
	}
	#sidebar ul li{
	font-size: 14px;
	color: #000;
	font-weight: 600;
	margin-left: -20px;
	}
	#sidebar ul li a{
		color: #000;
	}
	#photos{
		width: 252px;
		margin:0;
	}
	#quilles{
		width: 220px;
		margin: 0;
	}
	iframe{
		display: none;
	}
	.box{
		float:none;
		width: 240px;
		margin: 5px 0;
		height: 50px;
	}
	#quilles input, #quilles textarea{
		max-width: 150px;
	}
	.plat{
		margin: 50px 0;
	}
	.plat h4 span{
		font-weight: bold;
	}
	.hfeed{width:100%;padding:0;}
	.site-header{width:100%;padding:0;}
	.site-main{width:100%;padding:0;}
	.content-area{width:100%;padding:0;}
	.widget-area{width:100%;padding:0;}
	.site-footer{width:100%;padding:0;}

	
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.content{
		width: 436px;
		padding: 0;
	}
	.main-navigation{
		width: 435px;
		float:none;
	}
	.responsiveSelectContainer{
		width: 435px;
	}
	#presentation{
		padding: 15px;
		width: 400px;
		float:none;
	}
	#sidebar{
		width: 252px;
		float:none;
		margin: 0 auto;
		margin-bottom:25px;
	}
	
	#photos{
		width: 436px;
		margin:0;
	}
	#quilles{
		width: 400px;
		margin: 0;
	}
	iframe{
		display: none;
	}
	.box{
		float:none;
		width: 400px;
		margin: 5px 0;
		height: 50px;
	}
	#quilles input, #quilles textarea{
		max-width: 220px;
	}

	
	.hfeed{width:100%;padding:0;}
	.site-header{width:100%;padding:0;}
	.site-main{width:100%;padding:0;}
	.content-area{width:100%;padding:0;}
	.widget-area{width:100%;padding:0;}
	.site-footer{width:100%;padding:0;}

	
}