@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;}

.top{background: #69564a; color: #C09530; padding: 20px;}
.top .in{overflow:auto; font-size:13px;}
.top span{display:block; float:right;}

.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 .ue{float: right; display: block;}

.top_pac{}

.menu{text-align: center; border-bottom: dashed 1px #CCD189; border-top: dashed 1px #CCD189; background: #391E0F}
.menu .in{overflow: auto; text-align: center; background: ; display:block;}
.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;}

.slide{padding: 20px; padding-top: 40px; }
.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;}

.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_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 ) {
	.top{text-align:center;}
	.top .in{overflow:auto; font-size:15px;}
	.top span{display:block; float:none; padding-top:7px;}
}
@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;}
}