/* FONT */

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);

@import url(http://fonts.googleapis.com/css?family=Handlee);



/* -------------------------------------STYLE */



html, body {

	background-image: url(../images/fond.png);

	background-repeat: repeat;

	background-position: center top;

	background-color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

	/*height:100%;*/

	padding: 0;

	margin: 0;

}

#wrapper	{

	background: url(../images/bg-feuilles-brown.png) bottom left no-repeat transparent;

}

#wrapper-top	{

	position: absolute;

	height: 398px;

	width: 100%;

	/*background: url(../images/wave-img.png) right no-repeat transparent;*/

	left: 0;

	opacity:0.35;

	top: 191px;

}

#site {

	text-align:left;

	width: 960px;

	min-height:100%;

	margin: 0 auto;

	padding: 0;

	overflow:hidden;

	background: rgba(198,190,190,.85);

}



span.cache{

	display: none;

}

span.rouge {

	color:#FF0000;

}

.accordion-toggle {cursor: pointer;}
  .accordion-content {display: none;}
  .accordion-content.default {display: block;}

#top {

	width: 960px;

	height: 538px;

	margin: 0 auto;

	/*top: 30px;*/

	padding: 0;

	float: left;

	position: relative;

	margin-bottom: 40px;

	z-index: 99;

}

#logo {

	width:212px;

	margin:0;

	padding:0;

	float:left;

	padding: 20px;

}

#menu_top {

	width: 400px;
    height: 43px;
    margin: 0;
    padding: 0;
    float: right;
    background: url('../images/bg-menu-top-wood.jpg');
    background-size: cover;
    border-radius: 5px 0 0 5px;
    margin-top: 70px;
    box-shadow: 2px 2px 1px rgba(0,0,0,.25);
}

#menu_top ul{

	padding: 0;

	text-align: center;

	padding-top: 8px;

	margin: 0;

	box-shadow: 2px 2px 1px rgba(0,0,0,.25);

}


#menu_top ul li.facebook {
	position: relative;
	top: 3px;
}

#menu_top ul li.facebook:hover {
	opacity: .8;
}

#menu_top ul li{

	margin: 0;

	display: inline;

	padding: 5px 0px;

}

#menu_top a{

	color: #dd1717;

	text-decoration: none;

	text-transform: uppercase;

	font-weight: 400;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 17px;

	padding: 0 12px;

}

#menu_top li a	{ border-right: 1px solid #f1f1f1; padding-right: 13px; }
#menu_top li:last-child a { border: none; }

#menu_top a:hover	{ color: #BFBFBF; }

#contenu {

	width: 920px;

	margin: 0 auto;

	padding: 20px;

	float: left;

	margin-top: 10px;

}

#contenu ul	{ padding-left: 0; }

#contenu ul li	{ font-size: 13px; color: #322929; padding: 0; line-height: 22px; font-family: 'Source Sans Pro', sans-serif; }

#contenu p {

	font-size: 13px;

	color: #322929;

	text-align: justify;

	line-height: 19px;

	font-family: 'Source Sans Pro', sans-serif;

}

#contenu p strong	{

	font-size: 14px;

}

#contenu li {

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.8em;

	color:#dd1717;

	margin:5px 0 5px 30px;

	padding:0;

}

#contenu table  {

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 0.8em;

	color: #322929;

	padding: 0;

}

#menu_top a.accueil:hover{

	background-image: url(../fr/images/menu_top/accueil_2.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 103px;

	height: 48px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}

#menu_top a.joindre{

	background-image: url(../fr/images/menu_top/joindre_1.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 156px;

	height: 48px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}



#menu_top a.joindre:hover{

	background-image: url(../fr/images/menu_top/joindre_2.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 156px;

	height: 48px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}

#menu_top a.english{

	background-image: url(../fr/images/menu_top/english_1.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 127px;

	height: 48px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}



#menu_top a.english:hover{

	background-image: url(../fr/images/menu_top/english_2.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 127px;

	height: 48px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}

#menu_princ {

	width: 960px;

	margin: 0 auto;

	padding: 30px 0 20px;

	float: left;

	background: url('../images/border-main-menu-wood.jpg') repeat-x #f1f1f1;

	bottom: 0;

	box-shadow: 2px 2px 2px rgba(0,0,0,.15);

}

#menu_princ ul{

	margin: 0;

	padding: 0;

	text-align:center;

	line-height:18px;

	line-height: 26px;

}



#menu_princ ul li{

	margin: 0;
    padding: 20px 16px;
    display: inline;
    border-right: 1px solid rgba(50, 41, 41, 0.11);

}

#menu_princ ul li:last-child	{

	border:none;

}

#menu_princ ul li a, #menu_princ .services-nav	{

	color: #322929;

	text-decoration: none;

	text-transform: uppercase;

	font-weight: 400;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 16px;

}

#menu_princ .services-nav	{

	cursor:pointer;

}

#menu_princ ul li a:hover, #menu_princ .services-nav:hover	{

	color: #dd1717;

}

#menu_princ .services-nav:hover #sub-nav 	{

	display:block;

}

#menu_princ #sub-nav	{

	background: #322929;

	width: 147px;

	margin-top: 18px;

	display: none;

	position: absolute;

	border-radius: 8px;

}

#menu_princ #sub-nav li:last-child	{

	border:none;

}

#menu_princ #sub-nav li	{

	display:block;

	border-right:none;

	border-bottom:1px solid rgba(255,255,255,.25);

	padding:5px 0;

}

#menu_princ #sub-nav a	{

	color: #fff;

	font-size: 13px;

	text-transform: none;

}

#menu_princ #sub-nav span {

	height: 30px;

	width: 100%;

	display: block;

	margin: 0 auto;

	margin-top: -30px;

	background: url('../images/arrow-sub-nav.png') center bottom no-repeat transparent;

}

#menu_princ #sub-nav a:hover	{

	color: #dd1717;

}



/*#menu_princ a.temps{

	background-image: url(../fr/images/menu_princ/temps_1N.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 174px;

	height: 51px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}



#menu_princ a.temps:hover{

	background-image: url(../fr/images/menu_princ/temps_2N.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 174px;

	height: 51px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}

#menu_princ a.mariage{

	background-image: url(../fr/images/menu_princ/mariages_1N.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 249px;

	height: 51px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}



#menu_princ a.mariage:hover{

	background-image: url(../fr/images/menu_princ/mariages_2N.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 249px;

	height: 51px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}

#menu_princ a.locations{

	background-image: url(../fr/images/menu_princ/locations_1N.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 255px;

	height: 51px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}



#menu_princ a.locations:hover{

	background-image: url(../fr/images/menu_princ/locations_2N.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 255px;

	height: 51px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}

#menu_princ a.menus{

	background-image: url(../fr/images/menu_princ/menus_1N.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 110px;

	height: 51px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}



#menu_princ a.menus:hover{

	background-image: url(../fr/images/menu_princ/menus_2N.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 110px;

	height: 51px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}

#menu_princ a.traiteur{

	background-image: url(../fr/images/menu_princ/traiteur_1.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 212px;

	height: 61px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}



#menu_princ a.traiteur:hover{

	background-image: url(../fr/images/menu_princ/traiteur_2.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 212px;

	height: 61px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}

#menu_princ a.age{

	background-image: url(../fr/images/menu_princ/age_dor_1.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 119px;

	height: 61px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}



#menu_princ a.age:hover{

	background-image: url(../fr/images/menu_princ/age_dor_2.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 119px;

	height: 61px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}

#menu_princ a.photos{

	background-image: url(../fr/images/menu_princ/photos_1.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 172px;

	height: 61px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}



#menu_princ a.photos:hover{

	background-image: url(../fr/images/menu_princ/photos_2.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 172px;

	height: 61px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}

#menu_princ a.rassemblement{

	background-image: url(../fr/images/menu_princ/rassemblement_1.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 182px;

	height: 61px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}



#menu_princ a.rassemblement:hover{

	background-image: url(../fr/images/menu_princ/rassemblement_2.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 182px;

	height: 61px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}

#menu_princ a.verger{

	background-image: url(../fr/images/menu_princ/verger_1.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 101px;

	height: 61px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}



#menu_princ a.verger:hover{

	background-image: url(../fr/images/menu_princ/verger_2.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 101px;

	height: 61px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}

h1.h1_ladifference {

	background-image:url(../fr/images/h1/ladifference.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:503px;

	height:78px;

	margin:0 0 15px 0;

	padding:0;

}

h1.h1_sucre_arrive {

	background-image:url(../fr/images/h1/sucre_arrive.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:429px;

	height:78px;

	margin:0 0 15px 0;

	padding:0;

}

h1.h1_mariage {

	background-image:url(../fr/images/h1/mariage.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:392px;

	height:78px;

	margin:0 0 15px 0;

	padding:0;

}

h1.h1_rassemblement {

	background-image:url(../fr/images/h1/rassemblement.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:607px;

	height:78px;

	margin:0 0 15px 0;

	padding:0;

}

h1.h1_verger {

	background-image:url(../fr/images/h1/verger.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:331px;

	height:78px;

	margin:0 0 15px 0;

	padding:0;

}

h1.h1_traiteur {

	background-image:url(../fr/images/h1/traiteur.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:503px;

	height:78px;

	margin:0 0 15px 0;

	padding:0;

}

h1.h1_activites {

	background-image:url(../fr/images/h1/activites.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:474px;

	height:78px;

	margin:0 0 15px 0;

	padding:0;

}

h1.h1_mechous_estival {

	background-image:url(../fr/images/h1/mechouis.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:392px;

	height:78px;

	margin:0 0 15px 0;

	padding:0;

}

h1.h1_menus_disponibles {

	background-image:url(../fr/images/h1/menu_disponible.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:392px;

	height:78px;

	margin:0 0 15px 0;

	padding:0;

}*/

h1 {

	font-size: 25px;

	color: #dd1717;

	font-family: 'Handlee', cursive;

	margin: 20px 0;

	background: url('../images/leaf-icon.png') no-repeat left -3px transparent;

	background-size: contain;

	font-weight: normal;

	padding-left: 40px;

}

h2 {

	font-size: 20px;

	color: #dd1717;

	font-family: 'Handlee', cursive;

	font-weight: normal;

	padding: 15px 0 0;

	font-style: italic;

}

.kids	{   background:#FEF9F9;   width: 98.7%;   padding: 4px;  border-radius: 0 0 10px 10px; }

.kids h2, .kids ul { color: #fff; }

.kids h2	{   text-align: center; margin-top:0; padding-top:10px;  }

.kids ul  { text-align: center; }

.kids ul li	{ margin-left: 5px; display:inline; color: #ffffff; }

.kids ul li:first-child	{ margin-left:0!important; }



#les-menus	{ position: relative; width: 920px; }



#les-menus #menu-perso	{ height: 770px }

#les-menus #menu-principal,

#les-menus #menu-perso		{ width: 100%; background: #fff; border-radius: 0 0 10px 10px; }



#les-menus .menu-content p,

#les-menus .menu-content tr,

#les-menus .menu-content td		{ color: #322929; line-height: 25px; }



.filtre-menus	{ margin-top: 40px; margin-bottom: 9px; z-index: 99; display: block; position: relative; }

.filtre-menus a	{ padding: 9px 10px; border: 1px solid rgba(18, 191, 241, 0.12); margin-right:0; background: #FDFDFD; color: #322929; text-decoration: none; text-transform: uppercase; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; }

.filtre-menus a.active	{  padding: 10px; color: #dd1717; border-bottom: none; background: #fff; }



/*temps des sucres*/

#contenu .menu-list				{   background: rgba(254, 254, 254, 1); border: 1px solid rgba(0,0,0,.2);width: 34%; float: left; margin-left: 30px; padding-left: 20px; margin-top: 13px; padding-bottom: 12px; border-radius: 0 0 10px 10px; }

#contenu .menu-list .title-menu	{ text-align: center; margin-left: -20px; background: #322929; margin-top: 0; padding: 10px; color: #fff;

																	font-family: 'Handlee', cursive; text-transform: uppercase; }

#contenu .menu-list ul		{ list-style-type: none; padding: 0; margin: 0; }

#contenu .menu-list ul li	{ line-height: 24px; padding: 0; margin: 0; color: #322929; font-weight: border: 1px solid rgba(0,0,0,0.1); 300; font-size: 14px; }

#contenu .tarifs-list			{ width: 60%; float: left; }

#contenu .tarifs-list .table-tarifs	{ font-family: 'Handlee', cursive; background: #dd1717; margin-bottom: 0; padding: 10px; text-align: center; color: #fff; text-transform: uppercase; }

#contenu .tarifs-list .table-tarifs strong	{ font-size: 17px; }

#contenu .tarifs-list table	{ width: 100%; margin: 0; color: #322929; padding: 20px; border: 1px solid rgba(0,0,0,0.1); background: #fff; }

#contenu .tarifs-list table .top-titles	{ background: #322929; }

#contenu .tarifs-list table .top-titles th	{ padding: 10px; color: #fff; text-align: center; }

#contenu .tarifs-list table .days-light td	{ padding: 10px; background: #fdfdfd; }

#contenu .tarifs-list table .days-dark td	{ padding: 10px; background: #F5F5F5; }

#contenu .text-content		{ clear: both; background: #fff; height: 150px; padding: 10px; margin-bottom: 10px; border-bottom: 2px solid rgba(0,0,0,.1); }

#contenu .text-content p	{ width: 97%; }

.bottom-infos { width: 60%; height: 150px; }

/**fin du temps des sucres**/



/*age dor*/

#menu-age-content					{ padding-bottom: 20px; position: relative; border-radius: 0 0 10px 10px; border: 1px solid rgba(18, 191, 241, 0.25);

									background: rgba(255,255,255,.7); width: 920px; height: 530px; margin-bottom: 20px; }

#menu-age-content	.left-img		{ border-radius: 0 0 0 10px; width: 30%; height: 100%; position: absolute; float: left; }

#menu-age-content .right-content 	{ background: url(../images/bg-feuilles.png) top right no-repeat transparent;

background-size: 450px; width: 70%; float: left; position: absolute; left: 30%; padding-left: 20px; }

#menu-age-content .right-content h3	{ font-size: 16px; margin-top: -11px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; }

#menu-age-content.pommes-age	{ height:550px; }



#menu-age-content.temps-sucres-age .left-img	{ background:url(../images/age-or-sucre.jpg) center center no-repeat #fff; background-size: cover;}

#menu-age-content.mechoui-age .left-img			{ background:url(../images/age-mechoui.jpg) center center no-repeat #fff; background-size: cover; }

#menu-age-content.pommes-age .left-img			{ background:url(../images/age-pommes.jpg) center center no-repeat #fff; background-size: cover; }


/**fin age dor**/

#content_left {

	width:50%;

	padding:0;

	float:left;

}

#content_left h2 {

	margin:30px 0 30px 0;

}

#content_right {

	padding: 0;

	float: right;

}

.form-contact	{

	width: 100%;

	clear: both;

}

#album {

	text-align: center;

	padding: 0;

	float: left;

}

#album img {

	border: 0px solid;

	margin:10px;

	padding:0;

	}

	#album2 {

	text-align:center;

	width:734px;

	margin:0px 0 10px 30px;

	padding:0;

	float:left;

}

#album2 img {

	border: 0px solid;

	margin:10px;

	padding:0;

	}

#footer{

	font-size:11px;

	height:65px;

	/*background-color:#f1f1f1;*/
	background: #322929;

	margin: 25px 0 0 0;

	text-align:left;

	clear: both;

	position: relative;
}

#footer-content{

 width:960px;

 position:relative;

 margin: 0 auto;

 padding: 15px 0 0 0

 }

#footer a{color: #fff;}

#footer-right{float: right;text-align: right;margin:0;}

#footer p{font-size:11px;color:#fff;}

#footer span a{color:#fff;}

#footer span {color:#fff;}

#menu_gauche {

	width:50%;

	padding:0;

	float:left;

}

#menu_gauche_fin {

	width:50%;

	padding:0;

	float:left;

}

#menu_droit {

	width:50%;

	margin:0;

	padding:0;

	float:left;

}

.separateur {

	text-align:center;

	width:786px;

	height:2px;

	margin:0 0 0 15px;

	padding:0;

	float:left;

}
