body {
	overflow-x: hidden;
	background: #EFF2F3;
	margin: 0 0 0 64px;
	font-family: 'helvetica neue', sans-serif;
	font-size: 14px;
}
.icon.large i {
	font-size: 36px;
}
.button {
	outline: none;
	padding: .5em;
	cursor: pointer;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
#apps-switch {
	position: relative;
	margin-right: 15px;
}
#apps-switch .icon {
	line-height: 0;
	color: rgba(255, 255, 255, 0.3);
	cursor: pointer;
}
#apps-switch .button {
	display: block;
}
#apps-switch .button:hover .icon {
	color: rgba(255, 255, 255, 0.4);
}
#apps-switch #apps-popup {
	position: absolute;
}
#apps-switch #apps-popup .popup-content {
	background: white;
	height: 200px;
	width: 100px;
}
.top-bar {
	height: 50px;
	background: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.top-bar .icon {
	color: #8D969C;
	line-height: 0;
}
.top-bar .left {
	padding-left: 20px;
}
.top-bar .left .page-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 25px;
	font-weight: 300;
	color: #373F44;
}
.top-bar .right {
	padding-right: 10px;
}
.top-bar .right .page-actions {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.top-bar .left, .top-bar .right {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.vertical-nav {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
	background-color: #2C3439;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: stretch;
	-webkit-justify-content: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	z-index: 100;
}
.vertical-nav .primary-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	overflow: hidden;
}
.vertical-nav .primary-nav .slide {
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	overflow: hidden;
}
.vertical-nav .primary-nav .slide.one {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.vertical-nav .primary-nav .slide.one:not(.active) {
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	width: 50px;
}
.vertical-nav .primary-nav .slide.one:not(.active) .nav-list .icon {
	width: 36px;
}
.vertical-nav .primary-nav .slide.one:not(.active) .nav-list .text {
	opacity: 0;
}
.vertical-nav .primary-nav .slide.two {
	background: #EFF2F3;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.vertical-nav .primary-nav .slide.two:not(.active) {
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	width: 0;
}
.vertical-nav .primary-nav .slide.active {
	width: 195px;
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
}
.vertical-nav .branding {
	width: 244px;
	background: #212529;
	height: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.vertical-nav .branding .symbol {
	height: 55px;
	width: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.vertical-nav .branding .text {
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 4px;
	width: 194px;
}
.vertical-nav .profile {
	width: 244px;
	background: #212529;
	height: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: stretch;
	-webkit-justify-content: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
}
.vertical-nav .profile .avatar {
	height: 50px;
	width: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.vertical-nav .profile .avatar img {
	display: block;
	border-radius: 20px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	border-radius: 40px;
	width: 44px;
	height: 44px;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.vertical-nav .profile .details {
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	color: white;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.vertical-nav .profile .details .name {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 1em;
	padding-bottom: 5px;
}
.vertical-nav .profile .details .company {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1em;
}
.vertical-nav .nav-bottom {
	background: transparent;
}
.vertical-nav .nav-bottom .profile-util {
	background: #212529;
	height: 50px;
	margin-bottom: -10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: stretch;
	-webkit-justify-content: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.vertical-nav .nav-bottom .profile-util .chart {
	position: relative;
	width: 50px;
	height: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.vertical-nav .nav-bottom .profile-util .chart .donut {
	width: 44px;
	height: 44px;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.vertical-nav .nav-bottom .profile-util .chart .percentage {
	position: absolute;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.6);
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	-webkit-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
.vertical-nav .nav-bottom .profile-util .text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.vertical-nav .nav-bottom .profile-util .text a {
	color: #98ADBA;
	text-decoration: none;
}
.vertical-nav .nav-bottom .profile-util .text a:hover {
	color: white;
}
.vertical-nav .nav-top, .vertical-nav .nav-bottom {
	width: 264px;
}
.vertical-nav .nav-top .nav-list .nav-item, .vertical-nav .nav-bottom .nav-list .nav-item {
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	height: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: stretch;
	-webkit-justify-content: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
	color: white;
	text-decoration: none;
	-webkit-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}
.vertical-nav .nav-top .nav-list .nav-item .icon, .vertical-nav .nav-bottom .nav-list .nav-item .icon {
	height: 50px;
	width: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	color: #5D6F7A;
	-webkit-transition: width 200ms ease-in-out;
	transition: width 200ms ease-in-out;
}
.vertical-nav .nav-top .nav-list .nav-item .text, .vertical-nav .nav-bottom .nav-list .nav-item .text {
	padding-left: 12px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #98ADBA;
	-webkit-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
.vertical-nav .nav-top .nav-list .nav-item.active .icon, .vertical-nav .nav-top .nav-list .nav-item:hover .icon, .vertical-nav .nav-bottom .nav-list .nav-item.active .icon, .vertical-nav .nav-bottom .nav-list .nav-item:hover .icon {
	color: #C9DCE9;
}
.vertical-nav .nav-top .nav-list .nav-item.active .text, .vertical-nav .nav-top .nav-list .nav-item:hover .text, .vertical-nav .nav-bottom .nav-list .nav-item.active .text, .vertical-nav .nav-bottom .nav-list .nav-item:hover .text {
	color: white;
}
.vertical-nav.narrow {
	width: 54px;
	background-color: #212529;
}
.vertical-nav.narrow .branding .text {
	opacity: 0;
}
.vertical-nav.narrow .profile-util .chart .donut {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
.vertical-nav.narrow .profile-util .chart .percentage {
	opacity: 0;
}
.vertical-nav.narrow .profile .avatar img {
	height: 34px;
	width: 34px;
}
.vertical-nav.narrow .profile .details {
	opacity: 0;
}
.vertical-nav.narrow .nav-list .text {
	opacity: 0;
}
.vertical-nav.wide {
	width: 244px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.vertical-nav.wide .nav-list .nav-item.active {
	background: #374147;
}
.btn_formations {
	margin-left: 2px;
	height: 60px;
	width: 60px;
	background: url('../images/formations.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.colorwhite {
	color: white;
}
.map {
	min-width: 300px;
	min-height: 300px;
	width: 100%;
	height: 100%;
}
.header {
	width: 100%;
	height: 600px;
	background: url('../images/acc-_0008_illustration-haut.png') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.header1 {
	width: 100%;
	height: 600px;
	background: url('../images/nature.jpeg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.whitebackground {
	background-image: url('../images/acc2-pres.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center bottom;
}
.logohelfy {
	height: 100px;
	background: url('../images/logo(4).png') rgba(222, 222, 222, 0);
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: right center;
	margin-right: 5px;
}
.textetitre {
	font-family: 'Roboto Condensed', sans-serif;
	background-color: rgba(222, 222, 222, 0);
	font-size: 30px;
	color: rgb(194, 185, 175);
	text-align: right;
}
.texteforum {
	margin-top: 250px;
	padding: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	background-color: rgba(0, 0, 0, 0.5);
	font-size: 16px;
	color: rgb(255, 255, 255);
	text-align: left;
}
.information {
	margin-top: 5px;
	width: 100%;
	height: 40px;
	border-radius: 5px;
	background-color: rgb(239, 130, 30);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.38);
	font-size: 1em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
}
.information:hover {
	background-color: rgb(22, 47, 54);
	color: rgb(255, 255, 255);
}
.email1 {
	display: block;
	float: left;
	width: 100%;
	height: 50px;
	margin-top: 20px;
	padding: 0 10px;
	border: 2px solid rgb(239, 130, 30);
	border-radius: 5px;
	background-color: rgb(242, 242, 242);
	font-style: italic;
	font-size: 0.813em;
	font-weight: 400;
	line-height: 1.38;
	color: rgb(0, 0, 0);
}
.textecorps {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: 20px;
	margin-bottom: 120px;
}
.textecorps span {
	margin: 20px;
	font-weight: 700;
}
.btn_helfy {
	margin-left: 2px;
	height: 60px;
	width: 60px;
	background: url('../images/helfy.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.btn_environnement {
	margin-left: 2px;
	height: 60px;
	width: 60px;
	background: url('../images/environnement.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.btn_securite {
	margin-left: 2px;
	height: 60px;
	width: 60px;
	background: url('../images/securite.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.btn_desamiante {
	margin-left: 2px;
	height: 60px;
	width: 60px;
	background: url('../images/amiante.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.btn_jeux {
	margin-left: 2px;
	height: 60px;
	width: 60px;
	background: url('../images/jeux.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.btn_contact {
	margin-left: 2px;
	height: 60px;
	width: 60px;
	background: url('../images/contact.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.btn_equipe {
	margin-left: 2px;
	height: 60px;
	width: 60px;
	background: url('../images/equipe.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.btn_equipe {
	margin-left: 2px;
	height: 60px;
	width: 60px;
	background: url('../images/equipe.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.btn_refs {
	margin-left: 2px;
	height: 60px;
	width: 60px;
	background: url('../images/refs.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.btn_echange {
	margin-left: 2px;
	height: 60px;
	width: 60px;
	background: url('../images/echange.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.btn_forum {
	margin-left: 2px;
	height: 60px;
	width: 60px;
	background: url('../images/forum.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.btn_actualites {
	margin-left: 2px;
	height: 60px;
	width: 60px;
	background: url('../images/actualites.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.grostitreformations {
	padding-top: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(239, 126, 32);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.38;
	text-align: center;
	margin-top: 10px;
	border-top: 1px dotted rgba(0, 0, 0, 0.43);
}
.titreactualites {
	padding-top: 20px;
	margin-top: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 700 !important;
	line-height: 1.38;
	color: rgb(98, 98, 98);
	text-align: left;
	border-top: 1px dotted rgba(0, 0, 0, 0.43);
}
.titreformations {
	padding-top: 20px;
	margin-top: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: rgb(255, 138, 0);
	line-height: 22.08px;
	text-align: left;
	border-top: 1px dotted rgba(0, 0, 0, 0.5);
}
.titrereferences {
	padding-top: 20px;
	margin-top: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: #e5d80c;
	line-height: 22.08px;
	text-align: left;
	border-top: 1px dotted rgba(0, 0, 0, 0.5);
	padding-bottom: 50px;
}
.titreenvironnement {
	padding-top: 20px;
	margin-top: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: rgb(199, 209, 84);
	line-height: 22.08px;
	text-align: left;
	border-top: 1px dotted rgba(0, 0, 0, 0.5);
}
.titresecurite {
	padding-top: 20px;
	margin-top: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: rgb(208, 2, 3);
	line-height: 22.08px;
	text-align: left;
	border-top: 1px dotted rgba(0, 0, 0, 0.5);
}
.titredemolition {
	padding-top: 20px;
	margin-top: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: rgb(6, 66, 101);
	line-height: 22.08px;
	text-align: left;
	border-top: 1px dotted rgba(0, 0, 0, 0.5);
}
.contenuactualites {
	margin-top: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgba(0, 0, 0, 0.43);
	font-size: 1.2em;
	font-weight: 400;
	text-align: left;
}
.contenuformations {
	padding-bottom: 40px;
	margin-top: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgba(0, 0, 0, 0.8);
	font-size: 1.2em;
	font-weight: 400;
	text-align: left;
}
.imageactu {
	margin-top: 20px;
	width: 100%;
	height: 300px;
	background: url('../images/Vignette-ronde-Environord-2015-salon.jpg') rgb(255, 255, 255);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.soustitreformations {
	font-family: 'Roboto Condensed', sans-serif;
	color: rgba(0, 0, 0, 0.43);
	font-size: 1.2em;
	font-weight: 400;
	text-align: center;
}
.textefooterminus {
	padding-bottom: 40px;
	margin-top: 80px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgba(255, 255,255, 0.8);
	font-size: 14px;
	font-weight: 400;
	text-align: left;
}
.mentionslegales {
	padding: 20px;
	align: center;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgba(255, 255,255, 0.8);
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	background-color: rgb(24, 50, 57);
}
.separeteurorange {
	background-image: url('../images/separe(2).png');
	width: 100%;
	height: 15px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.text {
	font-family: 'Roboto Condensed', sans-serif;
	color: rgba(0, 0, 0, 0.43);
	font-size: 1em;
	font-weight: 400;
	line-height: 1;
}
.motif {
	margin-top: 30px;
	position: relative;
	float: left;
	width: 100%;
	background: url('../images/pinstriped_suit.png') rgb(222, 222, 222);
	background-size: auto auto;
	background-position: left top;
}
.motif2 {
	margin-top: 30px;
	position: relative;
	float: left;
	width: 100%;
	background:#f7f7f7;
	background-size: auto auto;
	background-position: left top;
}
.footer1 {
	margin-top: 30px;
	background-color: rgb(24, 50, 57);
}
.headeractu {
	padding-bottom: 30px;
	color: rgb(239, 126, 32);
	background-color: rgb(239, 126, 32);
}
.headerformations {
	padding-bottom: 30px;
	background: url('../images/pinstriped_suit.png') rgb(222, 222, 222);
	background-size: auto auto;
	background-position: left top;
}
.headercontact {
	padding-bottom: 30px;
	color: rgb(239, 126, 32);
	background-color: rgb(194, 87, 152);
}
.icone-1 {
	background-image: url('../images/icones-_0014_amiante.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.aligncenter {
	align: center;
}
.boutonformations {
	border-radius: 10px;
	width: 100%;
	box-shadow: 3px 3px 5px rgba(93, 93, 93, 0.32);
	font-size: 15px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 14px;
	background-color: rgb(255, 255, 255);
	display: block;
	text-align: center;
	color: rgb(239, 90, 35);
}
.boutonformations:hover {
	text-decoration: none !important;
	box-shadow: 3px 3px 5px rgba(93, 93, 93, 0.32);
	color: rgb(255, 255, 255);
	background-color: rgb(239, 90, 35);
}
.boutonretour {
	border-radius: 10px;
	width: 100%;
	height: 50px;
	box-shadow: 3px 3px 5px rgba(93, 93, 93, 0.32);
	font-size: 15px;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	padding: 20px;
	background-color: rgb(255, 255, 255);
	display: block;
	text-align: center;
	color: grey;
	background: url('../images/left-arrow-angle1.png');
	background-position: 10px center;
	background-size: fixed;
	background-repeat: no-repeat;
}
.boutonretour:hover {
	text-decoration: none !important;
	box-shadow: 3px 3px 5px rgba(93, 93, 93, 0.32);
	color: rgb(255, 255, 255);
	background-color: grey;
}
.boutoncontact {
	border-radius: 10px;
	width: 100%;
	height: 50px;
	box-shadow: 3px 3px 5px rgba(93, 93, 93, 0.32);
	font-size: 15px;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	padding: 20px;
	background-color: rgb(255, 255, 255);
	display: block;
	text-align: center;
	color: grey;
	background: url('../images/contact1.png');
	background-position: 10px center;
	background-size: fixed;
	background-repeat: no-repeat;
}
.boutoncontact:hover {
	text-decoration: none !important;
	box-shadow: 3px 3px 5px rgba(93, 93, 93, 0.32);
	color: rgb(255, 255, 255);
	background-color: grey;
}
.textebouton {
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	margin-top: 7px;
	margin-bottom: 40px;
	padding: 5px;
	background-color: rgb(255, 255, 255);
	font-size: 14px;
	line-height: 1.38;
	color: rgb(0, 0, 0);
}
.inscriptionimg {
	background-image: url('../images/contact_inscription.png');
	width: 100%;
	height: 150px;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
	padding: 20px;
}
.telimg {
	background-image: url('../images/contact_hotline.png');
	width: 100%;
	height: 150px;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
	padding: 20px;
}
.paddinghautbas {
	padding: 20px;
}
.grostitresecurite {
	padding-top: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(205, 23, 63);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.38;
	text-align: center;
	margin-top: 10px;
	border-top: 1px dotted rgba(0, 0, 0, 0.43);
}
.soustitresecurite {
	font-family: 'Roboto Condensed', sans-serif;
	color: rgba(0, 0, 0, 0.43);
	font-size: 1.2em;
	font-weight: 400;
	text-align: center;
}
.separeteurrouge {
	background-image: url('../images/separe(2).png');
	width: 100%;
	height: 15px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.boutonsecurite {
	border-radius: 10px;
	width: 100%;
	box-shadow: 3px 3px 5px rgba(93, 93, 93, 0.32);
	font-size: 15px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 14px;
	background-color: rgb(255, 255, 255);
	display: block;
	text-align: center;
	color: rgb(205, 23, 63);
	;
}
.boutonsecurite:hover {
	text-decoration: none;
	box-shadow: 3px 3px 5px rgba(93, 93, 93, 0.32);
	color: rgb(255, 255, 255);
	background-color: rgb(205, 23, 63);
}
.grostitreenvironnement {
	padding-top: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(181, 190, 77);
	;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.38;
	text-align: center;
	margin-top: 10px;
	border-top: 1px dotted rgba(0, 0, 0, 0.43);
}
.soustitreenvironnement {
	font-family: 'Roboto Condensed', sans-serif;
	color: rgba(0, 0, 0, 0.43);
	font-size: 1.2em;
	font-weight: 400;
	text-align: center;
}
.separeteurvert {
	background-image: url('../images/separevert.png');
	width: 100%;
	height: 15px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.boutonenvironnement {
	border-radius: 10px;
	width: 100%;
	box-shadow: 3px 3px 5px rgba(93, 93, 93, 0.32);
	font-size: 15px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 14px;
	background-color: rgb(255, 255, 255);
	display: block;
	text-align: center;
	color: rgb(181, 190, 77);
}
.boutonenvironnement:hover {
	text-decoration: none;
	box-shadow: 3px 3px 5px rgba(93, 93, 93, 0.32);
	color: rgb(255, 255, 255);
	background-color: rgb(181, 190, 77);
}
.grostitreamiante {
	padding-top: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(6, 66, 101);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.38;
	text-align: center;
	margin-top: 10px;
	border-top: 1px dotted rgba(0, 0, 0, 0.43);
}
.soustitreamiante {
	font-family: 'Roboto Condensed', sans-serif;
	color: rgba(0, 0, 0, 0.43);
	font-size: 1.2em;
	font-weight: 400;
	text-align: center;
}
.separeteurbleu {
	background-image: url('../images/separeB.png');
	width: 100%;
	height: 15px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.boutonamiante {
	border-radius: 10px;
	width: 100%;
	box-shadow: 3px 3px 5px rgba(93, 93, 93, 0.32);
	font-size: 15px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 14px;
	background-color: rgb(255, 255, 255);
	display: block;
	text-align: center;
	color: rgb(6, 66, 101);
}
.boutonamiante:hover {
	text-decoration: none;
	box-shadow: 3px 3px 5px rgba(93, 93, 93, 0.32);
	color: rgb(255, 255, 255);
	background-color: rgb(6, 66, 101);
}
.grostitrejeux {
	padding-top: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(156, 35, 192);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.38;
	text-align: center;
	margin-top: 10px;
	border-top: 1px dotted rgba(0, 0, 0, 0.43);
}
.textefootertitre {
	margin-top: 30px;
	margin-right: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	color: white;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.38;
	text-align: left;
	border-top: 1px dotted rgb(181, 190, 77);
	float: left;
	margin-left: -0.16746%;
	padding: 5px 10px;
	border: 1px solid rgba(255, 255, 255, 0.48);
	text-transform: uppercase;
	border-radius: 10px;
}
.textetopformations {
	margin-top: 30px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(255, 138, 0);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.38;
	text-align: left;
	border-top: 1px dotted rgb(255, 138, 0);
	float: left;
	margin-left: -0.16746%;
	padding: 5px 10px;
	border: 1px solid rgb(255, 138, 0);
	text-transform: uppercase;
	border-radius: 10px;
}
.textetopsecurite {
	margin-top: 30px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(208, 2, 3);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.38;
	text-align: left;
	border-top: 1px dotted rgb(208, 2, 3);
	float: left;
	margin-left: -0.16746%;
	padding: 5px 10px;
	border: 1px solid rgb(208, 2, 3);
	text-transform: uppercase;
	border-radius: 10px;
}
.textetopdemolition {
	margin-top: 30px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(16, 76, 109);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.38;
	text-align: left;
	border-top: 1px dotted rgb(16, 76, 109);
	float: left;
	margin-left: -0.16746%;
	padding: 5px 10px;
	border: 1px solid rgb(16, 76, 109);
	text-transform: uppercase;
	border-radius: 10px;
}
.textetopreferences {
	margin-top: 30px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #e5d80c;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.38;
	text-align: left;
	border-top: 1px dotted #e5d80c;
	float: left;
	margin-left: -0.16746%;
	padding: 5px 10px;
	border: 1px solid #e5d80c;
	text-transform: uppercase;
	border-radius: 10px;
}
.textetopjeux {
	margin-top: 30px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(159, 27, 139);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.38;
	text-align: left;
	border-top: 1px dotted rgb(159, 27, 139);
	float: left;
	margin-left: -0.16746%;
	padding: 5px 10px;
	border: 1px solid rgb(159, 27, 139);
	text-transform: uppercase;
	border-radius: 10px;
}
.textetopenvironnement {
	margin-top: 30px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(199, 209, 84);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.38;
	text-align: left;
	border-top: 1px dotted rgb(199, 209, 84);
	float: left;
	margin-left: -0.16746%;
	padding: 5px 10px;
	border: 1px solid rgb(199, 209, 84);
	text-transform: uppercase;
	border-radius: 10px;
}
.soustitrejeux {
	font-family: 'Roboto Condensed', sans-serif;
	color: rgba(0, 0, 0, 0.43);
	font-size: 1.2em;
	font-weight: 400;
	text-align: center;
}
.separeteurviolet {
	background-image: url('../images/separeV.png');
	width: 100%;
	height: 15px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.boutonjeux {
	border-radius: 10px;
	width: 100%;
	box-shadow: 3px 3px 5px rgba(93, 93, 93, 0.32);
	font-size: 15px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 14px;
	background-color: rgb(255, 255, 255);
	display: block;
	text-align: center;
	color: rgb(156, 35, 192);
}
.boutonjeux:hover {
	text-decoration: none;
	box-shadow: 3px 3px 5px rgba(93, 93, 93, 0.32);
	color: rgb(255, 255, 255);
	background-color: rgb(156, 35, 192);
}
.icone-2 {
	background-image: url('../images/icones-_0013_securite.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-3 {
	background-image: url('../images/icones-_0012_risques.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-4 {
	background-image: url('../images/icones-_0010_icpe.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-5 {
	background-image: url('../images/image010.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-6 {
	background-image: url('../images/icones-_0009_dechets.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-7 {
	background-image: url('../images/icones-_0011_transports(2).png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-8 {
	background-image: url('../images/icones-_0008_dirigeant.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-9 {
	background-image: url('../images/icones-_0007_docunique.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-10 {
	background-image: url('../images/icones-_0008_dangertruck.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-11 {
	background-image: url('../images/icones-_0004_certifA.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-12 {
	background-image: url('../images/icones-_0000_assistance(2).png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-13 {
	background-image: url('../images/icones-_0003_air.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-14 {
	background-image: url('../images/icones-_0002_assistance(2).png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-15 {
	background-image: url('../images/icones-_0001_dechets.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-16 {
	background-image: url('../images/visuel-ya-com-1-risq-v2-150x150(2).jpg');
	width: 100%;
	height: 150px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-17 {
	background-image: url('../images/acrochportehelfy-hospitalier-150x150.jpg');
	width: 100%;
	height: 150px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-18 {
	background-image: url('../images/icones-_0011_transports(2).png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-19 {
	background-image: url('../images/icones-_0006_certif.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-20 {
	background-image: url('../images/icones-_0008_dangertruck.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-21 {
	background-image: url('../images/icones-_0006_certifs.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-22 {
	background-image: url('../images/hygiene.png');
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.icone-23 {
	background-image: url('../images/quiz.jpg');
	width: 100%;
	height: 150px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	background-color: rgba(255, 255, 255, 0);
}
.contact {
	height: auto;
	padding: 25px 0 400px 0;
	background: url(../images/nature.jpeg) no-repeat center center;
	background-size: cover;
}
.forum {
	margin-top: 0px;
	height: 792px;
	background-image: url('../images/forum.jpg');
	background-position: top center;
	background-size: cover;
}
.contact i {
	padding: 0 20px;
	font-size: 0.8em;
}
.contact h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2.5em;
	border: 1px solid #555;
	background-color: rgba(0,0,0,0.6);
	padding-top: 20px;
	height: 75px;
	color: #fff;
	font-weight: 500;
	line-height: 40px;
	padding-left: 50px;
	text-align: center;
}
#comments {
	margin-top: 0;
}
#contactform {
	height: 215px;
}
#contactform .right {
	float: right;
}
#contactform input, #contactform textarea {
	margin-bottom: 14px;
	width: 100%;
	outline: none;
	border: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}
#contactform input {
	padding-left: 15px;
	height: 44px;
	border-radius: 0;
}
#contactform textarea {
	padding: 15px;
	height: 218px;
	border-radius: 0;
}
#contactform .btn {
	width: 100%;
	height: 50px;
	border-radius: 0;
	border: 1px solid #333;
	background: rgba(0,0,0,0.8);
	color: #fff;
}
#contactform .btn:hover {
	background: rgba(9,8,77,0.7);
}
#map-canvas {
	height: 300px;
	margin-bottom: 15px;
	border: 2px solid #fff;
}
.soustitreequipe {
	font-size: 12px;
	width: 100%;
	text-align: center;
	padding-top: 190px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	color: rgb(147, 147, 147);
}
.texteequipegeneral {
	font-size: 14px;
	height: 160px;
	text-align: left;
	padding-top: 50px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	color: rgb(147, 147, 147);
}
.textejeuxcontent {
	font-size: 14px;
	text-align: left;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	color: rgb(147, 147, 147);
}
.textejeux {
	font-size: 18px;
	text-align: left;
	padding-top: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: rgb(159, 27, 139);
}
.texteprix {
	font-size: 18px;
	text-align: left;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	color: rgb(159, 27, 139);
}
.texteequipetitredroit {
	font-size: 18px;
	height: 20px;
	text-align: left;
	padding-top: 50px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: rgb(18, 156, 193);
}
.photo1 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/David-Caille.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo2 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/Fabienne-FRANCOIS-1.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo3 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/CK-NB-150x150.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo4 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/Yoann-FRANCOIS.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo5 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/Roger-ELIZONDO.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo6 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/Marina-DEBAILLEUL.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo7 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/Jessica-MICCOLI.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo8 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/Emilie-KARLE.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo9 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/Corinne-TERRASSE.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo10 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/Charles-CHAPONNAY.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo11 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/Caroline-METEE.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo12 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/Christelle-CARPENTIER.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo13 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/Clothilde-SORRIAUX.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo14 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/Lucie-Rossato-150x150.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo15 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/SC-NB-150x150.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo16 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/LG-NB-150x150.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo17 {
	border: 10px solid white;
	height: 200px;
	margin-top: 40px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/MM-NB-150x150.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations1 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/aphoto2_th.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.test {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/testgesfy2.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations2 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/asecu2(4).jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations3 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/anature1.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations4 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/anature2.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations5 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/anature3.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations6 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	padding: 10px;
	border-radius: 20px;
	background: url('../images/SplitShire-0160-1800x1200.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations7 {
	padding-bottom: 40px;
	width: 100%;
	height: 600px;
	margin-top: 0px;
	border-radius: 20px;
	background: url('../images/forage.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations8 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	border-radius: 20px;
	background: url('../images/image016.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations10 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	border-radius: 20px;
	background: url('../images/aphoto1_th.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations11 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	border-radius: 20px;
	background: url('../images/adirigeant.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations12 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	border-radius: 20px;
	background: url('../images/adoc.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations13 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	border-radius: 20px;
	background: url('../images/atravail.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations14 {
	padding-bottom: 40px;
	width: 100%;
	height: 500px;
	border-radius: 20px;
	background: url('../images/photo_accMase.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.photoformations15 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	border-radius: 20px;
	background: url('../images/SplitShire-2851-1440x960.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations16 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	border-radius: 20px;
	background: url('../images/aamiante1_th.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations17 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	border-radius: 20px;
	background: url('../images/ademol.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations18 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	border-radius: 20px;
	background: url('../images/adepol.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations19 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	border-radius: 20px;
	background: url('../images/achantier.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations20 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	border-radius: 20px;
	background: url('../images/adiognostic_th.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations21 {
	padding-bottom: 40px;
	width: 100%;
	height: 300px;
	border-radius: 20px;
	background: url('../images/aair.jpg') rgb(222, 222, 222);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photoformations22 {
	padding-bottom: 40px;
	width: 100%;
	height: 150px;
	margin-top: 20px;
	border-radius: 20px;
	background: url('../images/iso_14001-fr300dpi.jpg') white;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.photogesfy0 {
	padding-bottom: 40px;
	width: 100%;
	height: 150px;
	margin-top: 20px;
	border-radius: 20px;
	background: url('../images/test0.png') white;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.photogesfy1 {
	padding-bottom: 40px;
	width: 100%;
	height: 150px;
	margin-top: 20px;
	border-radius: 20px;
	background: url('../images/test2.png') white;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;

}

.photogesfy2 {
	padding-bottom: 40px;
	width: 100%;
	height: 150px;
	margin-top: 20px;
	border-radius: 20px;
	background: url('../images/test.png') white;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.photogesfy3 {
	padding-bottom: 40px;
	width: 100%;
	height: 150px;
	margin-top: 20px;
	border-radius: 20px;
	background: url('../images/test3.png') white;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.photogesfy4 {
	padding-bottom: 40px;
	width: 100%;
	height: 150px;
	margin-top: 20px;
	border-radius: 20px;
	background: url('../images/test4.png') white;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.photogesfy5 {
	padding-bottom: 40px;
	width: 100%;
	height: 150px;
	margin-top: 20px;
	border-radius: 20px;
	background: url('../images/test5.png') white;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.fondgris {
	margin-bottom: 40px;
	background-color: rgba(207,207,207,0.30);
	height: 200px;
}
.imagejeux1 {
	padding-bottom: 40px;
	width: 100%;
	height: 200px;
	background: url('../images/image015.jpg') rgb(255, 255, 255);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagejeux2 {
	padding-bottom: 40px;
	width: 100%;
	height: 200px;
	background: url('../images/image017.jpg') rgb(255, 255, 255);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagejeux3 {
	padding-bottom: 40px;
	width: 100%;
	height: 200px;
	background: url('../images/image028.jpg') rgb(255, 255, 255);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagejeux4 {
	padding-bottom: 40px;
	width: 100%;
	height: 200px;
	background: url('../images/plus.jpg') rgb(255, 255, 255);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagejeux5 {
	padding-bottom: 40px;
	width: 100%;
	height: 200px;
	background: url('../images/plus.jpg') rgb(255, 255, 255);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagejeux6 {
	padding-bottom: 40px;
	width: 100%;
	height: 200px;
	background: url('../images/plus.jpg') rgb(255, 255, 255);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagejeux7 {
	padding-bottom: 40px;
	width: 100%;
	height: 200px;
	background: url('../images/plus1.jpg') rgb(255, 255, 255);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagejeux8 {
	padding-bottom: 40px;
	width: 100%;
	height: 200px;
	background: url('../images/acrochportehelfy-BTP-150x150.jpg') rgb(255, 255, 255);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.contactrow {
	margin: 100px
}
.imagecontain {
	background: url('../images/logos/1.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain1 {
	background: url('../images/logos/2.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain2 {
	background: url('../images/logos/3.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain3 {
	background: url('../images/logos/4.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain4 {
	background: url('../images/logos/5.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain5 {
	background: url('../images/logos/6.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain6 {
	background: url('../images/logos/7.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain7 {
	background: url('../images/logos/8.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain8 {
	background: url('../images/logos/9.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain9 {
	background: url('../images/logos/10.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain10 {
	background: url('../images/logos/11.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain11 {
	background: url('../images/logos/12.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain12 {
	background: url('../images/logos/13.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain13 {
	background: url('../images/logos/14.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain14 {
	background: url('../images/logos/15.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain15 {
	background: url('../images/logos/16.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain16 {
	background: url('../images/logos/17.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain17 {
	background: url('../images/logos/18.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain18 {
	background: url('../images/logos/19.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain19 {
	background: url('../images/logos/20.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain20 {
	background: url('../images/logos/21.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain21 {
	background: url('../images/logos/22.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain22 {
	background: url('../images/logos/23.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain23 {
	background: url('../images/logos/24.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain24 {
	background: url('../images/logos/25.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain25 {
	background: url('../images/logos/26.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain26 {
	background: url('../images/logos/27.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.imagecontain27 {
	background: url('../images/logos/28.jpg');
	margin: 5px;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}




.container-1 {
	position:absolute;
	top:3%;
	left:30%;
	/*
  float: left;
  clear: both;
  z-index: 134;
  width: 13%;
  height: 157px;
  margin: -684px 0 0 32.58203%;
  /* */
}

.container-1 {
	position:absolute;
	top:3%;
	left:30%;	
}

.container-2 {
	position:absolute;
	top:15%;
	left:20%;
}

.container-3 {
	position:absolute;
	top:35%;
	left:30%;
}


.container-1 img, .container-2 img, .container-3 img, .container-4 img, .container-5 img, .container-6 img, .container-7 img, .container-8 img, .container-9 img {
	width:17%;
	height:17%;	
}

/*
.container-2 {
  position: relative;
  float: left;
  z-index: 127;
  width: 10.6666666666%;
  height: 129px;
  margin: -721px 0 0 58.16667%;
}

.container-3 {
  position: relative;
  float: left;
  z-index: 136;
  width: 14.1666666666%;
  height: 170px;
  margin: -592px 0 0 18.41667%;
}	

.container-4 {
  position: relative;
  float: left;
  z-index: 132;
  width: 15.8333333333%;
  height: 192px;
  margin: -676px 0 0 68.83203%;
}

.container-5 {
  position: relative;
  float: left;
  z-index: 140;
  width: 14.3333333333%;
  height: 170px;
  margin: -330px 0 0 56.83203%;
}

.container-6 {
  position: relative;
  float: left;
  z-index: 130;
  width: 13.3333333333%;
  height: 162px;
  margin: -467px 0 0 69.66667%;
}

.container-8 {
  position: relative;
  float: left;
  z-index: 138;
  width: 14.3333333333%;
  height: 171px;
  margin: -305px 0 0 29.66667%;
}

.container-9 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 16;
  width: 100%;
  height: 154px;
}*/


@media (min-width: 1380px) {
.header {
 width: 100%;
 height: 700px;
 background: url('../images/acc-_0008_illustration-haut.png') rgb(88, 192, 194);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: 50% 50%;
 background-color:#58c0c2;
}
}
@media (min-width: 1600px) {
.header {
 width: 100%;
 height: 800px;
 background: url('../images/acc-_0008_illustration-haut.png') rgb(88, 192, 194);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: 50% 50%;
}
}
/*mon css*/
		#modalCheck{
			display: none;
		}
		.modalLayer{
			display: none;
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: rgba(0, 0, 0, 0.5);
			overflow-y: auto;
			z-index: 1;
		}
		#modalCheck:checked + .modalLayer, #modalContent:target{
			display: block;
		}
		.popup_block{
			background: #fff;
			padding: 20px;
			border: 1px solid #ddd;
			position: relative;
			margin: 10% auto;
			width: 40%;
			box-shadow: 0px 0px 20px #000;
			border-radius: 10px;
			text-align: center;
		}
		.btn_close {
			float: right;
			cursor: pointer;
		}
		.buttont{
			cursor: pointer;
			border:1px solid rgb(6, 66, 101);
			border-radius:2px;
			box-shadow:2px 2px 5px #aaa;
			background:white;
			color: rgb(6, 66, 101);
			width:40%;
			font-size: 22px;
			
		}

				.buttontr{
			cursor: pointer;
			border:1px solid rgb(159, 27, 139);
			border-radius:2px;
			box-shadow:2px 2px 5px #aaa;
			background:white;
			color: rgb(159, 27, 139);
			width:40%;
			font-size: 22px;
			
		}
				.masque{
			text-align: center;
		}
				.boutonX{
			float:right;
			text-align: center;
			border-radius: 50%;
			border:1px solid black;
			border:none;
			color:rgb(6, 66, 101);
			width: 20px;
			height: 20px;
		}

	.validation{
		float:right;
		text-align: center;
		border:1px solid rgb(6, 66, 101);
		border-radius:2px;
		
		background:white;
		color: rgb(6, 66, 101);
		width:40%;

	}

	.validationr{
		float:right;
		text-align: center;
		border:1px solid rgb(159, 27, 139);
		border-radius:2px;
		
		background:white;
		color: rgb(159, 27, 139);
		width:40%;

	}

	

	h4{
		text-align: center;
	}

	.videocenter{
		text-align: center;
	}

	.testtab{
		border-spacing: 50px 0;
		 border-collapse: separate;
	}

	.label_gesfy2{
	display: block;
	width: 20%;
	}

.bouton_adm{
			border:1px solid rgb(6, 66, 101);
			border-radius:2px;
			box-shadow:2px 2px 5px #aaa;
			background:white;
			color: rgb(6, 66, 101);
			width:10%;
			font-size: 20px;
			margin-left:5%;
			text-align: center;
			float: left;
			border-radius: 10px;
}

.bouton_ios{
			border:1px solid rgb(239, 126, 32);
			border-radius:2px;
			box-shadow:2px 2px 5px #aaa;
			background:white;
			color: rgb(239, 126, 32);
			width:10%;
			font-size: 20px;
			margin-left:5%;
			text-align: center;
			float: left;
			border-radius: 10px;
}

.bouton_and{
			border:1px solid rgb(159, 27, 139);
			border-radius:2px;
			box-shadow:2px 2px 5px #aaa;
			background:white;
			color: rgb(159, 27, 139);
			width:10%;
			font-size: 20px;
			margin-left:5%;
			text-align: center;
			float: left;
			border-radius: 10px;
}

.bouton_question{
			border:1px solid rgb(6, 66, 101);
			border-radius:2px;
			box-shadow:2px 2px 5px #aaa;
			background:white;
			color: rgb(6, 66, 101);
			width:20%;
			font-size: 20px;
			margin-left:5%;
			text-align: center;
			float: right;
			border-radius: 10px;
}

.bouton_enquete{
			border:1px solid #e5d80c;
			border-radius:2px;
			box-shadow:2px 2px 5px #aaa;
			background:white;
			color: #e5d80c;
			width:20%;
			font-size: 20px;
			text-align: center;
			float: right;
			border-radius: 10px;
			margin-right: 5%;
}
.bouton_video{
			border:1px solid rgb(6, 66, 101);
			border-radius:2px;
			box-shadow:2px 2px 5px #aaa;
			background:white;
			color: rgb(6, 66, 101);
			width:15%;
			font-size: 20px;
			text-align: center;
			float: right;
			border-radius: 10px;
			margin-right: 5%;
}

.forum_acc{
	text-align: center;
	margin-top: 5%;
	margin-bottom:5%;
}

.div_gauche{
	float: left;
	width: 50%;
	cursor: pointer;
}
.div_droite{
	float: left;
	width: 50%;
	border-left: 1px solid black;
	cursor: pointer;
}


.imgleft{
	float: left;
	width: 30%;
}


@media all and (max-width:980px){
	.bouton_adm{
		width: 35%;
		font-size: 15px;
	}
		.bouton_ios{
		width: 35%;
		font-size: 15px;
	}
		.bouton_and{
		margin-top: 3%;
		width: 35%;
		font-size: 15px;
	}
	.bouton_question{
		margin-top: 3%;
		width: 35%;
		font-size: 15px;
		float: left;
	}

	.forum_acc{
		margin-left:10%;
	}
	.div_gauche{
	width: 100%;
	cursor: pointer;
}
.div_droite{
	width: 100%;
	border-top: 1px solid black;
	border-left: 0px;
	cursor: pointer;

}
.bouton_enquete{
			width:50%;
}
.bouton_video{
			width:35%;
}

.imgleft{
	display: none;
}

}