body{
	font-size: 1.1em;
	background-color: #e0ddcd;
	color: #454545;
}
.region-content, .region-accueil, .footer_first, .footer_second{
	padding: 0 10px;
}
h1, h2, h3, h4, h5, h6{
	margin-top: 50px;
}
h2, h3, h4{
	letter-spacing: 2px;
}
h1{
	font-size: 35px;
}
h2{
	font-size: 30px;
}
h3{
	font-size: 25px;
}
h4{
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.messages--status{
	color: #272828;
	border-color: #b5b95a;
	box-shadow: -8px 0 0 #b5b95a;
	background-color: #f5f4eb;
	border-width: 3px;
}
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed{
	margin: 0;
}


/* MENU */
.mm-page{
	background-color: #e0ddcd;
	padding-top: 0!important;
}
.mm-menu.mm-offcanvas{
	max-width: 200px;
}
html.mm-opening .mm-slideout{
	-webkit-transform: translate(200px,0);
	-ms-transform: translate(200px,0);
	transform: translate(200px,0);
	-webkit-transform: translate3d(200px,0,0);
	transform: translate3d(200px,0,0);
}
.responsive-menu-toggle-icon{
	width: 50px;
	height: 50px;
	border: 4px solid #b5b95a;
	border-radius: 50%;
	left: 10px;
	top: 10px;
	position: fixed;
	z-index: 100;
	background: #272828;
	box-shadow: 0px 0px 10px #000;
	transition: all 0.3s ease;
}
.responsive-menu-toggle-icon:hover{
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.user-logged-in .responsive-menu-toggle-icon{
	top: 90px;
}
.responsive-menu-toggle-icon:before, .responsive-menu-toggle-icon:after, .responsive-menu-toggle-icon span.icon{
	height: 2px;
	left: 10px;
	width: 22px;
	background: #e0ddcd;
}
.responsive-menu-toggle-icon:before{
	top: 14px;
}
.responsive-menu-toggle-icon span.icon, html.mm-opening .responsive-menu-toggle-icon:before, html.mm-opening .responsive-menu-toggle-icon:after{
	top: 20px;
}
.responsive-menu-toggle-icon:after{
	top: 27px;
}
.responsive-menu-toggle-icon span.label{
	display: none;
}
.region-menu-mobile{
	height: 0;
}
.mm-menu.mm-theme-dark{
	background: #272828;
}
.mm-menu li a{
	color: #f3f0e4;
	transition: all 0.3s ease;
}
.mm-menu li a:hover, .mm-menu li a.is-active:hover{
	color: #b1b725;
}
.mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after{
	border-color: transparent;
}


/* HEADER */
.region-header p{
	margin: 0;
	font-size: 0;
}
.region-header img{
	width: 100%;
	height: auto;
}
.region-header .block{
	padding-top: 40px;
}
.region-header #block-gauche.block{
	padding-top: 0;
}
.region-header #block-gauche.block img{
	transform: scale(1.3);
}



/* CONTENT */
.region-content{
	margin-bottom: 80px;
}
.region-content p{
	margin: 0 0 30px 0;
}
h1.page-title{
	font-size: 19px;
	letter-spacing: 2px;
	margin-bottom: 5px;
}
.field--name-field-sous-titre{
	font-size: 36px;
	font-weight: 500;
	line-height: 1.2em;
	margin-bottom: 50px;
	margin-left: -2px;
}
.region-content h1, .region-content h2, .region-content h3, .region-content h4, .region-content h5, .region-content h6{
	margin-top: 50px;
}
.region-content li{
	line-height: 1.05em;
	padding-bottom: 10px;
	font-size: 0.9em;
}
.region-content ul{
	list-style-image: url('picot.png');
}
.field--name-field-photo img{
	max-width: 100%;
	height: auto;
	box-shadow: 0px 0px 11px rgba(0,0,0,0.6);
}
.field--name-field-legende{
	width: 380px;
	max-width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-weight: 500;
	position: relative;
	top: -65px;
	letter-spacing: 1px;
	background-color: #b5b95a;
	margin-bottom: -40px;
}
#block-views-block-nouvelles-block-1 h3{
	margin: 0 0 10px 0;
}
#block-views-block-nouvelles-block-1 .views-row{
	margin: 75px 0;
}
.region-content a:link, .region-content a:visited{
	background-color: #b5b95a;
	font-weight: 500;
	color: #454545;
	text-decoration: none;
	transition: all 0.3s ease;
}
.region-content a:hover{
	background-color: #c9c963;
}
#block-views-block-nouvelles-block-1 .views-field-field-lien a{
	padding: 5px 10px;
}
.page-node-5 .region-content .field--name-body a{
	background-color: transparent;
}
.page-node-5 .region-content .field--name-body img{
	transition: all 0.3s ease;
}
.page-node-5 .region-content .field--name-body img:hover{
	transform:scale(0.9,0.9);
}
.region-content label{
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 2px;
	display: block;
}
.region-content input, .region-content textarea{
	background: #bdbcaf;
	border: 0;
	max-width: 100%;
	padding: 5px 10px;
	margin: 5px 0;
	color: #1b1a1a;
}
.region-content input{
	max-width: calc(100% - 20px);
}
.region-content input:focus, .region-content textarea:focus{
	outline-offset: 0;
	outline: none;
}
.region-content input[id="edit-preview"]{
	display: none;
}
.region-content input[id="edit-submit"]{
	width: 100%!important;
	max-width: 100%!important;
	background-color: #454545;
	color: #e0ddcd;
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 21px;
	transition: all 0.3s ease;
}
.region-content input[id="edit-submit"]:hover{
	background-color: #545454;
}

/* ACCUEIL */
#block-categoriesdeservices{
	text-align: center;
	margin-bottom: 75px;
}
#block-views-block-nouvelles-block-2 h4{
	margin-top: 10px;
}
#block-views-block-nouvelles-block-2 h3{
	margin: 0 0 10px 0;
}
#block-views-block-nouvelles-block-2 a:link, #block-views-block-nouvelles-block-2 a:visited{
	background-color: #b5b95a;
	font-weight: 500;
	color: #454545;
	text-decoration: none;
	transition: all 0.3s ease;
}
#block-views-block-nouvelles-block-2 a:hover{
	background-color: #c9c963;
}
#block-views-block-nouvelles-block-2 a{
	padding: 5px 10px;
}
#block-carte{
	margin: 75px 0 90px 0;
}
#block-carte h2{
	font-size: 25px;
	text-align: center;
	font-weight: normal;
}
#block-carte .field--name-body{
	text-align: center;
}
#block-carte .field--name-body{
	position: relative;
	padding-bottom: 100%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
#block-carte iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* FOOTER */
.footer_first{
	background-color: #056d75;
	text-align: center;
	color: #e0ddcd;
	font-size: 25px;
	padding: 25px 10px;
	box-shadow: 0px 0px 20px #000;
}
.footer_first p{
	margin: 0;
}
.footer_first a:link, .footer_first a:link{
	color: #e0ddcd;
	text-decoration: none;
}
.footer_first #block-facebook img{
	padding-top: 8px;
	transition: all 0.3s ease;
}
.footer_first #block-facebook img:hover{
    transform:scale(0.9,0.9);
}
.footer_second{
	background-color: #272828;
	text-align: center;
	color: #5e5e5e;
}
.footer_second a:link, .footer_second a:link{
	color: #5e5e5e;
	transition: all 0.3s ease;
}
.footer_second a:hover{
	color: #7a7a7a;
}
.footer_second h6{
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	padding: 15px 0 15px 0;
}