.archive .blog_large_image.masonry_load_more {
    margin-top: 50px;
}

.archive .subtitle_inner,
.archive.date .subtitle_inner  {
background-image: url('https://www.maisondelaforet-sudouest.com/wp-content/themes/nouveau/img/actualite/fd_actualite.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-position: 0 0;
    
    
}
.archive .title_subtitle_holder h1  ,.archive .title_subtitle_holder a  , .category .title_subtitle_holder .breadcrumbs_inner,
.archive.date .title_subtitle_holder h1  ,.archive.date .title_subtitle_holder a  , .archive.date .title_subtitle_holder .breadcrumbs_inner {
color: #FFF;
}

#wp-admin-bar-wp-logo,
#wp-admin-bar-new-content  {
display:none
}
.vertical_menu_area_widget_holder {
	background-image: url("https://img.maisondelaforet-sudouest.com/wp-content/themes/nouveau/img/picto_mdf.png");
	background-repeat: no-repeat;
	background-position: left top;
	height:96px;
}
nav.vertical_menu>ul>li>a.current,
nav.vertical_menu>ul>li>a:hover {
color: #5d8065;
}
.projects_holder article a.preview, .portfolio_slides a.preview {
background: none;
width: 95px!important;
height: 90px!important;
line-height: 85px;
color: #ffffff;
background-color: #5d8065!important;
}
.projects_holder article a.preview:hover, .portfolio_slides a.preview:hover {
background-color: #000000!important;
}

.portfolio_detail .info
{
text-align: justify
}
.portfolio_detail .info h3,
.portfolio_detail .info em strong
 {
   color:#5d8065;
font-style: normal;
}

.portfolio_detail .info h3
 {

font-size: 22px;
line-height: 2.6em;
}

.vc_span12 h3 , .vc_span12 p  {

font-family: 'Georgia';
font-style: italic;
font-weight: 400;
}


.representer h3,  .representer p {
color:#FFFFFF;

}


sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;
 
  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;
 
  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;
 
  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}
 
sup {
  /* Move the superscripted text up */
  top: -0.5em;
}
 
sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}


.vc_span8 p {
font-family: 'Georgia';
font-style: italic;
font-weight: 400; 
font-size: 14px;
}

.vc_non_responsive .wpb_row .vc_span6  {
font-size: 12px;
text-align:justify
}
.vc_span12 p  {
font-size: 14px;
line-height: 24px;
}

.foret_block_droit  h2 {
color: #5d8065;
}

body {
	font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #484747;

}

.title h1 {
    padding: 0;
    word-break: normal ;
    -ms-word-break:normal;
}



a, p a {
	text-decoration: none;
}

.foret_block_droit  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	color: #484747;
	margin-bottom: 30px;
	margin-top: 20px;
}

.foret_block_droit a  {
	cursor: pointer;
	position: relative;
	display: block;
	padding: 0;
	margin: 3px 0 0;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	font-family: Georgia;
	font-style: italic;
	font-weight: 400;
	color: #5d8065;
	font-size: 15px;
	line-height: 1.47368em;
	background-color: #fff;
	text-decoration: none;
   
    
    display: inline-block;
width: 100%;
max-width: 432px;
line-height: 28px;
padding: 16px 0 16px 25px;

}

.foret_block_droit a:hover  {	text-decoration: none; }

.foret_block_droit a .accordion_mark {
position: absolute;
right: 0;
top: 0;
display: block;
width: 20px;
height: 20px;
margin: 20px 25px 20px 0;
background-image: url('https://img.maisondelaforet-sudouest.com/wp-content/themes/nouveau/css/img/accordion_plus.png');
background-repeat: no-repeat;
background-position: center;
}


.foret_block_droit a strong  {
	display: inline-block;
	width: 75%;
	line-height: 28px;
	margin: 16px 0 16px 25px;
	font-weight: 400;
	font-style: normal;
}
.foret_tronc  {
	position:relative
}
.bt_plus {
	position:absolute;
	width: 39px;
	height: 39px;
	margin: 3px;
	background-color: #5d8065;
	display: block;
	background-image: url('../img/foret_plus.png');
	background-repeat: no-repeat;
	background-position: center center;text-indent: -9999px;
}
.bt_plus.highlight,
.bt_plus:hover { background-color:#949494; color:949494 }

.button-block_1  { top: 280px;
left: 190px; }


.button-block_2  {top: 229px;
left: 260px; }

.button-block_3  { top: 170px;
left: 345px;
 }

.button-block_4  { top: 98px;
left: 270px; }



.mission_logos  ul  {

list-style-type: none;
	
}
.mission_logos  ul li {
font-family: 'Georgia';
font-style: italic;
font-weight: 600;
color:#3b3b3b;
width: 33%;
display: inline-block;
text-align:center;
margin-top:30px;
margin-bottom:60px!important;
margin-right: 0px;
}

.carousel-control .numbers  { display:none}

.portfolio_navigation { background-color: #5d8065;
border-bottom: 1px solid #5d8065;margin: 0px -1000px 0;}

.portfolio_navigation span  {  color: #FFFFFF; }

.portfolio_navigation .portfolio_button a   {   }
.portfolio_navigation .portfolio_button a:hover   {  background-color: #111311; }


.separator.small.blanc  {

background: -moz-linear-gradient(left, rgba(255,255,255,0) 13%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 87%);
background: -webkit-gradient(linear, left top, right top, color-stop(13%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.6)), color-stop(87%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 13%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 87%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 13%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 87%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 13%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 87%);
background: linear-gradient(to right, rgba(255,255,255,0) 13%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 87%);}
.page-id-14889 .content,
.single-services .content  { background-color:#f8f8f8; text-align:left;}


/* contact  */


.single-services .q_accordion_holder.accordion .ui-accordion-header .accordion_mark {

background-image: url('img/accordion_minus.png');

}
.single-services .q_accordion_holder .ui-accordion-header.ui-state-active .accordion_mark {
background-image: url('img/accordion_plus.png');
}

.contact_form input[type='text'], .contact_form textarea {
font-size: 12px;
}
.contact_detail .hi-icon-effect  {
	background-image: url(https://www.maisondelaforet-sudouest.com/wp-content/uploads/2014/10/carte.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:598px;
	width:439px;
	 position:relative
}

.hi-icon-effect a {
	display: inline-block;
	font-size: 16px;
	font-family: Georgia;
	font-style: italic;
	font-weight: 400;
	line-height: 44px;
	cursor: pointer;
	margin: 15px 10px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	z-index: 1;
	color: #fff;
	background: #5d8065;
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
	text-decoration: none;
	float:left
}


.hi-icon-effect .carte_33 { top: 125px;
right: 200px;}
.hi-icon-effect .carte_47 { top: 360px;
right: 120px;}
.hi-icon-effect .carte_40 { top: 395px;
right: 280px;}

.hi-icon-effect a:after {
	top: -7px;
	left: -7px;
	color: #bcd2c1;
	padding: 7px;
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
	pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 
box-sizing: content-box;
}




.hi-icon-effect a:hover {
	background: rgba(235,234,234,1);
	color: #080808;
}

.hi-icon-effect a:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.home .hi-icon-effect a  {  font-size: 18px;
 padding-top: 34px;
	line-height: 20px; 
    
    width: 110px;
	height: 110px;
     }
    
.home .full_width  { position:absolute; margin-left:150px; top: 90px;}
  
  
.contact-form input[placeholder],
.contact-form  [placeholder],
 .contact-form *[placeholder] {
      color: #FFF!important;
    }
    
      
/* actu */

.widget_wp_sidebarlogin input[type="text"], 
.widget_wp_sidebarlogin input[type="password"]{
    position: relative;
    margin: 0 15px 0 0;
    padding: 5px 13px;
    height: 33px;
    font-family: inherit;
    color: #5d8065;
    font-weight: 400;
    background-color: #fff;
    border: 0;
    outline: 0;
}
#contact-form input[type="text"]:focus, 
#contact-form textarea:focus, 
.widget_wp_sidebarlogin input[type="text"]:focus, 
.widget_wp_sidebarlogin input[type="password"]:focus{
    color: #fff;
	 font-weight: 400;
    background-color: #5d8065;
}
.widget_wp_sidebarlogin input[type="submit"] {
    display: inline-block;
    height: 43px;
    line-height: 43px;
    float: right;
    padding: 0 24px;
    margin-top: 20px;
    font-style: normal;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    background-color: #5d8065;
    outline: none;
    border: 0; 
    border-radius: 2px; 
    -moz-border-radius: 2px;    
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    box-shadow: none;
    cursor:pointer;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -ms-transform: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}


.vc_non_responsive .wpb_row .vc_span2 {


    width: 188px!important;
     height: 160px!important; 
}

.deshommes_desfemmes .vc_span2 {

margin-top: 25px!important; 
}



@media only screen and (max-width: 1000px){
.title.title_size_medium h1 {
margin-top: 5%;
}




}

@media only screen and (max-width: 790px){

.vc_non_responsive .wpb_row .foret_tronc {
display:none
}


.vc_non_responsive .contact_detail .vc_span6 ,
.vc_non_responsive .wpb_row .foret_block_droit {
width: 100%;
}
.foret_block_2 ,
.foret_block_3, 
.foret_block_4  {
display:block!important
}


}


@media only screen and (max-width: 790px){

.home .full_width {
display:none!important
}

.defendre_informer .vc_span6 {
width:100%!important;
}


}








/* organisation */


.portait_carre .column_container{
margin-bottom:20px;
}
 
.portait_carre_none   {
display:none
}
.footer_organisation {
height:260px;
}
.more_facts_button_holder.center {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #151614;
}

.more_fact_opened  .more_facts_button_holder.center { 
border-bottom-width: 0px;
}
.portait_carre .wpb_content_element {
	display: block;
	border: 1px solid #5d8065;
	height:160px;
	background-color: #fff;
	margin-bottom: 40px!important;
}
.portait_carre  .wpb_wrapper {
position: relative;
display: table;
width: 100%;
height: 100%;
text-align: center;
}
.portait_carre  .wpb_wrapper p{
position: relative;
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
font-size: 13px;
}

.portait_carre strong {
display: block;
font-family: 'Georgia';
font-style: italic;
color: #5d8065;
line-height: 28px;
padding: 0 15px;
}

.q_team_simple_image img {

    height: auto;
    width: auto;
    max-height: 170px;
    margin: 0 auto;
}
.portait_carre em {
display: block;
font-family: 'Georgia';
font-style: italic;
color: #383838;
line-height: 28px;
padding: 0 15px;
}
.portait_carre  .wpb_content_element:hover{
background-color: #5d8065;
}
.portait_carre .wpb_content_element:hover strong,
.portait_carre .wpb_content_element:hover em{
color: #fff;
}

.organisation_foot  {
min-height: 279px;
}


.footer_top {
padding: 0px;
    height:82px;
	background-image: url('https://img.maisondelaforet-sudouest.com/wp-content/themes/nouveau/img/footer.png');
	background-position: left bottom;
    background-repeat: no-repeat;
}
.footer_top  .three_columns>.column1>.column_inner,.footer_top  .three_columns>.column2>.column_inner {
padding:0;min-height: 50px!important;
}
.footer_top .three_columns>.column1,
.footer_top .three_columns>.column2 ,
.footer_top .three_columns>.column3 {
float: left;
width: 40%
}

.footer_top .three_columns>.column3 {
width: 100px;
margin: 0px;
float: right;

}


.footer_top p {
	margin-top: 16px;
	font-weight: bold;
}

.footer_top #text-3 {
margin-left: 20px;
}

.footer_top .three_columns .column1, .footer_top .three_columns .column2 {
margin: 0px;
}

#vinexia {
	font-weight: bold;
	background-image: url("https://img.maisondelaforet-sudouest.com/wp-content/themes/nouveau/img/vinexia.png");
	background-repeat: no-repeat;

	background-position: center center;
    min-height:81px;   
	min-width:100px;
     text-indent: -9999px;
     display:block
}


.home footer {
display: none!important;
}


@media only screen and (max-width: 599px){  
.page-id-14889.vc_non_responsive .wpb_row .vc_span2{

margin-left: 20%;
 margin-top: 5px!important; 
}

.projects_holder article span.text_holder, .portfolio_slides span.text_holder {
opacity: 1!important; }
.touch .projects_holder article span.text_holder, .touch .portfolio_slides span.text_holder {
display: block!important;
 height: 100%!important;
width:100%!important; 
opacity: 1!important;
 visibility:visible!important; 
}
.projects_holder article a.preview, .portfolio_slides a.preview {

opacity: 1!important;
top: 0px!important;

}

.touch .projects_holder article a.preview, .touch .portfolio_slides a.preview {

opacity: 1!important;
top: 10px!important;

}

.projects_holder article a.preview, .portfolio_slides a.preview
 {
-moz-transform: translateZ(20px);
	-webkit-transform: translateZ(20px);
	-webkit-backface-visibility: visible;
	

}

.footer_top {

    height:auto!important;
	
}

.footer_top .three_columns>.column2, .footer_top .three_columns>.column1 {
width: 100%!important;
}
#layerslider_11,
#layerslider_11 .ls-slide,
#layerslider_11 .ls-inner {
width: 100%!important;
}


#layerslider_11 .ls-inner h2 ,#layerslider_11 .ls-inner h3{
	background-color:white;
margin-top: 190px!important;
padding: 5px!important;
}


}