body, html {margin:0; padding:0;  }
html { }


/*@font-face {
    font-family: 'Inter';
    src: url('averta-extrabold-webfont.woff2') format('woff2'),
         url('averta-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

}*/




:root {
  --main-color: #224e67;
  --main-color2: #000000;
  
  --bg-color: #000000;
  --txt-color: #000000;
}


/*body {color:#000000; font-family: 'Inter', sans-serif; font-weight:400; font-size:13.5PX; display: flex;  align-items: center;  justify-content: center;  
height: 100%; background-size: cover ;
background-color: rgb(27,80,145);  
background-image:url(https://www.campus-RH-2025.fr/img/bg2.jpg); 
background-attachment:fixed;background-position: center 50%; background-repeat: no-repeat;
}*/


body {color:#000000; font-family: 'Inter', sans-serif; font-weight:400; font-size:13.5PX; display: flex;  align-items: center;  justify-content: center;  
height: 100%; background-size: cover ;
background-color:#fff;  }

nav a {cursor:default !important}

#getting-started { position:absolute !important; letter-spacing:0.5px; top:20px; right:20px; padding:10px 15px;
 background:#ffffff;text-align:left; color:#000000; text-transform:uppercase; font-weight:bold}

div {display:block}
.colored { color:#ffff00}

.messbox { display:block;margin:0 0 20px 0}
.messbox span i { display: inline-block; font-size:25px; color:#5ed17d; margin:0 5px 0 0}
.messbox span i.error {color: inherit;}
.messbox span { font-size:20px; display:block; margin:15px 0}
.messbox p { margin-bottom:15px;}
.messbox a {}


.txtAnnonce {color:#ef1471}
.error {color:#F00}


.offline { display: flex; background:var(--main-color);width:100%; color:#fff;
    vertical-align: middle;    text-align: center; height:100%; width:100%}
	
.offline .logo {    margin: auto; border-radius:0}	
.offline h1 { color:#1e1a34; margin-top:25px; font-family: 'brandon_grotesqueblack', sans-serif; text-transform:uppercase; font-size:18px; letter-spacing:0 }	

/*typo*/
h1,h2,h3 { display:block; margin:0; padding:0 0 10px 0; font-family: 'Inter';}
h1 {padding:0; font-weight:400; font-size:28px; line-height:28px; margin-bottom:8px}
h2 { font-size:17px;  padding:0 0 10px 0}
h3 { font-size:15px; }
h4 { font-size:15px;  padding:0 0 10px 0; margin:0}
.subTitle {font-size:18px; line-height:26px; display:block;}
* b, * strong {font-weight: 700}
p {margin:0 0 20px 0 ; padding:0; }
.description {color:#000000; line-height:20px; margin-bottom:10px; font-size:13.5px;}
p.center {margin:0 auto 20px auto ; padding:0; text-align:center }
.tCenter , .tCenter  *{text-align:center}

ul {display:block; margin:0; padding:0; border-left:1px solid #d8312e}
ul li { display:block; padding:3px 0 3px 12px; list-style:circle}
ul li i {float:left; margin:2px 0 0 -12px; font-size:11px}
/*elements*/
hr {display:block; margin:20px 0 18px 0; width:100%; border:0; border-top:1px solid #f2f3f2}
hr.hr2 {display:block; margin:12px 0 10px 0; width:100%; border:0; border-top:1px solid #fff; opacity:0.4}
hr.full {display:block; margin:0; width:100%;}
hr.sep {border:0}
img {max-width:100%}
a, a:visited { text-decoration:none; cursor:pointer}
a.small {border-bottom:1px dotted #000000; font-size:11px; color:#000000; display:inline-block; padding-bottom:3px; margin:6px 0 0 0}
a.small:hover {color:#000000}

a.small i {display:inline-block; width:15px;}
a.color{ color:#000000; border-bottom:1px dotted #000000; display:inline-block; padding-bottom:0px; line-height:18px}

a.linkIcon, a.linkIcon:visited {display:inline-block; color:#000000 }
a.linkIcon i {display:inline-block; width:22px; color:var(--main-color)}
a.linkIcon:hover { color:var(--main-color)}
.icoRound { display:inline-block; padding:7px; width:14px;   text-align:center; background:#000000; border-radius:8px;}
.icoRound i {line-height:14px;font-size:16px;color:#fff;}

.icoRound.bg2 {background:#000000}

/*nav*/
/*nav {display:block; margin:-10px 0 20px 0}
nav a,nav a:visited {display:inline-block; padding-bottom:6px; border-bottom:0px solid #969dac; margin:0 24px 0 2px; color:#969dac;
font-size:11px; letter-spacing:0; font-family: 'brandon_grotesqueblack', arial;}
nav a.active {border-bottom:1px solid #000000; color:#0d1419}
nav a:hover {border-bottom:1px solid #969dac; color:#969dac}
nav .fal {color:#969dac; display:inline-block; margin:0 10px 0 0px; font-size:12px}*/

nav {display:block; margin:-10px 0 20px 0}
nav a,nav a:visited, nav a:hover {display:inline-block; padding:5px 10px; margin:0 12px 0 2px; color:#969dac;
font-size:11px; letter-spacing:0; font-family: 'brandon_grotesqueblack', arial; text-transform:uppercase}
nav a.active {color: #fff;background-color: #224e67;}
/*nav a:hover {border-bottom:1px solid #969dac; color:#969dac}*/
nav .fal {color:#969dac; display:inline-block; margin:0 6px 0 0px; font-size:12px}


/*BLOC DATE TITRE*/
.vAlignCenter {vertical-align:middle}
.blocDate, .blocTitre {display:inline-block; padding:10px 7px 5px 6px;  vertical-align:middle;border-radius:10px;}
/*.blocTitre {width: calc(100% - 80px); padding:0 0 0 2px ; margin-bottom:20px  }*/
.blocTitre {width: calc(100% - 0px); padding:0 0 0 2px ; margin-bottom:20px  }

/*.blocDate { height:54px; max-height:54px; width:46px; background:#98d4da; font-weight:500; text-align:center;  color:#ffffff; display:inline-block; margin:0 10px 20px 0}*/
.blocDate { height:52px; max-height:52px; width:46px; background:#000000; font-weight:500; text-align:center;  color:#fcfe00; display:inline-block; margin:0 10px 20px 0}

.blocDate span { display:block;font-size:15px; line-height:27px; letter-spacing:-0.5px}
.blocDate span.day {font-size:33px; letter-spacing:-2px; font-weight:400; color:#fcfe00 }
.organisator {color:#000000; font-size:11px;}
.organisator a { display:inline-block;border-bottom:1px dotted #000000; color:#0d1419}

.logo {display:block; width:280px; max-width:100%; margin:0 auto 10px auto}


/*BOUTON TAGS*/
.tag, .buton {display: inline-block; padding:10px 16px; border-radius:4px; border:2px solid #000000; font-size:13px; line-height:12px; letter-spacing:0.03em;font-family:'Inter';  }

.tag i { color:#000000; display:inline-block; margin-right:6px; font-size:13px;}
.buton { background:#000000; border:1px solid #000000; margin:0 10px 10px 0; color:#ffffff !important; font-weight:500; cursor:pointer; font-size:14px; line-height:14px;}
.buton i { color:#ffffff; display:inline-block; margin-right:6px; font-size:13px;}
.buton:hover, .buton:hover i { background:#ffffff; color:#000000 !important}
.butonInv { background:#fff; border:1px solid #000000; margin:0 10px 10px 0; color:#000000 !important; font-weight:500; cursor:pointer; font-size:14px; line-height:14px;}

.butonBig {}

.butonRed {background:#000000; border:1px solid #000000}
.butonRed:hover, .butonRed:hover i { background:#ffffff; color:#000000}



.add-button, .big-button, .add-button-inv, .add-button-inv2, .main-button, .add-button2, .stripe-button-el span, .main-button-inv   {
	display:inline-block;
    background-color: var(--main-color);
    border: 0;
    margin: auto;
    padding: 10px 20px;
    color: #fff;
    font-size: 13px;
	font-weight:400;
    border-radius: 12px;
    flex-shrink: 0;
    z-index: 1;
    cursor: pointer;
    border: 1px solid var(--main-color);
	font-family: 'Inter', sans-serif !important;
}


.main-button {display: inline-block; margin:0; border-radius:0; width:80%; text-transform:uppercase; letter-spacing:1px; padding:14px 0; margin:0 auto}
.main-button  {color:#fff;  background-color:var(--main-color)}
.main-button:hover {background-color:#fff !important; color:var(--main-color) !important}

.main-button-inv {display: inline-block; margin:0; border-radius:0; width:80%; text-transform:uppercase; letter-spacing:1px; padding:14px 0; margin:0 auto}
.main-button-inv  {color:var(--main-color);  background-color:#fff; border:2px solid var(--main-color)}
.main-button-inv:hover {background-color:var(--main-color) !important; color:#fff !important}

.add-button:hover , .big-button:hover,.main-button:hover  {	}


.add-button-inv  { background-color:transparent; color:#fff; border:1px solid #fff; font-weight:normal; font-size:13px !important}
.add-button-inv:hover   { background-color:#fff; color:#224e67}
.add-button-inv2 { background:#fff; color:#224e67; border:1px solid #224e67; font-weight:normal; }

.add-button,.big-button,.add-button-inv, .main-button, .main-button-inv
{-moz-transition: all 0.3s ease-in;  -webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
	
	.main-button.dark {border: 2px solid #224e67; background:#fff; color:#224e67}
	.main-button.dark:hover { background:#224e67; color:#fff}

	
	

/*color*/
.bgGrey {background:#f7f8f7}
.green {color:#224e67}
.orange {color:#98d4da}

/*bloc*/
.content {background:#fff; border-radius:4px; width:1020px; max-width:100%; margin:auto; padding:0px; overflow:hidden; border-radius:0;}
.module {}
.bloc,.bloc-40, .bloc-60, .bloc-50 , .bloc-33 , .bloc-67 , .bloc-25, .blog-50, .blog-33, .blog-25 {display:inline-block; margin:0; padding:0; vertical-align:top}
.bloc-25 {width:25%}
.bloc {width:100%}
.bloc-33 {width:33.33%}
.bloc-40 {width:33.33%}
.bloc-60 {width:65%}
.bloc-67 {width:66.66%}
.bloc-50 {width:50%}
.inner {display:block; padding:40px}
.blog-50 { width:calc(50% - 10px); margin:0 10px 10px 0}
.blog-33 { width:calc(33.33% - 10px); margin:0 10px 10px 0}
.blog-25 { width:calc(25% - 10px); margin:0 10px 10px 0}

section.banner {padding: 0; background-color :#224e67}


div.topContainer, div.blocsContainer {display: flex;  flex-direction: row;}
div.topContainer section,  div.blocsContainer section {height: auto;}


/*DISPO*/
/*#dispo .item { display:inline-block; vertical-align:top; position:relative; border-radius:12px; padding:64px 14px 14px 14px;  background:#f7f8f7; margin:0 4px 10px 0;}
#dispo .item i{ position:absolute; font-size:19px; width:20px; height:20px; line-height:20px; text-align:center; top:10px; left:10px }
#dispo .item span.data { font-size:20px; letter-spacing:-1px}
#dispo .item span.data small { font-size:11px; color:#000000;letter-spacing:0; display:block}*/

#dispo, #decompte {position:absolute; bottom:20px; right:26px; color:#fff}
#dispo .item { display:inline-block; vertical-align:top; position:relative; border-radius:12px; padding:0 6px 10px 0; margin:0 8px 0 0;}
#dispo .item i{ font-size:19px; width:20px; height:20px; line-height:20px; text-align:center; margin-right:5px  }
#dispo .item span.data { font-size:22px; letter-spacing:-1px}
#dispo .item span.data small { font-size:11px; color:#000000;letter-spacing:0; display:block}

#decompte { left:26px; right:auto; bottom:16px}
#decompte .item { display:inline-block; vertical-align:top; position:relative; border-radius:12px; padding:0 6px 10px 0; margin:0 8px 0 0;}
#decompte .item i{ font-size:29px; width:25px; height:25px; line-height:25px; text-align:center; margin-right:8px  }
#decompte .item span.data { font-size:29px; letter-spacing:-1px; text-shadow: 1px 1px 4px rgba(0,0,0,1); font-family: 'brandon_grotesqueblack';}
#decompte .item span.data small { font-size:11px; color:#000000;letter-spacing:0; display:block}




.formContainer div.halfbloc { display: inline-block; width:49.7%; margin:0 0 15px 0; }

/*FORM*/
.formContainer {}
.formContainer div { display:block; margin:0 0 15px 0; }
.formContainer label, .formContainer input:not([type="submit"]) {display:block; margin:0 0 6px 0;width: -moz-available; }
.formContainer input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .formContainer select {padding:10px; border-radius:6px; border:1px solid #000000; display:block; width:-webkit-fill-available}


  .formContainer  select {  -moz-appearance: none; 	-webkit-appearance: none; 	appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='black'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
   background-size: 12px;
  background-position: calc(100% - 10px) 14px;
  background-repeat: no-repeat;
  background-color: #fff;}	


.formContainer label small {float:right}
.formContainer input.errorForm {border:1px solid #F00 !important;}

.formContainer label small {font-size:11px; }
.formContainer input[type="radio"]{padding:10px 0; width:5px}


.formContainer div.checkbox input, .formContainer div.radio input { display: inline-block; width:20px; margin-right:5px  }
.formContainer div.checkbox label , .formContainer div.radio label.labelList {display: inline-block;  width: calc(100% - 40px); cursor:pointer ;margin:0 0 5px 0}

.formContainer div.checkbox input {vertical-align:top; }
.formContainer div.radio input {vertical-align:top; margin-top: 1px;}

.formContainer textarea {
    display: block;
    margin: 0 0 6px 0;
    width: 100%;
    height: 30px;
}

/*blog*/
.blogContainer {margin:10px 0}
article.poster {background-size:cover ; background-position:center center; height:200px; overflow: hidden; position:relative; border-radius:16px}
article.poster .innerBloc { padding:15px;position:relative; background: linear-gradient(180deg, rgba(255,255,255,0) 46%, rgba(0,0,0,0.6222689759497548) 91%);height:calc(100% - 30px)}
article.poster .articleContent {position:absolute; bottom:15px; left:0; padding:0 15px; color:#ffffff}
article.poster .articleContent .title {font-size:16px; font-weight:500}

article.liste { margin-bottom:15px; max-width:440px}
article.liste .innerBloc { padding:0;position:relative;}
article.liste .articleContent, article.liste figure {display:inline-block; vertical-align:top }
article.liste figure {width:48px; height:48px; border-radius:6px; margin:3px 5px 0 0; padding:0; background-size:cover ; background-position:center center;}
article.liste .articleContent { width:calc(100% - 57px)}
article.liste .articleContent .title {font-size:14px; font-weight:500; line-height:20px;}
article.liste .articleContent p.txt { display:block; margin:2px 0 0 0; font-size:12px; color:#000000;}

article.poster:hover {}
article.poster .tag {}
article.liste .articleContent, article.liste figure {display:inline-block; vertical-align:top }


article.classic { margin-bottom:20px;}
article.classic .innerBloc { padding:0;position:relative;}
article.classic figure {height:140px; display:block; border-radius:10px; margin:0 0 10px 0; padding:0; background-size:cover ; background-position:center center;}
article.classic .articleContent .title {font-size:14px; display:block; font-weight:500; line-height:20px; margin:0 0 5px 0}
article.classic .articleContent p.txt { display:block; margin:2px 0 0 0; font-size:12px; color:#000000;}

/*liste inscrits*/

ul.inscrits {margin:10px 0; padding:0}
ul.inscrits li { display:block;  position:relative; border-radius:12px; padding:18px; background:#f7f8f7; margin:0 0 10px 0;}

.footerLinks {margin:0;  margin:10px 0 0 0;color:#ccc}
.footerLinks a, .footerLinks a:visited {display:inline-block; margin:0 15px 0 0; font-size:10px; color:#170b34; }
.footerLinks a:hover {}
.footerLinks a.copyright {cursor:none}


/*global effect*/
.borderRight {border-right:1px solid #f2f3f2; margin-right:-1px;} 
.borderLeft {border-left:1px solid #f2f3f2; margin-left:-1px;} 
/*.shadowHover:hover {-webkit-box-shadow: 0px 23px 28px -25px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 23px 28px -25px rgba(0,0,0,0.47);
box-shadow: 0px 23px 28px -25px rgba(0,0,0,0.47);}*/



.shadow  {box-shadow: 0px -1px 80px -1px rgba(45,60,89,0.20);
-webkit-box-shadow: 0px -1px 80px -1px rgba(45,60,89,0.20);
-moz-box-shadow: 0px -1px 80px -1px rgba(45,60,89,0.20);}

/*.shadow  {box-shadow: 0px -1px 150px -1px rgba(187,181,178,0.60);
-webkit-box-shadow: 0px -1px 150px -1px rgba(187,181,178,0.60);
-moz-box-shadow: 0px -1px 150px -1px rgba(187,181,178,0.60);}

.shadow2  {-webkit-box-shadow: 0px 0px 36px 16px rgba(255,255,255,0.52); 
box-shadow: 0px 0px 36px 16px rgba(255,255,255,0.52);}*/

.floatR {float:right}

.anim-x {animation: slideX .6s both;}





/*loder*/
.formContainer div.lds-ring {
  display: block ;
  position: relative;
  width: 80px !important;
  height: 80px !important;
  margin:20px auto !important;
  
}
.formContainer div.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid var(--main-color);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--main-color) transparent transparent transparent;
}
.formContainer div.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.formContainer div.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.formContainer div.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}




@keyframes slideX {
  0% {
    opacity: 0;
    transform: translateX(200px);
  }
}

.anim-y {
  animation: slideUp .6s both;
}

.anim-y:nth-child(2) {
  animation-delay: 0.28s;
}

.anim-y:nth-child(3) {
  animation-delay: 0.42s;
}

.anim-y:nth-child(4) {
  animation-delay: 0.56s;
}

.anim-y:nth-child(5) {
  animation-delay: 0.7s;
}

.anim-y:nth-child(6) {
  animation-delay: 0.84s;
}

.anim-y:nth-child(7) {
  animation-delay: 0.98s;
}

.anim-y:nth-child(8) {
  animation-delay: 1.12s;
}

.anim-y:nth-child(9) {
  animation-delay: 1.26s;
}

.anim-y:nth-child(10) {
  animation-delay: 1.4s;
}


.anim-y:nth-child(11) {
  animation-delay: 1.54s;
}

.anim-y:nth-child(12) {
  animation-delay: 1.68s;
}

.anim-y:nth-child(13) {
  animation-delay: 1.82s;
}


.anim-y:nth-child(14) {
  animation-delay: 1.96s;
}


.anim-y:nth-child(15) {
  animation-delay: 2.10s;
}


.anim-y:nth-child(16) {
  animation-delay: 2.24s;
}


.anim-y:nth-child(17) {
  animation-delay: 2.38s;
}


.anim-y:nth-child(18) {
  animation-delay:2.52s;
}


.anim-y:nth-child(19) {
  animation-delay: 2.66s;
}
.anim-y:nth-child(20) {
  animation-delay: 2.80s;
}

.anim-y:nth-child(21) {
  animation-delay: 2.94s;
}


/*GLOBAL EFFECT*/
a, .buton, .butonRed
 {-webkit-transition: all 0.2s; -moz-transition: all 0.2s ; -o-transition: all 0.2s ; transition: all 0.2s ; }


.logos img {display: block; margin:20px auto 0 auto; height:70px}
.logoFooter {float:right; margin-top:45px; width:200px; margin-right:15px}


@keyframes slideUp {
  0% {
    transform: translateY(76px) scale(0.92);
    opacity: 0;
  }
}



.banMobile {display:none !important;}


/*responsive*/
@media (max-width: 880px) {
	
.bloc-40, .bloc-60, .bloc-50 , .bloc-33 , .bloc-67, .bloc-50 {display:block; width:auto !important}


.toCenter {margin:20px auto !important}
.toTextCenter {text-align:center !important}
div.topContainer {display: flex;  flex-direction:column  ;}

#topBan {max-height: 260px;
    min-height: 260px;
    margin-bottom: 0;
	display:none}
	
.topContainer {min-height:300px}

.banMobile {display:block !important;}

div.topContainer, div.blocsContainer {display: flex;  flex-direction:column ;}
.blocsContainer .bloc-33 {width:100%}

.borderRight {border-right:0px solid #f2f3f2; margin-right:0;} 
body .inner {display:block; padding:20px !important; }
.content {border-radius:0; margin:auto}

.logo {width:220px; margin:20px auto}

nav, .hide {display:none !important}
.present * {text-align:center !important}
.present .main-button  { margin:15px auto}
.logos img {display: inline-block; margin:10px ; height:70px}
/*ul li {    padding: 0 0 10px 0;}
ul li i {display:none !important}*/
.flexContCol {display:block;  flex-direction:unset !important}

.blocTitre  {margin-top:0 !important}
.logoFooter {float:right; margin-top:60px; width:120px; margin-right:10px}

body .inner.innerForm {padding-top:0 !important}
.topBan {display:none !important}
}



@media (max-width: 680px) {
.bloc-40, .bloc-60, .bloc-50 , .bloc-33 , .bloc-67, .blog-50, .blog-33 , .bloc-50{display:block; width:auto !important; margin-right:0}

.banMobile {display:block !important;}


}