@import url( http://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url( http://fonts.googleapis.com/css?family=Pacifico:400);
body {
	color: rgb(88, 52, 21); font-family: 'Lato', sans-serif;
}
#noscroll {
	overflow: hidden;
}
#overlay {
	display: block; position: absolute; left: 50%; top: 50%; padding: 25px;
    background-color: #ffffff; width: 500px; height: 150px; margin: -75px 0 0 -250px; z-index: 100;
}
#fade {
    display: fixed; position: absolute; left: 0%; top: 0%; background-color: black; -moz-opacity: 0.7; opacity: .70; filter: alpha(opacity=70); width: 100%; height: 100%; z-index: 90;
}
.transparentmobile {
	display: none !important;
}
.mobile {
	display: none !important;
}
form {
	max-width: 100%;
}
form label {
	float: left;
}
p.form-as {display: none;}
a {color: rgb(219, 62, 42); font-weight: 700; text-decoration: none;}
section a img {
	border-radius: 3px; border: 1px solid rgb(171, 171, 171); transition:0.3s; border-image: none; box-shadow: 0px 0px 2px #404041; background-color: rgba(255, 255, 255, 0.04); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -moz-box-shadow: #404041 0 0 2px; -webkit-box-shadow: #404041 0 0 2px; -o-box-shadow: #404041 0 0 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px;
}
section.footer img {
	border-radius: 3px; border: 1px solid rgb(171, 171, 171); transition:0.3s; border-image: none; box-shadow: 0px 0px 2px #404041; background-color: rgba(255, 255, 255, 0.04); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -moz-box-shadow: #404041 0 0 2px; -webkit-box-shadow: #404041 0 0 2px; -o-box-shadow: #404041 0 0 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px;
}
section a:visited img {
	border-radius: 3px; border: 1px solid rgb(171, 171, 171); transition:0.3s; border-image: none; box-shadow: 0px 0px 2px #404041; background-color: rgba(255, 255, 255, 0.04); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -moz-box-shadow: #404041 0 0 2px; -webkit-box-shadow: #404041 0 0 2px; -o-box-shadow: #404041 0 0 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px;
}
section a:hover img {
	border: 1px solid rgb(11, 140, 184); border-image: none; box-shadow: 0px 0px 10px #30abc7; background-color: rgba(255, 255, 255, 0.01); -moz-box-shadow: #30abc7 0 0 5px; -webkit-box-shadow: #30abc7 0 0 10px;
}
section a:focus img {
	border: 1px solid rgb(11, 140, 184); border-image: none; box-shadow: 0px 0px 10px #30abc7; background-color: rgba(255, 255, 255, 0.01); -moz-box-shadow: #30abc7 0 0 5px; -webkit-box-shadow: #30abc7 0 0 10px;
}
.soustitre {
	margin: 5px auto; padding: 8px; width: 90%; text-align: center; border-top: 1px solid rgb(88, 52, 21); border-bottom: 1px solid rgb(88, 52, 21);
}
blockquote {
	margin: 0.25em 4em; padding: 0.25em 40px; width: 80%; color: rgb(56, 56, 56); line-height: 1.45; font-family: Georgia, serif; font-size: 18px; font-style: italic; position: relative;
}
blockquote::before {
	left: -10px; top: -20px; color: rgb(122, 122, 122); font-size: 80px; display: block; position: absolute; content: "\201C";
}
blockquote cite {
	color: rgb(153, 153, 153); font-size: 14px; margin-top: 5px; display: block;
}
blockquote cite::before {
	content: "\2014 \2009";
}
header {
	background: url("../../img/global/bg_header.png") repeat-x bottom; left: 0px; top: 0px; width: 100%; height: 200px; position: absolute; z-index: 60;
}


@media only screen and (min-width:768px)
{

}

header h1.logo a {
	display: block; position: relative; margin: 25px
}
label[for^='toggle'] {
	cursor: pointer;
}
[type='checkbox'] {
	cursor: pointer;
}
[data-icon]::before {
	content: attr(data-icon);
}
label[for^='toggle'] {
	padding: 0.1em 0.25em; border-radius: 4px; top: 3px; right: 3px; color: rgb(255, 255, 255); line-height: 0.7em; font-size: 3.8em; font-weight: bold; position: absolute; z-index: 1337; text-shadow: 1px 1px 0px rgba(255,255,255,0.3); background-color: rgb(68, 68, 68);
}
.rslides {
	list-style: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.rslides li {
	left: 0px; top: 0px; width: 100%; display: none; position: absolute; -webkit-backface-visibility: hidden;
}
.rslides li:first-child {
	float: left; display: block; position: relative;
}
.rslides img {
	border: 0px currentColor; border-image: none; width: 100%; height: auto; float: left; display: block;
}
.rslides {
	margin: 20px auto;
}
.rslides_container {
	width: 100%; margin-bottom: 50px; float: left; position: relative;
}
.centered-btns_tabs {
	text-align: center; margin-top: 10px;
}
.transparent-btns_tabs {
	text-align: center; margin-top: 10px;
}
.centered-btns_tabs li {
	margin-right: 5px; float: none; display: inline; _float: left;
}
.transparent-btns_tabs li {
	margin-right: 5px; float: none; display: inline; _float: left;
}
.large-btns_tabs li {
	margin-right: 5px; float: none; display: inline; _float: left;
}
.centered-btns_tabs a {
	background: rgba(0, 0, 0, 0.2); border-radius: 15px; width: 9px; height: 9px; text-indent: -9999px; overflow: hidden; display: inline-block; box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); -moz-border-radius: 15px; -webkit-border-radius: 15px; _display: block;
}
.transparent-btns_tabs a {
	background: rgba(0, 0, 0, 0.2); border-radius: 15px; width: 9px; height: 9px; text-indent: -9999px; overflow: hidden; display: inline-block; box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); -moz-border-radius: 15px; -webkit-border-radius: 15px; _display: block;
}
.large-btns_tabs a {
	background: rgba(0, 0, 0, 0.2); border-radius: 15px; width: 9px; height: 9px; text-indent: -9999px; overflow: hidden; display: inline-block; box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); -moz-border-radius: 15px; -webkit-border-radius: 15px; _display: block;
}
.centered-btns_here a {
	background: rgba(0, 0, 0, 0.8);
}
.transparent-btns_here a {
	background: rgba(0, 0, 0, 0.8);
}
.large-btns_here a {
	background: rgba(0, 0, 0, 0.8);
}

section.home {
	background: url("../../img/global/bg_kraft.jpg") fixed no-repeat center / cover rgb(205, 162, 104); padding: 195px 0 20px; position: relative; z-index: 10; -moz-background-clip: border-box; -webkit-background-size: cover; -moz-background-size: cover;
	border-bottom: 1px dotted rgb(64, 64, 65);
}
section.home h2 {
	margin: 20px 0px auto; font-family: 'Pacifico', cursive; color: rgb(88, 51, 20); font-size: 3.0em;
}
section.home p {
	font-size: 1.2em; font-weight: 400;
}
section.contact {
	background: url("../../img/global/bg_contact.jpg") fixed no-repeat center / cover rgb(219, 62, 42); position: relative; z-index: 10; -moz-background-clip: border-box; -webkit-background-size: cover; -moz-background-size: cover; color: rgb(255,255,255);
}
section.contact h2 {
	margin: 0px 0px auto; padding-top: 20px; font-family: 'Pacifico', cursive; color: rgb(255,255,255); font-size: 3.0em; width: 100%; text-align: center; 
}
section.contact a {
	color: rgb(0,0,0);
}
section.footer {
	background: url("../../img/global/bg_footer.png") repeat-x top rgb(219, 62, 42); color: rgb(255, 255, 255); padding-top: 20px; font-size: 0.8em; z-index: 150;
}

@media only screen and (max-width:959px) and (min-width:768px)
{

}
@media only screen and (max-width:767px)
{

}
@media only screen and (max-width:768px)
{

}
@media only screen and (min-width:768px)
{

}
@media only screen and (max-width:768px)
{

}
@media only screen and (max-width:699px) and (min-width:480px)
{

}
@media only screen and (max-width:768px) and (min-width:700px)
{

}
@media only screen and (max-width:400px)
{
	header {
		height: 155px;
	}
	section.home {
		padding: 155px 0 20px;
	}
}
@media only screen and (max-width:310px)
{
	header {
		height: 135px;
	}
	section.home {
		padding: 135px 0 20px;
	}
}
@media only screen and (orientation:landscape) and (max-device-width:1024px) and (min-device-width:768px)
{

}
@media only screen and (orientation:portrait) and (max-device-width:1024px) and (min-device-width:768px)
{

}