/* --------------
RESPONSIVE DESIGN  
-----------------*/

/*.box-menu select*/ 
#btn-menu{ 
	display: none;
}

/*-- Responsive --*/
@media screen and (max-width: 1024px), (max-device-width: 1024px){ /* Tablettes */
	.container{
		max-width: 95%;
	}

	
} /* Fin Tablettes : 768*1024 */


@media screen and (max-width: 767px), (max-device-width: 767px){ /* Mini-tablettes */


} /* Fin Mini-tablettes : 600*768 */


/* Menu responsive */
@media screen and (max-width: 767px), (max-device-width: 767px){ /* Mobiles */

	
	#btn-menu{
		cursor: pointer;
		display: block;
		float: left;
		margin-top: 10px;
		/*text-align: right;*/
		/*width: 25%;*/
		width: 100%;
		background-color: var(--color6);
		padding: 10px 0;
	}
		#btn-menu span{
			background: url('../img/charte/btn-menu-mobile.png') no-repeat center right / 44px 33px;
			display: block;
			height: 33px;
			width: 44px;
			/*margin: 0 auto;*/
			margin-left: 5%;
			text-indent: -999em;
		}

		.widget_nav_menu{
			display: none;
		}

		.box-menu{
			background: #fff;
			left: 0;
			padding-top: 0;
			position: absolute;
			top: 100%;
			width: 100%;
			z-index: 99999;
		}
			.box-menu li{
				display: block;
				padding: 7px 10px;
				width: 100%
			}
				.box-menu li a{

				}

				.box-menu ul .sub-menu{
					left: 0;
					position: relative;
					top: auto;
				}
					.box-menu ul .sub-menu li{
						text-align: center;
					}
						.box-menu li .sub-menu a{
							font-family: "sr";
							text-transform: none;
						}
						

	body #leftbar, body #contents{
		float: none;
		width: 100%;
	}
	#header > .inner, body #leftbar, #wrapper .inner #contentsInner, #footer .inner{
		padding: 5px 10px
	}


	.langues{
		position: relative;
	}
	.grecaptcha-badge{
		left: 0;
	}


} /* Fin Mobiles: 320*599 */