html {
	overflow: auto;
}
html, body {
	background: #e8b77c;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 16px;
	color: #222224;
}

#wrapper {
	position: relative;
}

header {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

header h1 {
	background: url(../images/header.png) no-repeat 0 0 transparent;
	height: 176px;
	margin: 0 auto;
	text-indent: -7777px;
	width: 1143px;
}

#container {
	width: 100%;
}

#main {
	float: none;
}

#main sup {
	font-size: 0.65em;
	vertical-align: top;
}

#main a {
	color: #9f0905;
}
#main a:hover {
	text-decoration: none;
}

#main .mod_article {
	min-height: 1000px;
	width: 100%;
}

#main .mod_article>.inside {
	margin: auto;
	position: relative;
	width: 1000px;
}


/* menu (général) */
#main .inside .menu-section {
	position: absolute;
	right: -30px;
	top: 420px;
	width: 626px;
}
#main .inside .menu-section nav {
	background: url(../images/bg-menu-accueil.png) no-repeat 0 0;
}
#main .inside .menu-section nav {
	height: 113px;
	padding-top: 28px;
	width: 626px;
}
#main .inside .menu-section nav ul {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
}
#main .inside .menu-section nav ul li {
	margin-left: 16px;
}
#main .inside .menu-section nav ul li {
	display: inline-block;
}
#main .inside .menu-section nav ul li a {
	background: url(../images/bg-menu.png) no-repeat -35px -28px;
	display: inline-block;
	height: 55px;
	text-indent: -7777px;
}

#main .inside .menu-section nav ul li a#accueil-link {
	width: 95px;
}
#main .inside .menu-section nav ul li a#accueil-link:hover,
#main .inside .menu-section nav ul li a#accueil-link.active {
	background-position: -35px -136px;
	width: 95px;
}
#main .inside .menu-section nav ul li a#inscription-link {
	background-position: -151px -28px;
	width: 143px;
}
#main .inside .menu-section nav ul li a#inscription-link:hover,
#main .inside .menu-section nav ul li a#inscription-link.active {
	background-position: -151px -136px;
	width: 143px;
}
#main .inside .menu-section nav ul li a#contact-link {
	background-position: -314px -28px;
	width: 169px;
}
#main .inside .menu-section nav ul li a#contact-link:hover,
#main .inside .menu-section nav ul li a#contact-link.active {
	background-position: -314px -136px;
	width: 169px;
}
#main .inside .menu-section nav ul li a#photos-link {
	background-position: -504px -28px;
	width: 93px;
}
#main .inside .menu-section nav ul li a#photos-link:hover,
#main .inside .menu-section nav ul li a#photos-link.active {
	background-position: -504px -136px;
	width: 93px;
}

/* accueil */
#main #accueil {
	background: url(../images/bg-accueil.jpg) no-repeat 50% 0;
}
#main #accueil>.inside {
	padding-top: 430px;
}
#main #accueil>.inside #bienvenue-section {
	width: 407px;
}
#main #accueil>.inside #bienvenue-section h2 {
	background: url(../images/bg-bienvenue.png) no-repeat 0 0;
	height: 82px;
	margin: 7px 0;
	text-indent: -7777px;
	width: 326px;
}
#main #accueil>.inside .menu-section {
	position: absolute;
	right: -30px;
	top: 420px;
	width: 626px;
}
#main #accueil>.inside .menu-section nav {
	background: url(../images/bg-menu-accueil.png) no-repeat 0 0;
}

#main #accueil>.inside #intro-text {
	width: 455px;
}

#main #accueil>.inside h3 {
	background: url(../images/bg-programme.png) no-repeat 0 0;
	height: 52px;
	margin: 35px 0 0;
	text-indent: -7777px;
	width: 300px;
}

#repas-menu-section > .inside {
	display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

#repas-menu-section > .inside h3 {
	background: none;
	height: auto;
	font-size: 24px;
	margin-bottom: 25px;
	margin-top: 20px;
	text-indent: 0;
	text-transform: uppercase;
	width: 100%;
}

#main #accueil>.inside #programme-section {
	float: left;
	width: 442px;
}
#main #accueil>.inside #programme-section h3 {
	height: 69px;
	width: 315px;
	margin-top: 12px;
}
#main #accueil>.inside #diner-section {
	height: 300px;
	padding-top: 340px;
	width: 548px;
}
#main #accueil>.inside #diner-section>.inside {
	background: url(../images/bg-cartouche.png) no-repeat 0 0;
	border-radius: 10px;
	color: #FFF;
	height: 236px;
	width: 548px;
}
#main #accueil>.inside #diner-section>.inside h3 {
	background: none;
	font-weight: bold;
	margin: 0;
	padding-top: 17px;
	text-align: center;
	text-indent: 0;
	width: auto;
}
#main #accueil>.inside #diner-section>.inside section {
	float: left;
	font-size: 14px;
	text-align: center;
	width: 268px;
}
#main #accueil>.inside #diner-section>.inside section.col_0 {
	padding-left: 28px;
	width: 237px;
}
#main #accueil>.inside #diner-section>.inside section.col_0 a {
	background: url(../images/bg-reserver.png) no-repeat 0 0;
	color: #eebd85;
	cursor: pointer;
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	height: 45px;
	line-height: 45px;
	text-decoration: none;
	text-transform: uppercase;
	width: 195px;
}
#main #accueil>.inside #diner-section>.inside section.col_0 a:hover {
	text-decoration: underline;
}
#main #accueil>.inside #diner-section>.inside section.col_1 .inside .ce_text {
	padding: 0 15px;
}


/* inscription */
p.error {
	display: inline;
	font-size: 13px;
	color: red;
	margin: 0;
}

#main #inscription {
	background: url(../images/bg-inscription.jpg) no-repeat 50% 0;
	padding-top: 300px;
}

#main #inscription #inscription-section {
	width: 407px;
}
#main #inscription .menu-section {
	top: 2px;
}
#main #inscription .menu-section nav {
	background: url(../images/bg-menu-inscription.png) no-repeat 0 0;
}

#main #inscription h2 {
	background: url(../images/bg-title-inscription.png) no-repeat 0 0;
	height: 82px;
	margin: 25px 0;
	text-indent: -7777px;
	width: 320px;
}

#main #inscription>.inside h3 {
	background: url(../images/bg-title-festival.png) no-repeat 0 0;
	height: 69px;
	text-indent: -7777px;
	width: 178px;
}

#main #inscription>.inside #festival-texte-section {
	float: left;
	min-height: 730px;
	width: 512px;
	line-height: 21px;
}
#main #inscription>.inside #festival-form-section {
	font-size: 17px;
	min-height: 730px;
	width: 468px;
	padding-left: 20px;
	padding-top: 30px;
}
#main  fieldset {
	border: 2px solid #261206;
	margin-top: 20px;
	width: 426px;
}
#main  legend {
	text-transform: uppercase;
}
#main  label {
	display: inline-block;
  width: 180px;
}
#main  fieldset label {
	width: 115px;
}
#main  label.error {
	margin: 0;
}

#main input,
#main  textarea {
	background: #261206;
	color: #eebd85;
	border: 0;
	border-radius: 10px;
	margin-top: 10px;
	padding: 2px 6px;
	height: 28px;
	text-align: center;
	width: 30px;
}
#main fieldset input,
#main fieldset textarea,
#main #inscription>.inside #festival-form-section #inscription-form fieldset textarea {
	text-align: left;
	width: 288px;
}

#main textarea {
	height: 64px;
}

#main span.captcha_text {
	font-size: 15px;
}

#main .submit_container {
	padding-right: 14px;
	text-align: right;
}
#main .submit_container input {
	background: url(../images/bg-sinscrire.png) no-repeat 0 0;
	cursor: pointer;
	font-size: 22px;
	font-weight: bold;
	height: 45px;
	line-height: 42px;
	text-transform: uppercase;
	width: 195px;
}

/* repas */
#main #inscription #repas-form-section {
	float: left;
	font-size: 17px;
	height: auto;
	padding-right: 63px;
	margin-bottom: 27px;
	margin-top: -74px;
	width: 467px;
}
#main #inscription fieldset {
	margin-top: 5px;
}
#main #inscription #repas-form-section h3 {
	background: url(../images/bg-title-reservation.png) no-repeat 0 0;
	height: 69px;
	margin-top: 0;
	width: 386px;
}
#main #inscription #repas-menu-section,
#main #repas-menu-section {
	background: url(../images/bg-repas-menu.png) no-repeat 0 0;
	color: #FFF;
	height: 236px;
	margin-bottom: 40px;
	/*margin-top: 60px;*/
	text-align: center;
	width: 462px;
}
#main #accueil #repas-menu-section {
	left: 40px;
	position: relative;
}
#main #inscription #repas-menu-section h3,
#main #repas-menu-section h3 {
	background: none;
	height: auto;
	font-size: 24px;
	margin-top: 20px;
	text-indent: 0;
	text-transform: uppercase;
	width: 100%;
}
#main #inscription #repas-menu-section .ce_text,
#main #repas-menu-section .ce_text {
	margin: 0;
}
#main #inscription #repas-menu-section .ce_text p,
#main #repas-menu-section .ce_text p {
	margin: 0;
	margin-bottom: 5px;
}

#main #inscription #repas-form-section fieldset label {
	width: 149px;
}
#main #inscription #repas-form-section fieldset input {
	width: 247px;
}
#main #f3 .submitted-text {
	display: none;
}
#repas-text {
	text-align: center;
}

p.mandatory-fields {
	display: inline-block;
	font-style: italic;
	font-size: 14px;
	margin: 0;
}
span.mandatory {
	color: #FF0000;
}

/* contact */
#main #contact {
	background: url(../images/bg-contact.jpg) no-repeat 50% 0;
	padding-top: 300px;
	min-height: 880px;
}

#main #contact .menu-section {
	top: 2px;
}
#main #contact .menu-section nav {
	background: url(../images/bg-menu-contact.png) no-repeat 0 0;
}

#main #contact h2 {
	background: url(../images/bg-title-contact.png) no-repeat 0 0;
	height: 82px;
	margin: 25px 0;
	text-indent: -7777px;
	width: 365px;
}

#main #contact #contact-section {
	width: 407px;
}

#main #contact #gmap-section {
	float: left;
	width: 540px;
}
#main #contact #gmap-section iframe {
	border: 1px solid #261206; 
}

#main #contact #gmap-section h3 {
	background: url(../images/bg-title-plan.png) no-repeat 0 0;
	height: 69px;
	text-indent: -7777px;
	width: 270px;
}
#main #contact #contact-form-section {
	width: 460px;
}
#main #contact #contact-form-section h3 {
	background: url(../images/bg-title-contact-form.png) no-repeat 0 0;
	height: 69px;
	margin-bottom: 49px;
	text-indent: -7777px;
	width: 270px;
}

#main #contact>.inside #contact-form-section {
	font-size: 17px;
}


/* photos */
#main #photos {
	background: url(../images/bg-photos.jpg) no-repeat 50% 0;
	height: 786px;
	min-height: 786px;
	padding-top: 300px;
}

#main #photos h2 {
	background: url(../images/bg-title-photos.png) no-repeat 0 0;
	height: 82px;
	margin: 25px 0 0px;
	text-indent: -7777px;
	width: 365px;
}

#main #photos .menu-section {
	top: 4px;
}
#main #photos .menu-section nav {
	background: url(../images/bg-menu-photos.png) no-repeat 0 0;
}

#main #photos .ce_gallery {
	overflow: visible;
	padding: 15px;
}
#main #photos .ce_gallery ul {
	overflow: visible;
}
#main #photos .ce_gallery figure {
	border: 4px solid #FFF;
	height: 75px;
	margin: 5px;
	width: 100px;
}

.center {
	text-align: center;
}

/* mediabox */
#mbTitle {
	display: none;
}


/* footer */
#footer {
	background: url(../images/bg-footer.png) no-repeat 50% 0; 
	height: 57px;
}
#footer .inside {
	text-align: center;
}
#footer ul {
	list-style: none;
	margin-top: 22px;
}
#footer ul li {
	display: inline-block;
}
#footer ul li a {
	color: #222224;
}
#footer ul li a:hover {
	text-decoration: none;
}