@font-face {
	font-family: 're';
	src: url('../font/RobotoCondensed-Regular.ttf');
	format('truetype');
}

@font-face {
	font-family: 'me';
	src: url('../font/RobotoCondensed-Bold.ttf');
	format('truetype');
}

@font-face {
	font-family: 'bo';
	src: url('../font/RobotoCondensed-Bold.ttf');
	format('truetype');
}

* {
	margin: 0px;
	font-family: 're';
	text-decoration: none;
}

body {
	background: ;
	background: url(../img/top_pac.png) no-repeat center top fixed #EFDCC7;
	background-size: 100% auto;
}

.inx {
	margin: auto;
	width: 1200px;
}



.gub {
	display: grid;
	grid-template-columns: 1fr;
	padding-bottom: 15px;
}

.findarticle {
	border: 0px;
	padding: 15px;
	padding-left: 38px;
	border-radius: 4px;
	background: url(../see.png) no-repeat center left #fff;
	background-size: 32px;
	color: #6a4632;
	/*font-family: 'bo';*/
	font-size: 14px;
	font-family: sans-serif;
}

.findarticle:focus {
	border: solid 2px orange;
	outline: none;
}

.logo {
	padding-top: 20px;
	padding-bottom: 15px;
	text-align: ;
}

.logo .in {
	overflow: auto;
}

.logo .in h1 {
	float: left;
}

.logo .in h1 img {
	width: 500px;
	max-width: 100%;
}

.logo .in .ue {
	float: right;
	display: block;
}

.btn-adherer {
	float: right;
	background: #EFDCC7;
	color: #341C0E;
	font-family: 'me';
	font-size: 16px;
	padding: 12px 25px;
	margin-top: 5px;
	border-radius: 4px;
	text-transform: uppercase;
	transition: background 0.3s;
}

.btn-adherer:hover {
	background: #341C0E;
	color: #EFDCC7;
}

@media (max-width:595px) {
	.btn-adherer {
		float: none;
		display: inline-block;
		margin-top: 10px;
		padding: 10px 20px;
		font-size: 13px;
	}
}

.top_pac {}

.menu {
	text-align: center;
	border-bottom: dashed 1px #CCD189;
	border-top: dashed 1px #CCD189;
	background: #341C0E;
	position: relative;
	z-index: 10;
}

.menu .in {
	overflow: visible;
	text-align: center;
	background: ;
	display: block;
}

.menu .in::after {
	content: "";
	display: table;
	clear: both;
}

.menu .in2 {
	overflow: auto;
	text-align: center;
	background: ;
	display: none;
}

.menu a {
	font-family: 'me';
	font-size: 14px;
	display: block;
	padding: 15px;
	float: left;
	padding-top: 20px;
	text-transform: uppercase;
	color: white;
	transition: background 0.4s;
}

.menu a:hover {
	color: #FFFCBB;
	background: #65361B;
}

/* Dropdown */
.menu .menu-item {
	position: relative;
	display: block;
	float: left;
}

.menu .menu-item>a {
	cursor: pointer;
}

.menu .menu-item:hover>a {
	color: #FFFCBB;
	background: #65361B;
}

.menu .submenu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #391E0F;
	min-width: 220px;
	z-index: 1000;
	text-align: left;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.menu .menu-item:hover>.submenu {
	display: block;
}

.menu .submenu a {
	float: none;
	font-size: 13px;
	padding: 12px 15px;
	white-space: nowrap;
}

.menu .submenu a:hover {
	color: #FFFCBB;
	background: #65361B;
}

.menu .submenu .menu-item {
	display: block;
	float: none;
}

.menu .submenu .submenu {
	top: 0;
	left: 100%;
}

.slide {
	padding: 0;
	width: 100%;
}

.slide .inx {
	width: 100%;
	max-width: 100%;
}

.slide .in {
	height: 420px;
}

.slide h3 {
	text-align: center;
	text-shadow: 5px 5px 0px #462B16;
	font-size: 60px;
	font-family: 'me';
	text-transform: uppercase;
	color: white;
	padding: 50px;
}

.mot {
	padding: 20px;
	padding-bottom: 40px;
}

.mot .in {
	display: grid;
	grid-template-columns: 1fr 2fr;
	border-radius: 3px;
	overflow: hidden;
}

.mot_ico {
	background: white;
	padding: 50px;
	text-align: center;
}

.mot_ico img {
	width: 200px;
	border: solid 7px white;
	border-radius: 150px;
	box-shadow: 2px 2px 2px #C0A698, -2px 2px 3px #C0A698;
}

.mot_ico h3 {
	font-family: 'me';
}

.mot_texte {
	background: #391E0F;
	color: white;
	padding: 50px;
}

.mot_texte h2 {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: dashed 1px #2AFE09;
	display: inline-block;
}

.thema {
	background: url(../img/bg.png) fixed #EFDCC7;
	padding: 40px;
}

.thema .in {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 40px;
}

.box {
	box-shadow: 2px 2px 2px #C0A698, -2px 2px 3px #C0A698;
	border-radius: 4px;
	overflow: hidden;
	background: white;
}

.box img {
	width: 100%;
	display: block;
}

.tito {
	background: white;
	padding: 20px;
}

.tito strong {
	text-transform: uppercase;
	font-family: 'me';
	font-size: 25px;
	display: block;
	overflow: auto;
	color: #391E0F;
}

.tito strong a {
	font-family: 'me';
	font-size: 13px;
	display: block;
	float: right;
	background: #B1BA4E;
	color: white;
	font-weight: normal;
	padding: 5px;
	border-radius: 3px;
	text-transform: lowercase;
}

.tito span {
	color: gray;
}

.adherer {
	background: url(../img/bg.png) fixed #EFDCC7;
	padding: 40px;
}

.adherer .in {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	grid-gap: 40px;
}

.adherer-content h1 {
	font-family: 'me';
	font-size: 28px;
	color: #341C0E;
	margin-bottom: 20px;
}

.adherer-content h2 {
	font-family: 'me';
	font-size: 22px;
	color: #341C0E;
	margin: 30px 0 15px;
}

.adherer-content p {
	margin-bottom: 15px;
	font-size: 16px;
	color: #333;
	line-height: 1.6;
}

.adherer-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 15px;
	margin: 20px 0;
}

.adherer-item {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 14px;
	color: #333;
	line-height: 1.5;
}

.adherer-icon {
	color: #C09530;
	font-size: 12px;
	margin-top: 5px;
	flex-shrink: 0;
}

.adherer-form {
	background: #fff;
	padding: 25px;
	border-radius: 6px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

.adherer-form h4 {
	font-family: 'me';
	font-size: 20px;
	color: #341C0E;
	margin-bottom: 10px;
}

.adherer-form p {
	font-size: 14px;
	color: #555;
	margin-bottom: 8px;
	line-height: 1.5;
}

.adherer-form hr {
	border: 0;
	border-top: solid 2px #C09530;
	margin: 20px 0;
}

@media (max-width:768px) {
	.adherer .in {
		grid-template-columns: 1fr;
	}

	.adherer-grid {
		grid-template-columns: 1fr;
	}
}

.counteur {
	background: url(../img/bg.png) fixed #EFDCC7;
	padding: 60px 40px;
}

.counteur .in {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 20px;
	text-align: center;
}

.count-item {
	background: #341C0E;
	padding: 30px 15px;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
}

.count-num {
	font-size: 42px;
	font-family: 'me';
	color: #C09530;
	display: block;
	margin-bottom: 8px;
}

.count-label {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'me';
}

.parte {
	padding: 40px;
}

.parte .in {
	text-align: center;
}

.parte .in b {
	display: inline-block;
	padding: 10px;
	background: #EFDCC7;
	font-size: 20px;
	margin-bottom: 20px;
	border-radius: 1px;
}

.parte .in img {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
}

.foot {
	background: url(../img/foot.png) no-repeat right center #391E0F;
	background-size: auto 100%;
	padding: 50px;
	color: #C09530;
	font-size: 14px;
}

.foot .in {
	overflow: auto;
}

.foot .in span {
	display: inline-block;
}

.foot .in .men {
	overflow: auto;
	padding-bottom: 15px;
}

.foot .in .men a {
	color: #D7B35F;
	display: block;
	padding-right: 20px;
	float: left;
}

.foot .in i {
	display: block;
	font-style: normal;
	padding-bottom: 20px;
	width: 50%;
	color: #D7B35F;
}



.logof {
	margin-bottom: 30px;
}

.slideshare {
	background: url(../img/bg.png) fixed #EFDCC7;
	padding: 40px;
	border-top: dashed 1px #391E0F;
}

.slideshare .in {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 40px;
}

.titosep {
	text-align: center;
	margin-bottom: 30px;
}

.titosep span {
	text-align: center;
	padding-bottom: 15px;
	font-size: 20px;
	font-family: 'me';
	font-weight: normal;
	text-transform: ;
	color: #391E0F;
	display: inline-block;
	border-bottom: solid 4px #391E0F;
}

.present {
	background: url(../img/bg.png) fixed #EFDCC7;
	padding: 40px;
}

.present .in {
	display: grid;
	grid-template-columns: 1fr 3.5fr;
	grid-gap: 40px;
}

.contta {
	background: url(../img/bg.png) fixed #EFDCC7;
	padding: 40px;
}

.contta .in {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	grid-gap: 40px;
}

.panx {
	height: 100%;
	width: 100%;
	background: red;
}

.pan_men {}

.pan_men a {
	display: block;
	padding: 15px;
	background: #F5EADC;
	color: #371D0F;
	border-top: dashed 1px #CE9B8A;
	cursor: pointer;
}

.pan_display {}

.pan_display p {
	margin-bottom: 10px;
	font-size: 17px;
}

.pan_display h4 {
	font-family: 're';
	font-weight: normal;
	font-size: 25px;
	text-transform: ;
	margin-bottom: 10px;
}

.pan_display ol {
	padding-left: 15px;
}

.pan_display ul {
	padding-left: 15px;
}

.pan_display a {
	color: orangered;
}

.pan_display .panplay {
	display: none;
}

.pan_display .his,
.pan_display .ques,
.pan_display .actu,
.pan_display .pro_fleg_red,
.pan_display .newa {
	display: block;
}

.pan_displayx {}

.pan_displayx p {
	margin-bottom: 10px;
	font-size: 17px;
}

.pan_displayx h4 {
	font-family: 're';
	font-weight: normal;
	font-size: 25px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.pan_displayx ol {
	padding-left: 15px;
}

.pan_displayx ul {
	padding-left: 15px;
}

.pan_displayx a {
	color: orangered;
}

.pan_displayx div {}

.cons {
	display: grid;
	grid-template-columns: 1fr 4fr;
}

.rela {
	background: url(../img/bg.png) fixed #EFDCC7;
	padding: 40px;
}

.rela .in {}

.projet {
	background: url(../img/bg.png) fixed #EFDCC7;
	padding: 40px;
}

.projet .in {}

.projet .in .vv {
	width: 70%;
	margin: auto;
}

.pan_display iframe {
	border: 0px;
	width: 100%;
	margin: auto;
	height: 1000px;
	background: silver;
}

.viewer {
	background: #E3CCB0;
	padding-top: ;
}

.vv {
	height: 1000px;
}

.videoa_x {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

.imaj_x {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}

.imaima img {
	width: 100%;
}

.newa_x {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

.newa_x hr {
	border: 0px;
	border-top: solid 5px #A86244;
	width: 80px;
}

.newa_x h2 {
	padding: 15px;
	background: #F5EBDE;
}

.newaa {}

.download {
	background: white;
	border-radius: 2px;
	padding: 15px;
	margin-top: 0px;
	overflow: auto;
}

.download img {
	display: block;
	float: left;
	margin-right: 7px;
}

.bou {
	display: inline-block;
	background: #6B4D27;
	padding: 10px;
	color: white;
	border-radius: 6px;
	margin-bottom: 25px;
}

.bou:hover {
	background: #2F2111;
}

.rec {
	display: block;
	background: url(../img/wood.png) no-repeat #7F5D49;
	background-size: 100% 100%;
	color: white;
	padding: 15px;
	font-family: 'me';
	font-weight: normal;
}

.dda {
	display: block;
}

.dedate {
	padding: 7px;
	font-family: 'me';
	background: #7F5D49;
	color: white;
	border: 0px;
	margin-bottom: 7px;
}

.pic_data {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 30px;
}

.pic-item {
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.pic-item img {
	display: block;
	width: 100%;
}

.pic-item i {
	display: block;
	padding: 10px;
	font-size: 13px;
	color: #341C0E;
	text-align: center;
	font-style: normal;
}

.pic_data i {
	display: block;
}

.pic_data img {
	display: block;
	width: 100%;
}

.actu strong {
	display: block;
	margin-bottom: 10px;
	font-family: 'me';
	font-weight: normal;
}

.form_pack {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 20px;
	padding: 20px;
	border: dashed 1px #733C1E;
}

.form_pack .gr2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

.form_pack input {
	padding: 10px;
	color: #391E0F;
	border: solid 1px white;
	font-size: 16px;
	box-shadow: 1px 1px 4px #EAD0B5, -1px -1px 4px #EAD0B5;
	border-radius: 3px;
}

.form_pack select {
	padding: 10px;
	border: solid 1px white;
	font-size: 16px;
	box-shadow: 1px 1px 4px #E6ECEC, -1px -1px 4px #E6ECEC;
	border-radius: 3px;
}

.form_pack input:focus {
	border: solid 1px #15C5FF;
}

.form_pack .sub {
	padding: 8px;
	border: solid 1px #DD9817;
	font-size: 13px;
	box-shadow: 1px 1px 4px #E6ECEC, -1px -1px 4px #E6ECEC;
	border-radius: 3px;
	background: #DD9817;
	color: white;
	font-family: 'me';
}

.form_pack textarea {
	padding: 10px;
	border: solid 1px white;
	font-size: 16px;
	box-shadow: 1px 1px 4px #E6ECEC, -1px -1px 4px #E6ECEC;
	border-radius: 3px;
}

.form_pack textarea:focus {
	border: solid 1px #DD9817;
}

.pi {
	padding: 10px;
	border-bottom: dashed 1px #733C1E;
	color: #733C1E;
	display: block;
	font-size: 19px;
	overflow: auto;
}

.pi i {
	display: block;
	float: left;
	margin-right: 7px;
	font-size: 17px;
}

.mess_sent {
	padding-top: ;
}

.mess_sent .in {
	text-align: center;
	color: #B8855F;
}

.mess_sent .in span {
	display: inline-block;
	padding: 50px;
	background: white;
}

.mess_sent .in span img {
	margin-bottom: 15px;
}

.mess_sent .in span a {
	display: inline-block;
	padding: 10px;
	transition: background 0.4s;
	border-radius: 4px;
	color: white;
	background: #B8855F;
	margin-top: 10px;
}

.mess_sent .in span a:hover {
	background: #805739;
}

.memb .mmemmb {
	display: grid;
	grid-template-columns: 1fr 4fr;
	background: ;
}

.pan_display .memb .mmemmb h4 {
	font-size: 17px;
}

.ul_spe {}

.ul_spe li {
	margin-bottom: 15px;
}

.tabb {
	padding-left: 40px;
	font-family: 'me';
	margin-top: 5px;
	margin-bottom: 10px;
}

.grid_imoo {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	padding-bottom: 20px;
	grid-gap: 20px;
}

.grid_imoo div {}

.grid_imoo div img {
	width: 100%;
}

.sa1 {
	background: url(../slide/s1.png) no-repeat center center;
	background-size: 100% auto;
}

.sa2 {
	background: url(../slide/s2.png) no-repeat center center;
	background-size: 100% auto;
}

.sa3 {
	background: url(../slide/s3.png) no-repeat center center;
	background-size: 100% auto;
}

.sa4 {
	background: url(../slide/s4.png) no-repeat center center;
	background-size: 100% auto;
}

.tabbee {
	background: #F5E8DB;
	display: grid;
	grid-template-columns: 1fr 2fr 3fr 4.5fr;
	grid-gap: 3px;
	padding: 3px;
}

.tabbee div {
	padding: 7px;
}

.oopee {
	background: #F7B400;
}

.pxi {
	border-bottom: solid 1px #F7B400;
}

.so_x {
	font-family: 'me';
}

.cage {}

.cage .penn {
	display: grid;
	grid-template-columns: 1.1fr 1.1fr 1fr 0.5fr 1fr;
	background: ;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: dashed 1px #CCD189;
	font-size: 14px;
	grid-gap: 10px;
}

@media (max-width:1200px) {
	.inx {
		margin: auto;
		width: 95%;
	}

	.grid_imoo {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		padding-bottom: 20px;
		grid-gap: 20px;
	}
}

@media (max-width:1000px) {
	.cage .penn {
		display: grid;
		grid-template-columns: 1.1fr 1.1fr;
		background: ;
		padding-bottom: 10px;
		padding-top: 10px;
		border-bottom: dashed 1px #CCD189;
		font-size: 14px;
		border-bottom: solid 1px #391E0F;
	}
}

@media (max-width:900px) {
	.thema .in {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 40px;
	}

	.med_que {
		display: none;
	}

	.slideshare .in {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 40px;
	}

	.grid_imoo {
		display: grid;
		grid-template-columns: 1fr 1fr;
		padding-bottom: 20px;
		grid-gap: 20px;
	}


}

@media (max-width:828px) {
	}
}

@media (max-width:770px) {
	.slide h3 {
		text-align: center;
		text-shadow: 5px 5px 0px #462B16;
		font-size: 50px;
		font-family: 'me';
		text-transform: uppercase;
		color: white;
		padding: 50px;
	}
}

@media (max-width:730px) {
	.sa1 {
		background: url(../slide/s1.png) no-repeat center center;
		background-size: auto 100%;
	}

	.sa2 {
		background: url(../slide/s2.png) no-repeat center center;
		background-size: auto 100%;
	}

	.sa3 {
		background: url(../slide/s3.png) no-repeat center center;
		background-size: auto 100%;
	}

	.sa4 {
		background: url(../slide/s4.png) no-repeat center center;
		background-size: auto 100%;
	}
}

@media (max-width:712px) {
	.mot .in {
		display: grid;
		grid-template-columns: 1fr;
		border-radius: 3px;
		overflow: hidden;
	}
}

@media (max-width:650px) {

	.present .in {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 40px;
	}

	.pan_men {
		overflow: auto;
		border-top: dashed 1px #CE9B8A;
		background: #F5EADC;
	}

	.pan_men a {
		display: block;
		padding: 15px;
		background: #F5EADC;
		float: left;
		color: #371D0F;
		border-top: 0px;
		cursor: pointer;
	}
}

@media (max-width:595px) {
	.thema .in {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 40px;
	}

	.slideshare .in {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 40px;
	}

	.logo .in {
		text-align: center;
	}

	.logo .in h1 {
		float: none;
	}

	.logo .in h1 img {
		width: 90%;
	}
}

@media (max-width:548px) {
	.menu .in {
		overflow: auto;
		text-align: center;
		background: ;
		display: none;
	}

	.menu .in2 {
		overflow: auto;
		text-align: center;
		background: ;
		display: block;
		text-align: center;
	}

	.menu a {
		cursor: pointer;
		font-family: 'me';
		font-size: 14px;
		display: inline-block;
		padding: 15px;
		float: none;
		padding-top: 20px;
		text-transform: uppercase;
		color: white;
		transition: background 0.4s;
	}

	.menu .in2 a {
		font-size: 18px;
	}
}

@media (max-width:520px) {
	.slide h3 {
		text-align: center;
		text-shadow: 5px 5px 0px #462B16;
		font-size: 30px;
		font-family: 'me';
		text-transform: uppercase;
		color: white;
		padding: 50px;
	}

	.slide .in {
		height: 315px;
	}

	.grid_imoo {
		display: grid;
		grid-template-columns: 1fr;
		padding-bottom: 20px;
		grid-gap: 20px;
	}
}

@media (max-width:482px) {
	.cage .penn {
		display: grid;
		grid-template-columns: 1fr;
		background: ;
		padding-bottom: 10px;
		padding-top: 10px;
		border-bottom: dashed 1px #CCD189;
		font-size: 14px;
		border-bottom: solid 1px #391E0F;
	}

	.logo {
		background: #B79A8A;
	}
}