@import url('awesome/css/font-awesome.min.css');

.container{padding:15px;max-width:1140px;}
.row{margin:-15px;}
.row > *{padding:15px;}

body{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #646464;
}

a{color:#9d802a;text-decoration:none;}
a:hover{color:#6e5919;}
h4{color:#9d802a;text-transform:uppercase;margin:0;}
hr{border-bottom:none;}
.easyonline p{margin-bottom:14px;}

#btn_menu{
	font-size:24px;
	top:75px;
	right:10px;
	color:#CBA631;
}
#btn_menu.fa-times-circle{color:black;}

#menu{
	position:fixed;
	top:0;
	bottom:0;
	max-width:100%;
	padding-top: 32px;
	z-index:999;
	margin:0;
}
#menu,#menu ul{background:#CBA631;}
#menu li{position:relative;}
#titre_site{display:flex;padding:0 15px;color:black;line-height:40px;font-size:16px;font-weight:bold;text-transform:uppercase;text-decoration:none;background:#CBA631;}
#menu a{display:flex;padding:0 15px;color:black;height:40px;font-size:16px;font-weight:bold;text-transform:uppercase;text-decoration:none;}
#menu li:hover > a{color:#604e1a;}
#menu a span{margin:auto 0;}
#menu a .fa{font-size:27px;margin-right:8px;}
#menu a .btn_sous_menu{font-size:25px;margin-right:0;flex-grow: 1;text-align: right;}
#menu ul ul{display:none;min-width: 100%;margin:0;background:#fff;}
#menu ul ul a{padding:0 20px;height:35px;color:#CBA631;font-size:14px;font-weight:normal;text-transform:none;}
#menu ul ul a:hover{color:#6e5919;}

#menu #fete {height: 33px;}

#menu{width:300px;right:-300px;}
#page{right:0;}
#page.menu_ouvert{right:300px;}
#page.menu_ouvert #menu{right:0;}

header .container.rose {
    background: #b6056d;
    max-width: 100%;
    position: static;
    text-align: center;
	color:#ffffff;
	font-size:15px;
	padding:5px;
}
header .container.rose a {color:#ffffff;font-style:italic;}
header .container.rose a:hover {text-decoration:underline;}


#titre_page{background: url('/traiteur-mariage/bg-noir.gif') repeat-x;}
#titre_page h1{
	background:url('/traiteur-mariage/bg-autres-pages.jpg') no-repeat center top;
	height:218px;
	padding:100px 0 0;
	margin:0;
	text-align:center;
	color:#cfa434;
	text-transform:uppercase;
	font-weight:normal;
	font-size:25px;
	letter-spacing:1px;
}

#home{background:url('/traiteur-mariage/bg-accueil.jpg') no-repeat center top black;}
#home h3{margin:0;font-weight:normal;}
#home .container {padding-top:390px;position:relative;}
#home #labels{display:none;}
.boutons_abeille{
	display: block;
	margin:auto;
	font-size: 18px;
	width: 215px;
	height: 220px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	color: #6e5919;
	text-decoration:none;
}
.boutons_abeille img {
	padding-bottom:10px;
	border:none;
	opacity:0.4;
}
.boutons_abeille strong {
	font-size: 30px;
	text-transform: uppercase;
}
.boutons_prestations,
.boutons_abeille span {
	display: inline-block;
	color:white;
	font-style: italic;
	font-weight:bold;
	font-size:12px;
	border:1px solid white;
	padding:15px 25px;
	background: no-repeat -50% center;
	background-image: -webkit-linear-gradient(135deg, #6e5919 0%, #6e5919 42%, #a88b35 49.5%, #a88b35 50%, #a88b35 50.5%, #6e5919 58%, #6e5919 100%);
	background-image: linear-gradient(135deg, #6e5919 0%, #6e5919 42%, #a88b35 49.5%, #a88b35 50%, #a88b35 50.5%, #6e5919 58%, #6e5919 100%);
	background-size: 300% auto;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	cursor:pointer;
}
.boutons_abeille:hover, .boutons_abeille:hover *{
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	color: #a88b35;
}
.boutons_abeille:hover img{
	opacity:1;
}
@keyframes reflet {
	0% {background-position: -230px center;}
	100% {background-position: 0 center;}
}
@-webkit-keyframes reflet {
	0% {background-position: -230px center;}
	100% {background-position: 0 center;}
}
.boutons_prestations,
.boutons_abeille:hover span{
	color:black;
	background-color:#6e5919;
	border-color:#6e5919;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	animation-name: reflet;
	-webkit-animation-name: reflet;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
.boutons_prestations:hover{color:white;}

#actualites{
	position:relative;
	color:#646464;
	font-size:12px;
	padding:20px 0;
	background:#CCCCCC;
}
#actualites::before{
	position: absolute;
	content: " ";
	left: 0px;
	background:#977d1c url('/traiteur-mariage/bg-menu.png') no-repeat center top;
	height: 8px;
	top: 0;
	width:100%;
}
#actualites::after{
	position: absolute;
	content: " ";
	left: 0px;
	background:#977d1c url('/traiteur-mariage/bg-menu.png') no-repeat center top;
	height: 8px;
	bottom: 0;
	width:100%;
}
#actualites h2{
	color:#9d802a;
	font-size:32px;
	font-weight:bold;
	margin:10px 0 0;
}
#actualites h2 span{
	font-size:25px;
	font-weight:normal;
	color:#6e5919;
}
#actualites h3{
	color:#6e5919;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 10px;
}
#actualites p{margin:0}
#actualites img{
	margin-right:10px;
}

.sidebar{background:#F1F1F1;margin:15px 0;}
.sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.sidebar li a{
	font-size:16px;
	font-weight:bold;
	display:block;
	line-height:18px;
	padding-left:20px;
	color:#646464;
	background: url('/traiteur-mariage/puce-abeille-gris.png') no-repeat left center;
}
.sidebar h3{
	margin:0;
	font-weight:bold;
}
.sidebar h3 a,.sidebar li a:hover{
	color:#9d802a;
	background: url('/traiteur-mariage/puce-abeille-dore.png') no-repeat left center;
}
.sidebar li ul{
	padding-left:15px;
}
.sidebar li li a,.sidebar li li a:hover{
	background: none !important;
	font-size:14px;
	padding-left:15px;
}
.sidebar h2{
	color:#9d802a;
	font-size:32px;
	font-weight:bold;
}
.sidebar h2 span{
	font-size:25px;
	font-weight:normal;
	color:#6e5919;
}
.sidebar #prestations_livrees{background:#B6056D;border-left:4px solid #CEA235;padding:15px;margin:-10px 0 -5px -15px;}
.sidebar #prestations_livrees a{background-image: url('/traiteur-mariage/puce-abeille-blanc.png');color:white;}
.sidebar #prestations_livrees a:hover{color:#9d802a;background: url('/traiteur-mariage/puce-abeille-dore.png') no-repeat left center;}
.mainbar{flex:2 1;background: url('/traiteur-mariage/bg-abeille.jpg') no-repeat center -15px;}

footer{
	font-size:12px;
	color:#8f8f8f;
}
footer #facebook{
	text-transform:uppercase;
	line-height:36px;
}
footer h4{
	color:#6e5919;
	text-transform:uppercase;
	margin:0;
	font-size:12px;
}
footer a{
	color:#8f8f8f;
	text-decoration:none;
}
footer a:hover{
	text-decoration:underline;
}
#footer_processx{
	font-size:10px;
	text-align:center;
}

select, input[type="text"], input[type="password"], textarea{padding:0 4px;color:black;background:white;border:1px solid #BABFC3;border-radius: 7px;}
form .labels, select, input[type="text"], input[type="password"]{height:30px;line-height:15px;}
select, input[type="text"], input[type="password"]{line-height:30px;}
form .champs{margin-bottom:10px;}
form .champs.erreur > *{background-color:#f78686;border-color:red;}

.galerie_photo {
	list-style-type:none;
	padding:0;
}
.galerie_photo li {
	width:200px;
	margin:15px;
	float:left;
	overflow:hidden;
	padding:0;
	height:123px;
}
.galerie_photo li img{
	width:100%;
	max-width:none;
}
.galerie_photo li:hover img{
	margin-left:-5%;
	margin-top:-5%;
	width:110%;
	/*opacity:0.7;*/
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.prix{font-weight:bold;}
.texte_or{color:#9d802a;}
.texte_noir{color:black;}
.rubrique_or{color:#9d802a;font-size:16px;font-weight:bold;}

.bx-wrapper .bx-controls-direction a{
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.grecaptcha-badge{display:none;}