/*-----------------------------------------*/
/*----- legislation.css -------------------*/
/*-----------------------------------------*/

.header-legislation{
	margin-top: 60px;
	margin-bottom: 40px;
}

.header-legislation h1{
	font-size:44px;
	display:inline-block;
	font-family : "Oswald";
	text-transform:uppercase;
	padding-left:50px;
}
.legislation-content{margin-left:0px;margin-right:0px;}

.legislation .box-legislation{
	min-height:200px;text-align:center;
	margin-bottom:60px;
	padding:0px 20px;
}
.legislation .box-legislation a{
	width:80%;height:200px;margin:0 auto;text-transform:uppercase;color:#FFF;font-weight:bold;
	letter-spacing:1.5px;font-size:18px;display:flex;
	justify-content: center;align-items:center;
	background:#EF5E04;position:relative;
	transition: all 0.7s ease 0s;
}
.legislation .box-legislation a .title-box-legislation{
	width:100%;padding:0px 20px;
}
.legislation .box-legislation a:hover{
	text-decoration:none!important;
	transition: all 0.4s ease 0s;
	background:#EF8004;
	-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;
	border-radius:10px;
}
.legislation .box-legislation a .number-doc{
	width:100%;color:#FFF;
	display:flex;justify-content: center;align-items:center;
	position:absolute;bottom:0;right:0;padding:20px;
	margin-bottom:10px;
	height:40px;line-height:40px;
}
.icon-document{
	display:inline-block;
	width:30px;
	height:40px;
	padding-left:5px;
	background-image: url('../img/icon-document.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:30px 30px;
}



.recherche-document{width:50%;height:120px;margin:0 auto;}
.recherche-document #searchform{height:120px;padding:10px 0px 40px 0px;text-align:center;}
.recherche-document #searchform .screen-reader-text{display:none;}
.recherche-document #searchform #s{
	height: 40px;
    padding: 0px 10px;
    border: 1px solid #b0a7a7;
    color: rgba(67,78,100,0.8);
}
.recherche-document #searchform #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;
}
.recherche-document #searchform #searchsubmit:hover{
	background: #434e64;
    border: 1px solid rgba(67,78,100,1);
    color: #FFF;
    transition: all 0.4s ease 0s;
    cursor: pointer;
}






/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* --------------- 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){   /*-----------------------------------------------------------------*/
   
}




@media screen and (min-width:961px) and (max-width:1440px){   /*-----------------------------------------------------------------*/
    
}





@media screen and (min-width:769px) and (max-width:960px){   /*-----------------------------------------------------------------*/
    
}




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

	.recherche-document{width: 70%;display: flex;align-items: center;justify-content: center;}

}  




@media screen and (min-width:601px) and (max-width:768px){   /*-----------------------------------------------------------------*/
    
	.header-legislation{width:96%;margin:0 auto;margin-top:100px;}
	.header-legislation h1{padding-left:0px;}

	.recherche-document{display: flex;align-items: center;justify-content: center;}

	.legislation .box-legislation {width:50%;margin-bottom:0px;}
	.legislation .box-legislation a {width:100%;height: 160px;font-size: 14px;}	
}   




@media screen and (min-width:481px) and (max-width:600px){   /*-----------------------------------------------------------------*/
    
	.header-legislation{width:90%;margin:0 auto;margin-top:100px;}
	.header-legislation h1{font-size:36px;padding-left:0px;}

	.recherche-document{display: flex;align-items: center;justify-content: center;}

	.legislation .box-legislation {width:50%;margin-bottom:0px;}
	.legislation .box-legislation a {width:100%;height: 160px;font-size: 14px;line-height: 16px;}

}   



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

    .header-legislation{margin:0 auto;margin-top:100px;}
	.header-legislation h1{font-size:28px;padding-left: 23px;}	

	.recherche-document{display: flex;align-items: center;justify-content: center;}

	.legislation .box-legislation {width:100%;margin-bottom:0px;min-height:130px;}
	.legislation .box-legislation a {width:100%;align-items:start;padding-top:10px;height:100px;font-size: 14px;line-height: 16px;}
	.legislation .box-legislation a .title-box-legislation{padding:10px 20px 0px 20px;}	

	/*---- Recherche Document */
			
	.recherche-document{height:100px;}
	.recherche-document #searchform #s{width:100%;}
	.recherche-document #searchform #searchsubmit{width:100%;margin-top:10px;}




}