/*
Theme Name: HV Patrimoine
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: Please read: tidythemes.com/concept. BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Version: 2019.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


/**FONT**/

main#content {
	margin-bottom:50px;
}

body.page-template-page-contact main#content .entry-content, body.page-template-page-contact main#content{
	margin:0;
	margin-bottom:0;
}

body {
	font-family: "open sans", arial, sans-serif;
	color:#01344a;
	font-size:14px;
}

h1,h2,h3,h4,h5,h6,
.elementor h1,
.elementor h2,
.elementor h3,
.elementor h4,
.elementor h5,
.elementor h6 {
	font-family: "Merriweather", times new roman, serif;
}

h1,
.elementor h1 {
	font-size:55px;
	font-weight:100;
	text-transform:uppercase;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height:70px;
    color: #01344a;
}

h2,
.elementor h2 {
	font-size:45px;
	line-height: 55px;
	font-weight:100;
	text-transform:uppercase;
	margin-bottom: 10px;
	padding-bottom: 10px;
    color: #01344a;
}

h2.white {
	border-bottom:5px solid #ffffff;
	color:#ffffff;
}

.white {
	color:#ffffff !important;
}


h3,
.elementor h3 {
	font-size:20px;
	font-weight:600;
	text-transform:uppercase;
	line-height:26px;
	margin-bottom: 6px;
	margin-top: 20px !important;
    color: #01344a;
}

h4,
.elementor h4 {
	font-size:22px;
	font-weight:100;
	text-transform:uppercase;
	line-height:34px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	margin-top: 20px !important;
    color: #01344a;
	text-align:left;
}
h5 {
	font-family: Roboto, sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin: 5px 0;
    color: #01344a;
}


p,
.elementor p,
span,
.elementor span {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #01344a;
}

li {
	line-height: 20px;
	margin-bottom: 5px;
}

.service-content h3, .service-content p  {
	color:#ffffff;
}

a {
	text-decoration:none;
	transition-duration: 0.2s;
	color:#51ae32;
	font-weight:600;
}

a button, button.glsr-button {
	font-family: "Merriweather", times new roman, serif;
	font-weight:600;
	background:#ffffff;
	color:#01344a;
	padding:15px 20px;
	margin-top:15px;
	text-transform:uppercase;
	border:none;
	transition-duration: 0.2s;
	color:#01344a;
}

a button:hover, a button:active, a button:focus, button.glsr-button:hover, button.glsr-button:active, button.glsr-button:focus {
	background:#51ae32;
}

/**PRE-HEADER**/

.pre-header p, .pre-header-phone, .pre-header-mail {
	display:inline-block;
	font-weight:700;
	height: 25px;
}

.pre-header p.ref-name {
	font-weight:400;
	color:#ffffff;
}

span.bold-sep {
	font-weight:900;
	color:#ffffff;
}

.pre-header {
	background-color:#01344a;
	z-index:5;
	position:relative;
	display:block;
	width:auto;
}

.pre-header a p {
	font-size:12px;
	margin: 0px 5px 0px 10px;
}

.pre-header a {
	color:#ffffff;
}

.pre-header a:hover {
	color:#51ae32;
}

a.pre-header-phone {
	background:url("../hv-patrimoine/img/telephone.png") left center no-repeat;
	background-size: contain;
	padding: 3px 0 2px 25px;
	margin:5px
}

a.pre-header-phone:hover {
	background:url("../hv-patrimoine/img/telephone-hover.png") left center no-repeat;
	background-size: contain;
}

a.pre-header-mail {
	background:url("../hv-patrimoine/img/e-mail.png") left center no-repeat;
	background-size: contain;
    padding: 1px 0 0px 25px;
    margin-left: 10px;
}

a.pre-header-mail:hover {
	background:url("../hv-patrimoine/img/e-mail-hover.png") left center no-repeat;
	background-size: contain;
}

.img-pre-header {
	width:23px;
	height:35px;
	background:url("../hv-patrimoine/img/bord-arrondis-gauche.png") left center no-repeat;
	margin-left:-23px;
	float:left;
}

.pre-header .col-12 {
	text-align:center;
}

span.elementor-divider-separator {
	border-top: 3px solid #01344a;
    width: 85%;
    margin: 0 auto;
}

/**HEADER**/

#ads-max {
	background-color: #01344a;
    text-align: center;
	padding: 130px 15px 15px 15px;
}


#ads-max img {
	width:100%;
}

nav#menu {
	display: inline-block;
    width: auto;
    height: 100%;
    margin-top: 20px;
    float: right;
}

img#branding {
	position:relative;
	width:150px;
	height:auto;
	margin-top: 10px;
}

header nav#menu ul li {
	width:auto;
	display:inline-block;
	text-align:center;
}

header nav#menu ul li a{
    border-bottom: 5px solid #01344a;
    padding: 25px 5px;
    margin-right: 10px;
    position: relative;
    font-family: "Merriweather", times new roman, serif;
    font-weight: 100;
    font-size: 13px;
    text-transform: uppercase;
    color: #01344a;
}

header nav#menu ul li a:hover, header nav#menu ul li.current_page_item a {
	border-bottom:5px solid #51ae32;
	font-weight:600;
}


header#header {
	background: linear-gradient(white 85%, transparent);
	position:fixed;
	width: 100%;
	z-index:3;
	padding-bottom: 25px;
	transition-duration: 0.2s;
}

ul.sub-menu {
	display:inline;
	transition-duration: 0.2s;
	position:absolute;
	left:0;
	top:-500px;
	width:100%;
	text-align: right;
}

li#menu-item-121 a:hover span {
	transform: rotate(0deg);
	color:#51ae32;
}

li#menu-item-121 a span {
	font-size: 12px;
	position: relative;
	top: -2px;
	transform: rotate(-180deg);
	width: auto;
	height: auto;
	display: inline-block;
	transition-duration: 0.2s;
}


header nav#menu ul.sub-menu li a {
    border-bottom: 3px solid #01344a;
    padding: 10px 7.5px;
    top: 0px;
    margin-right: 5px;
    font-weight: 100;
    font-size: 12px;
    color: #01344a;
	display:block;
	position:relative;
	z-index:3;
	background-color: white;
}

header nav#menu ul.sub-menu li a:hover {
	border-bottom:3px solid #51ae32;
	font-weight:600;
}

ul.sub-menu:hover {
	display:inherit;
}

/**RESPONSIVE HEADER**/
.responsive-menu-btn {
	display:none;
	text-align: center;
	width: 100%;
}
button#dropdownMenuButton {
	border-bottom: 5px solid #01344a;
    padding: 10px 15px;
    top: 12px;
    position: relative;
    font-family: "Merriweather", times new roman, serif;
    font-weight: 100;
    font-size: 16px;
    text-transform: uppercase;
    color: #01344a;
	transition-duration: 0.2s;
	border-radius: 0rem;
	background-color:transparent;
	border-top:0;
	border-right:0;
	border-left:0;
}

button#dropdownMenuButton:hover {
    border-bottom: 5px solid #51ae32;
    font-weight: 600;
}

button#dropdownMenuButton:focus {
	border-bottom: 5px solid #01344a;
	border-top:0;
	border-right:0;
	border-left:0;
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus {
    box-shadow:none;
}

.dropdown-toggle::after {
	content:none;
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus {
    box-shadow: 0;
}

header nav#menu ul li a:hover, header nav#menu ul li.current_page_item a {
    border-bottom: 5px solid #51ae32;
    font-weight: 600;
}
header nav#menu ul li a {

}


/**CAROUSEL**/

section#carousel {
	height: 550px;
}

section#carousel .container-fluid {
	padding:0;
}

section#carousel .carousel-item{
	height:650px;
	webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

section#carousel .carousel-caption {
	background-color: rgba(2, 53, 75, 0.8);
	padding: 15px 20px;
	text-align:left;
	top: 40%;
	transform: translateY(-50%);
	bottom: initial;
}

.carousel-control-next, .carousel-control-prev {
	top:0;
}

section#carousel img {
  width: 100%;
  height: auto;
}

.carousel-control-next, .carousel-control-prev {
    opacity: 1;
}

button.carousel-control-next {
    background: url("../hv-patrimoine/img/caroussel-droite.png") center center no-repeat;
	transition-duration: 0.2s;
}

button.carousel-control-next:hover {
    background-image: url("../hv-patrimoine/img/caroussel-droite-hover.png");
}

button.carousel-control-prev {
    background: url("../hv-patrimoine/img/caroussel-gauche.png") center center no-repeat;
	transition-duration: 0.2s;
}

button.carousel-control-prev:hover {
    background-image: url("../hv-patrimoine/img/caroussel-gauche-hover.png");
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-image: none;
}



/**HEADER PAGE**/
body.page-template-default header.header-page img.attachment-post-thumbnail {
	width:100%;
	height:auto;
}

body.page-template-default header.header-page {
	height: 650px;
    background-size: cover !important;
    background-position: center center !important;
}

body.page-template-default header.header-page .vignette-titre {
    background-color: rgba(2, 53, 75, 0.8);
    padding: 35px 20px 15px 20px;
}

body.page-template-default header.header-page .vignette-titre h1.entry-title, body.page-template-default header.header-page .vignette-titre h3, body.page-template-default header.header-page .vignette-titre p {
    color:#ffffff;
}

body.page-template-default header.header-page .vignette-titre h1.entry-title {
	border-bottom:5px solid #ffffff;
}

body.page-template-default .container-big-background {
	margin-top: -200px;
    background: white;
    border-radius: 50px 0 50px 0;
    padding: 25px;
}

body.page-template-default .content-big-background {
	margin:0;
}

/*CONTENU*/
.entry-content {
	margin:50px 0;
}

.entry-content p{
	margin-bottom:5px;
}

 body.page-template-default .entry-content .align-self-center {
	 text-align:center;
 }
 
 body.page-template-default .entry-content #separateur {
    text-align: center;
    font-family: "open sans", arial, sans-serif;
    font-size: 12px;
    width: 75%;
    margin: 25px auto 0 auto;
    border-top: 3px solid #01344a;
    padding: 20px;
    position: relative;
}


/**SERVICES**/

.vignette-4-content {
	background-color: #ffffff;
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 30px 10px;
    border-radius: 50px 0;
    margin-bottom: 15px;
}

.vignette-4-content img{
	position:relative;
}

.vignette-4-content h4 {
	font-size:26px;
	line-height:30px;
	position:relative;
	margin-bottom: 0;
    padding-bottom: 0;
}

.btn_cabinet a,.btn_solution a,.btn_offre a,.btn_interlocuteur a{
	color:#01344a;
}

.btn_cabinet a:hover,.btn_solution a:hover,.btn_offre a:hover,.btn_interlocuteur a:hover{
	color:#51ae32;
}

.vignette-4-content p {
	top:-10px;
	position:relative;
}

.vignette-4 img.picto_vignette {
	width:150px;
	height:150px;
}

.picto-big-service {
	position:relative;
	z-index:2;
}

.big-vignette-bottom {
    background: url("../hv-patrimoine/img/bord-arrondis-full-bas.jpg") bottom center no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    padding-bottom: 50px;
    margin-bottom: 50px;
	padding-top: 1500px;
	margin-top: -1500px;
}

img.visuel_services {
	width:100%;
	height:auto;
	position:relative;
}

#solution, #offre, #interlocuteur {
	opacity:0;
	height:0;
	z-index:-1;
}

#cabinet, #solution, #offre, #interlocuteur {
	position:relative;
	transition-duration: 0.2s;
}

#cabinet {
	z-index:1;
}



/**PRODUITS**/

section#produits {
	position:relative;
}

.produits_gal {
	background-color:rgba(2,53,75,0.7);
	height:300px;
	display:block;
	position: relative;
	transition-duration: 0.2s;
	padding:20px;
	margin-top:25px;
}

.fake-img {
	height:300px;
	display:block;
	background-size:cover;
}

.produits_gal:hover {
	background-color:rgba(82,174,50,0.7);
}

.produits_gal h3 {
	position:relative;
	z-index:1;
	border-bottom:5px solid #ffffff;
	color:#ffffff;
}

img.picto_produits {
	width:150px;
	height:150px;
	position:absolute;
	bottom:0;
	right:0;
}

/**PAGE CONTACT**/

section#contact {
	margin-top: 30px;
}

.page-template-page-contact .entry-content {
	padding-top:25px;
}

.page-template-page-contact .entry-content H3, .page-template-page-contact .entry-content p  {
	color:#FFF;
}

body.page-template-page-contact header.header-page img.attachment-post-thumbnail {
	width:100%;
	height:auto;
}

body.page-template-page-contact header.header-page {
	height:300px;
	background-size:cover !important;
}

body.page-template-page-contact header.header-page .vignette-titre {
    background-color: rgba(2, 53, 75, 1);
    padding: 35px 20px 15px 20px;
}

body.page-template-page-contact header.header-page .vignette-titre h1.entry-title,
body.page-template-page-contact header.header-page .vignette-titre h3,
body.page-template-page-contact header.header-page .vignette-titre p {
    color:#ffffff;
}

body.page-template-page-contact header.header-page .vignette-titre h1.entry-title {
	border-bottom:5px solid #ffffff;
}

 body.page-template-page-contact .entry-content .align-self-center {
	 text-align:center;
 }
 
 body.page-template-page-contact .entry-content #separateur {
    text-align: center;
    font-family: "open sans", arial, sans-serif;
    font-size: 12px;
    width: 75%;
    margin: 25px auto 0 auto;
    border-top: 3px solid #01344a;
    padding: 20px;
    position: relative;
}

body.page-template-page-contact .big-vignette-top  .contact-image, body.page-template-page-contact .big-vignette-top  .contact-image a {
	color:#ffffff;
}

body.page-template-page-contact .big-vignette-top  .contact-image a:hover {
	color:#51ae32;
}

body.page-template-page-contact .big-vignette-top {
	padding-top: 75px;
}

body.page-template-page-contact .big-vignette-top  .contact-image .mapouter {
	margin-bottom:25px;
}

body.page-template-page-contact .big-vignette-top form.wpcf7-form input {
    border: 1px solid #01344a;
}

/**PAGE BLOG**/
body.blog .entry-summary img{
	width:100%;
	height:auto;
}

.picto-sub-bann img{
	width:100%;
	height:auto;
	max-width:150px;
}



/**CONTACT FOOTER**/


.big-vignette-top {
    background: url("../hv-patrimoine/img/bord-arrondis-full-haut.jpg") top center no-repeat;
    background-size: contain;
    height: auto;
    padding-bottom: 50px;
}

.contact-image img {
	width:100%;
}

.contact-content h3.white_contact {
	font-size: 16px;
	margin-top:130px !important;
	color:#ffffff;
	text-align:right;
}

.contact-content h2.white {
	font-size:40px;
	text-align:right;
}

.contact-content p {
	color:#ffffff;
	text-align:left;
}

form.wpcf7-form input{
    width: 100%;
    margin-top: 20px;
    height: 30px;
    font-family: "open sans", arial, sans-serif;
    text-transform: uppercase;
    color: #01344a;
    padding: 10px;
    border: 0;
}

form.wpcf7-form textarea{
    min-width: 100%;
    margin-top: 20px;
    height: 120px;
    font-family: "open sans", arial, sans-serif;
    text-transform: uppercase;
    color: #01344a;
    padding: 10px;
    border: 0;
	width:100%;
}

form.wpcf7-form label {
    display: block;
}

form.wpcf7-form input.wpcf7-submit {
	width:auto;
	height:auto;
	font-family: "Merriweather", times new roman, serif;
	font-weight: 600;
	background: #ffffff;
	color: #01344a;
	padding: 15px 20px;
	margin-top: 15px;
	text-transform: uppercase;
	border: none;
	transition-duration: 0.2s;
	color: #01344a;
	border:0;
}

form.wpcf7-form input.wpcf7-submit:hover {
	background: #51ae32;
}

form.wpcf7-form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 15px 20px;
	border: 2px solid #00a0d2;
	border-radius: 10px;
	font-weight: 600;
	line-height: 20px;
	text-transform:uppercase;
	width:75%;
	margin: -40px auto 0;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232;
    color: #dc3232;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    display: block;
    padding-top: 10px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 10px;
    border-top: 3px solid red;
}

div.wpcf7 span.ajax-loader {
	display:block;
	margin:20px auto;
}

/**PAGE ACTUALITES**/
body.blog .blog-vignette {
background-color: rgba(2, 53, 75, 0.8);	padding: 20px;
    position: relative;
    left: -50px;
	transition-duration: 0.2s;
	cursor:pointer;
}

body.blog .blog-vignette:hover {
	background-color: #51ae32;
}

body.blog article.type-post {
	margin-bottom:50px;
}

body.blog #container {
	padding-top:75px;
}

body.blog  .blog-vignette {
	color:#ffffff;
}

body.blog  .blog-vignette h2 a{
	color:#ffffff;
	font-size: 35px;
	line-height: 30px;
	margin-top:10px;
}

body.blog  .blog-vignette h2{
	border-bottom:5px solid #ffffff;
}


/**FOOTER**/

footer#footer {
	padding:0 50px;
	background-color:#01344a;
	color:#ffffff;
	font-family: "Merriweather", times new roman, serif;
}

footer#footer a{
	color:#ffffff;	
	text-transform:uppercase;
}

footer#footer a:hover{
	color:#51ae32;	
}

footer#footer .sub_mention_leg {
	font-size:13px;
	color:#ffffff;
	line-height: 20px;
	font-family: "open sans", arial, sans-serif;
	margin-bottom:15px;
}

footer#footer .sub_mention_leg_li {
	font-size:13px;
	color:#ffffff;
	line-height: 18px;
	font-family: "open sans", arial, sans-serif;
	text-transform:uppercase;
	margin-bottom:2px;
}

footer#footer .sub_mention_leg_li a {
	font-weight:400;
	margin-left: 30px;
}

footer#footer h5 {
	font-weight: 600;
	border-bottom: 2px solid #fff;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

footer#footer .top_margin {
	margin-top:22px;
}

#copyright, #separateur {
	text-align: center;
	font-family: "open sans", arial, sans-serif;
	font-size: 12px;
	width: 75%;
	margin: 0 auto;
	border-top: 3px solid #fff;
	padding: 20px;
	position: relative;
}


footer#footer .row {
	margin-bottom:30px;
}


/**RULES**/

.no-padding-right {
	padding:0;
}

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

.text-align-right {
	text-align:right;
}

.back-blue {
	background-color:#01344a;
}

.padding-more {
	padding:25px;
}

.hide-some {
	display:none;
}

.nav-links {
	text-align:center;
	margin-bottom:50px;
}

.nav-previous {
	text-align: left;
	display: inline-block;
}

.nav-next {
	text-align: right;
	display: inline-block;
}

.nav-links a {
    font-family: "Merriweather", times new roman, serif;
    font-weight: 600;
    background: #01344a;
    color: #ffffff;
    padding: 15px 20px;
    margin: 15px;
    text-transform: uppercase;
    border: none;
    transition-duration: 0.2s;
}

span.cat-links a, span.tag-links a {
    font-family: "Merriweather", times new roman, serif;
    font-weight: 600;
    background: #01344a;
    color: #ffffff;
    padding: 5px 8px;
    margin: 5px;
    text-transform: uppercase;
    border: none;
    transition-duration: 0.2s;
	display: inline-block;
}

.nav-links a:hover, span.cat-links a:hover , span.tag-links a:hover {
    background: #51ae32;
}
span.cat-links, span.tag-links {
	display:inline-block;
	width:auto;
	padding:10px 0;
}

body.single-post img {
	width:100%;
	height:auto;
}

body.single-post .blog-vignette {
background-color: rgba(2, 53, 75, 1);	padding: 20px;
    position: relative;
    left: -50px;
	transition-duration: 0.2s;
	cursor:pointer;
}


body.single-post  article.type-post {
	margin-bottom:50px;
}

body.single-post  #container {
	padding-top:75px;
}

body.single-post   .blog-vignette {
	color:#ffffff;
}

body.single-post   .blog-vignette h2 a{
	color:#ffffff;
	font-size: 35px;
	line-height: 30px;
	margin-top:10px;
}

body.single-post   .blog-vignette h2{
	border-bottom:5px solid #ffffff;
}

body.single-post .blog-content{
	margin-top:50px;
}

.nav-links br.keys {
	display:none;
}


/**PAGE LEGALES**/
body.page-template-page-legales header.header-page .vignette-titre {
    background-color: rgba(2, 53, 75, 1);
    padding:  35px 20px 15px 20px;
}

body.page-template-page-legales header.header-page {
    padding-top: 100px;
	height:auto;
}

body.page-template-page-legales header.header-page .vignette-titre h1{
    color:#ffffff;
    border-bottom: 5px solid #ffffff;
}

body.page-template-page-legales .entry-content h2{
    border-top: 5px solid #01344a;
	padding-top:10px;
	margin-top:50px;
	font-size:35px;
}

body.page-template-page-legales li{
    margin-bottom:5px;
}

body.page-id-246 .entry-content h3{
    border-bottom: 5px solid #01344a;
	padding-bottom:10px;
	margin-top:50px;
	font-size:35px;
	margin-bottom:5px;
}

body.page-id-246 .entry-content ul.children{
	margin:5px 0 10px 50px;
}

body.page-template-page-legales article a{
    color: #01344a;
	font-weight:600;
}

body.page-template-page-legales article a:hover{
    color: #51ae32;
	font-weight:600;
}

/**RESPONSIVE**/

/**xl**/
@media screen and (max-width: 1200px) {
	.middle-recover {
		height: 400px;
		top: 400px;
		margin-top: -400px;
	}
	.vignette-4-content h4 {
		font-size:20px;
	}
	.contact-content h3.white_contact {
		margin-top:90px !important;
	}
}

/**lg**/
@media screen and (max-width: 992px) {
	.pre-header p {
		font-size:11px;
	}
	.perso-hide-lg {
		display:none !important;
	}
	.menu-menu-1-container ul.sub-menu {
		display:none;
	}
	.responsive-menu-btn {
		display: block;
	}
	
	body.page-template-default header.header-page .vignette-titre,
	body.page-template-page-contact header.header-page .vignette-titre,body.page-template-page-legales header.header-page .vignette-titre {
		padding: 65px 20px 15px 20px;
	}
	img#branding {
		width:120px;
		margin-top:10px;
		top:0;
	}
	header nav#menu ul li a {
		padding: 25px 0;
		font-size: 11px;
	}
	header nav#menu {
		text-align:right;
	}
	section#carousel {
		height: 450px;
	}
	section#carousel .carousel-caption {
		background-color: rgba(2, 53, 75, 0.8);
		padding: 15px 20px;
		text-align: left;
		top: 40px;
		transform: none;
	}
	section#carousel .carousel-item {
		height: auto;
	}
	body.blog .blog-vignette {
		left: auto;
		top: -50px;
		width: 80%;
		margin: 0 auto;
	}
	body.blog article.type-post {
		margin-bottom: 0;
	}
	body.blog main#content {
		margin-bottom: 0;
	}

	.col-1-footer,	.col-2-footer,	.col-3-footer,	.col-4-footer {
		margin-bottom:25px;
	}


}

/**md**/
@media screen and (max-width: 768px) {
	ul#menu-menu-principal ul.sub-menu {
		display: none;
	}
	#ads-max {
    padding: 200px 15px 15px 15px;
	}
	.pre-header p.ref-name {
        height: auto;
        line-height: 11px !important;
        font-size: 12px !important;
        padding-bottom: 3px;
	}
	nav#menu {
		display: block;
		width: 100%;
		height: 100%;
		margin-top: 0px;
	}
	img#branding {
		width:140px;
	}
	.perso-hide-md {
		display:none;
	}
	.perso-display-md {
		display:inline-block;
	}
	a.pre-header-phone {
    margin: 0;
	}
	.wpcf7-response-output {
		margin-bottom:50px;
	}

	.d-none {
		display: block !important;
	}
	.produits_gal {
		height:200px;
	}

	.fake-img {
		height:200px;
	}
	img.picto_produits {
		width: 100px;
		height: 100px;
	}
	.contact-content h3.white {
		margin-top: 100px;
	}
	body.page-template-page-accueil .entry-content {
		padding-top: 0;
	}

	body.blog .entry-summary img, .picto-sub-bann img{
		margin-bottom:25px;
	}

	body.page-template-page-contact .big-vignette-top {
		margin-top: 25px;
	}
	header#header {
		background: linear-gradient(white 90%, transparent);
		padding-bottom: 30px;
	}
	header nav#menu {
		text-align: center;
	}
	header nav#menu ul li a {
        padding: 5px 0px;
        margin-right: 5px;
        display: inline-block;
		font-size: 10px;
	}
	section#carousel .carousel-caption {
		top: 90px;
	}
	body.single-post .blog-vignette {
		background-color: rgba(2, 53, 75, 1);
		padding: 20px;
		position: relative;
		left: auto;
		transition-duration: 0.2s;
		cursor: pointer;
	}

	.vignette-4-content h4 {
		font-size: 22px;
		line-height: 28px;
		margin-top: 0 !important;
	}
	.vignette-4-content {
   		padding: 5px 30px 15px 30px;
		margin-bottom: 30px;
	}
	.contact-content h3.white_contact {
    	margin-top: 60px !important;
    	text-align: right;
	}
	.contact-content h2 {
    	text-align: right;
		line-height: 40px;
	}
}


/**sm**/
@media screen and (max-width: 576px) {	
	#ads-max {
    padding: 250px 15px 15px 15px;
	}
	.perso-hide-sm {
		display:none;
	}
	img#branding {
		width:120px;
	}
	header#header {
		background: linear-gradient(white 80%, transparent);
		padding-bottom: 40px;
	}
	section#carousel .carousel-item h2 {
		font-size:30px;
	}
	section#carousel .carousel-item img {
		width:125%;
	}

	section#carousel {
		height: 400px;
	}
	.produits_gal {
		height:100px;
		margin-top:10px;
	}

	.fake-img {
		height:100px;
	}
	img.picto_produits {
		width: 100px;
		height: 100px;
	}
	header nav#menu ul li a {
		border-bottom: 5px solid #01344a;
		padding: 10px 2.5px;
		top: 15px;
		margin-right: 2.5px;
		position: relative;
		font-family: "Merriweather", times new roman, serif;
		font-weight: 100;
		font-size: 10px;
		text-transform: uppercase;
		color: #01344a;
	}
	section#carousel .carousel-caption {
		top: 20x;
	}
	body.page-template-page-contact header.header-page {
		padding-top: 140px;
	}
	body.page-template-default header.header-page .vignette-titre {
		padding: 65px 20px 15px 20px;
	}
	img#branding {
		padding: 5px;
	}
	ul.sub-menu {
		text-align: center;
	}
	p {
		font-size: 16px;
    	line-height: 24px;
	}
	.vignette-4-content img {
		width:100px;
	}
	.vignette-4-content h4 {
		font-size: 18px;
		line-height: 24px;
		margin-top: 0 !important;
	}

}

/**xs**/
@media screen and (max-width: 450px) {	
	.pre-header p {
		font-size: 10px;
	}
	header nav#menu ul li#menu-item-120 {
		display:none;
	}

	h1 {
		font-size:40px;
		line-height:45px;
	}
	.contact-content h2.white {
		font-size: 35px;
	}		
	h4 {
		font-size:18px;
		line-height:20px;
	}
	header nav#menu ul li a {
		border-bottom: 5px solid #01344a;
		padding: 10px 2.5px;
		top: 5px;
		margin-right: 2.5px;
		position: relative;
		font-family: "Merriweather", times new roman, serif;
		font-weight: 100;
		font-size: 11px;
		text-transform: uppercase;
		color: #01344a;
	}
	section#carousel .carousel-item h2, body.blog .blog-vignette h2 a {
		font-size: 25px;
	}
	section#carousel .carousel-caption {
		top: 50px;
	}
	.vignette-4-top {
		margin-top:15px;
	}
	.padding-more {
		padding: 45px;
	}
	.carousel-control-next, .carousel-control-prev {
		width: 8%;
	}

	.vignette-4-content h4 {
		font-size: 16px;
		line-height: 22px;
		margin-top: 0 !important;
	}
	.vignette-4-content {
        padding: 0 10px 10px 10px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 350px) { 
	section#carousel .carousel-item h2, body.blog .blog-vignette h2 a, h2 {
		font-size: 20px;
		line-height:25px;
	}
	a button {
    padding: 7.5px 10px;
    margin-top: 0;
	}
		header nav#menu ul li a {
		border-bottom: 5px solid #01344a;
		padding: 10px 0;
		top: 5px;
		margin-right: 0;
		position: relative;
		font-family: "Merriweather", times new roman, serif;
		font-weight: 100;
		font-size: 11px;
		text-transform: uppercase;
		color: #01344a;
	}
}


[hidden] {
    display: inline !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    background-color: #fff !important;
    width: 100% !important;
    margin-top: 20px !important;
    text-align: center !important;
}

strong {
	font-weight: bold;	
}

article#post-2 .entry-content img.attachment-post-thumbnail {
	width: 40%;
	float: right;
    height: auto;
	padding: 20px;
}

/**page HV media**/
article#post-683 {
	text-align:center;
}


article#post-683 a button {
	background:#51ae32;
	color:#FFF;
}

article#post-683 a button:hover, article#post-683 a button:focus, article#post-683 a button:active  {
	background:#03344A;
	color:#FFF;
}

/**page partenaire**/
article#post-717 .entry-content p  {
	text-align:center;
}

article#post-717 a button, button.glsr-button {
	background:#51ae32;
	color:#FFF;
    border-radius: 0;
}

article#post-717 a button:hover, article#post-717 a button:focus, article#post-717 a button:active, button.glsr-button:hover, button.glsr-button:active, button.glsr-button:focus  {
	background:#03344A;
	color:#FFF;
    border-radius: 0;
}

/**bloc avis**/
.temoignage-slideshow span.glsr-rating {
	font-size:40px;
}

.temoignage-slideshow p{
	margin:10px 0;
    font-size: 18px;
    line-height: 50px;
    font-style: italic;
}

.temoignage-slideshow p em{
	padding-top:10px;
    font-size: 24px;
    line-height: 30px;
    font-style: italic;
}

/**Admin color bug**/
#wpadminbar span {
	color:#fff !important;
}