html body{ min-width: 300px; }

/*--- tablet ---*/
@media only screen and (max-width: 1024px) and (min-width: 767px) {
.dl-menuwrapper ul ul {
		opacity: 1;
        visibility: visible;
		display: none !important;
	}

	.dl-menuwrapper ul li:hover > ul {
			display: block !important;
			margin: 0;
			opacity: 1;
			visibility: visible;
	}

	.dl-menuwrapper ul ul ul {
		top: -4px;
		left: 80px !important;
	}
}
@media only screen and (max-width: 996px) {

	h1{ font-size: 3em; }
	h2{ font-size: 2.2em; }
	h3{ font-size: 2em; }
	h4{ font-size: 1.6em; }
	h5{ font-size: 1.4em; }
	h6{ font-size: 1.3em; }

	p, ul, ol {
		font-size: 1em;
	}

	#content-section-1 h3 {
		font-size: 1.5em;
	}

	.gdlr-header-style-1 .gdlr-logo{ float: none; margin: 35px auto 10px; }
	.gdlr-header-style-1 .gdlr-navigation { margin-top: 0px; float: none !important; 
		display: block; text-align: center; line-height: 0; }
	.gdlr-header-style-1 .gdlr-navigation > ul.sf-menu{ display: inline-block; float: none; 
		line-height: 1.7; text-align: left; }
	.gdlr-header-style-1 .gdlr-main-menu > li > a{ padding-bottom: 20px; }

	.main_menu {
		float: none !important;
		position: relative;
		top: 75px;
		width: 75%;
		margin: 0 auto;
	}

	.dl-menuwrapper ul  {
		float: none !important; 
		margin: 0;
		margin-left: 50px !important;
	}

	.dl-menuwrapper ul ul {
		margin-left: 0 !important;
		top: 70px !important;
	}

	.dl-menuwrapper ul ul ul {
		margin-left: 0 !important;
		top: -4px !important;
	}

	.gdlr-nav-search-form-button { float: none; width: 15px; position: absolute; top: 0 }


	#page, footer, #navTop {
		width: 100%;
	}

	section, #accueil article, #nosmarques, #contentFooter, #contentcopyright, .feature-media-title-overlay, #content, aside {
	width: 90%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	float: none;
	}

	#content {
		margin-bottom: 50px;
	}

	#content img {
		width: 100%;
		height: auto;
	}

	aside .contentWidget {
		margin-bottom: 50px !important;
	}

	aside {
		display: none;
	}


	.wrapperHeader {
		background-size: cover;
		border-top: 1px solid #676767;
	}

	#contentHeader {
		height: 159px !important;
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
	}	


	.wrapperHeader h1 {
		position: relative;
	}

	 #navTop, #contentHeader {
		width: 100%;
		
	}

	header #contentHeader h1 {
		text-align: center;
	}

	header #contentHeader h1 a {
		margin: 10px auto 0 auto !important;
		width: 750px !important;
		max-width: 100%;
		height: 80px;
		max-width: 100%;
		background-position: 50% 0;
	}

	.gdlr-page-title-wrapper { height: 150px; background-size: cover !important; background-position: 40% 0 !important; }

	#content-section-1 #home1 i {
		width: 25px;
		height: 15px;
		background-size: contain;
	}

	#content-section-1 #home2 i {
		width: 15px;
		height: 15px;
		background-size: contain;
	}

	#content-section-1 i {
		font-size: 14px;
	}

	.column-service-icon {
		margin-top: 4px;
		
	}

	#content-section-1 #home1 .column-service-icon {
		margin-right: 0px;
	}

	.chart-content i { margin-top: -28px; margin-bottom: 10px; margin-right: 0; display: block; height: 30px; background-size: contain !important; }

	
}

/*--- mobile landscape style ---*/
@media only screen and (max-width: 758px) {

	.actus, .columns {
		width: 100% !important;
	}

	.dl-menuwrapper ul  {
		margin-left: 0 !important;
	}

	#topleft, #topright {
		float: none;
		width: 100%;
		margin: 0 auto;
		min-width: auto;
		text-align: left;
		overflow: none;
		text-align: center;
	}
	
	#topleft {
		display: none;
	}

	.top-social-wrapper {
		float: none; margin-left: 0px; display: inline-block; padding-top: 4px;
	}

	#topleft li, #topright li {
		background: none;
		display: inline;
		float: none;
	}

	#topright ul {
		float: none;
	}

	img, iframe {
		width: 100%;
	}

	iframe {
		width: 100% !important;
	}

	.allactus {
		position: relative;
	}

	#slides li {
		width: 50%;
	}

	div.contentWidget {
		margin: 0;
	}

	#copyright p, #copyright #poweredby {
		float: none !important;
		text-align: left;
	}

	.gdlr-nav-search-form-button {
		display: none;
	}
	
	header #contentHeader h1 {
		width: 100%;
		text-align: center;
	}

	header #contentHeader h1 a {
		margin: 20px 0 0 0px !important;
		background-position: 0 0;
		width: 70% !important;
	}
	
	#contentHeader {
		height: 100px !important;
		
	}	
	.gdlr-page-title-wrapper { height: 150px; background-size: cover !important; background-position: 50% 0 !important; }

	#content-section-1 .columns {
		margin-bottom: 30px;
	}
	.page-id-2974 iframe {
		height: 1400px !important;
		/*height: 2800px !important;*/
	}
}

@media only screen and (max-width: 640px) {
	#topright ul {
		margin-top: 0px;
	}

	.gdlr-page-title-wrapper { height: 120px; background-size: cover !important; background-position: 45% 0 !important; }

	aside {
		display: none;
	}

	.page-id-2974 iframe {
		/*height: 1200px !important;*/
		height: 2500px !important;
	}
	
}

@media only screen and (max-width: 480px) {
	#topright ul {
		margin: 10px 0;
	}

	#topright li i {
		margin-right: 3px;
	}
	
	#topright li {
		display: inline;
		float: none;
		line-height: 18px;
		height: auto;
		margin-right: 5px;
		padding: 0;
	}

	#topright #contact li#contacttel {
		display: block;
	}

	#topright #contact li#contacttel a {
		color: #97c566 !important;
	}

	.gdlr-page-title-wrapper { height: 75px; background-size: cover !important; background-position: 43% 0 !important; }

	iframe {
		max-width: 100%;
		width: 100% !important;
	}
	
	
}