@font-face {
    font-family: 'inte';
    src: url('../fonts/integralcf-bold-webfont.woff2') format('woff2'),
         url('../fonts/integralcf-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geo';
    src: url('../fonts/Geologica-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

*{margin: 0px; outline: 0px; text-decoration: none; font-style: normal;}
body{ font-family: 'Geo'; background: #f1edfd;}
.inx{width: 1110px; margin: auto;}

.top{background: #39324c;}
.top .in{overflow: auto; padding-top: 15px; padding-bottom: 25px; }
.top h1{float: left;}
.top h1 a{font-family: 'inte'; font-size: 22px; color: #39324c; font-size: 0.5px;}
.top h1 a img{width: 220px; padding-top: 7px;}

.date .in{background: url(../img/run.png) no-repeat right center #fff; background-size: auto 100%; padding: 40px; padding-top: 20px; padding-bottom: 20px; color: #39324c;}
.date .in strong{font-family: 'inte'; color: #d51964;}

.but_pac{float: right; overflow: auto;}
.but_pac .abo{display: block; float: right; padding: 10px; margin-top: 5px; font-family: 'inte'; background: #d51964; color: white; font-size: 13px;}
.but_pac .poo{display: block; float: right; padding: 8px; margin-top: 5px; font-family: 'inte'; border:solid 2.5px #fff; color: white; font-size: 13px; margin-right: 20px;}

.slide{padding-bottom: 30px; padding-top: 30px;}
.slide .in{background: url(../img/sla.jpg) no-repeat; border-radius: 3px; background-size: cover; padding-top: 55px; padding-bottom: 60px; text-align: center; color: white; font-family: 'inte';}
.slide strong{display: inline-block; padding: 10px; background: #d51964; font-size: 18px;}
.slide span{display: inline-block; padding: 10px; color: #d51964; background: white; font-size: 18px;}
.slide h2{ padding: 10px; text-shadow: 3px 3px 0px #d51964; font-size: 42px; width: 75%; margin: auto;}
.slide img{width: 400px;}

.arch{ padding-top: 7px; float: right; display: block; margin-right: 20px; text-align: right;}
.arch i{ color: white; font-size: 14px; display: block;}

.annuaire{padding: 20px; padding-top: 40px; padding-bottom: 40px;}
.annuaire .in{display: grid; grid-template-columns: 3fr 1fr; gap: 25px;}
.annuaire .list{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 25px;}

.loggs{background: white; padding: 30px; text-align: center;}
.loggs img{width: 100%; padding-bottom: 20px;}
.loggs p{margin-bottom: 25px;}

.sep{height: 45px;}

.site{display: block; border: solid 1px #d51964; background: white; color: #39324c;}

.grad{background: rgb(241,51,51);
    background: linear-gradient(45deg, rgba(241,51,51,1) 0%, rgba(236,50,218,1) 100%);}

.site .ico{display: block;}
.site .ico img{width: 100%; display: block;}
.site .deta{padding: 22px;}
.site .deta strong{font-family: 'inte'; color: #d51964;}
.site .deta p{font-size: 12px; margin-bottom: 9px;}
.site .deta span{display: inline-block; background: #39324c; color: white; font-weight: bolder; font-size: 11px; padding: 5px; border-radius: 3px;}
.site .deta span u{color: #ff9dc4;}

.i2{display: grid; grid-template-columns: 1fr 3fr; grid-gap:17px; padding: 30px; color: #232d49;}
.i2 input{padding: 10px; background: #f1edfd; border: solid 3px #EF3391; border-radius: 30px; font-weight: bold;}
.i2 textarea{padding: 10px; background: #f1edfd; border: solid 3px #EF3391; border-radius: 30px; font-weight: bold;}
.i2 .sub{padding: 8px; font-weight: bold; background: transparent; color: #39324c; border: solid 3px #39324c; border-radius: 30px;}
.i2 i{text-align: right;}

.pan{}
.tito{font-weight: 900; text-transform: uppercase; background: #39324c; color: white; padding: 20px; padding-left: 20px; font-size: 12px; display: block;}
.padtr{background: ; padding: 20px; margin-bottom: 20px;}
.padd{background: #f6f3ff; padding: 20px; margin-bottom: 20px;}
.glog2{display: grid; grid-template-columns: 1fr; gap: 15px; text-align: center; width: 50%; margin: auto;}
.glog2 input{padding: 10px; background: #f1edfd; border: solid 3px #EF3391; border-radius: 30px; font-weight: bold;}
.glog2 .sub{padding: 8px; font-weight: bold; background: transparent; color: #39324c; border: solid 3px #39324c; border-radius: 30px;}

.glog{display: grid; grid-template-columns: 1fr; gap: 15px; text-align: center;}
.glog input{padding: 10px; background: #f1edfd; border: 0px; border-radius: 30px; font-weight: bold;}
.glog .sub{padding: 8px; font-weight: bold; background: transparent; color: white; border: solid 3px white; border-radius: 30px;}

.parte{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.parte a{display: block;}
.parte a img{width: 100%;}

.menu{background: white;}
.menu .in{overflow: auto;}
.menu .in a{color: #39324c; font-family: 'inte'; display: block; float: left; padding: 15px; font-size: 13px; }
.menu .in .home{color: #d51964; border-bottom: solid 5px #d51964;}

.foot{background: #39324c; color: white; padding: 20px; padding-top: 100px; padding-bottom: 100px;}
.foot .in{ text-align: center;}
.foot .in .logo{width: 250px;}
.foot .in p{padding-top: 20px; font-size: 13px;}

.linke{}
.linke a{ display: block; color: #d51964; padding-top: 9px; padding-bottom: 9px; border-bottom: dashed 1px #d51964;}

.topline{background: #1f1b29; color: #ff9dc4; font-size: 12px; padding: 15px;}
.topline .in{overflow: auto;}
.topline span{display: block; float: left;}
.topline p{float: right;}

.fmenu{padding-bottom: 26px;}
.fmenu a{display: inline-block; padding-left: 10px; padding-right: 10px; color: white;}
.propac{ padding:30px; padding-top: 8px;}

.prono{background: white; padding:30px; padding-left: 0px; border-bottom: solid 1px #7097a3; text-align: left;}
.prono img{width:60%;}
.progri{display: grid; grid-template-columns: 1fr 3fr; grid-gap: 14px; padding-top: 15px; font-size: 15px;}
.progri strong{display: block; padding: 10px; color: white; text-align: center; border-radius:3px; }
.progri em{display: block;  }
.progri em b{display: block; padding: 10px; width: 25px;  text-align: center; background: #234931; float: left; margin-right: 6px; color: white; border-radius:3px; }

.or{background: rgb(61, 187, 61);}
.gr{background: rgb(61, 187, 61);}
.gre{background: rgb(51, 151, 51);}
.ble{background: rgb(0, 164, 223);}
.re{background: rgb(209, 64, 64);}
.ree{background: rgb(136, 0, 0);}

@media (max-width:1110px ) {
	.inx{width: 96%; margin: auto;}
}
@media (max-width:930px ){
    .annuaire .in{display: grid; grid-template-columns: 1fr; gap: 25px;}
}
@media (max-width:700px ){
    .annuaire .list{display: grid; grid-template-columns: 1fr 1fr; gap: 25px;}
    .slide h2{ padding: 10px; font-size: 32px; width: 75%; margin: auto;}
}
@media (max-width:450px ){
    .slide img{width: 85%;}
    .annuaire .list{display: grid; grid-template-columns: 1fr; gap: 25px;}
    .menu .in a{font-family: 'inte'; display: block; float: none; padding: 15px; font-size: 13px; }
    .slide h2{ padding: 10px; font-size: 22px; width: 75%; margin: auto;}
}