@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/*
memo 

ipad : 1024x768
iphone6p : 736x414
*/


.mobile{
	/* display: none; */
}

body.overflow-hidden{
	overflow: hidden;
}

@media screen and (min-width: 1020px){

	/* menu classique */
	.header-menu li:hover ul{
		display: block;
	}
	.header-menu ul.menu > li:hover,
	.header-menu ul.menu > li.current-menu-item
	{
		color: #00ace2;
		background-color: #fff;
	}
	.header-menu ul.menu ul li:hover > a,
	.header-menu ul.menu ul li.current-menu-item {
		color: white;
		background-color: #bbb;
	}
}

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

	.site{
		/* padding-top: 60px; */
	}

	#main,
	.header-center-content,
	.header-nav-id,
	.bloc-banniere,
	.site-footer{
		width: 100%;
	}
	.main-single.header-single{
			margin-bottom: 20px;
	}
	.bloc-single-banners{
		display: none;
	}
	/* .header-menu{
		width: auto;
	} */
	.site-header {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    z-index: 10;
	    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
		-webkit-transform: translateZ(0);
	}
	/* menu */

	/* .header-menu{
		padding: 0;
	}
	.header-nav {
	    position: absolute;
	    right: 20px;
	    top: 36px;
	    box-shadow: none;
	    background-color: transparent;
	} */
	#header .header-nav{
		-webkit-box-align: center;
		align-items: center;
		display: flex;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%		
	}	
	
	.header-menu .menu-toggle {
		display: block;
		width: 38px;
		height: 36px;
		text-indent: -99px;
		overflow: hidden;
		position: relative;
		background-color: #00ace2;
		border-radius: 2px;
	}
	.header-menu .menu-toggle i {
		height: 3px;
		background-color: white;
		display: block;
		position: absolute;
		top: 50%;
		width: 26px;
		left: 6px;
		margin-top: -1.5px;
	}
	.header-menu .menu-toggle i:before,
	.header-menu .menu-toggle i:after {
		content: '';
		width: 100%;
		height: 3px;
		background-color: white;
		position: absolute;
		left: 0;
	}
	.header-menu .menu-toggle i:before {
		top: -8px;
	}
	.header-menu .menu-toggle i:after {
		top: 8px;
	}
	.header-menu {
		/* background:#586e75; */
		/* position:relative; */
		width:100%;
		/*height: 56px;*/
	}	
	#btn-nav-previous {

		position: absolute;
		left: 0px;
		padding: 9px 12px;
		background: #FFF;
		z-index: 99;
		border: none;
	}	
	#btn-nav-next {

		position: absolute;
		right: 0px;
		padding: 9px 12px;
		background: #FFF;
		z-index: 99;
		border: none;
	}	
	#btn-nav-previous svg, #btn-nav-next svg{
		width: 32px;
		height: 32px;
	}
	#page #header .header-nav .menu-menu-principal-container
	{ 
		width: 100%;
		white-space: nowrap;
		margin: 13px auto;
		overflow: hidden;
		padding: 0px 20px;
		box-sizing: border-box;
		border-bottom:none;
		
	}	
	#page #header .header-nav .menu-menu-principal-container .menu
	{ 
		display: flex;
		overflow-x: auto;
		scrollbar-width: none;		
	}
	.menu-menu-principal-container li:last-child{
		margin-right: 50px;
	}
	.menu-menu-principal-container li.menu-item
	{

		padding: 0px 25px;		

	}	
	.menu-menu-principal-container.toggled-on {
		display: block;
	}

	.menu-item-has-children:before{
	    content: "\f107";
	    font-family: "Font Awesome 5 Free";
	    font-size: 20px;
	    font-weight: 900;
	    position: absolute;
	    left: 10px;
	    top: 12px;
	}
	li.menu-item-has-children.active:before{
		transform: rotateZ(180deg);
	}

	.header-menu ul.menu {
		list-style-type: none;
	}
	
	.header-menu ul.menu > li.mobile {
		display: block;
	}
	.header-menu ul.menu li a {
		font-size: 21px;
		font-weight: normal;
		line-height: 1.5;
		padding: 7px 10px 6px 0;
		position: relative;
		z-index: 10;
	}

	.header-menu ul ul.sub-menu {
		top: 0;
		border: none;
	}
	.header-menu ul ul {
		position: relative;
		border: none;
		width: auto;
		text-align: inherit;
		top: auto;
		left: auto;
	}
	.header-menu ul.menu li{
		margin: 0;
	}
	.header-links{
		right: 80px;
	}
}


/*  < 768 : Smartphone (iPad = 768)
----------------------------------------------*/
@media screen and (max-width: 767px) {

body{
	font-size: 16px;
}
	
/* header */

.header-top{
	display: none;
}	

.header-content{
	padding: 10px;
}
h1#site-title img{
	width: 120px;
}

.header-nav {
	top: 16px;
	right: 10px; 
}

.header-links{
	top: 0;
	right: 0;
}
.header-links > a{
	display: none;
}
.header-links > a.search{
	position: absolute;
	display: block;
	float: none;
	right: 50px;
	top: 18px;
}
.header-links > a.search img{
	height: 32px;
}
.header-links > a.search span{
	display: none;
}

.header-search{
	position: absolute;
	right: 60px;
	top: 1px;
	left: 10px;
	padding: 0;

}
.header-search form{
	width: 100%;
	padding: 0;
}

.header-search form label{
	display: block;
	width: 100%;
}
.header-search form .search-field{
	width: 100%;
	font-size: 16px;
	padding: 2px 4px;
	height: 40px;
}
.header-search form .search-submit{
	position: absolute;
	top: 11px;
	right: 10px;
}
.header-nav-id{
	width: auto;
}
.header-nav-id-content{
	padding: 10px;
}
.header-id-mesage{
	font-size: 16px;
}
.header-nav-id-content .bouton{
	position: relative;
	display: inline-block;
	top: auto;
	right: auto;
	transform: translateX(-50%);
	display: inline-block;
	margin: 10px 0 0 auto;
	left: 50%;
}
#main{
	width: auto;
}

#main-primary{
	float: none;
	width: auto;
}

#main-primary-left{
	float: none;
	width: auto;
}
#main-primary-right{
	display: none;
}

#main-sidebar{
	float: none;
	width: auto;
}

/* sidebar */
#bloc-cas_client{
	display: none;
}
#bloc-carre_pub1{
	display: none;
}
#text-4{ /* twitter */
	display: none;
}
#bloc-dossier img{
	width: 100%;
}
#text-5 img{ /* events */
	width: 100%;
}

/* HOME */

/* une */
#une{
	height: auto;
}
.article_une{
	width: auto;
	height: auto;
	position: relative;
}
.article_une .content {
    height: auto;
}
.article_une img {
    position: relative;
    left: auto;
    bottom: auto;
    max-width: 100% !important;
}
.article_une a.excerpt{
	position: relative;
	width: auto;
	height: auto;
	line-height: normal;
}
#une_nav{
	display: none;
}
.home #une .slick-dots {
	top: 35%;
}

/* articles */

.article div.image{
	max-width: 40%;
}

.video div.image a:after{
	width: 30px;
	height: 28px;
}

.ismobile.home .article,
.ismobile.archive .article
{
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.alignleft,
.alignright {
	float: none;
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

/* single */
.single .soc_share{
	float: none;
	text-align: right;

}

.crp_related p{
	margin: 0;
}
.crp_related ul li{
	width: 45%;
	margin: 0;
}
.crp_related ul li:nth-of-type(3){
	display: none;
}
.crp_related a{
	width: auto !important;
}
.crp_related img{
	max-width: 100% !important;
}
.crp_related .crp_title{
	width: 100% !important;
}

.article-cta-inscription{
	padding: 10px;

}
.article-cta-inscription .bouton-wrap{
	transform: none;
	text-align: center;
	position: relative;
	top: auto;
	right: auto;
	margin-top: 15px;
}
.article-cta-inscription .bouton{
	display: inline-block;
}

/* archives */
.theme-logo {
	display: block;
	text-align: right;
}
.theme-logo img{
	position: relative;
	left: auto;
	top: auto;
	margin-top: -25px;
}

/* Page d'index des dossiers  10698 */
.sommaire_dossiers{
	margin: 0 -5px;
	display: flex;
	flex-wrap: wrap;
}
.sommaire_dossiers > div{
	flex: 1 0 auto;
	width: 50%;
	padding: 0 5px;
	display: block;
}
.sommaire_dossiers > div img{
	width: 100%;
}
.sommaire_dossiers > div:nth-of-type(even):after{
	clear: both;
	content: '';
	display: table;
}

/* Page "Centre de ressources" (guides */
.guides .guide{
	width: 100%;
}
.guides .guide img{
	width: 100%;
}

/* LNEP */
.lnep-articles-container{
	margin: 0 -10px;
}
.bloc-lnep{
	flex: 0 1 auto;
   width: calc(100% * (1/2) - 20px - 1px);
	margin: 0 10px 40px 10px;
}

.single-lnep-aside {
    float: none;
    width: 100%;
}
.single-lnep article {
    width: 100%;
}

.single-lnep-entreprise .societe {
    padding: 0 0;
}
.single-lnep-entreprise article .societe-logo {
    float: none;
    width: 100%;
}
.single-lnep-entreprise article .societe-text {
    margin-left: 0;
}

h3.lnep-entreprise-articles-title {
     margin: 30px 0 40px 0;
}
.single-lnep-entreprise .articles {
    padding: 0 0;
}
.single-lnep-entreprise .articles .article {
  width: calc(100% * (1/2) - 20px - 1px);
  margin: 0 10px 40px 10px;
}

h3.lnep-entreprise-articles-title {
    font-size: 22px;
    margin: 30px 0 40px 0;
}
.single-lnep-entreprise .articles-autres{
	padding: 0 0;
}
.single-lnep-entreprise .article-autre{
   width: calc(100% * (1/2) - 20px - 1px);
	margin: 0 10px 40px 10px;
}
.single-lnep-entreprise .articles .article .title {
    font-size: 18px;
}

/* LNEP
-------------------------------*/
.article-lnep{
	padding-top: 15px;
	margin-top: -16px;
   border-top: 1px solid #ddd;
  	padding-left: 10px;
}
.article-lnep-info{
	position: relative;
	bottom: auto;
	right: auto;	
	margin-top: 3px;
}


.lnep-recherche form{
	position: relative;
}

.lnep-recherche form > div{
	position: static;
}
.recherche-keyword{
	width: 100%;
	margin-bottom: 10px;
}
.recherche-keyword input[type="text"]{
	width: 87% !important;
}
.recherche-theme, .recherche-secteur, .recherche-societe{
	width: 33.33%;	
}
.recherche .liste{
	width: 100%;
	top: auto;
}
.recherche .recherche-societe .liste {
    right: auto;
    left: 0;
    width: 100%;
}
.recherche ul li {
	padding: 5px 0;
}


/* Partie Chroniques
-----------------------------------*/
.chroniques-container .chronique {
    width: 100%;
}



.article-chronique-row{
	flex-direction: column;
}
.article-chronique-aside-col{
	order: 2;
	width: 100%;
	padding-right: 0;	
	flex: 1 0 auto;
}
.article-chronique-content-col{
	order: 1;
	flex: 1 0 auto;
	width: 100%;
}
.single-chronique .chroniqueur-description {
    column-count: 1;
}

.single-chronique .articles-container .article {
    width: 100%;
}

.single-chronique .chroniqueur-nom{
	display: block !important;
}

/* Partie Dossiers
-----------------------------------*/
.single-dossier .dossier-articles li{
	width: 100%;
	margin-bottom: 20px;
}
.single-dossier .dossier-articles .dossier-article-title{
	margin-top: 0;
}
.single-dossier .dossier-articles .dossier-article-image{
	/*width: 40%;
	float: left;*/
	margin-right: 12px;
	padding: 0;
	height: auto;
}
.single-dossier .dossier-articles .dossier-article-image img{
	position: relative;
}

.article-dossier-row{
	flex-direction: column;
}
.article-dossier-aside-col{
	order: 2;
	width: 100%;
	padding-right: 0;	
	flex: 1 0 auto;
}
.article-dossier-content-col{
	order: 1;
	flex: 1 0 auto;
	width: 100%;
}


/* Footer
------------------------------------*/
#footer-content-left,
#footer-content-center,
#footer-content-right{
	float: none;
	width: auto;

}
#footer-content-center {
	padding: 20px 0 20px 0;
}
#footer-content-right{
	padding: 0;
	text-align: center;
}

#cookie-law-info-again {
	z-index: 9 !important;
}

}

/*  < 400 : Smartphone portrait (< iPhone 6,7,8)
----------------------------------------------*/

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

	.home #une .slick-dots {
		top: 30%;	
	}

}

/*  < 325 : Smartphone portrait (= iPhone 5)
----------------------------------------------*/

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

	.home #une .slick-dots {
		top: 22%;	
	}

}