/*
Theme Name: ultrabootstrap Child
Theme URI: https://phantomthemes.com/items/ultrabootstrap-premium-wordpress-theme/
Template: ultrabootstrap
Author: phantomthemes
Author URI: https://phantomthemes.com
Description: Ultrabootstrap is a multipurpose Free Responsive WordPress Theme for creative bloggers & artist. It consists of Fullwidth Slider, Featured Posts, custom background, footer widget blog, custom color, social icons and welcome message in Homepage layout. Theme is beautifully handcrafted with minimalist design approach and based on Twitter Bootstrap and Underscore Framework. High quality clean code with Search Engine Optimized (SEO) and can be used as blog for businesses related to travel tour, health, yoga, gym,wedding, hair salons, furniture showcase, education, arts, sports and events etc. The theme can be customized from the Theme Options of Customizer and it comes with one click demo support. You may download this awesome and light weight theme. For support https://phantomthemes.com/support/ or view demo https://phantomthemes.com/view?theme=UltraBootstrap
Tags: full-width-template,two-columns,grid-layout,right-sidebar,custom-logo,theme-options,news,photography,post-formats,footer-widgets,featured-images,rtl-language-support,featured-image-header,custom-menu,flexible-header,editor-style,custom-header,threaded-comments,custom-background,custom-colors,blog
Version: 1.2.5.1540903012
Updated: 2018-10-30 13:36:52

*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

body {
	margin-top: 98px;
	background-color: #FFF;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500 !important;
}

.margintop{
	margin-top:15px;
}

h2 {
	margin-bottom: 15px;
}

section h2.titre_section span {
	color: #2d7b25;
	font-weight: 300;
	text-transform: uppercase;

}
section h2.titre_section span:last-child{ 
	font-weight: 400 ;
}

.last-word{
	font-weight: 400;
}

a, a:visited {
	color: #4D9645;
}

a:hover {
	color: #000;
}

ul {
	list-style: none;
}

ul, ol {
    padding-left: 1em;
}

article li::before {
	content: ""; 
	display: inline-block; 
	margin-left: -1em;
	margin-right: 8px;
	width: 8px; 
	height: 8px; 
	border: 1px solid #4D9645;
	border-radius: 50%; 
}

.staff {
	margin-bottom: 15px;
	color: #FFF;
}

.info-staff, .bloc_vert {
	background: #4D9645;
}

.info-staff .col-sm-6:last-child{
	padding:10px 0px !important;
}

.staff a {
	color: #FFF;
}
.staff a:hover {
	color: #000000;
}

.titre-staff {
	font-weight: bold;
	padding-top:20px;
}

/*---Header---*/

header {
	padding-top: 28px;
	padding-bottom: 12px;
	border-bottom: 3px solid #4D9645;
	background-color: #FFF;
}
	
.navbar-fixed-top {
	border-width: 3px;
}


.navbar-default .navbar-toggle {
	background: #4D9645;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: #000;
}

#logo {
	padding-bottom: 4px;
	text-align: center;
}

#logo img {
	width: 20%;
}
	
.site-description {
	text-align: center;
}

@media (min-width: 480px) {
	body {
		margin-top: 129px;
	}
	
	#logo img {
		width: 11.5%;
	}
}

@media (min-width: 600px) {
	body {
		margin-top: 128px;
	}
	
	#logo img {
		width: 9.5%;
	}
}

@media (min-width: 768px) {
	body {
		margin-top: 130px;
	}
	
	header .logo-tag {
	    margin: 10px 0 0 0;
	}
	
	#logo {
		padding-left: 74px;
		padding-bottom: 4px;
		text-align: left;
	}
	
	#logo img {
		width: 20%;
	}

	.site-description {
		text-align: left;
	}
	
	#menu-primary {
		margin-top: 36px;
	}
}

@media (min-width: 992px) {
	body {
		margin-top: 129px;
	}
	
	#logo {
		padding-left: 0;
		text-align: center;
	}

	.site-description {
		text-align: center;
	}
}

@media (min-width: 1200px) {
	#logo img {
		width: 16%;
	}

}

.nav > li:last-child > a {
	padding: 2px 10px 0 10px;
}

.nav > li > a {
	padding: 2px 10px;
	text-align: right;
	color: #000;
}

.nav > li > a:hover,
.nav > li > a:focus {
	background-color: #FFF;
	color: #4D9645;
}


/*---Section---*/

section {
	margin-bottom: 60px;
}


section#vert {
	height: 224px;
	background: url('images/visages.png');
	background-color: #4D9645;
}

section#vert p {
	margin: 44px 0 0 0;
	color: #FFF;
	font-size: 3em;	
	font-weight: 300;
	line-height: 50px;
}

@media (max-width: 768px) {	
	article#prestations {
		margin-bottom: 30px;
	}
}


section#blanc {
	height: 108px;
	background: url('images/visages2.png') #FFF;
}


section#brun {
	background-color: rgba(152, 182, 133, 0.2);
}

section#brun article {
	border-bottom: 3px solid #4D9645;
}

.txt-article {
	padding-top: 30px;
	padding-bottom: 30px;
	z-index: 2;
}

.img-article {
	padding-top: 30px;
	background-size: cover;
	background-position: center center;
	z-index: 1; 

}

section#brun article:nth-child(2n+0) .txt-article { 
	float:right !important;
}
section#brun article:nth-child(2n+0) .img-article { 
	float:left !important;
}

section#brun article:nth-child(2n+1) .txt-article { 
	float:left !important;
}
section#brun article:nth-child(2n+1) .img-article { 
	float:right !important;
}

p a.more {
	display: block;
	padding: 5px;
	border: 1px solid #98B685;
	width: 100%;
	background-color: #FFF;
	text-align: center;
	color: #2D7B25;
}

p a.more:hover {
	border: 1px solid #98B685;
	background-color: #2D7B25;
	color: #FFF;
}


section#contact {
	margin-bottom: 14px;
}


/*---Formulaire de Contact---*/
	
#mapp0-layout {
	margin:0 0 5px 0;
}
	
input, textarea {
	margin: 5px 0;
	padding: 5px 10px;
	border: 0;
	width: 100%;
	height: 30px;
	font-size: 14px;
	background-color: rgba(63, 170, 53, 0.2);
}	
	
textarea {
	height: 100px;	
}

input[type="submit"] {
	padding: 5px 0;
	border: 1px solid #98B685;
	background-color: #FFF;
	color: #2d7b25;
	font-size: 14px;
}

input[type="submit"]:hover {
	background-color: #2D7B25;
	color: #ffffff;
}

::placeholder {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #000;
}

div.wpcf7-response-output {
	border: none;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: none;
}


/*---Footer---*/

footer {
	padding: 30px 0 15px;
	background-color: #4D9645;
	color: #FFF;
}

footer h2 {
	color: #FFF;
}

footer a {
	color: #FFF;
}

#copyright, #copyright a {
	color: rgba(255, 255, 255, 0.6);
}

#copyright a:hover {
	color: #000;
}


.glyphicon {
	top: -2px;
}

.scroll-top-wrapper {
	background-color: #4D9645;
	border: 1px solid #ffffff;
	z-index: 999999;
}