@import "cera-round-pro.css";
@import "fonts.css";

.text-bleu {color: #4c89e5!important;}
.text-vert {color: #c5ea07!important;}
.text-gris {color: #c1c1bd!important;}

.bg-bleu {background-color: #4c89e5!important;}
.bg-vert {background-color: #c5ea07!important;}
.bg-gris {background-color: #c1c1bd!important;}

h1 {font-family: league_gothicitalic!important; text-transform: uppercase!important;font-size: 80px!important;}
h2 {font-family: league_gothicregular!important; text-transform: uppercase!important;font-size: 50px!important;}
h3 {font-family: league_gothicregular!important; text-transform: uppercase!important;font-size: 40px!important;}

a, abbr, acronym, address, applet, area, article, aside, audio, b, base, basefont, bdi, bdo, big, blockquote, body, br, button, canvas, caption, center, cite, code, col, colgroup, data, datalist, dd, del, details, dfn, dialog, dir, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, frame, frameset, head, header, hr, h4, h5, h6, html, i, iframe, img, input, ins, kbd, label, legend, li, link, main, map, mark, meta, meter, nav, noframes, noscript, object, ol, optgroup, option, output, p, param, picture, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, small, source, strike, strong, style, sub, summary, sup, svg, table, tbody, td, template, textarea, tfoot, th, thead, time, title, tr, track, tt, u, ul, var, video, wbr{font-family:CeraRoundProRegular;}

.text-80 {font-size: 80px;}
.text-50 {font-size: 50px;}
.text-40 {font-size: 40px;}
.text-30 {font-size: 30px;}
.text-25 {font-size: 25px;}
.text-20 {font-size: 20px;}
.text-16 {font-size: 16px;}


/*
.text-cera {font-family: CeraRoundProRegular!important;}

kollektifregular
norwesterregular
league_gothicregular
league_gothicitalic
*/

.bg-image {background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important;}

.bg-grad {background: rgb(9,9,121); background: linear-gradient(0deg, rgba(9,9,121,1) 0%, rgba(0,212,255,1) 100%);}



/* Image de profil */
.logo-32	{height: 32px;width: 32px;}
.logo-gb-32	{height: 32px;width: 32px;border:1.5px solid #0080bb; background:#1d1d1b;}

.img_cont_16		{height: 16px;width: 16px;}
.user_img_16		{height: 16px;width: 16px;border:1.5px solid #f5f6fa;}

.img_cont_32		{height: 32px;width: 32px;}
.user_img_32		{height: 32px;width: 32px;border:1.5px solid #f5f6fa;}

.img_cont_35		{height: 35px;width: 35px;}
.user_img_35		{height: 35px;width: 35px;border:1.5px solid #f5f6fa;}

.img_cont_54		{height: 54px;width: 54px;}
.user_img_54		{height: 54px;width: 54px;border:1.5px solid #f5f6fa;}

.img_cont_64		{height: 64px;width: 64px;}
.user_img_64		{height: 64px;width: 64px;border:2px solid #f5f6fa;}

.img_cont_92		{height: 92px;width: 92px;}
.user_img_92		{height: 92px;width: 92px;border:2px solid #f5f6fa;}

.img_cont_128		{height: 128px;width: 128px;}
.user_img_128		{height: 128px;width: 128px;border:3px solid #f5f6fa;}

.img_cont_256		{height: 256px;width: 256px;}
.user_img_256		{height: 256px;width: 256px;border:3px solid #f5f6fa;}


.search {background: url("/pm-includes/images/magnifying-glass-duotone.svg") no-repeat 15px; padding-left: 45px !important; background-size: 20px;}

/* Scroll to top*/
.sp-scroll-up {
	display:none;position:fixed;bottom:120px;right:30px;z-index:99000;
}

.image-upload>input {display: none;}

/* Vérification zone texte */
.verif-valid {color: #28a745;}
.verif-valid:before {position: relative;content: "✔ ";}
.verif-invalid {color: #dc3545;}
.verif-invalid:before {position: relative;content: "✖ ";}

.will-fadeIn {
  display: block;
  /*width: 100%;
  max-width: 640px;
  margin: 20px auto;
  height: 250px;
  background-color: #b7f7f7;
  padding: 10px;
	*/
}
.fadeInRight {
  -webkit-animation: fadeInRight .5s ease .4s both;
  -moz-animation: fadeInRight .5s ease .4s both;
  -ms-animation: fadeInRight .5s ease .4s both;
  -o-animation: fadeInRight .5s ease .4s both;
  animation: fadeInRight .5s ease .4s both;
}
@media (prefers-reduced-motion) {
  .fadeInRight .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
.fadeInLeft {
  -webkit-animation: fadeInLeft .5s ease .4s both;
  -moz-animation: fadeInLeft .5s ease .4s both;
  -ms-animation: fadeInLeft .5s ease .4s both;
  -o-animation: fadeInLeft .5s ease .4s both;
  animation: fadeInLeft .5s ease .4s both;
}
@media (prefers-reduced-motion) {
  .fadeInLeft .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-ms-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-ms-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}