/*3.LAYOUT.CSS*/
*,
*:after,
*:before{
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

body{
	/*background: #000000;*/
	font-family: 'Open Sans',Tahoma,Geneva,sans-serif;
	font-size: 62.5%;
	/*font-size: 100%;*/
	line-height: 160%;
	overflow-x: hidden;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.embed-container{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.embed-container iframe,
 .embed-container object,
 .embed-container .map,
 .embed-container embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

img{
	border: 0;
	vertical-align: bottom;
	height: auto;
	max-width: 100%;
	width: auto;
}

[id="container"]{
	position: relative;
	overflow: hidden;
	padding-top:150px;
}
@media (max-width: 767px) {
	[id="container"]{
		padding-top:85px;
	}
}
/*----*/
/*HEADER*/
/*----*/
[id="header"]{
	/*position: relative;*/
	position: fixed;
	z-index: 2;
	width: 100%;;
	/*height: 150px;*/
	top:0;
	left:0;
	/*background-color: transparent;*/
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(19,25,38,1)), color-stop(75%, rgba(255,255,255,0)));
	background: linear-gradient(180deg, rgba(19,25,38,1) 0%, rgba(255,255,255,0) 75%);
	-webkit-transform:translateY(0px);
	        transform:translateY(0px);
	-webkit-transition: background 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	transition: background 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	transition: background 0.25s ease-in-out, transform 0.25s ease-in-out;
	transition: background 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
/*@media (max-width: 767px){*/
@media (max-width: 980px){
	[id="header"]{
		height: auto;
		/*min-height: 110px;*/
	}
}
[id="header"].hide{
	-webkit-transform:translateY(-150px);
	        transform:translateY(-150px);
}
[id="header"].active{
	background:rgba(255,255,255,0.8);
}

/*@media (max-width: 767px){*/
	@media (max-width: 980px){
	[id="header"].active{
		background:rgba(0,0,0,0.7);
	}
}

[id="inner-header"]{
	max-width:  1440px;
	position: relative;
	/*max-width: 1920px;*/
}
@media (max-width: 1280px) {
	[id="inner-header"]{
	  width: 100%;
	  padding-right: 1%;
	}
}

[id="logo"]{
	padding:0 10px 0 0;	
	-webkit-transform:translateY(10px);	
	        transform:translateY(10px);
	-webkit-transition:-webkit-transform 0.3s ease-in-out;
	transition:-webkit-transform 0.3s ease-in-out;
	transition:transform 0.3s ease-in-out;
	transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

[id="logo"].active{
	-webkit-transform: translateY(0);
					transform: translateY(0);
}


[id="logo"] a{
	display: block;
	background: #e8430C url("../../images/svg/logocitedelamer-blanc.svg") no-repeat 50% 50%;
	background-size: 85%;
	width: 100%;
	height: 130px;
	max-width: 170px;
	text-align: center;
}
[id="logo"] span{
	display: none;
}

/*@media (max-width: 767px){*/
@media (max-width: 980px){
	[id="inner-header"] [id="logo"]{
		width: 110px;
		height: 90px;
		margin: 0 auto;
		text-align: center;
		margin-top: 0px;
		float: none;
		display: block;
		padding:0;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	[id="inner-header"] [id="logo"] a{
		width: 110px;
		height: 90px;
	}
}
@media (max-width: 480px){
	[id="inner-header"] [id="logo"]{
		width: 95px;
		height: 75px;
	}
	[id="inner-header"] [id="logo"] a{
		width: 95px;
		height: 75px;
	}
}


.right-side{
		display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
		-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
			flex-direction: column;
	position: static;
	/*height: 150px;*/
}
@media (max-width: 1024px){
	.right-side{
		/*width: 81.25% !important;*/
		width: 80.65% !important;
	}
}
/*@media (max-width: 767px){*/
@media (max-width: 980px){
	.right-side{
		display: block;
		float: none;
		height: 0;
		width: 99% !important;
	}
}
.right-side #sidebar1{
	padding:10px 0 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
/*@media (max-width: 767px){*/
@media (max-width: 980px){
	.right-side #sidebar1{
		display: block;
		/*left: -10px;*/
		left: 0;
		position: absolute;
		/*top: -65px;*/
		top: 0px;
		width: 30%;
	}

	.wpml-ls-legacy-list-horizontal{
		border: medium none;
		padding: 0;
	}
		.wpml-ls-legacy-list-horizontal a{
			padding: 0 4px;
		}
}
[id="container"]{
	background: #FFFFFF;
}
[id="content"]{
	position: relative;
	z-index: 1;
	margin-bottom: 55px;
}
@media (max-width: 995px){
	[id="content"]{
		margin-bottom: 10px;
	}
}

@media (max-width: 767px){
	body.page-template-espace-detail [id="content"] .container_16,
	body.page-template-default [id="content"] .container_16{
		width: 100%;
	}
}
[id="main"]{
	padding: 20px 2.5%;
	background: #FFFFFF;
}

@media (max-width: 767px){
	body.page-template-espace-detail [id="main"],
	body.page-template-default [id="main"]{
		padding: 20px 1%;
	}
}
[id="rightbar"]{
	padding: 0 0 0 2.5%;
}


[id="footer"]{
	padding: 15px 0 0;
	position: relative;
	background:#131926;
}
@media (max-width: 1350px){
	[id="footer"]{
		/*padding-bottom: 80px;*/
	}
}
[id="footer"] [id="inner-footer"]{
	position: relative;
}
/*3.FIN LAYOUT.CSS*/


/* bootstrap */

.d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
  }

  @media (min-width: 768px) {
	.d-md-none {
	  display: none !important;
	}
  
	.d-md-inline {
	  display: inline !important;
	}
  
	.d-md-inline-block {
	  display: inline-block !important;
	}
  
	.d-md-block {
	  display: block !important;
	}
  
	.d-md-table {
	  display: table !important;
	}
  
	.d-md-table-row {
	  display: table-row !important;
	}
  
	.d-md-table-cell {
	  display: table-cell !important;
	}
  
	.d-md-flex {
	  display: -webkit-box !important;
	  display: -ms-flexbox !important;
	  display: flex !important;
	}
  
	.d-md-inline-flex {
	  display: -webkit-inline-box !important;
	  display: -ms-inline-flexbox !important;
	  display: inline-flex !important;
	}
  }

  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
  .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
  .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
  .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
  .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
  .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
  }

  @media (min-width: 768px) {
	  .col-md-6 {
		-webkit-box-flex: 0;
			-ms-flex: 0 0 50%;
				flex: 0 0 50%;
		max-width: 50%;
	  }
	  .flex-wrap {
		-ms-flex-wrap: wrap !important;
			flex-wrap: wrap !important;
	  }

  }

  @media (max-width: 767px) {
	.col-md-6 {
	  -webkit-box-flex: 0;
		  -ms-flex: 0 0 100%;
			  flex: 0 0 100%;
	  max-width: 100%;
	}
	.d-flex {
		display: block !important;
	  }

}

.entry-content-item-first{
	margin-bottom: 20px;
}