/* 
	
	CARBON IT 2020
	www.mathieubillaud.com
	
	ROUGE CTA		#e53f48;
	CARBON GREY 	rgb(49,53,52);
	CARBON RED 		rgb(229,63,72);
	CARBON BLUE 	rgb(34,133,204);
	CARBON VIOLET 	rgb(109,3,65);

*/

@import url("//hello.myfonts.net/count/3c841b");

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

@font-face {
  font-family: 'Larsseit';
  src: url('fonts/Larsseit-Light/font.woff2') format('woff2'), url('fonts/Larsseit-Light/font.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

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

@font-face {
  font-family: 'Larsseit';
  src: url('fonts/Larsseit-Medium/font.woff2') format('woff2'), url('fonts/Larsseit-Medium/font.woff') format('woff');
  font-weight: 500;
    font-style: normal;
}


* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


html, body
{
	margin : 0px;
	padding : 0px;
	color : rgb(0,22,41);
	font-family: 'Larsseit', Helvetica, Arial, sans-serif;
	font-weight: 300;
    font-style: normal;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'Larsseit', Helvetica, Arial, sans-serif;
	font-weight: 500;
    font-style: normal;
}

hr
{
	background-color: transparent;
	border : 0px solid;
	border-bottom: 1px solid rgb(21,47,70);
}

a.no-u
{
	text-decoration: none;
}

a,
a:active,
a:visited
{
	color: #e53f48;
}

/* SVG */

.logo_carbon_it
{
	fill:#FFFFFF;
}

/* HEADER */

.CA20_logo_carbon_it
{
	position: fixed;
	top : 30px;
	left: 40px;
	width: 120px;
	z-index: 10000;
	transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	-webkit-filter: drop-shadow( 0px 0px 7px rgba(0, 0, 0, .6));
	filter: drop-shadow( 0px 0px 7px rgba(0, 0, 0, .6))
}

.CA20_MOBILE_MODE .CA20_logo_carbon_it
{
	position: fixed;
	top : 15px;
	left: 15px;
	width: 100px;
	z-index: 10000;
	transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

.CA20_hide
{
	opacity: 0;
}

.CA20_menu
{
	position: fixed;
	top : 40px;
	right: 40px;
	width: 40px;
	z-index: 10000;
}

.CA20_menu img
{
	width: 100%;
	height: auto;
}

/* LOADER */

#CA20_LOADER
{
	position: fixed;
	top : 0px;
	left :0px;
	width: 100vw;
	height: 100vh;
	line-height: 100vh;
	text-align: center;
	background-color: rgb(49,53,52);
	z-index: 15000;
}

.CA20_LOADER_TAG
{
	display : inline-block;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	line-height: normal;
	
}

.CA20_LOADER_TAG img
{
	width: 100%;
	height : auto;
	
}

/* PAGE ELEMENTS */

.CA20_HEADER_BG
{
	background-size: cover;
	background-position: center center;
	width: 100vw;
	height: 100vh;
	line-height: 100vh;
	text-align: center;
	position: fixed;
	top : 0px;
	left : 0px;
	z-index: -1;
}

.CA20_HEADER_BG video
{
	height: 100vh;
	width: auto;
}

.CA20_HEADER_CONTENT
{
	width: 100vw;
	height: 100vh;
	line-height: 100vh;
	text-align: right;
	position: static;
	top : 0px;
	left : 0px;
	z-index: 1;
	background: rgb(49,53,52);
	background: linear-gradient(0deg, rgba(49,53,52,1) 0%, rgba(49,53,52,0) 70%);
}

.CA20_HEADER_CONTENT_HEXA
{
	width: 100vw;
	height: 40vh;
	line-height: 40vh;
	text-align: center;
	position: static;
	top : 0px;
	left : 0px;
	z-index: 1;
	background: white;
}




.CA20_HEADER_BG2
{
	background-size: cover;
	background-position: center center;
	width: 100vw;
	height: 150vh;
	line-height: 100vh;
	text-align: center;
	position: fixed;
	top : 0px;
	left : 0px;
	z-index: -1;
}

.CA20_HEADER_CONTENT2
{
	width: 100vw;
	height: 150vh;
	line-height: 100vh;
	text-align: right;
	position: static;
	top : 0px;
	left : 0px;
	z-index: 1;
	background: rgb(49,53,52);
	background: linear-gradient(0deg, rgba(49,53,52,1) 0%, rgba(49,53,52,0) 70%);
}


.CA20_BASELINE
{
	display: inline-block;
	padding-right : 150px;
	line-height: normal;
	font-size: 1.8em;
	text-align: left;
	color:white;
	font-weight: 300;
	width: 96vw;
	max-width: 600px;
	vertical-align: middle;
}

.CA20_BASELINE_HEXA
{
	display: inline-block;
	line-height: normal;
	font-size: 1.8em;
	text-align: center;
	color:transparent;
	font-weight: 300;
	width: 96vw;
	vertical-align: middle;
}

.CA20_MOBILE_MODE .CA20_BASELINE
{
	display: inline-block;
	padding-right : 0px;
	line-height: normal;
	font-size: 1.8em;
	text-align: left;
	color:white;
	font-weight: 300;
	width: 96vw;
	max-width: 600px;
	vertical-align: middle;
}

.CA20_BASELINE em
{
	font-style: normal;
	color:#e53f48;
}

.CA20_CONTENT
{

}

.CA20_SCROLL_ITEM
{
	position: absolute;
	left :50%;
	margin-left :-20px;
	width: 40px;
	top : 90vh;
}

.CA20_SCROLL_ITEM img
{
	width: 100%;
	height: auto;
}

.bubbles
{
	line-height: normal;
}
/* SECTION */

section
{
	width: calc(100% - 80px);
	padding : 70px 40px;
	text-align: center;
}

.CA20_BG_GREY
{
	background-color: rgb(49,53,52);
	color : white;
}

.CA20_BG_GREY h3,
.bubbles h3
{
	color: white;
	margin-top: 0px;
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: 0.15em;
}

.CA20_BG_LIGHT_GREY
{
	background-color: rgb(244,245,245);
	color : black;
}

.CA20_BG_LIGHT_GREY h3
{
	color: black;
	margin-top: 0px;
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: 0.15em;
}
/*
.CA20_BUBBLE_CONTAINER
{
	display: inline-block;
	width: 100%;
	max-width: 630px;
}

.CA20_BUBBLE
{
	display: inline-block;
	padding: 30px;
	border-radius: 8px;
	color: white;
	margin: 8px 6px;
	background-color: rgb(229,63,72);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
}
*/

section img
{
	width: 100%;
	height: auto;
}

/* FOOTER */

.CA20_footer
{
	width: calc(100% - 80px);
	background-color: rgb(49,53,52);
	color : white;
	text-align: left;
	padding: 70px 40px;
	font-size: .9em;
}

.CA20_footer_item
{
	display: inline-block;
	vertical-align: top;
	width: 96vw;
	max-width: 185px;
	margin: 0px 10px;
	padding-top : 30px;
}

.CA20_footer_item h3
{
	margin-top:0px;
	margin-bottom:5px;
	font-weight: 300;
	font-size: 1.45em;
	color :rgb(229,63,72);
}

.CA20_footer_item h3 a,
.CA20_footer_contact a
{
	text-decoration: none;
	color : rgb(229,63,72);
}

.CA20_footer_item a
{
	text-decoration: none;
	color: white;
}

.CA20_footer_contact
{
	font-size: .9em;
	max-width: 220px;
	color : rgba(255,255,255,.5);
}

.CA20_footer_logo
{
	max-width: 120px;
	padding-top : 0px;
}

.CA20_footer_RS a
{
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
}

.CA20_footer_RS a img
{
	width: 100%;
	height: auto;
	cursor: pointer;
}

.CA20_footer_RS a .icon_fill
{
	fill:#a5a7a7;
	-webkit-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    -o-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-o-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
}

.CA20_footer_RS a:hover .icon_fill
{
	fill:rgb(229,63,72);
}

.fullW
{
	width: 100vw;
	height: auto;
}

.parall
{
	width: 100vw;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

.CA20_link_mentions
{
	text-decoration: none;
	color : rgba(255,255,255,.5);
}

.CA20_link_mentions:hover
{
	text-decoration: underline;
}

/* burger */

#menuToggle
{
  display: block;
  position: fixed;
  top: 40px;
  right: 40px;
  z-index: 100;
  -webkit-user-select: none;
  user-select: none;
}

.CA20_MOBILE_MODE #menuToggle
{
	top : 25px;
	right: 25px;
}

#menuToggle a
{
  text-decoration: none;
  color: #ffffff;
  font-family: 'Larsseit', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.8em;
  line-height: 1em;
  margin-bottom: 10px;
  transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  display:block;
  margin-top : 30px;
  opacity : 0;
}

#menuToggle .carbon_submenu
{
	font-size: .6em;
	opacity: .5;
}

#menuToggle .carbon_submenu:hover
{

	opacity: 1;
}

#menuToggle a:hover
{
  color: #e53f48;
  padding-left : 15px;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 40px;
  height: 5px;
  margin-bottom: 7px;
  position: relative;
  background: #ffffff;
  z-index: 1;
  transform-origin: 4px 0px; 
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
  -webkit-filter: drop-shadow( 0px 0px 7px rgba(0, 0, 0, .6));
  filter: drop-shadow( 0px 0px 7px rgba(0, 0, 0, .6));
}

.CA20_toggleBlanc span
{
	background: black !important;
}

/*
.CA20_MOBILE_MODE #menuToggle span
{
	background: black;
}
*/

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-8px, -8px);
  background: #FFFFFF;
  -webkit-filter: drop-shadow( 0px 0px 7px rgba(0, 0, 0, 0));
  filter: drop-shadow( 0px 0px 7px rgba(0, 0, 0, 0));
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, 1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */

.CA20_GREY
{
	position: fixed;
	top:0px;
	left:0px;
	width: 100vw;
	height: 100vh;
	z-index: 50;
	background-color: rgba(0,0,0,.8);
	display: none;
}


.CA20_menu_container
{
  position: absolute;
  width: calc(40vw - 100px);
  height: 100vh;
  margin: -70px 0px 0px 80px;
  padding: 0px;
  padding-top: 15vh;
  background-color: rgb(49,53,52);
  overflow-x: scroll;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

.CA20_MOBILE_MODE .CA20_menu_container
{
  position: absolute;
  width: 100vw;
  height: 100vh;
  margin: -70px 0px 0px 65px;
  padding: 0px;
  padding-top: 30vh;
  background-color: rgb(49,53,52);
  overflow-x: scroll;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

/*
.CA20_menu_container
{
  position: absolute;
  width: calc(50vw - 100px);
  height: 100vh;
  margin: -70px 0px 0px 80px;
  padding: 0px;
  padding-top: 40vh;
  background-color: rgb(49,53,52);
  overflow-x: scroll;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}	
*/



.CA20_menu_logo
{
	margin-left : calc( 50% + 40px );
	width: 120px;
	height: auto;
}

#menu-menu_principal
{
  
  width: 40vw;
  max-width: 400px;
  margin-left : 10%;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 250px;
  text-align: left;
  /* to stop flickering of text in safari */
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

.CA20_MOBILE_MODE  #menu-menu_principal
{
  width: 80vw;
  max-width: 400px;
  margin-left : 0%;
}

#menu-menu_principal ul li
{
	list-style: none;
	font-size: .7em;
	margin-bottom : -10px;
}

#menu-menu_principal li
{
  padding: 5px 0;
  font-size: 22px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ .CA20_menu_container
{
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
}




/* ---------------------- BLOCKS ---------------------- */

/* CHIFFRES CLES */ 

.CA20_BLOC_CHIFFRES
{
	background-color: white;
	color : white;
	text-align: center;
	padding : 55px 0px;
}

.CA20_BLOC_CHIFFRES h2
{
	font-size: 2.5em;
	color : #313534;
	font-weight: 100;
}

.CA20_BLOC_CHIFFRES h2 em 
{
	color: #e53f48;
	font-style: normal;	
}

/*
.CA20_CC_ITEM_ROW_0
{
	margin-right: 120px;
	margin-bottom: -50px
}

.CA20_CC_ITEM_ROW_1
{
	margin-left:120px;
	margin-top: -50px;
}
*/

.CA20_CC_ITEM_ROW_0
{
	margin-right: 0px;
	margin-bottom: -50px
}

.CA20_CC_ITEM_ROW_1
{
	margin-left: 0px;
	margin-top: -50px;
}

.CA20_MOBILE_MODE .CA20_CC_ITEM_ROW_0
{
	margin-right: 0px;
	margin-bottom: 0px
}

.CA20_MOBILE_MODE .CA20_CC_ITEM_ROW_1
{
	margin-left:0px;
	margin-top: 0px;
}

.CA20_CC_ITEM_HEXA
{
	margin-bottom: -220px;
	height: 220px;
	
}

.CA20_CC_ITEM
{
	display: inline-block;
	vertical-align: top;
	margin: 15px;
	width: 220px;
	height: 220px;
	line-height: 220px;
	text-align: center;
	-webkit-filter: drop-shadow( 0px 0px 10px rgba(0, 0, 0, .4));
	filter: drop-shadow( 0px 0px 10px rgba(0, 0, 0, .4));
}

.CA20_CC_ITEM_TEXT
{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	cursor: default;
}

.CA20_CC_ITEM_CHIFFRE
{
	font-weight: bold;
	font-size: 3em;
	line-height: normal;
	width: 190px;
	cursor: default;
}

.CA20_CC_ITEM_DESCR
{
	line-height: normal;
	width: 190px;

}


/* BLOC-CENTRAL */

.CA20_BLOC_CENTER
{
	padding : 110px 0px;
	text-align: center;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.CA20_BLOC_CENTER h2
{
	font-weight: 100;
	font-size: 1.8em;
	color: white;
}

.CA20_CTA,
a.CA20_CTA
{
	display: inline-block;
	padding: 15px 15px;
	border-radius: 7px;
	background-color: #e53f48;
	color: white;
	text-decoration: none;
	cursor : pointer;
	
	-webkit-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    -o-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-o-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
}

.CA20_CTA:hover,
a.CA20_CTA:hover
{
	transform: scale(1.2);
	background-color: #00bb7d;
	color : black;
}


.CA20_HEXACADEMY .CA20_CTA,
.CA20_HEXACADEMY a.CA20_CTA
{
	display: inline-block;
	padding: 15px 15px;
	border-radius: 7px;
	background-color: #0d0094;
	color: white;
	text-decoration: none;
	cursor : pointer;
	
	-webkit-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-o-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-o-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
}

.CA20_HEXACADEMY .CA20_CTA:hover,
.CA20_HEXACADEMY a.CA20_CTA:hover
{
	transform: scale(1.1);
	background-color: #e74ea9;
	color : black;
}

.CA20_HEXACADEMY #CA20_4_ELEMENTS .CA20_CTA,
.CA20_HEXACADEMY #CA20_4_ELEMENTS a.CA20_CTA
{
	display: inline-block;
	padding: 10px 15px;
	font-size: .85em;
	border-radius: 7px;
	background-color: white;
	color: #0d0094;
	text-decoration: none;
	cursor : pointer;
	
	-webkit-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-o-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-o-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
}

.CA20_HEXACADEMY #CA20_4_ELEMENTS .CA20_CTA:hover,
.CA20_HEXACADEMY #CA20_4_ELEMENTS a.CA20_CTA:hover
{
	transform: scale(1.1);
	background-color: #e74ea9;
	color : black;
}

.CA20_HEXACADEMY .CA20_BLOC_IMAGE_2023
{
	background-color: white;
}

/* 3 COLS */

#CA20_3_COL .CA20_TI_TEXTE_CONTAINER
{
	max-width : 50vw !important;
	//max-width : 70vw !important;
}

.CA20_MOBILE_MODE #CA20_3_COL .CA20_TI_TEXTE_CONTAINER
{
	max-width : 80vw !important;
}



#CA20_3_COL .CA20_TI_TEXTE_CONTAINER h2
{
	max-width : 550px !important;
	margin: 0 auto !important;
	margin-bottom : 30px !important;
}

#CA20_3_COL>div>div
{
	columns: 2;
	//columns: 3;
	text-align: left;
	width: 50vw;
	//width: 70vw;
	text-align: justify;
}

.CA20_MOBILE_MODE #CA20_3_COL>div>div
{
	columns: 1 !important;
	width: 80vw;
}

#CA20_3_COL>div>div>p
{
	margin-top: 0px !important;
}

/* COMPETENCES */


.CA20_BLOC_COMPETENCES
{
	background-color: rgb(49,53,52);
	color : white;
	text-align: center;
	padding : 55px 0px;
}

.CA20_BLOC_COMPETENCES h2
{
	color: white;
	margin-top: 0px;
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: 0.15em;
}

.CA20_BLOC_COMPETENCES_CONTAINER
{
	display: inline-block;
	width: 100%;
	max-width: 600px;
}

.CA20_COMPETENCE_ITEM
{
	display: inline-block;
	padding: 30px;
	border-radius: 8px;
	color: white;
	margin: 8px 6px;
	cursor: default;
	background-color: rgb(229,63,72);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
}


/* CITATION */

.CA20_BLOC_CITATION
{
	text-align: center;
	padding : 120px 0px;
	background-size: cover;
	background-position: center center;
}

.CA20_BLOC_CITATION h2
{
	margin-top: 0px;
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: 0.15em;
}

.CA20_BLOC_CITATION_TEXTE
{
	font-size: 1.3em;
}

.CA20_BLOC_CITATION_CONTAINER
{
	display: inline-block;
	vertical-align: middle;
	width: calc(100vw - 140px);
	max-width: 630px;	
}

.CA20_BLOC_CITATION_APOSTROPHE_LEFT
{
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: 50px;	
}

.CA20_BLOC_CITATION_APOSTROPHE_RIGHT
{
	display: inline-block;
	vertical-align: bottom;
	width: 50px;
	height: 50px;	
}


/* BLOC + IMAGE */

.CA20_BLOC_IMAGE
{
	width: 100vw;
	background-size: cover;
	background-position: center center;
	text-align: right;
}

.CA20_MOBILE_MODE .CA20_BLOC_IMAGE
{
	width: 100vw;
	background-size: contain;
	background-position: top center;
	text-align: right;
	background-repeat: no-repeat;
}

.CA20_BLOC_IMAGE_BLOC
{
	display: inline-block;
	padding : 30px;
	border-radius: 8px;
	text-align: left;
	margin-right: 50px;
	width: 100%;
	max-width: 470px;
}

.CA20_MOBILE_MODE .CA20_BLOC_IMAGE_BLOC
{
	display: inline-block;
	padding : 20px;
	border-radius: 0px;
	text-align: left;
	margin-right: 0px;
	width: calc( 100% - 40px);
	max-width: calc( 100% - 40px);
}

.CA20_BLOC_IMAGE_HEXAGON
{
	width: 32px;
}

.CA20_BLOC_FILTRE
{
	width: 100%;
	height: 100%;
	background-color: black;
	text-align: right;
	padding: 220px 0px 120px 0px;
}

.CA20_MOBILE_MODE .CA20_BLOC_FILTRE
{
	width: 100%;
	height: 100%;
	background-color: black;
	text-align: right;
	padding: 50vw 0px 0px 0px;
}

.CA20_BLOC_IMAGE_BLOC h2
{
	font-weight: 100;
	margin-top: 0px;
}



/* TEXTES EN REGARDS */

.CA20_BLOC_REGARD
{
	text-align: center;
	padding : 120px 0px;
}

.CA20_BLOC_REGARD h2
{
	
	font-size: 2em;
	color : #313534;
	font-weight: 100;
}

.CA20_REGARD_CONTAINER
{
	width: 96vw;
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.CA20_REGARD_ITEM
{
	width: 55%;
	font-size: 1.15em;
	line-height: 1.25em;
	-webkit-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    -o-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-o-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
}

.CA20_REGARD_ITEM h3
{
	margin-top: 0px;
	font-weight: 100;
	font-size: 1.8em;
	line-height: 1.3em;
}

.CA20_REGARD_ITEM_LEFT
{
	margin-right : 45%;
	text-align: left;
	-webkit-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    -o-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-o-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
}

.CA20_REGARD_ITEM_RIGHT
{
	margin-left : 45%;
	text-align: right;
	-webkit-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    -o-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-o-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
}

.CA20_REGARD_SEPARATOR
{
	display: inline-block;
	height: 150px;
	width: 1px;
	background-color: red;
	transform: rotate(45deg);
	margin-top: -85px;
	margin-bottom: -65px;
	
	-webkit-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    -o-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-o-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
}

.CA20_MOBILE_MODE .CA20_REGARD_ITEM h3
{
	font-size: 1.35em;
	line-height: 1.3em;
}

.CA20_MOBILE_MODE .CA20_REGARD_ITEM
{
	width: 96vw;
	text-align: center;
}

.CA20_MOBILE_MODE .CA20_REGARD_ITEM_LEFT
{
	margin-right: 0%;
}

.CA20_MOBILE_MODE .CA20_REGARD_ITEM_RIGHT
{
	margin-left:0px;
}

.CA20_MOBILE_MODE .CA20_REGARD_SEPARATOR
{
	transform: rotate(0deg);
	height: 1px;
	width: 150px;
	margin: 0 auto;
	margin-bottom: 30px;
}



/* LOGOS */

.CA20_BLOC_LOGOS
{
	text-align: center;
	padding : 120px 0px;
}

.CA20_MOBILE_MODE .CA20_BLOC_LOGOS
{
	text-align: center;
	padding : 20px 0px;
}

.CA20_BLOC_LOGOS_UNIQUE
{
	width: 96vw;
	max-width: 1000px;
	margin : 0 auto;
}

.CA20_BLOC_LOGOS_UNIQUE img
{
	width: 100%;
	height: auto;
}



/* HISTORIQUE */

.CA20_BLOC_HISTORIQUE
{
	text-align: center;
	padding : 55px 0px;
	background-color: white;
}

.CA20_BLOC_HISTORIQUE h2
{
	font-size: 2em;
	color : #313534;
	font-weight: 100;
}

.CA20_HISTO_CONTAINER
{
	width: 96vw;
	max-width : 600px;
	margin: 0 auto;
}

.CA20_HISTO_ITEMS
{
	width: 96vw;
	max-width : 500px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}

.CA20_HISTO_ITEM
{
	width: 96vw;
	max-width : 500px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 30px;
}

.CA20_HISTO_ARROW
{
	width: 22px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	height: 300px;
	margin-right: -22px;
	margin-top: 30px;
}

.ARROW_BODY
{
	width: 4px;
	background-color: #E53F48;
	height: 300px;
	display: inline-block;
	margin-bottom: -15px;
	-webkit-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    -o-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-o-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
}

.ARROW_HEAD
{
	display: inline-block;
}

.CA20_HISTO_ITEM_LEFT
{
	width: 22px;
	margin-right : 30px;
	display: inline-block;
	vertical-align: top;
}

.CA20_HISTO_ITEM_RIGHT
{
	width: calc( 100% - 55px);
	display: inline-block;
	vertical-align: top;
}

.CA20_HISTO_TAG
{
	width: 22px;
	height: 22px;
	padding-top: 15px;
}

.CA20_HISTO_TAG img
{
	width: 100%;
	height: auto;
}

.CA20_HISTO_ITEM_DATE
{
	font-size: 3em;
	cursor: pointer;
}

.CA20_HISTO_ITEM_TEXTE
{
	font-size : 1.15em;
	cursor: pointer;
}

.CA20_HISTO_ITEM_TEXTE p
{
	margin-top: 0px;
}

.CA20_HISTO_ITEM_TEXTE_PLUS
{
	font-size : .95em;
	margin-bottom: 30px;
	display : none;
}

.CA20_CROSS
{
	width: 20px;
	height: 20px;
	border-radius: 60px;
	margin-top: -15px;
	background-color: #e53f48;
	background-image: url('../ui/icon_cross.svg');
	background-size: cover;
	background-position: center center;
	
	-webkit-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    -o-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-o-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
}


/* TEXTE ET ICONES */

.CA20_BLOC_TEXTE_ICONES
{
	text-align: center;
	padding : 110px 0px 80px 0px;
	background-color: white;
}

.CA20_TI_TEXTE_CONTAINER
{
	display: inline-block;
	width: 96vw;
	max-width: 510px;
}

.CA20_TI_TEXTE_CONTAINER h2
{
	font-weight: 100;
	font-size: 1.8em;
	line-height: 1.2;
}

.CA20_TI_CONTAINER
{
	
}

.CA20_TI_ITEM
{
	display: inline-block;
	vertical-align: top;
	margin: 10px;
	width: 160px;	
}

.CA20_TI_ITEM_ICON
{
	display: inline-block;
	width: 90px;
}

.CA20_TI_ITEM_ICON img
{
	width: 100%;
	height: auto;
}

.CA20_TI_ITEM_TEXTE
{
	font-size: 1.15em;
	line-height: 1.2;
}

.CA20_TI_ITEM_LARGE
{
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
	width: 320px;	
	text-align: center;
	margin: 20px;
}

.CA20_TI_ITEM_LARGE_TEXTE
{
	font-size: 1.7em;
	margin-bottom: 10px;
}

.CA20_TI_ITEM_LARGE_ICON
{
	width: 100%;
}

.CA20_TI_ITEM_LARGE_ICON img
{
	width: 100%;
	height: auto;
}

.CA20_TI_ITEM_LARGE_SEP
{
	width: 2px;
	height: 200px;
	display: inline-block;
	vertical-align: middle;
}

.CA20_MOBILE_MODE .CA20_TI_ITEM_LARGE_SEP
{
	display:none;
}

/* TEXTES AVEC AMORCES ICÔNES */

.CA20_BLOC_TEXTES_AMORCES_ICONES
{
	width: 100vw;
	text-align: center;
	padding : 80px 0px;
}

.CA20_AMORCE_ITEM_CONTAINER
{
	display: inline-block;
	vertical-align: top;
	width: 100vw;
	max-width: 1020px;
	text-align: center;
}

.CA20_AMORCE_ITEM
{
	display: inline-block;
	vertical-align: top;
	width: calc( 96vw - 60px);
	max-width: 450px;
	margin: 30px;
	font-size: 1.15em;
	line-height: 1.25em;
}

#CA20_4_ELEMENTS .CA20_AMORCE_ITEM
{
	max-width: 190px;
	text-align: center;
}

.CA20_MOBILE_MODE #CA20_4_ELEMENTS .CA20_AMORCE_ITEM
{
	max-width: 100%;
	margin-bottom: 50px;
}

#CA20_4_ELEMENTS .CA20_AMORCE_ITEM_TEXTE
{
	text-align: center;
}

#CA20_4_ELEMENTS p
{
	min-height: 105px;
}

.CA20_MOBILE_MODE #CA20_4_ELEMENTS p
{
	min-height: auto;
}

.CA20_MOBILE_MODE .CA20_AMORCE_ITEM
{
	display: inline-block;
	vertical-align: top;
	width: calc( 96vw - 30px);
	max-width: 450px;
	margin: 15px;
	font-size: 1.15em;
	line-height: 1.25em;
}

.CA20_AMORCE_ITEM_ICON
{
	height: 65px;
	width: 65px;
	display: inline-block;
}

.CA20_AMORCE_ITEM_ICON img
{
	height: 100%;
	width: auto;
}

.CA20_AMORCE_ITEM_TEXTE
{
	text-align: left;
}

.CA20_MOBILE_MODE .CA20_AMORCE_ITEM_TEXTE
{
	text-align: center;
}

.CA20_AMORCE_ITEM_TEXTE h2
{
	text-align: center;
	width: 100%;
	font-weight: 100;
	line-height: 1.15em;
	margin-top: 0px;
}

/* ATELIER DU CODE */

#ATELIER_TITRE
{
	width: 300px;
	display: block;
	margin-bottom: -20px;
}

#ATELIER_TITRE_HEXA
{
	width: 80%;
	max-width: 850px;
	display: block;
	margin: 0 auto;
}
/* RECRUTEMENT */

.CA20_BLOC_RECRUTEMENT
{
	padding : 120px 0px;
	background-color: #f2f3f3;
	text-align: center;
}

.CA20_RECRUTEMENT_ITEM
{
	display: inline-block;
	vertical-align: top;
	width: 96vw;
}

.CA20_RECRUTEMENT_ITEM_SEP
{
	height: 1px;
	background-color: rgba(49,53,52,.1);
	margin-top : 48px;
	margin-bottom: 40px;
	width: calc( 96vw - 75px );
	max-width: 930px;
	display: inline-block;
}


.CA20_RECRUTEMENT_ITEM_COUNT
{
	display: inline-block;
	vertical-align: top;
	width: 45px;
	height: 45px;
	line-height: 45px;
	background-size: contain;
	background-image: url('../ui/hexagon.svg');
	background-position: center top;
	background-repeat: no-repeat;
	color: white;
	text-align: center;
	margin-right: 30px;
	font-weight: 900;
	font-size: 1.3em;
	cursor: default;
}

.CA20_MOBILE_MODE .CA20_RECRUTEMENT_ITEM_COUNT
{
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}

.CA20_RECRUTEMENT_ITEM_ROW
{
	display: inline-block;
	vertical-align: top;
	width: calc( 96vw - 75px );
	max-width: 930px;
	text-align: left;
}

.CA20_MOBILE_MODE .CA20_RECRUTEMENT_ITEM_ROW
{
	display: inline-block;
	vertical-align: top;
	width: 94vw;
	max-width: 930px;
	text-align: left;
}

.CA20_RECRUTEMENT_ITEM_BLOC
{
	display: inline-block;
	vertical-align: top;
	width: 94vw;
	max-width: 430px;
	margin-right: 30px;
}

.CA20_MOBILE_MODE .CA20_RECRUTEMENT_ITEM_BLOC
{
	max-width: 96vw;
	margin-right: 0px;
}

.CA20_RECRUTEMENT_ITEM_BLOC h2
{
	text-transform: uppercase;
	font-size: 500;
	font-size: 1.1em;
	margin-top: 0px;
	margin-bottom: 0px;
}

.CA20_RECRUTEMENT_ITEM_BLOC h3
{
	font-weight: 100;
	font-size: 1.5em;
	margin-top: 0px;
}

.CA20_MOBILE_MODE .CA20_RECRUTEMENT_ITEM_BLOC h3
{
	margin-bottom: 0px;
}

.CA20_RECRUTEMENT_ITEM_BLOC h4
{
	text-transform: uppercase;
	margin-bottom: 3px;
	font-size: .85em;
}

.CA20_RECRUTEMENT_ITEM_BLOC p
{
	margin-top: 0px;
}

.SECOND_ROW
{
	margin-left: 75px;
}

.CA20_MOBILE_MODE .SECOND_ROW,
.CA20_MOBILE_MODE .SECOND_ROW .CA20_RECRUTEMENT_ITEM_BLOC
{
	max-width: 600px;
}



.SEP_ROW
{
	margin-left: 75px;
}

.CA20_MOBILE_MODE .SECOND_ROW,
.CA20_MOBILE_MODE .SEP_ROW
{
	margin-left: 0px;
}

.CA20_MASKED_ITEM
{
	display: none;
}

.CA20_RECRUTEMENT_ITEM_FIRST_ROW
{
	cursor: pointer;
}

.CA20_MOBILE_MODE .CA20_RECRUTEMENT_ITEM_FIRST_ROW
{
	text-align: center;
}

.duree
{
	font-weight: 500;
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
}

.chrono
{
	display: inline-block;
	vertical-align: bottom;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	background-size: contain;
	background-image: url('../ui/icon_chrono.svg');
	background-repeat: no-repeat;
}

/* HEXACADEMY */

.CA20_HEXACADEMY .CA20_logo_carbon_it
{
	filter: none;
}

.CA20_HEXACADEMY .logo_carbon_it
{
	fill:black;
}

.CA20_HEXACADEMY #menuToggle span
{
	background: #000000;
	filter : none;
}

.CA20_HEXACADEMY .CA20_SCROLL_ITEM,
.page-formateurs .CA20_SCROLL_ITEM
{
	top : 45vh !important;
}

.CA20_HEXACADEMY #CA20_4_ELEMENTS
{
	background-color: #09028e !important;
}

.CA20_HEXACADEMY .CA20_AMORCE_ITEM_CONTAINER h2
{
	color : white !important;
}

.CA20_HEXACADEMY .CA20_AMORCE_ITEM_ICON
{
	width: 115px;
	height: 115px;
}

.CA20_HEXACADEMY .CA20_BLOC_IMAGE_2023_TEXTE h2
{
	color : #09028e !important;
}

/* FAQ */

.CA20_BLOC_FAQ
{
	padding : 120px 0px;
	text-align: center;
}

.CA20_FAQ_CONTAINER
{
	display: inline-block;
	width: 96vw;
	max-width: 800px;
	text-align: left;
}

.CA20_FAQ_CONTAINER h2
{
	width: 100%;
}

.CA20_FAQ_CONTAINER h3
{
	width: 100%;
	text-transform: uppercase;
	margin-top: 80px;
}

.CA20_FAQ_CONTAINER h3:first-child
{
	margin-top: 0px;
}

.CA20_FAQ_ITEM
{
	width: 100%;
}

.CA20_FAQ_ITEM_QUESTION
{
	width: calc( 100% - 30px );
	font-size: 1.2em;
	cursor : pointer;
}

.CA20_FAQ_ITEM_QUESTION::before
{
	content:'';
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background-size: contain;
	background-position: center center;
	background-image: url('../ui/icon_arrow.svg');
	margin-right: 0px;
	transform: rotate(0deg);
	
	-webkit-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    -o-transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
	-o-transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000);
    transition-timing-function: cubic-bezier(0.035, 0.625, 0.000, 1.000); /* custom */
}

.FI_ACTIVE::before
{
	content:'';
	transform: rotate(90deg);
}

.CA20_FAQ_ITEM_QUESTION p
{
	margin : 0px !important;
	display: inline-block !important;
	vertical-align: middle;
	width: calc( 100% - 30px );
}

.CA20_MOBILE_MODE .CA20_FAQ_ITEM_QUESTION p
{
	vertical-align: top;
	margin-bottom: 10px !important;
}

.CA20_FAQ_ITEM_ANSWER
{
	display:none;
}

.CA20_FAQ_ITEM_ANSWER p
{
	margin-top : 10px;
	margin-bottom: 40px;
}


/* INTRO */

.CA20_INTRO
{
	width: 100vw;
	height : 100vh;
	line-height : 100vh;
	z-index: 16000;
	text-align: center;
	position: fixed;
	top: 0px;
	left :0px;
	background-color: #313534;
	animation-duration: 3s;
	animation-name: fadeout2;
	animation-fill-mode: forwards;
}

.CA20_INTRO_CONTENT
{
	display: inline-block;
	vertical-align: middle;
	width: 70vw;
	max-width: 380px;
	line-height: normal;
	animation-duration: 3s;
	animation-name: fadeout1;
	animation-fill-mode: forwards;
}

.CA20_INTRO_LOGO
{
	width: 100%;
	opacity: 0;
	animation-duration: 2s;
	animation-name: slidein;
	animation-fill-mode: forwards;
}

.sp1
{
	animation-duration: .6s;
	animation-name: slidein1;
	animation-fill-mode: forwards;
}

.sp2
{
	animation-duration: .9s;
	animation-name: slidein2;
	animation-fill-mode: forwards;
}

.sp3
{
	animation-duration: 1.2s;
	animation-name: slidein3;
	animation-fill-mode: forwards;
}

.CA20_INTRO_LOGO img
{
	width: 100%;
	height : auto;
}

.CA20_INTRO_BASELINE
{
	width: 100%;
	text-align: right;
	font-size: 1.65em;
	font-weight: 300;
}

.CA20_INTRO_BASELINE span
{
	display: inline-block;
	vertical-align: middle;
	color : white;
	padding-top: 30px;	
	padding-bottom: 0px;
	opacity: 0;
}

.CA20_INTRO_BASELINE_ROUGE
{
	color : #e53f48 !important;
}

@keyframes slidein {
  from {
	opacity: 0; 
  }
  to {
	opacity: 1;
  }
}

@keyframes slidein1 {
  0% {
    padding-top: 30px;
    padding-bottom: 0px;
	opacity: 0; 
  }
  
  20% {
    padding-top: 30px;
    padding-bottom: 0px;
	opacity: 0; 
  }
  
  100% {
    padding-top: 0px;
    padding-bottom: 30px;
	opacity: 1;
  }
}

@keyframes slidein2 {
  0% {
    padding-top: 30px;
    padding-bottom: 0px;
	opacity: 0; 
  }
  
  30% {
    padding-top: 30px;
    padding-bottom: 0px;
	opacity: 0; 
  }
  
  100% {
    padding-top: 0px;
    padding-bottom: 30px;
	opacity: 1;
  }
}

@keyframes slidein3 {
  0% {
    padding-top: 30px;
    padding-bottom: 0px;
	opacity: 0; 
  }
  
  40% {
    padding-top: 30px;
    padding-bottom: 0px;
	opacity: 0; 
  }
  
  100% {
    padding-top: 0px;
    padding-bottom: 30px;
	opacity: 1;
  }
}

@keyframes fadeout1 {
  0% {
    padding-top: 0px;
	opacity: 1; 
  }
  
  75% {
    padding-top: 0px;
	opacity: 1; 
  }

  100% {
    padding-top: 50px;
	opacity: 0;
  }
}

@keyframes fadeout2 {
  0% {
	opacity: 1; 
	left : 0vw;
  }
  
  85% {
	opacity: 1;
	left : 0vw; 
  }
  

  99% {
	opacity: 0;
	left : 0vw;
  }
  
  100% {
	  opacity: 0;
	left : 110vw;
  }
}


/* 2023 */

.CA20_BLOC_IMAGE_2023
{
	width: 100vw;
	display: flex;
	gap : 60px;
	align-items: center;
	justify-content: center;
	padding : 60px 0px;
}

.CA20_BLOC_IMAGE_2023_VISUEL
{
	width: 100vw;
	max-width: 550px;
	height : 450px;
}

.CA20_HEXACADEMY .CA20_BLOC_IMAGE_2023_VISUEL
{
	width: 100vw;
	max-width: 550px;
	height : 550px;
}

.CA20_MOBILE_MODE.CA20_HEXACADEMY .CA20_BLOC_IMAGE_2023_VISUEL
{
	height : 100vw;
}

.page-formateurs .CA20_BLOC_IMAGE_2023_VISUEL
{
	max-width: 400px;
	height : 450px;
}

.CA20_HEXACADEMY .CA20_SCROLL_ITEM svg
{
	fill: #000000 !important;
}

.CA20_BLOC_IMAGE_2023_VISUEL img
{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.CA20_MOBILE_MODE .CA20_BLOC_IMAGE_2023_VISUEL img
{
	width: 96%;
	height: 96%;
	margin : 0% 2%;
	object-fit: contain;
}

.orientation_gauche
{
	flex-direction: row-reverse;
}

.CA20_BLOC_IMAGE_2023_TEXTE
{
	width: 100vw;
	max-width: 450px;
	text-align: justify;
}

.CA20_MOBILE_MODE .CA20_BLOC_IMAGE_2023_TEXTE
{
	padding: 15px 0px;
	width: calc( 100vw - 30px );
}

.CA20_BLOC_IMAGE_2023_TEXTE h2
{
	font-size: 2.5em;
	line-height: 1em;
}

.CA20_BLOC_IMAGE_2023_TEXTE img
{
	width: 100px;
	margin-bottom: -20px;
}

.CA20_MOBILE_MODE .CA20_BLOC_IMAGE_2023,
.CA20_MOBILE_MODE .orientation_gauche
{
	flex-direction: column;
}

/* HUBSPOT */

.CA20_BLOC_HUBSPOT
{
	width: 100vw;
	padding : 50px 0px;
}

.CA20_BLOC_HUBSPOT_INNER
{
	width: 96vw;
	max-width: 500px;
	margin : 0 auto;
}

.CA20_BLOC_HUBSPOT_INNER h2 
{
  font-size: 2.5em;
  line-height: 1em;
  text-align: center;
}

.CA20_BLOC_HUBSPOT_INNER input
{
	width: calc(100% - 20px) !important;
	padding : 20px !important;
	border : 0px solid !important;
	margin-top : 10px !important;
	background-color: rgba(0,0,0,.1);
	margin-bottom : 20px;
}

.CA20_BLOC_HUBSPOT_INNER .hs-button
{
	display: inline-block !important;
	padding: 15px 15px !important;
	border-radius: 7px !important;
	background-color: #0d0094 !important;
	color: white !important;
	text-decoration: none !important;
	cursor: pointer !important;
	width: auto !important;
	margin : 0 auto !important;
	transition: all 500ms cubic-bezier(0.035, 0.625, 0.000, 1.000);
}

.CA20_BLOC_HUBSPOT_INNER .hs-button:hover
{
	transform: scale(1.1);
	background-color: #e74ea9 !important;
	color : black !important;
}

.hs-form-field
{
	width: 100% !important;
}

/* REVEAL */


.REVEAL
{
	opacity: 0;
	padding-top: 50px;
	transition: .6s ease-out all;
}

.REVEAL_ALPHA
{
	opacity: 0;
	transition: .6s ease-out all;
}

.REVEAL_CHAIN_ITEM
{
	opacity: 0;
	padding-top: 50px;
	transition: .4s ease-out all;
}

.REVEAL_CHAIN_BUBBLES_ITEM
{
	opacity: 0;
	transform: scale(.8);
	transition: .4s ease-out all;
}



.CA20_BLOC_FORMATEUR_2023 h2
{
	text-align: left;
}

.CA20_BLOC_FORMATEUR_CONTENT
{
	margin-bottom : 20px;
	//color : #09028e;
	color : #e74ea9;
}

.CA20_BLOC_FORMATEUR_SUBTITLE
{
	text-transform: uppercase;
	font-size: .7em;
	font-weight: 900;
}

.CA20_BLOC_FORMATEUR_SUBTEXT
{
	
}

/* BLOC NOS METIERS / dec 2025 */

.CA20_BLOC_METIERS
{
	width: 100%;
	text-align: center;
}

.CA20_BLOC_METIERS h2
{
	color : white;
	margin-top: 0px;
	padding-top : 30px;
	font-size: 2.5em;
	font-weight: 100;
}

.CA20_BLOC_METIERS h2 em
{
	color : #e53f48;
}

.CA20_METIERS_CONTAINER
{
	width: 96vw;
	max-width: 1250px;
	margin: 0 auto;
	display : flex;
	justify-content: center;
	align-items: flex-start;
	gap : 50px;
	color : white;
	padding-bottom: 50px;
}

.CA20_MOBILE_MODE .CA20_METIERS_CONTAINER
{
	flex-direction: column;
}

.CA20_METIERS_ITEM
{
	text-align: center;
	width : 100%;
	max-width: 600px;
	cursor : pointer;
}

.CA20_METIERS_ITEM h3
{
	font-size: 1.8rem;
	cursor : pointer;
}

.CA20_METIERS_ITEM h4
{
	font-size: 1.4rem;
	cursor : pointer;
}
/*
.CA20_METIERS_ITEM_LEFT h4:before
{
	content:'';
	display: inline-block;
	vertical-align: middle;
	margin-right:10px;
	width: 20px;
	height: 20px;
	background-image: url('../ui/fleche_rouge.svg');
	background-size: contain;
}
*/

.CA20_METIERS_ITEM_LEFT h4:after
{
	content:'';
	display: inline-block;
	vertical-align: middle;
	margin-left:10px;
	width: 20px;
	height: 20px;
	background-image: url('../ui/plus_rouge.svg');
	background-size: contain;
	transition: transform .3s ease-in-out;
}



.CA20_METIERS_ITEM_RIGHT
{
	
}

/*
.CA20_METIERS_ITEM_RIGHT h4:before
{
	content:'';
	display: inline-block;
	vertical-align: middle;
	margin-right:10px;
	width: 20px;
	height: 20px;
	background-image: url('../ui/fleche_verte.svg');
	background-size: contain;
}
*/

.CA20_METIERS_ITEM_RIGHT h4:after
{
	content:'';
	display: inline-block;
	vertical-align: middle;
	margin-left:10px;
	width: 20px;
	height: 20px;
	background-image: url('../ui/plus_verte.svg');
	background-size: contain;
	transition: transform .3s ease-in-out;
}

h4.CA20_METIER_ITEM_SELECTED:after
{
	transform: rotate(45deg) !important;
}

.CA20_METIERS_ITEM_CONTENT
{
	text-align:left;
	display: none;
}

.CA20_METIERS_ITEM_CONTENT p
{
	margin : 0px 0px 0px 0px;
}