*{margin: 0px; font-family: "Poppins", sans-serif; font-style: normal; text-decoration: none;}

.inx2{width: 1150px; margin: auto;}
.inx{width: 1150px; margin: auto;}

.slide .inx{ padding: 20px; }
.sla{width: 100%; color: white;}
.sla p{font-weight: 600; margin-bottom: 10px; width: 50%;}
.sla .inx{padding-top: 90px; padding-bottom: 90px;}
.sla .inx h1{font-weight: 900; font-size: 57px; line-height: 55px;} 
.sla .inx h1 b{font-weight: 800;}
table a{cursor: pointer;}
table i{cursor: pointer;}

.count{padding-top: 100px; padding-bottom: 100px; text-align: center;}
.count img{width: 120px;}
.count strong{color: #ff5e14; font-size: 35px; display: block; padding-top: 10px;}
.count p{font-weight: 700; padding-bottom: 20px; font-size: 20px; }
.exp{width: 20px; float: right; padding: 25px;}

.popimg{position: fixed; width: 100%; height: 100%; z-index: 1000; display: none; text-align: center;}
.popa{}
.popinx{width: 840px; display: block; margin: auto; height: 500px; }
.popinx img{height: 100%;}
.popa i{ color: white; font-size: 25px; display: inline-block; padding: 25px; }

.sign{float: right; padding-top: 19px;}
.sign a{color: white; background: #00b7ff; font-weight: 800; display: block; padding: 5px 11px; border-radius: 3px; font-size: 13.5px;}

.sep{background: #06123c; height: 65px;}

.topline{background: #06123c; color: #00b7ff; padding: 10px; font-size: 12px;}
.topline .in{overflow: auto; padding: 3px;}
.topline strong{display: block; float: left;}
.topline strong i{display: block; float: left; font-size: 20px; }
.topline b{display: block; float: right;}
.topline b span{display: block; float: left; font-size: 22px;}
.topline em{display: block; float: right; margin-right: 14px;}
.topline em a{display: block; float: left; margin-right: 14px; font-size: 17px;}

.menu{ background: white; padding-left: 20px; padding-right: 20px;}
.menu .in{overflow: auto;}
.menu h1{float: left;}
.menu h1 a{display: block; font-weight: 800; padding-top: 12px;}
.menu h1 a img{width: 115px;}
.menu menu{float: right; }
.menu menu a{float: left; display: block; font-weight: 600; padding: 25px 14px; font-size: 13.5px; color: #171820;}
.menu menu a:hover{color: #00b7ff; background: #f3f7ff;}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.s_l{float: left; height: 0px; width: 0px;}
.s_r{float: right; height: 0px; width: 0px; background:;}

.s_lpa{float: left; height: 50px; width: 20px;}
.s_rpa{float: right; height: 50px; width: 0px; }

.fixed_menu{position: fixed; animation: fadeIn 0.4s ease-in;  z-index: 100; width: 100%; box-shadow: 0px 0px 45px RGBA(6,18,60,0.27); border-radius: 4px; top: 0px; padding-left: 0px; padding-right: 0px;}

.sub_menu{position: absolute; display: none; z-index: 350;}
.sub_menu section{ background: white; display: none;}
.sub_menu a{ display: block; width: auto; font-weight: 600; padding:10px 17px; font-size: 13.5px; color: #171820; background: white; border-bottom: solid 1px #f1f5f7;}
.sub_menu a:hover{color: #171820; background: #f3f7ff;}

.drawer_menu{ position: fixed; width: 100%; height: 100%; background: white; right: 100%; z-index: 300;}
.drawer_menu .in{padding-left: 15%;}
.drawer_menu a{ display: block; font-weight: 600; padding:13px 20px; font-size: 13.5px; color: #06123c; background: white; border-bottom: solid 1px #f1f5f7; overflow: auto;}
.drawer_menu a span{display: block; float: right; transition: transform 0.3s;}
.drawer_menu section{padding-left: 20px; display: none; border-bottom: solid 1px #00b7ff;}
.drawer_menu section a{ display: block; font-weight: 600; padding:10px 17px; font-size: 12px; color: #171820; background: white; border-bottom: solid 1px #f1f5f7;}
.seem{display: none; position: fixed; z-index: 200; background: #06123c; width: 100%; height: 100%; opacity: 0.7;}

.cloo{overflow: auto;}
.cloo span{display: block; float: right; padding: 12px;}
.cloo img{height: 20px; padding: 18px;}

.fa-trash{font-size: 23px;}

.statusbar{position: fixed; z-index: 30; width: 100%; background: #f1ffe6; color: #119c3b; display: none;}
.statusbar .in{padding: 22px; text-align: center;}
.statusbar .in img{height: 20px; display: inline-block;}

.but_pac{padding-top: 27px;}
.but_pac a{padding: 18px 28px; margin-right: 20px; font-weight: 600; border-radius: 3px; }
.but_pac input{padding: 8px 18px; font-weight: 600; border-radius: 3px; border: 0px; color: white;}
.but_pac .aa{background: #00b7ff;}
.view_list .in td .subo_form{color: white; font-weight: 700; border: 0px; background: #00b7ff; border-radius: 3px; padding: 3px 10px; display: inline-block;}
.but_pac .bb{background: white; color: #171820; transition: background 0.3s;}
.but_pac .bb:hover{background: #00b7ff; color: #fff;}

.present{ /*background: url(../img/wo.png) right no-repeat; */ background-size: 50%; color: #121c45; padding: 20px; }
.present .in{display: grid; grid-template-columns: 1fr 2fr; padding-top: 30px; padding-bottom: 30px;}

.pres1{padding: 30px; padding-left: 0px;}
.pres1 h2{font-weight: Black; font-size: 30px;}
.pres1 strong{color: #00b7ff; font-size: 25px;}

.pres2{padding: 30px; padding-left: 0px; }
.pres2 p{ color: #838697; font-size: 13.5px; word-spacing:3px; line-height: 25px;}

.fonda{color: #121c45; padding-bottom: 80px;}
.fonda .in{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px;}
.fonda .fon{background: white; padding: 32px; text-align: center;}
.fonda .fon p{ color: #838697; font-size: 13.5px; line-height: 25px; height: 150px; overflow: hidden;}
.fonda .fon h3{padding: 28px;}
.fonda .fon img{height:80px;}

.inscrip{padding-top: 80px;}
.inscrip .tito{padding-bottom: 40px;}
.inscrip .tito span{color: #00b7ff;}

.activite{padding-top: 80px;}
.activite .tito{padding-bottom: 40px;}
.activite .tito span{color: #00b7ff;}

.doc_pub .tito{padding-bottom: 40px;}
.doc_pub .tito span{color: #00b7ff;}

.tab_doc{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; background: #e1e8eb; gap: 1px; padding: 1px; padding-bottom: 0px; border-bottom: solid 4px #00b7ff;}
.tab_doc a{padding: 15px; display: block; background: white; font-weight: 700; text-align: center; color: #06123c;}
.tab_doc .def{background: #00b7ff; color: white;}

.tab_doc2{ display: grid; grid-template-columns: 1fr 1fr 1fr; background: #e1e8eb; gap: 1px; padding: 1px; padding-bottom: 0px; border-bottom: solid 4px #00b7ff;}
.tab_doc2 a{padding: 15px; display: block; background: white; font-weight: 700; text-align: center; color: #06123c;}
.tab_doc2 .def{background: #00b7ff; color: white;}

.search_doc{display: grid; margin-top: 25px; grid-template-columns: 1fr auto;}
.search_doc input{padding: 15px; border: 0px; font-size: 16px;}
.search_doc button{padding: 15px; border: 0px;}
.search_doc .ip_sub{background: #00b7ff; color: white; font-weight: 700; font-size: 10px;}
.cop{height: 0px; overflow: hidden;}

.form-group{padding: 12px; overflow: auto;}
.form-group input{padding: 15px;}
.form-group label{ display: block; height: 20px; width: 20px; border-radius: 4px; border: solid 5px #c9cbd6; float: left;}
.form-group span{ display: block; float: left; padding: 0px; padding-left: 10px; font-weight: 500;}
.form-group .check{background: url(../img/check.svg) no-repeat center center #00b7ff; background-size: contain; border: solid 5px #00b7ff;}
.subofil{padding: 10px 50px; background: #00b7ff; border-radius: 4px; border: 0px; font-weight: 700; color: white;}

.member .in{color: #171820; padding: 20px;}
.member .in .header{ font-size: 13.5px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; background: #f4f6f7; margin-bottom: 20px; margin-top: 20px; }
.parax{ background: #f4f6f7; margin-bottom: 20px; margin-top: 20px; padding: 30px;}
.member .in .header section{  padding: 30px; }
.member .in .header section a{color: #00b7ff; text-decoration: underline;}

.double{display: grid; grid-template-columns: 1.5fr 1fr; gap: 20px;}
.double .pric{min-height: 400px;}

.statuts{color: #171820; padding: 20px;}
.statuts .in .header{ font-size: 13.5px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding: 30px; background: #f4f6f7; margin-bottom: 20px; margin-top: 20px; }
.statuts .in .header a{display: inline-block; font-weight: 700; padding: 10px 20px; margin-top: 10px; background: #00b7ff; color: white;}
.statuts .in .header span{font-weight: 700; color: #00b7ff;}
.statuts .in strong{ color: #00b7ff; display: block; font-size: 19px; margin-bottom: 22px; margin-top: 15px; padding: 15px; padding-top: 5px; padding-bottom: 5px; border-left: solid 4px #00b7ff;}
.statuts .in em{ color: #00b7ff; display: block; margin-bottom: 15px;}
.statuts .in p{ font-size: 14px; line-height: 21.5px; }
.statuts .in b{display: block; margin-top: 18px; margin-bottom: 12px; }
.rial{padding-bottom: 20px;}
.signa{display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding-bottom: 80px; padding-top: 20px; text-align: center;}
.signa u{display: block; text-decoration: underline;}

.bureau_exe{ padding-bottom: 60px; }
.bureau_exe .in{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:20px; padding: 20px;}
.persox{}
.persox i{display: block; height: 220px; background: silver; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.persox b{display: block; height: 220px; background-color: white; background-position: center center; background-repeat: no-repeat;  background-size: contain;}
.persox strong{display: block; padding: 20px; padding-bottom: 0px;}
.persox u{display: block; padding: 20px; text-align: center; padding-top: 0px;}
.persox p{display: block; padding: 20px; padding-top: 0px; font-size: 14px;}

.material-symbols-rounded {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

#pro_ver_ago, #pro_ver_age{display: none;}
#op_ppa, #op_douanex, #op_dgamp{display: none;}

.welcome{position: fixed; height: 100%; width: 100%; background: url(../anim.gif) center center no-repeat #fff; background-size: 70px; z-index: 300;}

.lista strong{border-bottom: solid 1px #dde1eb;}

.date_fix{overflow: auto; font-size: 12px; padding: 15px; padding-bottom: 0px; background: white;}
.date_fix em{margin-bottom: 20px;}
.date_fix .daaa{display: inline-block; border: solid 1px #f4f6f7; border-radius: 30px; padding: 8px 15px; font-weight: 500;}
.date_fix i{color: #00b7ff; font-size: 18px;}
.date_fix .liiii{display: inline-block;  border: solid 1px #f4f6f7; border-radius: 30px; padding: 8px 15px;}
.date_fix .pdffff i{color: #ff1e00;}


.results{display: grid; grid-template-columns: 3fr 1fr; padding-top: 20px; gap: 15px;}
.results section{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.item_docu{ display: grid; grid-template-columns: auto 1fr; color: #06123c; border: solid 1px #d0d3e0; gap: 14px; padding: 15px; transition: background 0.5s;}
.item_docu:hover{background: #00b7ff; color: white;}
.item_docu img{width: 20px;}
.item_docu p{ font-size: 13.5px; line-height: 25px;}
.item_docu p span{ display:block; font-size: 11px; color: #c9cbd6;}

.acti_squa{display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
.acti_squa section{}
.acti_squa section i{display: block; padding: 30px; padding-top: 210px; background-repeat: no-repeat; background-size: cover; color: white;}
.acti_squa section i b{display: block; height: 50px; overflow: hidden; background: url(../img/seem.png); color: white; padding: 30px ; padding-bottom: 0px; font-size: 18px;}
.acti_squa section i p{display: block; background: url(../img/seem.png); color: white; padding: 30px; padding-top: 15px; font-size: 13.5px; color: #ccceda; line-height: 25px; height: 50px; overflow: hidden;}
.acti_squa section i a{color: #00b7ff; padding: 30px; padding-top: 0px; font-weight: 700; display: block; text-align: right; padding-top: 9px; background: url(../img/seem.png);}

.tab{display: grid; grid-template-columns: 1fr 1fr 2fr; background: #06123c;}
.tab a{padding: 25px; background: #00b7ff; font-weight: 700; text-align: center; color: white;}
.form{display: grid; grid-template-columns: 2fr 1fr;}
.formtact{display: grid; grid-template-columns: 1.3fr 2fr; padding-bottom: 30px;}
.contact_infos{padding: 30px; padding-left: 0px;}
.contact_infos img{width: 100%;}
.contact_infos h1{color: #00b7ff; font-size: 32px;}
.contact_infos .pacfa{text-align: center; display: block;}
.contact_infos .pacfa a{display: inline-block; text-align: center; margin: 10px; background: #00b7ff; color: white; padding: 10px; width: 18px; border-radius: 5px;}
.contact_infos h2{margin-bottom: 20px; color: #273568; font-size: 22px;}
.contact_infos section{display: grid; grid-template-columns: auto 1fr; margin-bottom: 20px; gap: 10px;}
.contact_infos section span{display: block; color: #00b7ff; font-size: 35px; padding-top: 6px;}
.contact_infos section b{display: block; font-size: 13.5px; padding: 6px; color: #5f6069; font-weight: 500;}
.texta p{ font-size: 13.5px; color: #a3a6b4; line-height: 25px; margin-top: 30px;}
.texta{background: #06123c; color: #d0d3e0; padding: 65px; padding-top: 30px;}
.texta a{padding: 15px; display: block; background: #00b7ff; font-weight: 700; text-align: center; color: white; font-size: 13px; margin-top: 30px;}
.texta a span{display: block; padding-top: 3px; font-size: 18px; float: right; }
.fora{display: grid; grid-template-columns: 1fr; padding:50px; padding-left: 0px; gap: 15px;}
.fora textarea{padding: 17px; display: block; border: solid 1px #dde1eb; color: #a3a6b4; border-radius: 4px; font-size: 12px;}
.fora input{padding: 17px; display: block; border: solid 1px #dde1eb; color: #a3a6b4; border-radius: 4px; font-size: 12px;}
.fora .subo{background: #06123c; color: #00b7ff; font-weight: 700; font-size: 17px; transition: background 0.5s;}
.fora .subo:hover{background: #00b7ff; color: #fff; }

.ico_header{min-height: 100px;}

.re{padding: 18px;}
.re a{font-weight: 700; font-size: 14px; background: ; overflow: auto; color: ; padding: 10px; padding-right: 14px; padding-left: 19px; border-radius: 4px; display: inline-block; transition: background 0.5s;}
.re a:hover{ background: #00b7ff; overflow: auto; color: white; border-radius: 4px; display: inline-block;}
.re a span{display: block; padding-top: 3px; font-size: 18px; float: right; }

.sh{box-shadow: 0px 0px 45px #dde1eb; border-radius: 4px;}
.sho{box-shadow: 0px 0px 45px #afccb4; border-radius: 4px;}
.sh2{box-shadow: 0px 0px 10px #dde1eb; border-radius: 4px;}

.objectif{padding: 20px; padding-top: 80px; padding-bottom: 80px; background: #06123c;}
.objectif .in{padding-top: 40px; padding-bottom: 40px;}
.objectif .in{padding-top: 40px; padding-bottom: 40px; color: white;}
.objectif .in .tito span{color: #00b7ff;}
.objectif .in .pp{text-align: center; font-size: 13.5px; padding: 21px; width: 50%; margin: auto; color: #a3a6b4; line-height: 25px;}

.paco_serv{}
.all{display: grid; grid-template-columns: 1fr 2fr; gap:; padding: 0px; }
.copform{display: grid; grid-template-columns: 1fr; gap:4px; padding: 30px; }
.copform label{font-size: 12px; color: #7e8294;}
.copform input{margin-bottom: 15px; padding: 5px;}
.copform select{margin-bottom: 15px; padding: 5px;}
.view_list .in{display: grid; grid-template-columns: 1fr; padding: 30px; font-size: 12.5px; max-height: 500px; overflow-y: auto;}
.view_list .in td{ padding: 5px; font-size: 11px;}
.view_list .in td a{font-weight: 600;color: #00b7ff;}
.view_list .in #td{text-align: center;}
.view_list .in #td a{font-size: 17px;}

.griob{margin: 0 10px; }
.griob section{border: solid 1px #273568;  padding: 50px 40px; text-align: center; margin: 10px; text-align: left; height: 385px;}
.griob section strong{color: white; display: block; padding: 20px 0px; font-size: 22px;}
.griob section p{ font-size: 13.5px; color: #a3a6b4; line-height: 25px;}

.tito{text-align: center;}
.tito span{display: block; font-weight: 700;}
.tito strong{display: block; font-size: 36px;}

.mot_presi{padding: 20px; padding-top: 20px; padding-bottom: 70px; text-align: center; background: url(../img/quote.png) no-repeat ; background-position: 230px 190px;}
.mot_presi .tito span{color: #00b7ff;}
.mot_presi .tito strong{color: #171820;}
.mot_presi i{display: inline-block; height: 110px; width: 110px; border-radius: 90px; background: url(../img/preso.png) no-repeat center #273568; background-size: cover; margin-top: 20px;}
.motx{padding: 30px;}
.motx p{width: 70%; font-size: 18.5px; color: #7e8294; line-height: 25px; margin: auto;}
.motx p u{ display: block; padding-top: 25px; color: #00b7ff; text-decoration: none; text-align: right;}

.news_ban{display: grid; grid-template-columns: auto 1fr;}
.news_ban strong{display: block; color: white; background: #ff5e14; padding: 7px 15px;}
.news_ban p{display: block; color: #031d7c; background: #f7f7f7; padding: 10px 15px; font-weight: 700; font-weight: 500; font-size: 13.5px; overflow: hidden;}
.news_ban p u{ color: #ff5e14; text-transform: uppercase; font-weight: 700;}

.presentx{display:block;}

.resu_out{grid-column-start: 1; grid-column-end: 3; border: solid 1px #d0d3e0; }
.resu_out a{display: block; padding: 10px 15px; overflow: auto;}
.resu_out a b{color: #00b7ff; text-decoration: underline;}
.resu_out a i{display: block; float: right; font-size: 25px; color: #00b7ff;}

.resu_out2{grid-column-start: 1; grid-column-end: 5; border: solid 1px #d0d3e0; }
.resu_out2 a{display: block; padding: 10px 15px; overflow: auto;}
.resu_out2 a b{color: #00b7ff; text-decoration: underline;}
.resu_out2 a i{display: block; float: right; font-size: 25px; color: #00b7ff;}

.parte{padding: 20px; padding-top: 50px; text-align: center; padding-bottom: 45px; border-bottom: solid 1px #d0d3e0; border-top: solid 1px #d0d3e0; text-align: }
.parte a{ display: inline-block; margin: 0px 10px;  }
.parte img{height: 80px; }
iframe{display: block; margin: 0px;}
.docs{padding: 60px 20px 60px 20px;}
.docs .tito{padding-bottom: 40px;}
.docs .tito b{color: #00b7ff;}
.docs .in{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 17px;}
.item_doc{display: block; background: white;}
.item_doc img{display: block; width: 100%;}
.item_doc b{display: block; padding: 18px; color: #0a93f9; overflow: auto;}
.item_doc b span{font-size: 30px; display: block; float: left; margin-right: 10px;}
.item_doc p{font-size: 12px; color: #626e7e; padding: 31px; padding-top: 0px;}

footer{}
.newsletter{background: #0a93f9; padding: 60px 60px; color: white;}
.newsletter .in{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.newsletter .in h2{font-size: 35px;}

.copy{padding-top: 80px; overflow: auto;}
.copy b{color: white; font-size: 11px; display:block; float: left;}
footer .foot .copy a{color: #45aeff; display: block; float: right; font-size: 11px; margin-top: 0px; font-weight: 700;}

.newsletter .inpa input{padding: 12px; border: 0px; background:#e1e8eb; border-radius: 30px; padding-left: 20px; padding-right: 20px;}
.newsletter .inpa .inpinp{ border-radius: 4px 0px 0px 4px; padding-left: 20px; padding-right: 20px;}
.newsletter .inpa .inpsub{background:#00b7ff; font-weight: 900; color: white; border-radius: 0px 4px 4px 0px; padding-left: 20px; padding-right: 20px;}
.newsletter .label h2{font-weight: 700;}

.setting{float: right; display: none;}
.setting i{display: inline-block; padding: 17px; font-size: 34px; color: #06123c;}


.foot .in{display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 21px;}
.foot{padding: 20px; padding-top: 80px; padding-bottom: 40px; background:#06123c;}
.foot a{display: block; margin-top: 11px;}
.foot strong{color: #5fb9ff;}
.foot h1{color: #5fb9ff;}
.foot p{color: #fff; margin-top: 17px; font-size: 12px;}
.foot a{color: #fff; margin-top: 17px; font-size: 12px;}
.foot section{color: #fff; }
.foot section .social{ }
.foot section .social a{color: #004981; margin-right: 5px; margin-bottom: 10px; width: 20px; text-align: center; background: #fff; display: inline-block; padding: 7px; border-radius: 5px; font-size: 20px; margin-top: 0px;}
.foot .gr2{display: grid; grid-template-columns: 1fr 2fr; gap: 14px; }
.foot .gr2 b{display: block;}
.foot .gr2 span{display: block; border: solid 1px white; text-align: center; font-size: 30px; border-radius: 10px; padding: 20px;}

.siz{position: fixed; z-index: 200; width: 100%; text-align: center;}
.siz b{padding: 5px; background: #fff; color: #06123c; font-size: 10px;}

.display_pdf{}
.display_pdf article{/*display: grid; grid-template-columns: 3fr 1fr;*/}
.pdf_view{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:20px; padding: 20px; padding-left: 0px;}
.pdf_view2{display: grid; grid-template-columns: 1fr 1fr 1fr; gap:20px; padding: 20px; padding-left: 0px;}
.pdf_viewdd{display: grid; grid-template-columns: 1fr 1fr; gap:20px; padding: 20px; padding-left: 0px; padding-bottom: 30px;}
.itemoc{}
.itemoc strong{padding: 15px; display: block; color: #06123c; font-size: 14.5px; background: url(../img/seem.png); color: white; height: 110px; overflow: hidden;}
.itemoc strong u{color: #00b7ff; font-weight: 800; font-size: 30px; display: block ; text-transform: uppercase;}
.itemoc a{padding: 15px; display: block; color: #06123c; font-size: 14.5px; border-bottom: solid 1px #f4f6f7; font-weight: 600; transition: background 0.3s; cursor: pointer;}
.itemoc a:hover{background: #00b7ff; color: white;}
.pddf{padding: 25px; padding-top: 190px; background-color: white; background-repeat: no-repeat; background-size: auto 90%; background-position: center bottom;}
.pddf3{padding: 25px; padding-top: 160px; overflow: auto; background-repeat: no-repeat; background-size: cover; background-position: center top;}
.pddf a{display: block; padding: 10px; border-radius: 4px; font-weight: 600; color: white; background: RGBA(0,16,30,0.61); text-align: center; font-size: 13.5px; transition: background 0.3s;}
.scale{display: inline-block; padding: 10px; padding-bottom: 6px; border-radius: 4px; font-weight: 600; color: white; background: RGBA(0,16,30,0.61); text-align: center; font-size: 13.5px; transition: background 0.3s;}
.pddf a:hover{background: #00b7ff;}


@media (max-width:1100px ) {
    .inx{width: auto; margin: auto;}
    .inx2{width: auto; margin: auto;}
}
@media (max-width:1000px ) {
    .fixed_menu{position: fixed; animation: fadeIn 0.4s ease-in;  z-index: 100; width: 100%; box-shadow: 0px 0px 45px RGBA(6,18,60,0.27); border-radius: 4px; top: 0px;}
}
@media (max-width:840px ) {
    .popinx{width: 100%; height: auto;}
    .popinx img{width: 95%; height: auto;}
    .bureau_exe .in{display: grid; grid-template-columns: 1fr 1fr 1fr; gap:20px; padding: 20px;}
    .sub_menu{position: absolute; display: none; z-index: 350;}
    .menu h1{float: left;}
    .sign{display: none;}
    menu{display: none;}
    .setting{display: block;}
    .menu menu{float: none; display: none; width: 100%; margin-top: 50px; position: ;}
    .menu menu a{float: none; display: block; font-weight: 600; padding: 15px 14px; font-size: 13.5px; color: #171820; text-align: left;}
}
@media (max-width:800px ) {
    .newsletter .in{display: grid; grid-template-columns: 1fr; gap: 20px;}
    .tab{display: grid; grid-template-columns: 1fr 1fr; background: #06123c;}
    .results{display: grid; grid-template-columns: 2fr 1fr ; padding-top: 20px; gap: 15px; padding-left: 20px; padding-right: 20px;}
    .results section{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
    .form{display: grid; grid-template-columns:1fr;}
    .formtact{display: grid; grid-template-columns:1fr; }
    .fora{display: grid; grid-template-columns: 1fr; padding:50px; gap: 15px;}
    .contact_infos{padding-left: 20px; padding-right: 20px;}
}
@media (max-width:650px ) {
    .all{display: grid; grid-template-columns: 1fr; gap:; padding: 0px; }
    .double{display: grid; grid-template-columns: 1fr; gap: 20px;}
    .bureau_exe .in{display: grid; grid-template-columns: 1fr 1fr; gap:20px; padding: 20px;}
    .foot .in{display: grid; grid-template-columns: 1fr 1fr; gap: 21px;}
    .fora{display: grid; grid-template-columns: 1fr; padding:50px; gap: 15px;}
}
@media (max-width:600px ) {
    .pdf_view{display: grid; grid-template-columns: 1fr 1fr 1fr; gap:20px; padding: 20px; padding-left: 0px;}
    .resu_out2{grid-column-start: 1; grid-column-end: 4; border: solid 1px #d0d3e0; }
    .docs .in{display: grid; grid-template-columns: 1fr 1fr; gap: 17px;}
    .griob section{border: solid 1px #273568;  padding: 20px 20px; text-align: center; margin: 10px; text-align: left; height: 385px; overflow: hidden;}
    .griob section strong{color: white; display: block; padding: 20px 0px; font-size: 16px;}
    .griob section p{ font-size: 10.5px; color: #a3a6b4; line-height: 25px;}

    .acti_squa section i{display: block; padding: 0px; padding-top: 210px; background-repeat: no-repeat; background-size: cover; color: white;}
    .results{display: grid; grid-template-columns: 2fr 1fr ; padding-top: 20px; gap: 15px;}
    .results section{display: grid; grid-template-columns: 1fr; gap: 10px;}
    menu{display: none;}
    .fonda .in{display: grid; grid-template-columns: 1fr; gap: 24px;}
    .present .in{display: grid; grid-template-columns: 1fr; padding-top: 30px; padding-bottom: 30px;}
    .sla .inx h1{font-weight: 900; font-size: 37px; line-height: 35px;}
    .but_pac{padding-top: 27px; text-align: center;}
    .sla p{font-weight: 600; margin-bottom: 10px; width: 80%; font-size: 12px;}
    .pdf_view2{display: grid; grid-template-columns: 1fr; gap:20px; padding: 20px; padding-left: 20px;}
    .pdf_viewdd{display: grid; grid-template-columns: 1fr; gap:20px; padding: 20px; padding-left: 20px;}
} 
@media (max-width:500px ) {
    .objectif .in .pp{text-align: center; font-size: 13.5px; padding: 21px; width: auto; margin: auto; color: #a3a6b4; line-height: 25px;}
    .tab{display: grid; grid-template-columns: 4fr 1fr; background: #06123c;}
    .search_doc input{padding: 8px; border: 0px;}
    .search_doc button{padding: 8px 11px; border: 0px;}
    .motx p{width: auto; font-size: 13.5px; color: #7e8294; line-height: 25px; margin: auto;}
    .topline{text-align: center;}
    .topline strong{display: block; float: none;}
    .topline strong i{display: inline-block; float: none; font-size: 22px;}
    .topline b{display: block; float: none;}
    .topline b span{display: inline; float: none; font-size: 22px;}
    .topline em{display: block; float: none; margin-right: 14px; padding: 5px;}
    .topline em a{display: inline-block; float: none; margin-right: 14px; font-size: 17px;}
}
.hint{grid-column-start: 1; grid-column-end: 3;}
@media (max-width:440px ) {
    .pddf{padding: 0px; padding-top: 190px; background-color: white; background-repeat: no-repeat; background-size: contain; background-position: center center;}
    .pddf a{display: block; padding: 10px; border-radius: 0px; font-weight: 600; color: white; background: RGBA(0,16,30,0.61); text-align: center; font-size: 13.5px; transition: background 0.3s;}
    .pdf_view{display: grid; grid-template-columns: 1fr; gap:20px; padding: 20px; padding-left: 20px;}
    .resu_out2{grid-column-start: 1; grid-column-end: 2; border: solid 1px #d0d3e0; }
    .pdf_view2{display: grid; grid-template-columns: 1fr; gap:20px; padding: 20px; padding-left: 20px;}
    .pdf_viewdd{display: grid; grid-template-columns: 1fr; gap:20px; padding: 20px; padding-left: 20px;}
    .statuts .in .header{ font-size: 13.5px; display: grid; grid-template-columns: 1fr; gap: 20px; padding: 30px; background: #f4f6f7; margin-bottom: 20px; margin-top: 20px; }
    .member .in .header{ font-size: 13.5px; display: grid; grid-template-columns: 1fr; gap: 20px; padding: 30px; background: #f4f6f7; margin-bottom: 20px; margin-top: 20px; }
    .bureau_exe .in{display: grid; grid-template-columns: 1fr; gap:20px; padding: 20px;}
    .docs .in{display: grid; grid-template-columns: 1fr; gap: 17px;}
    .fora{display: grid; grid-template-columns: 1fr; padding:20px; gap: 15px;}
    .fora .subo{background: #06123c; color: #00b7ff; font-weight: 700; font-size: 17px; transition: background 0.5s; padding: 10px;}
    .objectif{padding: 20px; padding-top: 40px; padding-bottom: 40px; background: #06123c;}
    .texta a{padding: 15px; display: block; background: #00b7ff; font-weight: 700; text-align: center; color: white; font-size: 13px; margin-top: 30px;}
    .texta{background: #06123c; color: #d0d3e0; padding: 20px; padding-top: 30px;}
    .acti_squa{display: grid; grid-template-columns: 1fr; gap: 15px;}
    .form-group{padding: 12px; padding-left: 0px; overflow: auto;}
    .form-group span{ display: block; float: left; padding-top: 2px; padding-left: 5px; font-weight: 500; font-size: 12px;}
    .form-group label{ display: block; height: 10px; width: 10px; border-radius: 4px; border: solid 5px #c9cbd6; float: left;}
    .filter{display: grid; grid-template-columns: 1fr 1fr;}
    .results{display: grid; grid-template-columns: 1fr; padding-top: 20px; gap: 15px;}
    .tab_doc a{padding: 11px; display: block; background: white; font-weight: 700; text-align: center; color: #06123c; font-size: 12px;}
    .tab_doc2 a{padding: 11px; display: block; background: white; font-weight: 700; text-align: center; color: #06123c; font-size: 12px;}
    .but_pac{display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
    .sla .inx h1{font-weight: 900; font-size: 27px; line-height: 35px;}
    .but_pac a{padding: 8px 8px; font-size: 12px; margin-right: 0px; font-weight: 600; border-radius: 3px; }
    .newsletter{background: #0a93f9; padding: 20px 20px; color: white;}
    .newsletter .inpa{display: grid; grid-template-columns: 1fr; gap: 10px;}
    .newsletter .inpa .inpinp{border-radius: 10px;}
    .newsletter .inpa .inpsub{border-radius: 10px;}
    .foot .in{display: grid; grid-template-columns: 1fr; gap: 21px;}
    .copy b{color: white; font-size: 11px; display:block; float: none; margin-bottom: 10px;}
    footer .foot .copy a{color: #45aeff; display: block; float: none; font-size: 11px; margin-top: 0px; font-weight: 700;}
}
@media (max-width:335px ) {
    .search_doc{display: grid; margin-top: 25px; grid-template-columns: 1fr ;}
    .pdf_view{display: grid; grid-template-columns: 1fr; gap:20px; padding: 20px; padding-left: 0px;}
    .resu_out2{grid-column-start: 1; grid-column-end: 2; border: solid 1px #d0d3e0; }
}
@media (max-width:500px ) {

}