@charset "utf-8";
/* CSS Document */

html, body, border, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
body {
	background-image: url(images/background_naperon.jpg);
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
}
.box-920-accueil ul li {
	margin-top: 5px;
}

a:link {
	color: #c95a3a;
}
a:visited {
	color: #924027;
}
a:hover {
	color: #D2765B;
}
a:active {
	color: #924027;
}

.container-body .box-920-accueil {
	text-align: justify;
}


h1 {
	font-family: 'Lobster', cursive;
	font-size: 30px;
	font-weight: 700;
	color: #CC6600;
}

h2 {
	font-family: 'Oleo Script', cursive;
	font-size: 26px;
	font-weight: 700;
	color: #857718;
}
h3 {
	font-family: 'Oleo Script', cursive;
	font-size: 24px;
	font-weight: 700;
	color: #CC6600;
}
h4 {
	font-family: 'Oleo Script', cursive;
	font-size: 22px;
	font-weight: 700;
	color: #CC6600;
}
h5 {
	font-family: 'Oleo Script', cursive;
	font-size: 20px;
	font-weight: 700;
	color: #000000;
}
h6 {
	font-size: 25px;
	font-weight: 700;
	color: #000000;
}




.container-head {
	background-image: url(images/01-entete.jpg);
	height: 418px;
	width: 100%;
	position: relative;
	top: 0px;
	background-position: center top;
	background-repeat: no-repeat;
}
.logo {
	height: 240px;
	width: 500px;
	position: relative;
	z-index: 10;
	margin-right: auto;
	margin-left: auto;
	top: 94px;
}


/* Début Menu principal*/

#MenuContainer {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 665px;
}
/* Début Menu principal*/

#MenuContainerGalerie {
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

.menu{
	display: block;
	height: 40px;
	float: left;
	position: relative;
	text-decoration: none;
	line-height: 40px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.menu  a:link, .menu  a:visited {
	text-decoration: none;
	font-size: 20px;
	display: block;
	margin: 0px;
	position: relative;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.menu  a:hover, .menu  a:active{
	height: 40px;
	margin-bottom: 0px;
	color: #f9d431;
}
.menuActif{
	display: block;
	height: 40px;
	float: left;
	padding: 0px;
	position: relative;
	text-decoration: none;
	line-height: 40px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.menuActif  a:link, .menuActif  a:visited{
	text-decoration: none;
	font-size: 20px;
	display: block;
	position: relative;
	color: #f9d431;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	height: 35px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;

}
.menuGalerie{
	display: block;
	height: 40px;
	float: left;
	position: relative;
	text-decoration: none;
	line-height: 40px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.menuGalerie  a:link, .menuGalerie  a:visited {
	text-decoration: none;
	font-size: 17px;
	display: block;
	margin: 0px;
	position: relative;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.menuGalerie  a:hover, .menuGalerie  a:active{
	height: 40px;
	margin-bottom: 0px;
	color: #f9d431;
}
.menuGalerieActif{
	display: block;
	height: 40px;
	float: left;
	padding: 0px;
	position: relative;
	text-decoration: none;
	line-height: 40px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.menuGalerieActif  a:link, .menuGalerieActif  a:visited{
	text-decoration: none;
	font-size: 17px;
	display: block;
	position: relative;
	color: #f9d431;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	height: 40px;
}
.container-menu {
	height: 40px;
	width: 100%;
	background-repeat: repeat-x;
	bottom: 0px;
	position: absolute;
	background-color: #231f20;
}
.container-menu-galerie {
	width: 1000px;
	background-repeat: repeat-x;
	bottom: 0px;
	position: absolute;
	background-color: #514C4D;
	top: 0px;
	height: 40px;
}

.container-menu-main {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 40px;
	width: 1000px;
	margin-top: 0px;
}
.container-menu-main-galerie {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1000px;
	margin-top: 0px;
}
/* FIN Menu principal*/

.container-body {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	z-index: 5;
}
.box-1000px {
	width: 1000px;
	float: left;
	position: relative;
	background-color: #FFF;
	padding-bottom: 20px;
}
.box-1000px3 {
	width: 1000px;
	float: left;
	position: relative;
	background-color: #FFF;
	padding-bottom: 20px;
	height: 40px;
}
.box-1000px2 {
	width: 960px;
	float: left;
	position: relative;
	background-color: #FFF;
	padding: 20px;
	height: 640px;
	margin-bottom: 80px;
}

.box-960 {
	width: 960px;
	position: relative;
	float: left;
	background-color: #FFF;
}

.box-960-accueil {
	width: 960px;
	margin-bottom: 80px;
	position: relative;
	background-color: #FFF;
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	float: left;
}
.box-960-menu {
	width: 960px;
	margin-bottom: 20px;
	position: relative;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	float: left;
}
.box-souper-spectacles {
	width: 920px;
	margin-bottom: 80px;
	position: relative;
	background-color: #FFF;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	float: left;
}
.grille-souper-spectacles {
	padding-left: 50px;
	margin-left: 0px;
}


.box-920-accueil {
	width: 920px;
	margin-bottom: 80px;
	position: relative;
	background-color: #FFF;
	padding-top: 70px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	float: left;
}
.box-920-straight {
	width: 920px;
	position: relative;
	background-color: #FFF;
	padding-top: 40px;
	float: left;
	text-align: left;
	font-size: 15px;
}
.box-920-accueil p img {
	float: right;
	right: auto;
	border: 1px solid #000000;
	margin-left: 20px;
}


.sloganCabaneSucre {
	width: 960px;
	position: relative;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	float: left;
	text-align: center;
	color: #51392b;
	background-color: #FFF;
}
.sloganCabaneSucre h1 {
	font-family: 'Lobster', cursive;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.07em;
	color: #c85939;
}
.sloganCabaneSucre h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: 400;
	color: #c85939;
	margin-top: 5px;
}

.box-gauche {
	width: 250px;
	margin-right: 40px;
	float: left;
	position: relative;
	margin-left: 40px;
	text-align: center;
	margin-top: 40px;
}
.box-gauche2 {
	width: 350px;
	float: left;
	position: relative;
	margin-top: 20px;
}
.box-gauche4 {
	width: 450px;
	float: left;
	position: relative;
	margin-top: 20px;
}
.box-DescServices {
	width: 280px;
	float: left;
	position: relative;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	line-height: 25px;
}
.box-DescServices ul {
	padding: 0px;
}
.box-DescServices ul li {
	padding-bottom: 5px;
}



.box-menu {
	width: 450px;
	float: left;
	position: relative;
	margin-top: 20px;
	background-image: url(images/exclusive_paper.png);
	margin-bottom: 20px;
}
.box-menu ul {
	list-style-type: none;
	padding-left: 0px;
}
.box-menu ul li {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #D1CCC2;
	line-height: 27px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.box-sous-menu {
	width: 410px;
	float: left;
	position: relative;
	background-color: #000;
	margin-top: 20px;
	/* [disabled]margin-right: 20px; */
	/* [disabled]margin-left: 20px; */
	/* [disabled]margin-bottom: 20px; */
	color: #FFFFFF;
	font-weight: bold;
	padding: 20px;
	font-size: large;
	text-align: center;
}
.TitreMenu {
	height: 60px;
	width: 325px;
	position: absolute;
	z-index: 10;
	font-family: 'Lobster', cursive;
	font-size: 60px;
	color: #C60;
	top: -62px;
	left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C60;
}
.TitreServices {
	height: 30px;
	position: absolute;
	z-index: 10;
	font-family: 'Lobster', cursive;
	font-size: 30px;
	color: #C60;
	top: -38px;
	left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C60;
}





.box-gauche3 {
	width: 400px;
	float: left;
	position: relative;
	margin-top: 100px;
	margin-left: 20px;
	margin-right: 80px;
}


.box-gaucheSpaceTop {
	width: 340px;
	margin-right: 20px;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-top: 20px;
}

.box-droite {
	width: 600px;
	float: left;
	position: relative;
	margin-right: 20px;
	margin-top: 20px;
}
.box-droite2 {
	width: 550px;
	float: left;
	position: relative;
	margin-top: 20px;
	margin-left: 20px;
	font-size: 14px;
}
.box-droite4 {
	width: 450px;
	float: left;
	position: relative;
	margin-top: 20px;
	margin-left: 20px;
	font-size: 14px;
}
.box-GaucheMenu {
	width: 450px;
	float: left;
	position: relative;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}


.box-droiteAccueil {
	width: 630px;
	float: left;
	position: relative;
	margin-right: 40px;
	margin-top: 40px;
	list-style-type: none;
	font-size: 30px;
	text-align: center;
}
.box-SlideServices {
	width: 600px;
	float: left;
	position: relative;
	margin-right: 40px;
	margin-top: 40px;
	list-style-type: none;
	margin-bottom: 40px;
}


.box-droitePadTop {
	width: 600px;
	float: left;
	position: relative;
	margin-right: 20px;
	padding-top: 100px;
}


.footer {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/bande-orange-charcoal-footer.png);
	background-repeat: repeat-x;
	position: relative;
	float: left;
}
.container-footer {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 100px;
	position: relative;
	background-color: #FFF;
}
.CopyrightLeft {
	height: 20px;
	width: 400px;
	position: absolute;
	left: 20px;
	bottom: 0px;
	font-size: 12px;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.CreationsPRight {
	height: 20px;
	width: 400px;
	position: absolute;
	bottom: 0px;
	right: 20px;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 12px;
	text-align: right;
}
.CreationsPRight  a:link, .CreationsPRight  a:visited {
	text-decoration: none;
	color: #000;
}
.CreationsPRight  a:hover, .CreationsPRight  a:active{
	text-decoration: underline;
}
.slideshow {
	height: 395px;
	width: 630px;
	position: relative;
}
.slideshowServices {
	width: 600px;
	position: relative;
	height: 450px;
}
.Wrap {
	margin-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	float: left;
	position: relative;
}

.slideshowServicesDesc {
	height: 30px;
	width: 580px;
	position: absolute;
	background-color: #FFF;
	color: #000;
	left: 0px;
	z-index: 20;
	bottom: 40px;
	line-height: 30px;
	padding-left: 20px;
	font-style: italic;
}

.ServicesOffreBois {
	height: 100px;
	width: 600px;
	position: relative;
	margin-top: 40px;
	background-color: #FC0;
}
.ServicesOffreBois ul {
	padding-top: 10px;
}

.ServicesOffreBois ul li {
	padding-bottom: 5px;
}



.slideshowProduits {
	height: 426px;
	width: 320px;
	position: relative;
	margin-left: 0px;
	float: left;
	margin-bottom: 70px;
	margin-top: 10px;
}
.TitreSlideshowProduits {
	background-color: #FFF;
	height: 30px;
	width: 320px;
	position: absolute;
	z-index: 10;
	bottom: 40px;
	text-align: center;
	line-height: 30px;
	color: #B63C13;
	font-size: 16px;
}


.vedettes-accueil {
	width: 250px;
}
.vedettes-accueil h1 {
	font-family: 'Lobster', sans-serif;
	font-weight: 700;
	text-align: center;
	color: #c95a3a;
	font-size: 30px;
	line-height: 35px;
}
.TitresPages {
	height: 50px;
	position: absolute;
	left: 20px;
	top: 20px;
	margin-bottom: 0px;
	z-index: 20;
}

.TitresPages h1{
	color: #ec2a0e;
	font-family: 'Lobster', cursive;
	font-size: 30px;
	font-weight: 700;
}

.TitresPages2 {
	height: 50px;
	position: absolute;
	left: 22px;
	top: 22px;
	margin-bottom: 0px;
	z-index: 10;
}
.TitresPages2 h1{
	color: #999999;
	font-family: 'Lobster', cursive;
	font-size: 30px;
	font-weight: 700;
}
.Reservations {
	color: #51392b;
	height: 30px;
	width: 350px;
	position: absolute;
	right: 39px;
	bottom: -165px;
	font-family: 'Oleo Script', cursive;
	font-size: 24px;
	font-weight: 700;
}
.MenuFooter {
	height: 40px;
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
	font-size: 16px;
	padding-top: 20px;
}
.rouge {
	color: #E60000;
}
.menu-realisations {
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-align: center;
	font-size: 24px;
	line-height: 50px;
	background-repeat: repeat-x;
	color: #4b3d3e;
	z-index: 10;
	display: block;
}
.menu-realisations a:link, .menu-realisations a:visited {
	background-image: url(images/accueil-vedette.jpg);
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	background-repeat: repeat-x;
	color: #d9c635;
	z-index: 10;
	width: 300px;
	display: block;
	text-decoration: none;
	margin-bottom: 10px;
}
.menu-realisations a:hover, .menu-realisations a:active {
	color: #EADF93;
}
.box-droite ul li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
}
.box-droite2 ul {
	margin-top: 0px;
	margin-left: 40px;
	font-size: 16px;
}
.TelephoneTop {
	font-size: 32px;
	height: 50px;
	width: 300px;
	position: absolute;
	z-index: 15;
	top: -97px;
	color: #FFFFFF;
	font-weight: bold;
	right: 301px;
}
.TelephoneTopNoir {
	font-size: 32px;
	height: 50px;
	width: 300px;
	position: absolute;
	z-index: 20;
	top: -96px;
	color: #000;
	font-weight: bold;
	right: 300px;
}
.box-920-accueil .box-gauche4 ul li {
	margin-top: 6px;
	text-align: left;
}
.table-prix-menu {
	margin-bottom: 20px;

}
.box-FinSemaine {
	width: 421px;
	border: 4px solid #27B32A;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
	height: 390px;
}
.Allergenes {
	color: #646464;
	font-size: 12px;
	display: inline;
	margin-left: 10px;
}
.Tx {
	color: #646464;
	font-size: 14px;
	display: inline;
	margin-left: 0
	px;
}

.box-SurSemaine {
	width: 421px;
	border: 4px solid #EEA91D;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
}
.20eAnniversaire {
	text-align: center;
	text-shadow: 5px 5px 1px;
	font-size: medium;
}
.ieme {
	vertical-align: baseline;
}