/*
Theme Name: Mango Child
Theme URI: http://neuronthemes.com/mango_demo
Description: This is a child theme of Mango.
Author: NeuronThemes
Author URI: https://themeforest.net/user/neuronthemes/portfolio?ref=neuronthemes
Template: mango
Version: 1.0
*/

@import url("../mango/style.css");



 /* 1. GENERAL
 * ========== */
.page-id-5355 header, .page-id-5355 footer{display:none;} 



body{
	font-family: "futura-pt",sans-serif!important;
	font-style: normal;
	font-weight: 600!important;
	font-size:18px!important;
}



h1, h2, h3, h4, h5, h6{
	font-family: "futura-pt",sans-serif!important;
}

h1,h2{
	font-weight:700!important;
}

h1{
	color:#898989!important;
	line-height:20px!important;
	margin-bottom:40px!important;
}

h2{
	color:#E23929!important;
	font-size:40px!important;
}
	
div.content, div.content p, div.content h4{
	text-align:center;
 	margin:0 auto;
}

.col-md-6,.col-sm-6 {
	padding-left:0px!important;
}

div.content{
	padding-top:50px;
}

.blog .blog-post .post-content .details a:after, .blog .blog-post .post-content .more-button a, .blog .blog-post .post-content .more-button a:after, .blog-single .comment-form .submit, .blog-single .share-side ul li a:after, .contact .contact-form input[type=submit], .home-photography #photography-slider .owl-buttons .owl-next div:after, .home-photography #photography-slider .owl-buttons .owl-next div:before, .home-photography #photography-slider .owl-buttons .owl-prev div:after, .home-photography #photography-slider .owl-buttons .owl-prev div:before, .pagination-holder .pagination li a:after, .portfolio .filters ul li:after, .project-single .single-navigation a span:after, footer span a:after, footer ul li a:after{
	background-color:rgba(0,0,0,0)!important;
	display:none!important;
}

.col-md-9, .col-sm-9, .col-xs-12{
	padding-left:0px!important;
}

.col-md-3.col-sm-3.col-xs-12{display:none;}

header{
	padding-top:0px!important;
	padding-bottom:20px!important;
}

.alignnone{
	margin:0px!important;
}

header .container{
	width:1250px;
}

a{
	color:#6172a0!important;
}
.page-id-6 a{color:#000!important;}

a:hover{
	color:#4b5980!important;
}

.blog{
	padding-top:0px!important;
}


 /* 1. TOP-MENU
 * ========== */
 
 	
 
 .header-holder ul, .details ul{
 	display:inline-block;
 }
 
 .header-holder .fa, .share-side .fa{
 	width:25px;
 	height:25px;
 	background-color:#939598;
 	border-radius:50%;
 	text-align:center;
 	vertical-align:middle;
 	padding-top:7px;
 	color:#FFF;
 }
 
 .header-holder li a{
 	text-transform:uppercase!important;
 	color:#939598!important;
 	font-weight:500!important;
 	font-size:11px;
 }
 
 .header-holder li a:hover{
 	color:#141618!important;
 }
 
.header-holder ul#menu li:nth-child(-n+4){
	padding-right:50px;
}
 
 header.logo{
 	display:inherit!important;
 }
 
 header .logo{
 	width:10%!important;
 }
 
 header.top{
 	padding:15px 0 10px!important;
 }
 
 
 body.page-template-template-coming-soon div.head-img{
 	background:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/11/coming-soon-2.jpg)no-repeat center fixed;
 	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
  	height:1200px;
  	display:block;
 }
 
 body.page-template-template-coming-soon footer, body.page-template-template-coming-soon div.post-content{
 	display:none;
 }
 
header nav .menu li a:after{
	background-color:rgba(0,0,0,0)!important;
}

img.normal-logo{
	height:auto!important;
	width:80%;
}

/* 1. SEARCH
 * ========== */
 
form{
	font-size:13px!important;
	font-weight:500!important;
}

.header-holder form div#close-search{
	display:none!important;
}

input[type="search"]{
   -webkit-appearance: textfield!important;
   -webkit-box-sizing: content-box!important;
   padding-left:10px;
   letter-spacing:0.4px!important;
}

input::placeholder {
	letter-spacing:0.4px!important;
}
 	
/* 1. HEAD PHOTO
 * ========== */
 
 .page-template-template-blog div.head-photo{
 	height:600px;
 }
 
 .page-template-template-blog div.head-photo img{
 	height:auto;
 	width:25%;
 	margin-top:5%;
 }
 
 div.head-photo{
 	background-image: url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/10/header-MA-interieur.jpg);
 	-webkit-background-size: cover!important; /* pour anciens Chrome et Safari */
  	background-size: cover!important; /* version standardisée */
  	height:300px;
  	display:block;
  	background-position:center;
 }
 	

 /* 1. MAIN-MENU
 * ========== */
 
header nav{
	float:none!important;
}

header nav ul{
	margin-right:0px!important;
}

header nav ul li{
	margin-left:5px!important;
}

header nav ul li:first-child{
	margin-left:0px!important;
}

header nav ul li a{
	text-transform:none!important;
	font-weight:700!important;
	line-height:10px!important;
}

.main-menu{
	padding-top:50px;
}

.main-menu ul{
	list-style:none;
	text-align:center;
	line-height:20px;
	font-weight:bold;
}

.main-menu li{
	width:13.2%;
}

.main-menu li a{
 	display:inline-block;
 	position:relative;
 	background-size:60%;
	background-repeat:no-repeat;
	background-position:top;
	padding-top:120px;
	margin-top:20px;
	vertical-align:top;
	width:100%;
	line-height:16px!important;
}

.main-menu li a:hover, .main-menu li.active a, .main-menu li.current-page-ancestor a {
	color:#E23929!important;
	}

li#menu-item-16 a{
	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/12/Adherer.png);
}

li#menu-item-16 a:hover, li#menu-item-16.active a, li#menu-item-16.current-page-ancestor a{
	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/10/Adherer-clic.png);
}

li#menu-item-17 a{
	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/12/Infos-pratiques.png);
}

li#menu-item-17 a:hover, li#menu-item-17.active a{
	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/10/Infos-pratiques-clic.png);
}

li#menu-item-18 a{
	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/12/La-Maison-de-larchitecture.png);
}

li#menu-item-18 a:hover, li#menu-item-18.active a, li#menu-item-18.current-page-ancestor a{
	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/10/La-Maison-de-larchitecture-clic.png);
}

li#menu-item-19 a{
	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/12/Partenaires.png);
}

li#menu-item-19 a:hover, li#menu-item-19.active a{
	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/10/Partenaires-clic.png);
}

li#menu-item-98 a{
	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/12/Comite-daction.png);
}

li#menu-item-98 a:hover, li#menu-item-98.active a, li#menu-item-98.current-page-ancestor a{
	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/10/Comite-daction-clic.png);
}


li#menu-item-103 a{
	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/12/Publications.png);
}

li#menu-item-103 a:hover, li#menu-item-103.active a{
	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/10/Publications-clic.png);
}

li#menu-item-7105 a{
	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2021/07/MA_Video_picto_small_grey.png);
}

li#menu-item-7105 a:hover, li#menu-item-7105.active a{
	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2021/07/MA_Video_picto_small_orange.png);
}

li#menu-item-7109,li#menu-item-7110,li#menu-item-7108{display:none;}
 
.main-menu a{
	color:#58595b;
}

.main-menu form{
	display:none!important;
}

/* 1. AGENDA - MENU VIGNETTES
 * ========== */
 


div.post-img{
 	position:relative;
 }
 
.blog .portfolio-masonry .blog-post .post-content h3{
	font-weight:600;
	line-height:24px;
}

.blog .blog-post .post-content h3 a{
	font-size:28px!important;
}

.blog .blog-post .post-content h3 a:hover{
	color:#D1D3D4!important;
}

.details{
	font-size:24px;
	font-weight:700;
}

div.blog-post-holder a{
	color:#FFF;
}

div.blog-post-holder a:hover{
	color:#888;
}

div.category{
	background-color:#FFF!important;
}

div.category a{
	color:#000!important;
}

.blog .blog-post .post-content .details a, .blog .blog-post .post-content .details span, .blog-single .blog-post .post-content .details a, .blog-single .blog-post .post-content .details span{
	text-transform:none!important;
}

a#lien-archives{text-align:center;display:inline-block;width:100%;color:#898989!important;margin-top:50px;font-size:24px;}
a#lien-archives:hover{color:#E23929!important;font-size:26px;}

	

/* 1. ACCUEIL - PHOTO
 * ========== */
 
 .page-template-template-blog div.head-img{
 	display:none;
 }
 
c.page-template-template-blog h1, .page-template-template-portfolio h1, .archive h1,.page-template-template-projets-retenus h1, .page-template-archive-evenement-photo h2{
 	margin-bottom:40px;
 }
 
 .home-photography .head-photo, .home-photography.wide-photography{
 	max-height:900px;
 	height:900px;
 }
 
 .page-template-template-blog div.post-content,.page-template-template-projets-retenus div.post-content{
 	padding:20px;
 }
 
 .page-template-archive-evenement-photo div.post-content{
 	padding:10px 20px 5px 20px;
 }

 .page-template-template-blog div.post-content, .page-template-archive-evenement-photo div.post-content,.page-template-template-projets-retenus div.post-content{
	bottom:20px;
 	left:20px;
 	background-color:#FFF;
 	width:70%;
 	position:absolute;
}

.page-template-template-blog .details, .page-template-template-projets-retenus .details{
	text-transform:uppercase!important;
} 

.page-template-template-blog img, .page-template-archive-evenement-photo img{
	height:340px;
}

.page-template-archive-evenement-photo .post-img img{
	min-height:340px!important;
}

.page-template-archive-evenement-photo .blog .portfolio-masonry .blog-post .post-content h3{
	margin:8px 0!important;
}


div.page-title{
	text-align:center;
}
 
div.jour{
 	font-size:44px;
 	font-weight:700;
 	padding-bottom:10px;
 }
 
div.date{
 	font-size:14px;
 	font-weight:500;
 }

.page-template-archive-evenement-photo div.date{
	text-transform:uppercase;
}
 
div.jour, div.date{
	color:#58595B!important;
}

.single-replay-conferences p{
	margin-bottom:50px!important;}

/* 1. ARCHIVES
 * ========== */
 
 .page-template-template-portfolio h3, .archive h3{
 	font-size:28px;
 	font-weight:600;
 	line-height:32px;
 }

.page-template-template-portfolio h3 a{
	color:#E33C2C!important;
}


.page-template-template-portfolio .post-content{
	margin-bottom:50px;
}

.page-template-template-portfolio div.date, .archive div.date{
	font-size:24px;
	font-weight:600;
	margin-bottom:20px;
}

.blog .sidebar .widget_categories ul li a, .blog .sidebar ul li a{
	text-transform:none!important;
}

.blog .sidebar ul li.current-cat a{
	background-color: rgb(210,211,213);
	padding:5px;
}

	
 
 /* 1. SIDEBAR
 * ========== */

div#sidebar{
	display:inline-block;
	margin-top:50px;
	width:100%;
}
 
p.simple-image{
 	position:relative!important;
 	margin:0 0 14px!important;
 }
 
p.more{
 	position:absolute!important;
 	top:45%;
  	z-index:1000;
 	font-size:24px;
 	font-weight:700;
 	color:#FFF;
 	width:100%;
 	text-align:center;
 }
 
 #simpleimage-3 p.more{
 	width:50%;
 	left:25%;
 }
  
 p.more a{
 	color:#FFF!important;
 }
 
 .page-template-template-portfolio div#sidebar, .archive div#sidebar{
 	margin-top:0px;
 	margin-left:100px;
 }
 
 .blog .sidebar h3{
 	font-weight:600!important;
 	color:#d1d3d4;
 }
 
 p.more a:hover{
 	font-size:26px;
 }



 /* 1. SINGLE
 * ========== */
 
 .single div.content, .page-template-default div.content{
 	width:60%;
 }
 .page-id-6 div.content{width:100%;}
 .page-id-6 div.content p{text-align:left;}

.blog-single .share-side ul li a{
	font-size:13px!important;
}

.share-side{
	padding:0!important;
	position:absolute;
	top:0;
	right:0;
}

.single h1{
	float:left;
	padding-bottom:40px;
}

.single h2{
	clear:both;
	line-height:36px!important;
}

.single div.category a, .page-template-template-portfolio div.category, .search div.category, .archive div.category{
	background-color:#d2d3d5!important;
	padding:5px;
	display:inline-block;
	color:#FFF!important;
}

.archive div.category{font-size:24px;font-weight:700;margin-bottom:20px;}

.search div.category{
	margin-top:10px;
}

.single .blog-single .blog-post .post-content .details a, .page-template-template-portfolio .post-content .details a{
	color:#fff!important;
}

.single span.date{
	font-size:28px;
	font-weight:700;
	color:#58595b;
	display:inline-block;
	padding:45px 0px;
}

.single-evenement-photo img{
	margin-bottom:20px;
}

.ytp-cued-thumbnail-overlay-image {
 background-size:auto;
 -moz-background-size:auto;
 -webkit-background-size:auto;}

/* 1. PAGE
 * ========== */
 
 div.content h4{
 	width:70%;
 	font-weight:700;
 	padding:50px 0;
 }
 
.page-id-6 div.content h4{color:#E23929;}
 
 .page-template-template-mda.page-parent h2{
 	display:none;
 }
 
.page-id-6 .blog img, .page-id-29 .blog img{
	width:50%!important;
}

.page-id-29 h5{
	padding:2em 0 0;
}

.page-id-6 .blog img.wp-image-1092{
	width:80%!important;
}

.page-id-6 .blog img.wp-image-1124{
	width:25%!important;
}

.page-id-6 .col-sm-6, .page-id-29 .col-sm-6{
	display:table-cell;
	float:none!important;
	vertical-align:middle;
}

.page-id-6 .clear{
	margin:75px 0;
}

.page-id-6 h4{
	margin-bottom:50px;
}

.page-id-11 div#sidebar{margin-left:20%;}

.page-id-29 .col-md-5{
	margin:0 50px
	width:33%;
}

.page-id-29 div.content ul#reseaux-sociaux{
	padding-left:0;
}


.page-id-29 div.content ul#reseaux-sociaux li{
	display:inline-block;
	margin:0 10px;
}

.page-id-29 div.content .fa{
	background-color:#939598;
	color:#fff;
	width:40px;
	height:40px;
	border-radius:50%;
	font-size:20px;
	padding-top:10px;
}

.page-id-29 .clear{
	padding:50px;
}

img.bottom{
	margin-top:50px;
}

/* 1. FORMULAIRES
 * ========== */
 
 div.wpcf7{
 	margin:60px 0 0 0;
 }
 
 form{
 	margin-left:10%;
 }
 
form, form p{
	text-align:left!important;
} 

.wpcf7-form input{
	margin-bottom:30px;
}

.wpcf7-form-control-wrap.file-450 input{
	margin-bottom:5px;
}

textarea,.wpcf7-form-control-wrap.Objectif-1 input, .wpcf7-form-control-wrap.Objectif-2 input, .wpcf7-form-control-wrap.Objectif-3 input{
	width:100%;
	margin-bottom:5px;
}

label{
	font-weight:600!important;
	margin-bottom:30px!important;
}

#mailpoet_form_1 .mailpoet_text_label{
	margin-bottom:10px!important;
}

span.wpcf7-list-item, input.wpcf7-form-control.wpcf7-text{
	width:100%;
}


.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{
	border:1px solid #888;
}

.wpcf7-form-control-wrap.preciser-1 input, .wpcf7-form-control-wrap.preciser-2 input, .wpcf7-form-control-wrap.adherent span.wpcf7-list-item.last, .wpcf7-form-control-wrap.Dates input{
	margin-bottom:20px;
}

div.col-md-6.col-sm-6.col-xs-12.selector.no-padding{
	padding-right:0!important;
}

.blog-single .wpcf7-form-control.wpcf7-submit{
	margin-top:25px;
	width:100%;
}
	


.center{
	text-align:center;
	color:#6172a0;
}

.rouge{
	color:#ff0000;
}

.blog-single .blog-post .post-content iframe{
	height:800px!important;
}

	
 
/* 1. FOOTER
 * ========== */
 
 footer{
 	background-color:#7B858A;
 	font-weight:600;
 	margin-top:100px;
 }
 
 footer br{
 	display:none;
 }
 
 footer ul#reseaux-sociaux{
 	line-height:5px;
 	margin-bottom:30px;
 	float:none!important;
 }
 
 footer iframe{
 	margin-top:10px;
 }
 
 footer ul li{
 	margin-left:0px!important;
 }
 
 footer ul li a{
 	font-size:11px!important;
 	font-weight:400;
 	color:#FFF!important;
 	display:inline!important;
 }
 
 footer ul li a.normal{
 	font-size:16px!important;
 	font-weight:600;
 }
 
 footer ul li.col-md-4:nth-child(2){
 	margin-right:90px;
 }
 
 footer ul li.col-md-4:nth-child(3){
 	width:25%;
 }
 
li:first-child .widget-title{
 	color:#E23929!important;
 }
 
 footer span, footer p, span.widget-title{
 	line-height:24px!important;
 	color:#FFF!important;
 	font-size:16px!important;
 }
 
 span.widget-title{
 	padding-bottom:20px;
 }
 
 footer a.contact{
 	color:#FFF!important;
 	font-size:14px!important;
 }
 
footer .fa{
 	width:25px;
 	height:25px;
 	background-color:#fff;
 	border-radius:50%;
 	text-align:center;
 	vertical-align:middle;
 	padding-top:5px;
 	color:#939598;
 }
 
footer #reseaux-sociaux a{
	font-size:14px!important;
}

footer ul#reseaux-sociaux li{
	display:inline-block!important;
}

footer ul li{
	display:block!important;
}

ul#menu-footer{
	line-height:32px;
}

footer ul#menu-footer li a{
	color:#FFF!important;
	text-transform:uppercase;
}

.contact{
	margin:0!important;
}
 
 

/* 1. MOBILE-MENU
 * ========== */
 
header .header-holder .hamburger .hamburger-inner{
 	display:none!important;
 }
 
 header .hamburger{
 	position:fixed!important;
 	top:10px;
 	right:10px;
 }
 
 /* 1. RESPONSIVE
 * ========== */
 
 @media screen and (max-width:1470px){
 	
  
 footer ul li.col-md-4:nth-child(2) {
    margin-right: 75px;
}
 }

 @media screen and (min-width:992px){ 
 	.page-template-template-portfolio .col-md-9{
 		width:60%;
 	}
 	
 }
 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
 	.page-template-template-blog div.head-photo{height:370px;}
	.page-template-template-blog div.head-photo img{width:20%;margin-top:2%;}
	header .container{width:970px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	 .page-template-template-portfolio div.post-img, .archive div.post-img{height:280px!important;}

}

 
 @media screen and (max-width:991px){
 	body.no-scroll{overflow:clip;position:static;}
 	
 
 header nav{
 	position:fixed!important;
 	top:0!important;
 	background-color:#F2392C!important;
 	height:100%;
 	overflow:scroll;
 }
 
 header .container{
 	width:100%!important;
 }
 
 .page-template-template-blog div.head-photo img{
 	width:20%;
 	margin-top:2%;
 }
 
 header, .blog{
 	padding:0!important;
 }
 
 .row{
 	margin-right:0!important;
 	margin-left:0px!important;
 }

.page-template-template-blog div.head-photo{
	height:300px;
}	
 
 header footer{
 	display:block!important;
 }
 
 .main-menu ul{
 	text-align:center;
 }
 
 .main-menu li{
 	width:100%;
 }
 
 .main-menu ul li a{
 	font-size:18px;
 	margin-top:25px;
 }
 
 .main-menu li a:hover, .main-menu li.active a, .main-menu li.current-page-ancestor a {
	color:#fff!important;
	}

 
 li#menu-item-18 a, li#menu-item-18.active a{
 	background-position:center top;
 	background-size:10%;
 	padding-top:100px!important;
 	background-image:url(http://www.maisonarchitecture-idf.org/wp-content/uploads/2017/11/Sigle-blanc.png);
 }

li#menu-item-98 a, li#menu-item-19 a, li#menu-item-103 a, li#menu-item-16 a, li#menu-item-17 a, li#menu-item-98.active a, li#menu-item-19.active a, li#menu-item-103.active a, li#menu-item-16.active a, li#menu-item-17.active a,li#menu-item-7105 a{
	background-image:none;
}

h1{
	font-size:48px!important;
	line-height:60px!important;
}

.single div.content, .page-template-default div.content{
	width:70%;
}
.page-id-11 div#sidebar{margin-left:15%;width:80%;}

p.more{
	font-size:18px;
	width:96%;
}

.page-id-6 .col-sm-6, .page-id-29 .col-sm-6{
	display:inherit;
	width:100%!important;
	padding:20px 0;
}

.page-id-6 .clear{
	margin:0;
}

div#sidebar{
	margin-top:0px;
}

div.content, .main-menu{
	padding-top:30px!important;
}
h1{
	line-height:32px!important;
}

footer{
	margin-top:0px;
}

footer ul li.col-md-4:nth-child(3){
 	width:100%;
 }
 
 .page-template-template-portfolio div.post-img, .archive div.post-img{
	height:180px;
	overflow:hidden;
}

 .page-template-template-portfolio div.post-img img, .archive div.post-img img{
 	min-height:180px!important;
} 

li#menu-item-7109,li#menu-item-7110,li#menu-item-7108{display:block;}

 }
 


@media screen and (max-width:615px){
	
.page-template-template-blog div.head-photo img{
 	width:30%;
 	margin-top:10%;
 }
 
 .single div.content, .page-template-default div.content{
	width:85%;
}

.page-id-11 div#sidebar{margin-left:0%;width:100%;}
	
#sidebar .col-md-6{
	width:100%!important;
}

h1{
	font-size:30px!important;
}

h4{
	font-size:18px!important;
	line-height:24px!important;
}

div.content h4{
	width:70%;
}
	

.col-xs-12{
	width:80%!important;
	float:none!important;
	margin:0 auto!important;
}

textarea,.wpcf7-form-control-wrap.Objectif-1 input, .wpcf7-form-control-wrap.Objectif-2 input, .wpcf7-form-control-wrap.Objectif-3 input{
	width:300px;
}
 }

	
}