/* CSS Document */

html, body{
	overflow-x: hidden;
	font-family: century-gothic, sans-serif;
	background-color:#000;
}
	
h1{
	color: #9A8E71;
	font-weight: bold;
	font-family: "Baskerville", "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}

h1 span, h2, h3{
	font-weight: normal;
	font-family: century-gothic, sans-serif;
}

h2{
	font-weight: 500;
	color: #7D7051;
	margin:auto;
}
h3{
	text-align: center;
}
p{
	max-width:1024px;}
a, a:hover{
	color:#fff;
}
#menu ul{
		text-align: center;
	}
#menu a{
    padding: 5px 10px;
	background: rgba(0, 0, 0, 0.75);
	color:#fff;
	font-weight: 500;
}
#menu a:hover{
	background: #7D7051;
	color:#fff;
	text-decoration-line: none;
}
.half-black {
  background: rgba(0, 0, 0, 0.75);
	color:#fff;
}
#menu{
	color:#fff;
}
#menu img{
	width:30px !important;
	padding-bottom:3px;
}
#menu li a{
	line-height: 20px;
	text-transform: uppercase;
	border-bottom: 3px solid #7D7051;
}
#menu li a span{
	/*vertical-align: middle;*/
}
#menu-intro{
	position: absolute;
    bottom: 0;
	width:100%;
}
#home_container{
	background: no-repeat url("img/home_bg.jpg");
	background-size: cover;
	background-position: center;
	/*color:#fff;*/
}
#logo{
	width:12vw;
}
#presentation-section{
	background: bottom no-repeat url("img/presentation_bg.png");
	background-size: cover;
	/*padding-bottom: 25vh !important;*/
}
#prestations-section, #contact-title{
	background-color: #7D7051;
}
#prestations-section h2, #contact-title h2{
	color:#fff !important;
}
#civil-section{
	background: center no-repeat url("img/civil_bg.jpg");
	background-size: cover;
	/*padding-bottom: 25vh !important;*/
}
#pro-section{
	background: center no-repeat url("img/companies_bg.jpg");
	background-size: cover;
	/*padding-bottom: 25vh !important;*/
}
#legal-section{
	background: center no-repeat url("img/legal_bg.jpg");
	background-size: cover;
	/*padding-bottom: 25vh !important;*/
}
#contact-section{
	background-color:#fff;
}
#contact-form {
	width: 30em;
	max-width:80%;
    display: table;
}
.txtp6l{
	padding-left: 6em !important;
}
.txtp6r{
	padding-right: 6em !important;
}
.contact-form-rows {
    display: table-row;
	width: 100%;
}

label, input {
    /*display: table-cell;*/
    /*margin-bottom: 10px;*/
	/*width: 25em;*/
}
label {
	vertical-align: top;
	width:30%;
}
input {
    width:70%;
}
input, textarea{
	border: none;
    border-bottom: 1px solid grey;
	outline: none;
	background-color: transparent;
	-webkit-appearance: none !important;
	border-radius: 0;
}
textarea{
	width:70%;
}
input, textarea, select, button {
  -webkit-box-sizing: border-box; /* Pour les anciennes versions des navigateurs WebKit */
     -moz-box-sizing: border-box; /* Pour tous les navigateurs Gecko */
          box-sizing: border-box;
}
[type=submit]{
	color:#fff;
	background-color: #7D7051;
	margin:auto;
}
.g-recaptcha{
    float: right;
    margin: 10px 0;
	width: auto !important;
}
#formMessages{
	/*margin: 0 auto;*/
	text-align: center;
	display: none;
	/*max-width: 400px;*/
	width: 70%;
    float: right;
}
.error{
	border-radius: 20px;
    background-color: #FFEAEB;
    padding: 10px;
	color:red;
	display:inherit !important;
}
.success{
	border-radius: 20px;
    background-color: #E5FFE8;
    padding: 10px;
	color:green;
	display:inherit !important;
}
#footer-section{
	font-size: 0.9rem;
	background-color: #212121;
	color:#fff;
}

/* lg */
@media (max-width: 1199.98px) { 

}

/* md iPad portrait */
@media (max-width: 991.98px) { 
	ul{
		padding-left: 20px;
	}
	#menu li {
		margin-bottom: 20px;
	}
	#logo{
		width: 20vw;
	}
}

/* sm */
@media (max-width: 767.98px) { 

}

/* xs mobile */
@media (max-width: 575.98px) { 
	
	body{font-size:80%;}
	
	
	h1{font-size:140%;}
	h2{font-size:130%;}
	h3{font-size:120%;}
	em{font-size:70%;}
	/*
	p, li, span, label{font-size:80%;}
	input, text, textarea{font-size: 80%;}
	*/
	
	textarea {
		width: 100%;
	}
	input {
		margin-bottom: 0.5em;
	}
	.full-width-xs{
		width:100% !important;
	}
	#home_container{
	/*height: 100vh !important;*/
	}
	#menu-intro {
	/*bottom: 3em;*/
	}
	.txtp6l{
	padding-left: 1em !important;
	}
	.txtp6r{
		padding-right: 1em !important;
	}
	#logo{
		width: 17vw;
	}
	#menu img {
		width: 20px !important;
		padding-bottom: 3px;
	}
	#menu a {
		padding: 2px 4px;
	}
	#menu li {
		margin-bottom: 5px;
	}
	#footer-section{
		font-size:80%;
	}
}