html, body {
	margin:0;
	padding:0;
	font-family: 'Corbel', 'Lato', sans-serif;
	font-size: 16px;
}

* { box-sizing: border-box; }
p{ margin: 0; padding: 0; }
ul { margin-left:0; padding-left:0; }
li { margin-bottom:0px; }

.pdl-30{ padding-left: 30px; }
.pdl-10{ padding-left: 10px; }
.pdr-10{ padding-right: 10px; }
.p-10{ padding: 10px; }
.p-15{ padding: 15px; }
.width-30{ width: 30px; }
.width-100p{ width: 100%; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-40{ margin-top: 40px; }
.mr-15{ margin-right: 15px; }
.mb-20{ margin-bottom: 20px; }
.m-10{ margin: 10px; }
.ta-j{ text-align: justify; }
.ta-r{ text-align: right; }
.ta-c{ text-align: center; }
.float-left{ float: left; }
.float-right{ float: right; }
.clear{ clear: both; }
.bg-eee{ background: #EEEEEE; }
.bg-orange{ background: #F07F09; }
.fs-10pt{ font-size: 10pt; }
.fs-16pt{ font-size: 16pt; }
.fw-b{ font-weight: bold; }
.lh-35{ line-height: 35px; }
.color-white{ color: #FFFFFF; }
.height-35{ height: 35px; }
.height-120{ height: 120px; }
.height-200{ height: 200px; }
.mw-320{ min-width: 320px; }
.mw-230{ min-width: 230px; }
.flex1{ flex: 1; }

/* custom scrollbar */
::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #F07F09;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #eba860;
}

a{
	color: black;
	text-decoration: none;
}

a:hover{
	color: #F07F09;
	text-decoration: none;
}

h2{
	padding: 0;
	margin: 0;
}

/* 3 colonnes */
.columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 10px;
}

.column {
	flex: 1;
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
	align-content: start;
	gap: 30px;
}

.flex-item {
	flex: 0 0 auto;
}

.overflow-x{
	margin-top: 20px;
	overflow-x: scroll;
}

.current_page_item a{
	color: #F07F09;
}
.current_page_item a:hover{
	color: black;
}

.contact-1 ul, .footer-l ul{
	list-style:none;
}

.active{
	color: #F07F09;
}

.item-2{
	font-size: 16pt;
	color: #FFF;
}

.box{
	min-width: 25%;
	padding: 40px;
	float: left;
}

#bandeau{
	background: #F07F09;
	margin-top: 20px;
	height: 20px;
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35);
}

.bandeau_titre{
	background: #555555;
	width: 100%;
	text-align: center;
	padding: 20px;
	color: #FFFFFF;
	font-size: 24px;
	font-family:Corbel;
	text-transform: uppercase;
	font-weight: bold;
}


#header{
	width: 1200px;
	display: flex;
	align-content: flex-end;
	justify-content: space-between;
	margin-top: 10px;
}

#footer{
	background: #F07F09;
	margin-top: 20px;
	color: #FFFFFF;
}

#logo{
	display: flex;
}

#logo img{
	width: 220px;
}

.item-carousel{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 440px;
}
.owl-carousel h2{
	position: absolute;
	color: #FFFFFF;
	letter-spacing: .1em;
	text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0,0,0,0.9);
}
.owl-carousel h3{
	position: absolute;
	top: 175px;
	color: #FFFFFF;
	display: block;
	font-weight: normal;
	text-shadow: 3px 5px 2px #474747;
}

.owl-dots{
	position: absolute;
	bottom:10px;
	left:43%;
}

.container_compteur{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.item_compteur{ flex: 20%; }

.compteur{
	background: #38393E;
	color: white;
	text-align: center;
	padding: 30px;
	font-size: 25pt;
}

.count_accueil{
	font-weight: bold;
}

.accueil_news img{
	width: 133px;
	margin-right: 10px;
	box-shadow: 2px 2px #F07F09;
	float: left;
}

.accueil_news p{
	color: #58585A; margin-top: 17px;
}

.accueil_news a{
	color: #F07F09;
}

.accueil_news p h3{
	padding: 0;
	margin-top: -20px;
}

.copyright{
	color: #38393E;
	padding: 15px;
	text-align: center;
	font-size: 8pt;
}

.a_footer{
	color: #FFFFFF;
}

.a_footer:hover{
	color: #FFFFFF;
	font-weight: bold;
}

#banner_right{
	width: 31%;
	float: right;
	display: block;
}

#banner_left{
	width: 780px;
	float: left;
}

#bt_menu{
	display: none;
	box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.35);
	background: #FFF;
	position: sticky;
	top: 0;
	z-index: 1000001;
}

#bt_menu i{
	color: #F7941C;
}

.menu_icon{
	margin-left: 10px;
	margin-top: 3px;
	font-size: 28px;
}

#menu ul{
	display: flex;
	list-style-type: none;
	align-content: flex-end;
}

#menu ul li{
	text-align: center;
	font-size: 18pt;
	margin-left: 20px;
	font-weight: bold;
}

#menu .menu-item{
	display: none;
} 

.container-site{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	max-width: 1200px;
}

.owl-carousel h2{
	font-size: 40px;
	margin-top: -10px;
}
.owl-carousel h3{
	font-size: 24px;
	margin-top: 80px;
	font-weight: normal;
}

.realisation_img{
	border:5px solid #C0C0C0;
	width: 200px;
}

.realisations_titre{
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px;
	height: 28px;
	margin-top: -4px;
	background: #C0C0C0;
	text-align: center;
	width: 200px;
}

.liste_actualites{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: auto;
	align-content: center;
	gap: 15px;
}

.liste_actualites p{
	color: #58585A; margin-top: 17px;
}

.liste_actualites img{
	float: left;
	width: 133px;
	margin-right: 10px;
	box-shadow: 2px 2px #F07F09;
}

.liste_actualites h3{
	padding: 0;
	margin-top: -20px;
}

.liste_actualites a{
	color: #F07F09;
}

.new img{
	float: left;
	width: 133px;
	margin-right: 10px;
	box-shadow: 2px 2px #F07F09;
}

.new p{
	color: #58585A;
	text-align: justify;
}

/* GESTION DES MEDIAS */
/* Telephonne */
@media only screen and (max-width: 425px) {
	.active{
		color:white;
	}
	
	.columns .column {
		flex-basis: 100%;
	}

	.a_footer{
		color: #FFFFFF;
		font-size: 1.15em
	}

	.a_footer:hover{
		color: #FFFFFF;
		font-weight: bold;
		font-size: 1.15em
	}

	#header{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	#banner_right{
		display: none;
	}

	#banner_left{
		width: 100%;
	}

	#bt_menu{
		display: block;
	}

	#menu{
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #F7941C;
		z-index: 1000000;
		margin-top: -10px;

		-webkit-box-shadow: inset 0px 18px 5px -11px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px 18px 5px -11px rgba(0,0,0,0.2);
		box-shadow: inset 0px 18px 5px -11px rgba(0,0,0,0.2);
	}

	#menu .menu-item{
		display: contents;
	}
	.container-site{
		width: 100%;
	}

	#menu ul{
		flex-direction: column;
	}

	#menu ul li{
		line-height: 60px;
		display: block;
		text-align: left;
		font-size: 1.25em;
		margin-left: 20px;
		font-weight: bold;
	}

	#menu ul li a{
		color: #FFFFFF;
		font-size: 1.25em;
	}

	#logo{
		margin-top: 20px;
		float: left;
	}

	#logo img{
		width: 100%;
	}

	.logo_norme{
		text-align: center;
	}

	.owl-carousel h2{
		font-size: 25px;
		margin-top: -10px;
	}
	.owl-carousel h3{
		font-size: 12px;
		margin-top: 70px;
	}

	.owl-dots{
		position: absolute;
		bottom:13%;
		left:37%;
	}

	.item-carousel{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		max-height: 200px;
	}

	.owl-carousel h3{
		position: absolute;
		top: 60px;
		color: #FFFFFF;
		display: block;
		font-weight: normal;
		text-shadow: 3px 5px 2px #474747;
	}

	.columns .column {
		flex-basis: 40%;
	}

	.item_compteur{ flex: 100%; }

	.paddingSP{
		padding: 5px;
	}

	#page{
		width: 100%;
		overflow: hidden;
	}

	.realisation_img{
		border:2px solid #C0C0C0;
		width: 150px;
	}

	.realisations_titre{
		font-weight: bold;
		height: 28px;
		margin-top: -4px;
		text-align: center;
		width: 150px;
		}
}

/* Tablette et petit ecran */
@media only screen and (min-width: 426px) and (max-width: 960px) {
	.active{
		color:white;
	}

	#header{
		width: 100%;
		max-width: 960px;
		margin-top: 0px;
	}

	#banner_right{
		display: none;
	}
	#banner_left{
		width: 100%;
	}

	#bt_menu{
		display: block;
	}

	#menu{
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #F7941C;
		z-index: 1000000;
		margin-top: 0px;

		-webkit-box-shadow: inset 0px 18px 5px -11px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px 18px 5px -11px rgba(0,0,0,0.2);
		box-shadow: inset 0px 18px 5px -11px rgba(0,0,0,0.2);
	}

	#menu ul{
		flex-direction: column;
	}

	#menu ul li{
		line-height: 60px;
		display: block;
		text-align: left;
		font-size: 18pt;
		margin-left: 20px;
		font-weight: bold;
	}
	#menu .menu-item{
		display: contents;
	}

	#menu ul li a{
		color: #FFFFFF;
		font-size: 18pt;
	}

	.container-site{
		width: 100%;
	}
	#logo{
		margin-top: 20px;
		float: left;
	}

	#logo img{
		width: 100%;
	}

	.owl-carousel h2{
		font-size: 35px;
		margin-top: -10px;
	}
	.owl-carousel h3{
		font-size: 12px;
		margin-top: 70px;
	}

	.item_compteur{ flex: 40%;}
}

/* Ecran large */
@media only screen and (min-width: 961px) {
	#header{
		width: 100%;
		max-width: 1200px;
	}
}