/* ------------------------------------------- */
/* -- home.css ------------------------------- */
/* ------------------------------------------- */



/* ---- TEST LOCALSTORAGE ---- */

.header-blog{position:relative;}

.switch1{position:absolute;top:0;right:60px;}
.switch2{position:absolute;top:0;right:0;}
.test1{color:red;}
.test2{color:cyan;}


.menu-tool{width:94%;margin:0 auto;margin-bottom:30px;margin-top:10px;display:none;}
div#search-container.collapse{display:block;margin-bottom:40px;}

.display-article{position:absolute;top:8px;right:0px;}

.btn-glass, .btn-img, .btn-list{
	width:40px;height:40px;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-size:32px 32px;
	background-position:center center;
	border:0px;
	cursor:pointer;
}

.btn-glass{background-image:url('../img/icon-btn-glass.svg');}
.btn-img{background-image:url('../img/icon-btn-img.svg');}
.btn-list{background-image:url('../img/icon-btn-list.svg');background-size:30px 30px;}

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

.header-blog{margin-top: 60px;height: 100px; }

.header-blog h1{
	font-size:44px;
	display:block;
	/font-family : "Oswald";
	text-transform:uppercase;
	padding-left:50px;
	position:relative;
}

.blog .container-search-form aside.menu-widget-area
{
	height:40px;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:40px;
}

.blog .container-search-form .menu-widget-area section{float:left;}
.blog .container-search-form .menu-widget-area section h2{display:none;}
.blog .container-search-form .menu-widget-area section .screen-reader-text{display:none;}
.blog .container-search-form .menu-widget-area section select{height:40px;margin:0px 15px;padding:5px 10px;border:1px solid #b0a7a7;color:#bbb;background:#FFF;}

.blog .container-search-form #searchform{height:40px;margin-left:20px;}
.blog .container-search-form #searchform input#s{height:40px;padding:0px 10px;border:1px solid #b0a7a7;color:rgba(67,78,100,0.8);}

.blog .container-search-form #searchform input#searchsubmit{height:40px;background:#FFF;border:1px solid rgba(67,78,100,0.5);color:rgba(67,78,100,0.5);text-transform:uppercase;padding:0px 10px;font-weight:bold;transition: all 0.4s ease 0s;letter-spacing:1px;}

.blog .container-search-form #searchform input#searchsubmit:hover{background:#434e64;
	border:1px solid rgba(67,78,100,1);color:#FFF;transition: all 0.4s ease 0s;cursor:pointer;
}

.info_search_by_type{height:40px;float:left;}
.info_search_by_keyword{height:40px;float:left;}
.info_search_by_keyword .screen-reader-text{display:none;}





/* ----- Affichage News Card */

.blog-card{
	width:100%;
	margin:0 auto;
	border:1px solid #FFFFFF;
	text-decoration:none!important;
	display:flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 80px;
}

.blog-card:hover{border:1px solid #EF5E04;background:#fdf5ef;}

.blog-card .blog-img-news{
	display:block;
	width:100%;
	margin-bottom:20px;
	height:340px;
	position:relative;
	overflow:hidden;
}

.blog-card .blog-img-news img{
	object-fit: cover;
    width: 100%;
    height: 100%;
}

.blog-card .blog-cat-news{
	display: flex;
	position: absolute;
	width: fit-content;
	height:30px;
	background-color:#EF5E04;
	color:#FFF;
	text-transform:uppercase;
	font-size:14px;
	padding:5px 15px;
	line-height:25px;
	top:0;
	left: 0;
    right: 0;
	margin: 0 auto;
}

.blog-card .blog-date-news-single{
	display:flex;
	justify-content: center;
	align-items: center;
	height:40px;
	font-size:12px;
	color: #434E64;
}
.blog-card h2{
	font-family : "OpenSans-Regular";
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin:auto;
	height:100px;
	padding:30px 0px;
	width:90%;
	display: flex;
    align-items: center;
	justify-content:center;
}
.blog-card p{display:none;}


.blog-card:hover > .lire-news{visibility: visible;}








/* ----------- Affichage News en liste ---- */ 

.blog-list{
	background: #fff;
    width: 80%;
    margin: 0 auto;
    border:1px solid #FFFFFF;
    display: flex;
    flex-direction: column;
	align-items: center;
    height: auto;
    margin-bottom: 30px;
	text-decoration:none!important;
}

.blog-list:hover{border:1px solid #EF5E04;background:#fdf5ef;}

.blog-list .blog-img-news{
	display:block;
	width:100%;
	margin-bottom: 0px;
    height: 20px!important;
	position:relative;
}
.blog-list .blog-img-news img{
	width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.blog-list .blog-cat-news{
	display: inline-block;
	position: absolute;
	height:22px;
	background-color:#EF5E04;
	color:#FFF;
	text-transform:uppercase;
	font-size:12px;
	padding:3px 10px 3px 10px;
}
.blog-list .blog-date-news-single{
	display:block;
	min-height:20px;
	position: absolute;
    bottom: 70px;
	color: #b0a7a7;
    font-size: 13px;
    letter-spacing: 1.4px;
}
.blog-list h2{
	font-family : "OpenSans-Regular";
	color:#434E64;
	text-align: left;
    font-size: 20px;
    margin-bottom: 30px;
	padding-top:30px;
}
.blog-list p{text-align:justify;color:#434E64;}
.blog-list a{
	background: #FFF;
    border: 1px solid #EF5E04;
    padding: 5px 15px;
    text-transform: uppercase;
    color: #EF5E04;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.25px;
    border-radius: 30px;
    float: right;
    transition: all 0.4s ease 0s;
}

.blog-list a:hover{
	background: #EF8004;
    color: #FFF;
    border: 1px solid #EF8004;
    text-decoration: none;
    -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
    -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
    transition: all 0.4s ease 0s
}

.blog-list .blog-term{
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	height:22px;
	padding:3px 10px;
	text-transform:uppercase;
	background-color:rgba(67,78,100,0.9);
	position:absolute;
	display: block;
	right:0;
}

.date-news-single{
	display:flex;
	justify-content: center;
	align-items: center;
	height:40px;
	font-size:12px;
	color: #434E64;
}

.lire-news{	
	width:fit-content;
	border-radius:20px;
	text-align:center;
	background-color:#EF5E04;
	color:#FFF;
	font-size:10px;
	letter-spacing:1.5px;
	text-transform:uppercase;
	padding:10px 20px;
	margin-top: 30px;
  	margin-bottom: 30px;
	visibility: hidden;
}

.blog-list:hover > .lire-news{visibility: visible;}


/* ------------------------------------------ */
/* ------ PAGE CATEGORY --------------------- */
/* ------------------------------------------ */

.header-category{margin-top: 60px;min-height:100px;position:relative;}

.blog-card .blog-term{
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:5px 10px;
	text-transform:uppercase;
	background-color:rgba(67,78,100,0.9);
	position:absolute;
	display: block;
    width:100%;
}
.header-category a.btn-blog-back{
	display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
    background-image: url('../img/arrow_previous_cat_off.svg');
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: left center;
	position:absolute;
	top:0;
	left:0;
}

.header-category a.btn-blog-back:hover{background-image:url('../img/arrow_previous_cat_on.svg');}
.header-category a.btn-blog-back:hover{background-image:url('../img/arrow_previous_cat_on.svg');}
.header-category h1{
	font-size:44px;
	display:block;
	text-transform:uppercase;
	font-family : "Oswald";
	color:#ddd;
	position:relative;
	padding-left:50px;
}
.header-category h2.title-category{font-size:36px;color:#EF5E04;text-align:left;margin-bottom:40px;padding: 20px 50px;}
.header-category aside.menu-widget-area{height:40px;display:inline-block;float:right;margin-top:6px;}
.header-category .menu-widget-area section{float:left;}
.header-category .menu-widget-area section h2{display:none;}
.header-category .menu-widget-area section .screen-reader-text{display:none;}
.header-category .menu-widget-area section select{
	height:40px;margin:0px 15px;padding:5px 10px;border:1px solid #b0a7a7;
	color:#bbb;background:#FFF;border-radius:5px;cursor:pointer;}

.categories-pagination {margin:0 auto;margin-top:40px;height:40px;line-height:40px;font-weight:bold;clear:both;text-align:center;padding-top:3px;}
.categories-pagination .nav-links{margin: 0 auto;width: 100%;}
.categories-pagination a{border:2px solid #EF5E04;padding:10px 15px;color:#EF5E04;border-radius:5px;margin:0px 5px;}
.categories-pagination a:hover{background:#eee;text-decoration:none;}
.categories-pagination .current{border:2px solid #EF5E04;padding:10px 15px;background:#EF5E04;color:#FFF;border-radius:5px;}
.categories-pagination .dots{color:#EF5E04;}


/* ------ Pagination ACTUALITES - HOME - BLOG */

.pagination-actus{margin-top:40px;}
.pagination-actus {margin:0 auto;height:40px;line-height:40px;font-weight:bold;clear:both;text-align:center;padding-top:3px;}
.pagination-actus a{border:2px solid #EF5E04;padding:10px 15px;color:#EF5E04;border-radius:5px;margin:0px 5px;}
.pagination-actus a:hover{background:#eee;text-decoration:none;}
.pagination-actus .current{border:2px solid #EF5E04;padding:10px 15px;background:#EF5E04;color:#FFF;border-radius:5px;}
.pagination-actus .dots{color:#EF5E04;}


/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* --------------- MEDIAQUERIES ----------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */



@media screen and (min-width:1170px) and (max-width:1400px){   /*-----------------------------------------------------------------*/


}



@media screen and (min-width:1024px) and (max-width:1200px){   /*-----------------------------------------------------------------*/

}




@media screen and (min-width:1024px) and (max-width:1169px){   /*-----------------------------------------------------------------*/
   
	/* -------------------------------------- */
	/* ------ BLOG -------------------------- */
	/* -------------------------------------- */

	.blog{width:100%!important;}
	.content-blog{width:100%;height:auto;}
	.blog-img-news {height:190px;}

	.menu-tool{width:90%;display:none;}
	div#search-container.collapse{display:block;margin-bottom:40px;}
	.info_search_by_type{height:40px;float:left;}
	.info_search_by_keyword{height:40px;float:left;}
	.info_search_by_keyword .screen-reader-text{display:none;}

}




@media screen and (min-width:961px) and (max-width:1440px){   /*-----------------------------------------------------------------*/
    
	.header-blog{width:90%;margin:0 auto;margin-top:60px;}
    .header-blog h1{padding-left:0px;}

    .content-blog{width:96%;margin:0 auto;height:auto;}
	.blog-card .blog-img-news{height:280px;}


	.header-category{width:90%;margin:0 auto;margin-top:60px;}
    .header-category h1{padding-left:50px;}
}





@media screen and (min-width:769px) and (max-width:960px){   /*-----------------------------------------------------------------*/
    
	.header-blog{width:90%;margin:0 auto;margin-top:140px;}
    .header-blog h1{padding-left:0px;}	

	.header-category{width:90%;margin:0 auto;margin-top:140px;}
    .header-category h1{padding-left:50px;}	
}




@media screen and (min-width:769px) and (max-width:1023px){   /*-----------------------------------------------------------------*/
   
    .header-blog{margin-top:140px;}	
	.blog{width:100%!important;}	
	.container-search-form{}
	.content-blog{width:90%;margin:0 auto;;height:auto;}
	.blog-img-news {height:200px!important;}
	.blog-card h2 {min-height: 100px;}
	
	/* ------ HOME BLOG ---------- */

	/* ----- Content Blog */
		
	/* ----- Recherche Blog */
	
	.blog .container-search-form aside.menu-widget-area{width:90%;height:100px;}
	.blog .container-search-form .menu-widget-area section select{width:96%;margin:0px;padding:0px;font-size:13px;}
	.blog #categories-3{width:50%;margin:0px;margin-bottom:20px;}	
		
	.blog #archives-3{width:50%;margin-bottom:20px;text-align:right;}

	.blog #search-3{width:100%;}
	.blog .container-search-form #searchform{margin-left:0px;}
	.blog .container-search-form #searchform input#s{width:59%;margin-left:5%;padding:0px 5px;}
	.blog .container-search-form #searchform input#searchsubmit{width:34%;font-size:12px;letter-spacing:normal;line-height:40px;}

		
	.info_search_by_type{height:40px;float:left;width:55%;}
	.info_search_by_keyword{height:40px;float:left;width:45%;}
	.info_search_by_keyword .screen-reader-text{display:none;}

    /* ----------------------------------------- */
	/* ------ PAGE CATEGORIES ----------------- */
	/* ----------------------------------------- */
		
	.header-category{width:94%;margin:0 auto;margin-top:100px;}	
}  




@media screen and (min-width:601px) and (max-width:768px){   /*-----------------------------------------------------------------*/
   	
    .blog{width:100%!important;}	

	.header-blog{width:96%;margin:0 auto;margin-top:80px;}
	.header-blog h1{width:90%;margin:0 auto;font-size:36px;padding-left:0px;padding-top:30px;}	

	div#search-container.collapse{width:90%;margin:0 auto;margin-bottom:40px;}

	.display-article{position:absolute;top:110px;right:40px;}	
	.menu-tool{width:80%;display:block;}
	div#search-container.collapse:not(.show){ display: none;}	
	.content-blog{width:90%;margin:0 auto;height:auto;}
	.content-blog .col-lg-4.col-md-6 {width: 50%;}
	.blog-img-news {height:200px!important;}

	.blog-card{width:80%;}

	.blog-card .blog-cat-news {width:fit-content;text-align:center;}
	.blog-card h2 {min-height: 100px;}	
	.info_search_by_type{height:40px;clear:both;width:100%;}
	.info_search_by_keyword{height:40px;clear:both;width:100%;margin-top:30px;}
	.info_search_by_keyword .screen-reader-text{display:none;}	

	.blog-card .lire-news{visibility: visible;}


    /* ----- Recherche Blog */

    .blog .container-search-form aside.menu-widget-area{width:90%;height:100px;}
	.blog .container-search-form .menu-widget-area section select{width:96%;margin:0px;padding:0px;}
	.blog #categories-3{width:50%;margin:0px;margin-bottom:20px;}		
	.blog #archives-3{width:50%;margin-bottom:20px;text-align:right;}
	.blog #search-3{width:100%;}
	.blog .container-search-form #searchform{margin-left:0px;}
	.blog .container-search-form #searchform input#s{width:70%;}
	.blog .container-search-form #searchform input#searchsubmit{width:29%;}

    /* ----------- Affichage News en liste ---- */ 

    .blog-list .blog-cat-news{
		display: inline-block;
		position: absolute;
		height:22px;
		background-color:#EF5E04;
		color:#FFF;
		text-transform:uppercase;
		font-size:12px;
		padding:3px 10px 3px 10px;
		width:auto;
	}	
	.blog-list .blog-date-news-single{bottom:65px;}		

	.blog-list .lire-news{visibility: visible;}

	.header-category{width:94%;margin:0 auto;margin-top:100px;}		

    /* ----------------------------------------- */
	/* ------ PAGE CATEGORIES ----------------- */
	/* ----------------------------------------- */
		
	.header-category{width:96%;margin:0 auto;margin-top:80px;}
	.header-category h1{width:90%;margin:0 auto;font-size:36px;padding-left:50px;}
}   




@media screen and (min-width:481px) and (max-width:600px){   /*-----------------------------------------------------------------*/


    .header-blog{width:96%;margin:0 auto;margin-top:80px;height:auto;}
	.header-blog h1{width:80%;margin:0 auto;font-size:36px;padding-left:0px;padding-top:30px;}	
	
	.display-article{position:absolute;top:110px;right:30px;}	
	.menu-tool{width:80%;display:block;}
	div#search-container.collapse:not(.show){ display: none;}

	.blog{width:100%!important;}	
	.content-blog{width:70%;margin:0 auto;height:auto;}

	.blog-card{width:60%;}

	.blog-img-news {height:240px!important;}
	.blog-card .blog-cat-news {width:fit-content;text-align:center;}
	.blog-card h2 {min-height: 100px;}

	.blog-card .lire-news{visibility: visible;}
		
	/* ------ HOME BLOG ---------- */

	/* ----- Content Blog */
	
	/* ----- Recherche Blog */
	
	.blog .container-search-form aside.menu-widget-area{width:80%;height:160px;}
	.blog .container-search-form .menu-widget-area section select{width:100%;margin:0px;padding:0px;}
	.blog #categories-3{width:100%;margin:0px;margin-bottom:20px;}			
	.blog #archives-3{width:100%;margin-bottom:20px;text-align:right;}
	.blog #search-3{width:100%;}
	.blog .container-search-form #searchform{margin-left:0px;}
	.blog .container-search-form #searchform input#s{width:60%;}
	.blog .container-search-form #searchform input#searchsubmit{width:38%;}
	.info_search_by_type{height:100px;clear:both;width:100%;}
	.info_search_by_keyword{height:40px;clear:both;width:100%;margin-top:30px;}
	.info_search_by_keyword .screen-reader-text{display:none;}
		
	/* ----------- Affichage News en liste ---- */ 
	
	.blog-list .blog-cat-news{
		display: inline-block;
		position: absolute;
		height:22px;
		background-color:#EF5E04;
		color:#FFF;
		text-transform:uppercase;
		font-size:12px;
		padding:3px 10px 3px 10px;
		width:auto;
	}
	.blog-list .blog-term{
		left: 0;
    	top: 22px;
    	margin-bottom: 20px;
		text-align:left;
	}	
	
	.blog-list .blog-date-news-single{bottom:65px;}
	.blog-list h2{padding-top:50px;}
	.blog-list .blog-date-news-single{text-align:center;}

	.blog-list .lire-news{visibility: visible;}

    /* ----------------------------------------- */
	/* ------ PAGE CATEGORIES ----------------- */
	/* ----------------------------------------- */
		
	.header-category{width:96%;margin:0 auto;margin-top:80px;height:auto;}
	.header-category h1{width:80%;margin:0 auto;font-size:36px;padding-left:0px;}
	.header-category h2.title-category{font-size:24px;}
	.header-category a.btn-blog-back{
		background-position: center center;
		position:absolute;
		top:0px;
		left:0px;
		background-size: 32px 32px;
	}

}   



@media screen and (max-width:480px){   /*-----------------------------------------------------------------*/


	.header-blog{width:96%;margin:0 auto;margin-top:100px;height:auto;}
	.header-blog h1{width:80%;margin:0 auto;font-size:28px;padding-left:0px;padding-top:30px;}	
	
	.display-article{position:absolute;top:110px;right:30px;}	


	
	.menu-tool{width:80%;display:block;}
	div#search-container.collapse:not(.show){ display: none;}	
	.blog{width:100%!important;}	

	.blog-card{width:80%;}

	.content-blog{width:90%;margin:0 auto;height:auto;}

	.blog-img-news {height: 230px!important;}
	.blog-cat-news {width:fit-content;text-align:center;}
	.blog-card h2 {min-height: 100px;}

	.blog-card .lire-news{visibility: visible;}
		
	/* ------ HOME BLOG ---------- */

	/* ----- Content Blog */

	.single{font-size:14px;}
		
	/* ----- Recherche Blog */
	
	.blog .container-search-form aside.menu-widget-area{width:80%;height:160px;margin-top:0px;}
	.blog .container-search-form .menu-widget-area section select{width:100%;margin:0px;padding:0px;height:34px;}
	.blog #categories-3{width:100%;margin:0px;margin-bottom:10px;}		
	.blog #archives-3{width:100%;margin-bottom:10px;text-align:right;}
	.blog #search-3{width:100%;}
	.blog .container-search-form #searchform{margin-left:0px;}
	.blog .container-search-form #searchform input#s{width:100%;height:30px;}
	.blog .container-search-form #searchform input#searchsubmit{width:100%;margin-top:10px;height:30px;font-size:13px;}
		
	.info_search_by_type{height:80px;clear:both;width:100%;}
	.info_search_by_keyword{height:70px;clear:both;width:100%;margin-top:20px;}
	.info_search_by_keyword .screen-reader-text{display:none;}
			
	/* ----------- Affichage News en liste ---- */ 

	.blog-list{padding-bottom:70px!important;position: relative;}	
		
	.blog-list .blog-cat-news{
		display: inline-block;
		position: absolute;
		height:22px;
		background-color:#EF5E04;
		color:#FFF;
		text-transform:uppercase;
		font-size:12px;
		padding:3px 10px 3px 10px;
		width:auto;
	}
	.blog-list .blog-term{
		left: 0;
    	top: 22px;
    	margin-bottom: 20px;
		text-align:left;
	}	
	
	.blog-list .blog-date-news-single{bottom:120px;width:120px;}
	.blog-list h2{padding-top:50px;font-size:16px;}	
	.blog-list p{font-size:14px;}
	.blog-list .blog-date-news-single{text-align:center;}	
	.blog-list a{
		display: block;
		text-align: center;
		width: 180px;
		margin: 0 auto;
		margin-top: 70px;
		float: none;
	}

	.blog-list .lire-news{visibility: visible;}


	.header-category{width:96%;margin:0 auto;margin-top:100px;height:auto;}
	.header-category h1{width:80%;margin:0 auto;font-size:28px;padding-left:0px;}	
}