/*
Theme Name: Nmeier
Theme URI: https://the-expression.ch/
Author: The expression studio
Author URI: https://the-expression.ch/
Description: Un thème réalisé par The Expression studio
Version: 1.0
*/

/*color orange: #e60096
color rose:#e60096;
*/

/*--------------------------------------------------------------
0.0 LOGIN
--------------------------------------------------------------*/

#login {

	width: 300px;
    margin: 0 auto;
    
}

#login h1 a {

	background: url("https://malentendants.ch/wp-content/themes/nmeier/img/logo-amalco300.png") no-repeat top center;
	width: 300px;
	height: 180px;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 15px;
	display: block;


}

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

 	#login h1 a img {

 		width: 100% !important;

 	}

 }

#login a {

	color: #e60096  !important;

}

#login a:hover {

	color:#000 !important;

}
	

.login #login_error, .login .message {

	border-left: 4px solid #e60096 !important;

}

/*--------------------------------------------------------------
0.0 GRID
--------------------------------------------------------------*/

.row {
	margin-left:0;
	margin-right:0;
}

/*--------------------------------------------------------------
0.0 GENERAL
--------------------------------------------------------------*/

body {

	font-family: 'Roboto', sans-serif;
	background: #f7f7f7;
	height: 100%;
	background-attachment: fixed;
	color: #45474b;

}


a {

	text-decoration: none;
	cursor: pointer;
	color: #e60096;

}

a:hover, 
a:focus {

	color: rgba(230, 0, 150, 0.6) !important;
	text-decoration: none !important;
	cursor:pointer;

}



h2 {

	font-size: 70px;
    font-family: georgia, "serif";
    font-weight: bold;
    line-height: 80px;
    color:#45474b;
    margin-bottom:50px;
    text-transform: uppercase;
}

h2 span {

	color: #e60096;

}

@media (max-width: 1130px) {
	h2 {
		font-size: 50px;
		line-height: 57px;
	}
	
}

@media (max-width: 768px) {

	h2 {
		
		width: 100%;
		font-size: 30px;
		line-height: 40px;

	}

}

@media (max-width: 360px) {
	h2 {
		
		width: 100%;
		font-size: 20px;
		line-height: 30px;

	}
}


.content-default {
	margin: 80px 0 0 20px;
}



.content-realisations {

	margin: 40px 0 50px 22px;

}





p, #section2 ul li {

	line-height: 25px;
    letter-spacing: 0.2px;
    font-size: 16px !important;
    margin-bottom:18px;

}

#content {

	position: relative;
}

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

	#content {

		margin-top: 0px;

	}

}

.container-fluid {

	padding: 0;

}

/*--------------------------------------------------------------
	HEADER
	--------------------------------------------------------------*/

header {
	
	margin-top: 20px;
	background: #fff/*rgba(0,174, 255,0.05)*/;
	margin-left:20px;
	margin-right:20px;

}

@media (max-width: 768px) {
	header {
		margin-left:15px;
		margin-right:15px;
	}
}

@media (max-width: 420px) {

	.site-title img {
		
		width: 70%;

	}

}


@media only screen and (max-width: 767px){
	header {
		height: 100%;
	}

}

/*--------------------------------------------------------------
	TOP NAV
	--------------------------------------------------------------*/

#top-navigation {
    text-align: right;
    margin-top: 20px;
}

#top-navigation ul li:first-child {
    position: relative;
    padding: 0 9px;
}

#top-navigation ul li {
    display: inline-block;
    padding: 0 5px;
}

#top-navigation ul li a {

	color: #45474b !important;
	text-transform: uppercase;

}

#top-navigation ul li a:hover {

	color: #e60096 !important;

}

#top-navigation ul li:first-child:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    background: #000;
    height: 14px;
    width: 1px;
}

.navbar {

	margin-top: 25px;
	text-align: right;

}

.navbar ul li {
	text-transform: uppercase;
    font-weight:300;
    position: relative;
    padding-right: 10px;
    display: inline-block;
}

.navbar ul li:last-child {

	border: 2px solid #000;
	padding:5px 10px 3px 10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;


}



.navbar ul li:last-child a  {
	
	font-size:15px !important;

}

.navbar ul li a {

	color: #45474b !important;
	font-weight: 500;
	font-size:16px;
	transition: all 0.6s ease-in-out;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;

}

.navbar ul li a:hover,
.navbar li.current-menu-item a,
.navbar li.current-page-ancestor a,
.navbar ul li:last-child:hover a  {

	color: #e60096 !important;

}

.navbar ul li.current-menu-item:last-child {
	border:2px solid #e60096;
}

.navbar ul li:last-child:hover{

	border: 2px solid #e60096 ;

}

@media (max-width: 768px) {
	.navbar ul li:last-child {

		border: 0 solid #000;
		padding:auto;

	}

	.navbar ul li.current-menu-item:last-child,
	.navbar ul li:last-child:hover {
		border:0px solid #e60096;
	}

}

@media only screen and (max-width: 767px){
	.navbar ul li {
		display:block;
		margin-top:10px;
	}
}


.nav>li>a:focus, .nav>li>a:hover{
	background: none;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar-toggle{
	float: left !important;
	margin-top: -52px;
    margin-right: -10px;

}

.navbar-toggle .icon-bar{
	background-color:#e60096;
}

.navbar-collapse {

	padding-right: 0;
	padding-left: 0;

}

  @media only screen and (max-width: 767px){
  	
  	.navbar{

	  	min-height: 0px !important;
	    margin-bottom: 0px !important; 
  	}
  
  }

/*--------------------------------------------------------------
	CONTENT
	--------------------------------------------------------------*/

#section1 .container-fluid {

	background: #fff/*rgba(0,174, 255,0.05)*/;
	margin-left:20px;
	margin-right:20px;

}

@media (max-width: 768px) {
	#section1 .container-fluid {
		margin-left:15px;
		margin-right:15px;
	}
}
.intro-inside {

	padding: 30px 0 0px 60px;

}
@media (max-width: 768px) {
	.intro-inside {
		padding: 30px 0 0px 30px;
	}
}

.bloc-right {

	position: relative;
	margin-top: -90px;
	padding: 30px 0 0px 60px;


}

@media (max-width: 768px) {
	.bloc-right {
		padding: 30px 0 0px 30px;
	}
}

.bloc-right:before {

	content:"";
	position: absolute;
	background: #e60096;
	width:4px;
	height:100%;
	top:0;
	left:-10px;

}

p.separation-text {

	color:#e60096;
	text-transform: uppercase;
}

.btn-retour-contain {
	width: auto !important;
    text-align: center;
    margin: 100px auto 0;
}

a.btn-retour {
	background: #e60096;
	padding:20px;
	color:#fff;
    text-transform: uppercase;
}

a.btn-retour:hover, 
a.btn-retour:focus {

	background: #45474b;
	color:#fff !important;

}




/*--------------------------------------------------------------
	Page default
	--------------------------------------------------------------*/


.page-template-default #section2,
.page-template #section2,
.error404 #section2,
.single-post #section2 {

	margin-top:100px;
	margin-bottom: 100px;

}

@media (max-width: 768px) {
	.page-template-default #section2,
	.page-template #section2,
	.error404 #section2 {

		margin-top:50px;
		margin-bottom: 50px;

	}

}

.page-template-default #section2 img { 

	margin-bottom:30px; 
	margin-top:30px;

}

/*--------------------------------------------------------------
	Page template
	--------------------------------------------------------------*/
	.page-template #section1 .col-md-2 {
		margin-top:50px;
	}
	@media (max-width: 1000px) {
		.page-template-default #section1 .col-md-4,
		.page-template #section1 .col-md-4,
		.post-template-default #section1 .col-md-4
		 {
			height:150px;
		}
	}

		@media (max-width: 991px) {
			.home #section1 .col-md-4
			 {
				height:0px;
			}
			.page-template #section1 .col-md-2 {
				margin-top:0px;
			}
		}

.page-template-default #section2 img {

	max-width: 100%;
	height: auto;
	width:auto;
}

.page-template #section2 .link-bg-grey{

	padding:10px;
	background: #45474b;
	color:#fff;
	width:70%;
	margin-top:-30px;
	position: relative;
	margin-bottom:30px;
	margin-left:20px;
	transition: all 0.6s ease-in-out;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;

}


.page-template #section2 .link-bg-grey p {

	margin:0;
	line-height: 0;
	padding: 20px 5px 18px 20px;
	position: relative;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;

}


@-moz-document url-prefix() {
	.page-template #section2 .link-bg-grey p {
		padding:20px 5px 13px 20px;
	}

}

.page-template #section2 .link-bg-grey p:before {

	content:"";
	position: absolute;
	top:10px;
	left:10px;
	background: #fff;
	height:18px;
	width: 2px;
}

.page-template #section2 .link-bg-grey:hover {

	background: #e60096;

}

.page-id-35 #section2 img {

	margin-top:50px;
}

.separtion-pink {
	margin:100px 0 50px 0
}

@media (max-width: 768px) {
	.separtion-pink {
		margin:50px 0 50px 0
	}

}

/*--------------------------------------------------------------
	HOME
	--------------------------------------------------------------*/


	.home #section2 {

		margin-top:0px;
		margin-bottom: -150px;
		position: relative;
		top:-225px;


	}

	.home #section2 .col-md-5,
	.home #section2 .col-md-4 {

		padding: 0 0 !important;

	}

	.home #section2 .first-img{

			margin-top:150px;

	}

	.home #section2 h3 {
	
		color: #e60096;
		text-transform: uppercase;

	}

	.home #section2 p {
	
		font-weight: 100;

	}

	.home #section2 .second-img{

		margin-top:50px;

	}

	@media (max-width: 991px) {
		.home #section2 .second-img{

			display: none;

		}
	}
	
	.home .soutenupar {
		margin:150px 0 350px 0;
	}

	@media (max-width: 991px) {
		.home .soutenupar {
			margin:50px 0 150px 0;
		}
	}


	.home .partenaire {

		position: absolute;
		bottom: 0;
		left:80px;

	}

	@media (max-width: 992px) {

		.home .partenaire {
			display: none;
		}
	}

	.home #section1 .col-md-4:first-child{

		height: 338px;


	}
		@media (max-width: 991px) {

			.home #section1 .col-md-4:first-child {
				height:150px;
			}
}
	@media (max-width:991px) {
			.home #section1 .col-md-2 {
				text-align: center !important;
			}

	}

	.rotate {

		/* Safari */
		-webkit-transform: rotate(-90deg);

		/* Firefox */
		-moz-transform: rotate(-90deg);

		/* IE */
		-ms-transform: rotate(-90deg);

		/* Opera */
		-o-transform: rotate(-90deg);

		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

		margin-top: 21px;

		}


	/*#section2 {

		min-height: 300px;


	}*/




/*--------------------------------------------------------------
	CONTACT
	--------------------------------------------------------------*/

.champs-contact {

	font-weight: 300;
	width: 47% !important;
	float: left !important;
	margin-right: 6%;

}

.champs-contact:nth-child(odd) {
	
	margin-right: 0;
	
}


input:focus, 
textarea:focus {

	outline: none;
	background: rgba(230, 0, 150, 0.04) !important;
	color: #e60096 !important;

}

textarea,
input,
input[type="submit"] {

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	

}

textarea,
input {

	
	border:1px solid #e60096 !important;
	background: #f7f7f7;
	padding:13px 10px 11px;


}

textarea {
	
	height: 150px;
	width: 100% !important;
	
}

input {

	margin-bottom: 20px;
	width: 100%;

}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #e60096;
    text-shadow: none;
    font-weight: 100;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #e60096;
   opacity:  1;
   text-shadow: none;
   font-weight: 100;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #e60096;
   opacity:  1;
   text-shadow: none;
   font-weight: 100;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #e60096;
   text-shadow: none;
   font-weight: 100;
}

input[type="submit"]{
	background: #e60096 !important;
	border:none !important;
	color:#fff;
	padding:10px 40px 7px;
	width:auto !important;
	float: right;

}
input[type="submit"]:focus {
	color:#fff !important;
}

input[type="submit"]:hover{
	background:rgba(230, 0, 150, 0.7) !important;

}


.page-id-15 article {

	height: 550px;
}

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

.page-id-15 article {

	height: auto;
}

}

/*--------------------------------------------------------------
	BLOG
	--------------------------------------------------------------*/

	.page-template-blog #section2 img {

		margin-bottom: 20px;
		width:100%;
		height: auto;

	}

	.page-template-blog #section2 strong {

		text-transform: uppercase;

	}

	.single-post #section2 img {

		width: 100%;
		height: auto;
/*		margin:50px 0;
*/
	}

	.single-post li#menu-item-62 a, .page-template-blog li#menu-item-62 a{
		color:#e60096 !important;
	}
/*--------------------------------------------------------------
	FOOTER
	--------------------------------------------------------------*/

footer {
	position: relative;


}
footer .container-fluid {

	/*position:absolute;*/
	bottom:0px;
	padding: 100px 0px 90px 0px;
	margin: 50px 0 0 0 !important;
	background: #fff/*rgba(0,174, 255,0.05)*/;
	width: 100%;
}
footer h2 {

	color: #45474b;
	font-size:18px !important;
	text-transform: inherit;
	padding: 0;
	margin: 0 0 20px 0 !important;
	font-family: "roboto", "serif" !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	
}

@media (max-width: 991px) {
	footer .contact h2 {
		margin-top:50px !important;
	}
}


footer a {

	color: #45474b;

}

footer a:hover {

	color: #e60096 !important;

}

footer .copyright {

	margin-top:20px;
}

@media (max-width: 1000px) {
	footer .copyright {
		text-align: left;
	}
}

/*--------------------------------------------------------------
	Helper
	--------------------------------------------------------------*/

.center,.aligncenter {

	text-align: center;
}

.right {

	text-align: right;
}

.left {

	text-align: left;
}


.clearfix:before,
.clearfix:after {

    content: " "; 
    display: table; 

}

.clearfix:after {

    clear: both;

}


.bg-grey {

	background: #45474b;
	color: #fcfcfc;
	padding:80px 40px;

}

/* -------------------------
TABULATIONS
------------------------- */
	.tabs .content-tabs{
		position:relative;
	    height :auto;
	    min-height :100%;
	    display :none;
	}

	.tabs .active + .content-tabs{
	    display: block !important;
	}


	.tabs .content-tabs img {
		width:100% !important;
	}
	

	.tabs h4:hover{
		background: none !important;
		border:1px solid #e60096;
		color:#e60096;
	}

	.nav-tabs .fa{
		border:none;
		font-size:25px;
		float:left;
	}

	.nav-tabs>li.active>a, 
	.nav-tabs>li.active>a:focus, 
	.nav-tabs>li.active>a:hover{
		background: none;
	}

	.active .fa{
		color:#e60096;
	}

	.tabs h4.active, 
	.tabs h4:focus{
		color: #e60096 !important;
	    cursor: default;
	    border:1px solid #e60096;

	}


	.tabs h4{
		border:1px solid #000;
		padding:10px;
		cursor: pointer;
	}

	.tabs{
			position: relative;
    		min-height: 10px;
		}

		@media screen and (min-width: 995px){
			.tabs .content-tabs {
			    position: relative;
			    right: 0;
			}
		}

		.tabs h4{
			/*width:160px;*/

			width:100%;
			/*display: inline-block;*/
			margin-right:10px;
			cursor: pointer;
			/*position: absolute;*/
			top:-89px;
			/*left:15px;*/
			text-align: center;

		}

		 .tabs h4.presse-title{
			left:197px;
			
		}

		.tabs h4.presse-title-info {

			left:379px;

		}

		
		@media (min-width:1001px) and (max-width: 1199px){
			 .tabs h4{
				width:146px;
				margin-right:10px;
				cursor: pointer;
			}
			 
		}

		@media screen and (max-width: 1000px){
			 .tabs h4{
				width:100%;
				float: none;
				margin-right:0px;
				cursor: pointer;
				position: static;
			}
		}

	@media (max-width: 1000px) {
		.tabs .col-md-4 {
			margin-bottom:50px;
		}
	}

/* -------------------------
Lightbox
------------------------- */
#cboxOverlay {

	background: rgba(0,0,0,0.9) !important;

}

#cboxMiddleRight,
#cboxMiddleLeft,
#cboxTopCenter,
#cboxBottomCenter,
#cboxBottomRight,
#cboxBottomLeft,
#cboxTopLeft,
#cboxTopRight {
	background: none !important;
}


/*.gallery-item {
	margin:3px 3px !important;
}*/

.gallery-item {

	width: 33.3333333%;
	float: left;
}

	@media (max-width: 768px) {
		.gallery-item {

			width: 100%;
			float: none;
			height:auto !important;
		}

	}
.gallery-item img {
	width: 100% !important;
}

.gallery img {
	border:none !important;
	margin-bottom: 0 !important;
	/*height:190px !important;*/
}

	@media (max-width: 768px) {
		.gallery img  {

			height:auto !important;
		}

	}
figcaption {

	margin-top:8px;
}

.gallery-item a:focus,
#cboxContent button:focus{
	outline:none;
}

#cboxCurrent{
display: none !important;

}

#cboxLoadedContent {

	margin-bottom: 40px !important;
}

/* -------------------------
TABULATIONS
------------------------- */
	.tabs .content-tabs{
		position:relative;
	    height :auto;
	    min-height :100%;
	    display :none;
	}

	.tabs .active + .content-tabs{
	    display: block !important;
	}

	.tabs .content-tabs img {

		margin:0 !important;

	}
	

	.tabs h4:hover{
		background: none !important;
		border:1px solid #e60096;
		color:#e60096;
	}

	.nav-tabs .fa{
		border:none;
		font-size:25px;
		float:left;
	}

	.nav-tabs>li.active>a, 
	.nav-tabs>li.active>a:focus, 
	.nav-tabs>li.active>a:hover{
		/*background: none;*/
	}

	

	.tabs h4.active, 
	.tabs h4:focus{
		color: #fff !important;
	    cursor: default;
	    border:1px solid #e60096;
	    background:#e60096;

	}


	.tabs h4{
		border:1px solid #000;
		padding:10px;
		cursor: pointer;
	}

	/* TABS PROGRAMME */


		@media screen and (min-width: 995px){
			.tabs .content-tabs{  
				position: absolute;
				right: 0;
				top: 0;
			}  

			}

	/* TABS GALERIE */
		#galerie{
			margin-top:130px;
		}

		#galerie .tabs{
			position: relative;
    		min-height: 10px;
		}

		@media screen and (min-width: 995px){
			#galerie .tabs .content-tabs {
			    position: relative;
			    right: 0;
			}
		}

	

		#galerie .tabs h4{
			/*width:155px;*/
			width: 100%;
			/*display: inline-block;*/
			margin-right:10px;
			cursor: pointer;
			/*position: absolute;*/
			top:-130px;
			border: 1px solid #e60096;
			color:#e60096;

		}

		#galerie .tabs h4:hover {
			background:#e60096 !important;
			color:#fff;

		}

		#galerie .tabs h4:first-child{
			/*width:auto;*/
			
		}

		#galerie .tabs h4:nth-child(3){
			left:183px;
			
		}

		#galerie .tabs h4:nth-child(5){
			left:347px;
			
		}

		#galerie .tabs h4:nth-child(7){
			left:512px;
			
		}

		#galerie .tabs h4:nth-child(9){
			left:674px;
			
		}

		#galerie .tabs h4:nth-child(11){
			margin-right: 0 !important;
			left:842px;
		}

		@media (min-width:1001px) and (max-width: 1199px){
			#galerie .tabs h4{
				width:146px;
			
				margin-right:10px;
				cursor: pointer;
			}
			#galerie .tabs h4:nth-child(11){
				margin-right: 0 !important;
			}

			#galerie .tabs h4:nth-child(3){
			left:160px;
			
			}

			#galerie .tabs h4:nth-child(5){
				left:320px;
				
			}

			#galerie .tabs h4:nth-child(7){
				left:480px;
				
			}

			#galerie .tabs h4:nth-child(9){
				left:640px;
				
			}

			#galerie .tabs h4:nth-child(11){
				margin-right: 0 !important;
				left:800px;
			}
		}

		@media screen and (max-width: 1000px){
			#galerie .tabs h4{
				width:100%;
				float: none;
				margin-right:0px;
				cursor: pointer;
				position: static;
			}

			#galerie{
			margin-top:0px;
		}
		}

		#galerie .dossier .col-md-3{
			padding-right:2px;
			padding-left:2px;
		}

		#galerie .dossier a{
			padding:2px;
		}

		#galerie .tabs h4:hover>.fa, 
		#galerie .tabs h4.active>.fa,
		#galerie .tabs .fa{
			border:none;
			font-size:25px;
			float:left;
			margin-right:10px;
		}

		#galerie .tabs h4 span{
			margin-top:11px;
			float:left;
		}