/* responsive */

@media handheld, only screen and (max-width: 990px), only screen and (max-device-width: 990px) {

	#burger, .close {
		display:block;
		}
	
	.close {
		color:#FFF;
	}
	
	#menu_top {
		display:none;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		text-align: center;
		z-index: 99999;
		background: rgba(0,0,0,0.90);
	}

	#menu_top ul {
		text-align: center;
		margin: 0 auto;
		width: 80%;
		padding: 0 10%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	#menu_top ul li {
		list-style-type: none;
		display: block;
		width: 100%;
		text-align: center;
		line-height: 30px;
		padding: 20px 0;
		margin: 0;
	}

	#menu_top ul li a {
		color: #FFF;
		font-size:22px;
	}

	#menu_top ul li svg {
		width:30px;
		height:30px;
		margin-bottom: 50px;
		border: 1px solid #FFF;
		border-radius: 50%
		}

	nav .over, nav ul li:hover {
		border-bottom:none;
		}

	nav .over a, nav ul li:hover a {
		font-weight: bold
		}
	.tarifs img {
		margin-right: 0;
	}
	.tarifs div {
		padding: 40px;
	}

}

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
	.notresponsive {
		display: none!important;
	}
	
	.responsive {
		display: block!important;
	}
	
	body {
		font-size: 20px;
	}
	
	header, section, footer {
		width:80%;
		}
	
	h1, h3, h4, .boutonB, .boutonN {
		font-size:22px;
		}

	h2 { /* logo */
		font-size:30px;
		padding-top: 3px;
		}
	
	h1 {
		padding:15px 0;
		display: block;
    	margin: 10px auto 20px auto;
		}

	h4, h3 {
		margin:0 0 10px 0;
		}

	h5 {
		font-size:20px;
		}

	article {
		padding:20px 0;
		}

	.flip, .tarifs {
		display: flex;
		align-items: center;
		flex-direction: column;
		text-align: center
	}
	
	.flip ul {
		margin:0px 0 10px 0
	}

	.reverse {
    	flex-direction: column-reverse;
	}

	.flip img, .tarifs img {
		width:100%;
	}
	.tarifs img {
		float: none;
		margin-right: 0;
	}

	.tarifs div {
		float: none;
		padding:10%;
		margin:0;
		width:80%;
	}
	
	.partage {
		text-align: center;
	}
	
	.presse ul li strong {
		text-align: center
	}

	#contact {
		padding:2%;
		width:96%;
		z-index:1;
		}

	#contact .fermer {
		float:right;
		font-size:40px;
		margin:-50px -30px 0 0;
		padding:0;
		cursor:pointer;
		text-decoration:none;
		}
	
	.css-zradzo {
		width: 223%!important;
		margin-bottom: 20px;
	}
	
	.ordi {
		display: none!important;
	}
	
	.mobile {
		display: block!important;
	}
	
	.boutonB, .boutonN {
		display:block;
		text-align: center
		}
	
}