body{
		
margin:0 auto;
		
background:#f5f5f5 ;
	}
	#texte{
	    font-family: 'Montserrat', sans-serif;
		color:#333;
		width:1170px;
		margin: 30px auto;	
		padding-bottom:40px;
	}
	#texte .intro{
		text-align:center;
		max-width:800px;
		margin:auto;
		font-size:18px!important;
	}
.btn_in_div a{
	background-color:#8cc63f;
	color:#fff;
	text-decoration:none;
	padding:5px 10px;
	font-size:17px;
	border-radius:8px;
	
}
.btn_in_div{
	position:absolute;
	bottom:20%;
	left:0;
	right:0;
	z-index:10000;
	text-align:center;
	display:flex;
	gap:20px;
	justify-content: center;
}
	#header img{
		margin:auto;
		max-width:95%;
		width:420px;
		

	}
	#header{
		z-index:1000;
		width:100%;
		text-align:center;
		margin:0 auto;
		max-width:100%;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0px, transparent 95%);
		padding:15px 0;
		padding-bottom:40px;
		position:absolute;
	}
	#center-header{
		width:1170px;
		margin:auto;
		text-align:left;
	}
	#dispatch{
		width:1120px;
		margin:30px auto;

	}
	#dispatch{
		width:1120px;
		margin:30px auto;

	}
		#dispatch a{
			display:block;
			position:relative;
			overflow:hidden;
		}
	#dispatch img{
  -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	}
	#dispatch img:hover{
			    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  
	}

	#dispatch table td{
		vertical-align:top;
	}
	#dispatch h3{
		text-align:center;
	}
	h2{
		font-family: 'Montserrat', sans-serif;
		color:#fff;
	}
	h3, h3 a{
		font-family: 'Montserrat', sans-serif;
		color:#333;
		font-size:20px;
		margin-bottom:0px;
		text-decoration:none;
	}
	#footer{
		font-family: 'Montserrat', sans-serif;
		color:#fff;
		font-size:10px;
		text-align:center
	}
	a{color:#fff;text-decoration:underline;}
	a:hover{text-decoration:none;}
	.slider{
		width:100%;
		height:350px;
		position:relative;
		overflow:hidden;
	}
	.slider img{
		position:absolute;
		left:50%;
		margin-left:-960px;
	}

	.contain-link{
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		flex-direction: row;
		padding-top: 30px;
	}

.contain-link .link {
    width: calc(50% - 10px);
    display: flex;
    flex-wrap: wrap;
    position: relative;
	border-radius:20px;
	
    overflow: hidden;
}

.contain-link .link img {
    transform: scale(1.01);
}

.contain-link a:after {
   /* content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 84%) 100%);*/
}

.contain-link a h3 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: flex-end;
    margin: 0;
    z-index: 3;
    padding-bottom: 20px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
}

.contain-link .link img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    object-fit: cover;
    transition: all 0.5s ease;
}



    @media screen and (max-width: 1170px) {
    	.slider{
		width:100%;
		height:auto;
		padding-bottom:30%;		
	}
	.slider img{
		position:absolute;
		left:50%;
		margin-left:-75%;
		width:150%;
	}
	#center-header{
		width:100%;
	}
    	body{
    		width:100%;
    	}
    	#texte{
    		width:95%;
    		margin:auto;
    		font-size:15px;
    	}
    	#dispatch{
    		width:100%!important;
			margin:30px 0px;
    	}
    	#dispatch table,
    	#dispatch table tbody,
    	#dispatch table tbody tr{
    		width:100%;
    		padding:0!important;
    		display:inline-block;
    		text-align:center;
    	}
    	#dispatch table tbody tr td{
    		width:48%;
    		vertical-align:top;
    		padding:0!important;
    		display:inline-block;
    		text-align:center;
    	}
    	#dispatch table tbody tr td {
    		margin-bottom:20px;
    	}
    	#dispatch table tbody tr td a{
    		display:block;
    	}	
    	#dispatch table tbody tr td a img{
    		max-width:100%;
    	}
    	#dispatch table{
    		width:95%;
    		margin:auto!important;
    		display:block;
    	}
    }
     @media screen and (max-width: 700px) {
     	#dispatch table tbody tr td{
    		width:100%;
    		padding:0!important;
    		display:inline-block;
    		text-align:center;
    	}

		 .contain-link a{
			 width:100%;
		 }
	 }
	  @media screen and (max-width: 650px) {
	 .slider{
		width:100%;
		padding-bottom:40%;
		
	}
	.slider img{
		position:absolute;
		left:50%;
		margin-left:-100%;
		width:200%;
	}
	  }