/*

Theme Name: one-x-child
Template: oneline-lite

*/



@import url("../oneline-lite/style.css");
@import url("../one-x/style.css");

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,700;1,200;1,300;1,400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

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

html, body {
    scroll-behavior: smooth;
}
/** responsive body/html **/

@media only screen and (max-width: 768px){
    html,
    body{
    width:100%;
    overflow-x:hidden;
    }
}

/** ajouté par Thomas --------------------------- **/
.bleu2 {
    font-family: 'Oswald', sans-serif;
    color: #002e6c;
    font-size: 23px;
    text-align:center;
    margin-bottom: 10px;
	font-weight: bold;
    font-weight: 600;
    display: block;
}

.bleu3 {
    font-family: 'Oswald', sans-serif;
    color: #002e6c;
    font-size: 36px;
    text-align: center;
    letter-spacing: 0;
    line-height: 15px;
}

.bleu-email {
    font-family: 'Oswald', sans-serif;
    color: #002e6c;
    font-size: 30px;
    text-align: center;
    letter-spacing: 0;
    line-height: 15px;
}

/** Fin de ajouté par Thomas **/


.flex-direction-nav {
    display: none;
}

.svg-bottom-container {
    display: none;
}

.team-wrapper > .svg-top-container, .testimonials-wrapper > .svg-top-container,.post-wrapper > .svg-top-container, .woo-wrapper > .svg-top-container, .contact-wrapper > .svg-top-container  {
    display: none;
}


body {
    font-family: 'Mulish', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family:"Mulish",sans-serif;
    font-weight: 400;
    }

    a, p, ul, ul li,ol, ol li,
 .contact-form2 textarea, .navigation ul li a, .navigation ul li a, .navigation ul li a:link,
.price-content{
  font-family: 'Mulish',sans-serif;
}

#services > .container {

    display: flex;
    align-items: center;
}

@media screen and (max-width: 730px) {
	#services > .container {
    	flex-direction: column;
	}
}

#services .service-block {
    padding-top: 0;
	padding-bottom: 100px;
}

section#services {
	padding-top: 50px;
}

#header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 92%;
}

#header #logo {
    padding-top: 28px;
    width: fit-content;
    padding-bottom: 0;
}

#header #logo img {
    max-width: none;
}

@media screen and (max-width: 490px) {
	
	#header .container {
		justify-content: flex-start;
		width: 100%;
		margin-left: 20px;
	}
	
	#main-menu-wrapper {
		margin-left: 15px;
	}
	
	.header #logo {
    margin-right: 100px;
}
	
}

@media screen and (max-width: 1200px) {
	
	.header #logo img {
    width: 250px;
	height: auto;
	margin-left: 3%;
}
	
		.header #logo {
    margin-right: 10px;
			margin-top: -15px;
}
	
}

#slider-div h2.title a {
    font-weight: bold;
    font-size: 70px;
}

/** ZONES BLOCS FORMATION **/

.page-services .main-heading {
    font-size: 50px;
    padding-bottom: 30px;
}

.grid-formations {
    width: 100%;
    margin-top: 70px;
    padding-left: 40px;
    padding-right: 40px;
    column-gap: 20px;
	row-gap: 30px;
    background-color: #eb4d69!important;
}

.formations-top, .formations-middle, .formations-bottom {
    display: flex;
}



.formations-middle {
    justify-content: space-between;
    width: 60%;
    margin: auto;
}

@media screen and (max-width: 970px) {
	
	.formations-top, .formations-middle, .formations-bottom {
		flex-direction: column;
		width: auto;
	}
	
	.formations-middle {
		width: auto;
	}
	
	
}

@media screen and (min-width: 1550px) {
	.formations-middle {
    	width: 50%;

	}
}

.ribon-box .main-heading {
    font-size: 50px;
}

.formations-top .formation-container {
    flex: 1;
    height: 400px;
    padding-top: 30px;
    padding-left: 20px;
    transition: transform 0.2s ease;
    border-radius: 20px;
    perspective: 1900px;
    position: relative;
}

.formations-middle .formation-container {
    height: 400px;
    padding-top: 30px;
    padding-left: 20px;
    transition: transform 0.2s ease;
    border-radius: 20px;
    perspective: 1900px;
    position: relative;
}

.formations-bottom .formation-container {
    flex: 1;
    height: 400px;
    padding-top: 30px;
    padding-left: 20px;
    transition: transform 0.2s ease;
    border-radius: 20px;
    perspective: 1900px;
    position: relative;
}

@media screen and (max-width: 970px) {
	
	.formations-top .formation-container {
    padding-left: 0px;
}

.formations-middle .formation-container {
    padding-left: 0px;
}

.formations-bottom .formation-container {
    padding-left: 0px;
}
	
	
}


.formation-container .textwidget .link-je-me-teste {
    color: black;
    font-size: 20px;
    padding: 15px 25px 15px 25px;
    background-color: transparent;
	border-bottom-left-radius: 999px;
	border-bottom-right-radius: 999px;
    text-align: center;
	color: white;
	width: 250px;
    height: fit-content;
    display: block;
	overflow: hidden;
	position: relative;
}

.formations-middle .formation-container:nth-of-type(2) .textwidget .link-je-me-teste {
    display: flex;
    flex-direction: column;
}

.formations-middle .formation-container:nth-of-type(2) .textwidget .link-test-enfant {
    font-size: 12px;
    font-weight: bold;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px;
}

.formations-middle .formation-container:nth-of-type(2) .textwidget .scene-link .white-separator {
    background-color: #74b2dc;
}

.formations-middle .formation-container:nth-of-type(2) .textwidget .link-test-ado {
    font-size: 12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px;
}

.formations-bottom .formation-container .textwidget .link-je-me-teste {
    padding: 25px 25px 25px 25px;
}




.formation-container .textwidget .link-je-me-teste:active, .formation-container .textwidget .link-je-me-teste:focus {
    text-decoration: none!important;
} 


.formation-container .textwidget .link-je-me-teste:before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #3f87b6;
	transform: translateX(-100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}


.formation-container .textwidget .link-je-me-teste:after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #156ea9;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
}

.formation-container .textwidget .link-je-me-teste:hover {
	transition: all 1s ease;
	background-color: transparent;
}

.formation-container .textwidget .link-je-me-teste:hover:before {
	transform: translateY(0%);
	transition: all 0.5s ease;
}


.formation-title {
    color: white;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
}

.formation-container .white-square .scene p {
    letter-spacing: 0.2px;
    font-size: 15px;
    font-weight: 900;
    width: 250px;
    height: 65px;
    position: relative;
    transform-style: preserve-3d;
    margin: auto;
    transform-origin: 50% 50% -125px;

}



#formations > div.formations-middle > div:nth-child(2) > div > div > div.scene.scene-link {
    display: inline-block;
    border-bottom-left-radius: 999px;
    border-bottom-right-radius: 999px;
    overflow: hidden;
}

.formation-container .white-square .scene-link p {
	height: fit-content;
}

.white-separator {
    letter-spacing: 0.2px;
    font-size: 15px;
    font-weight: 900;
    width: 250px;
    height: 3px;
    position: relative;
    transform-style: preserve-3d;
    margin: auto;
    transform-origin: 50% 50% -125px;
    display: block;
    background-color: white;
    z-index: 10;
}


.white-square-2 {
    display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 205px;
}

@media screen and (max-width: 970px) {
	.white-square-2 {
		justify-content: flex-start;
	}
}




.formation-container a {
    color: white;
}

.formation-container a:hover {
    color: white;
}

.formation-container a:active, .formation-container a:focus {
    text-decoration: none!important;
}

.formation-container .white-square .scene p:hover .face {
	background-color: #156ea9;
    transition: all 0.5s ease;
    opacity: 0.95;
}

.formation-container .white-square .scene-2 .face {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.face {
    width: 250px;
    height: 65px;
    position: absolute;
    background-color: #74b2dc;
    display: flex;
    justify-content: center;
    align-items: center;
    transform-style: flat;
}

.first-scene .face {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}


/**************** ZONE ELIGIBILITE PAGE ACCUEIL ************/

.elegibilite-container {
	cursor: pointer;
    background-color: #eb4d69;
    color: white;
    display: flex;
    padding: 2rem;
    align-items: center;
    justify-content: space-around;
	transition: background-color 0.5s ease;
} 

.elegibilite-container:hover {
    background-color: #e3627a;
	transition: background-color 0.5s ease;
} 

.eligible-title {
    margin-top: 0;
    margin-bottom: 0;
    padding: 2rem;
    font-size: 35px;
    width: 100%;
    text-align: center;
}

.btn-contact {
    outline: none;
    border: none;
    border-radius: 999px;
    background-color: white;
    font-family: inherit;
    padding: 20px 30px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    transition: opacity 0.5s ease;
}

.btn-contact:hover {
    opacity: 80%;
    transition: opacity 0.5s ease;
}

/************* ZONE FORMULES PAGE ACCUEIL *************/



.page-team {
    margin-bottom: 50px;
}

#team .formules-container {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
	position: relative;
}

.formule-container:nth-of-type(1) {
    box-shadow: 11px 0px 22px 3px rgba(0,0,0,0.16);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 450px;
    width: 380px;
    background-color: white!important;
    z-index: 0;
	cursor: pointer;
}

.description-formule {
    position: absolute;
    width: 900px;
    height: 650px;
    background-color: white;
    z-index: -5;
	border-radius: 15px;
	box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.16);
}

.description-formule-container {
    font-size: 12px;
    padding: 10px 20px;
    text-align: justify;
}

.description-formule-title {
    text-align: center;
    font-size: 20px;
	font-weight: bold;
}

.formule-container:nth-of-type(1) .formule-title, .formule-container:nth-of-type(3) .formule-title {
	font-size: 30px;
}


.formule-container:nth-of-type(2) {
    box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.16);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 500px;
    width: 400px;
    background-color: white!important;
    z-index: 1;
	cursor: pointer;
}

.formule-container:nth-of-type(3) {
    box-shadow: 11px 0px 22px 3px rgba(0,0,0,0.16);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 450px;
    width: 380px;
    background-color: white!important;
    z-index: 0;
	cursor: pointer;
}


.formule-container:nth-of-type(2) p
 {
    line-height: 30px;
	color: black;
	padding: 0px 40px;
	font-size: 20px;
	margin-bottom: 50px;
}

.btn-infos-formule {
    outline: none;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 15px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    transition: opacity 0.5s ease;
    margin-top: 20px;
	white-space: nowrap;
}

.formule-container:nth-of-type(2) h2 {
    margin-bottom: 10px;
}

/*** RESPONSIVE FORMULES ***/

@media screen and (max-width: 1100px) {
	
	#team .formules-container {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
	flex-direction: column;
	position: relative;
}
	
	.formule-container:nth-of-type(1) {
    	width: 80%;
		height: auto;
		padding-bottom: 3rem;
	}
	
	.formule-container:nth-of-type(2) {
    	width: 90%;
		height: auto;
		padding-bottom: 3rem;
	}
	
	.formule-container:nth-of-type(3) {
    	width: 80%;
		height: auto;
		padding-bottom: 3rem;
	}
	
	.formule-container:nth-of-type(1) .formule-title, .formule-container:nth-of-type(2) .formule-title, .formule-container:nth-of-type(3) .formule-title {
	font-size: 40px;
}
	
	.formule-container:nth-of-type(1) p
 {
    line-height: 30px;
	color: black;
	padding: 0px 40px;
	font-size: 20px;

}
	
		.formule-container:nth-of-type(3) p
 {
    line-height: 30px;
	color: black;
	padding: 0px 40px;
	font-size: 20px;

}
	
}

/************ ZONE FORMATEURS PAGE ACCUEIL ************/

.formateurs-title {
    text-align: center;
    margin-bottom: 80px;
    font-size: 40px;
}


.formateur-container {
    width: 250px;
    text-align: center;
}

.img-container {
    border-radius: 50%;
    overflow: hidden;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.img-container img {
    width: 100%;
	transform: scale3d(1.6, 1.6, 1.6);
}

/** positions + spécifiques des photos formateurs **/
/*

.formateur-container:nth-of-type(1) .img-container img {
	transform: scale3d(1.6, 1.6, 1.6) translate3d(15%, 0, 0);
}

.formateur-container:nth-of-type(3) .img-container img {
	transform: scale3d(1.6, 1.6, 1.6) translate3d(-10%, 0, 0);
}
*/

.testimonials-wrapper .formateur-name {
    font-weight: bold;
    font-size: 20px;
    margin-top: 15px;
}

.formateurs-grid {
	max-width: 100vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    column-gap: 20px;
    row-gap: 30px;
}

/** reponsive zone formateurs **/

@media screen and (max-width: 1200px) {

.formateurs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 20px;
    row-gap: 30px;
	width: fit-content;
	margin: auto;
}
	
}

@media screen and (max-width: 600px) {

.formateurs-grid {
    display: grid;
    grid-template-columns: 1fr;
	grid-template-rows: auto;
    column-gap: 20px;
    row-gap: 100px;
	width: fit-content;
	margin: auto;
}
	
	.formateur-container {
		display: flex;
		justify-content: center;
		align-items: center;
		height: fit-content;
	}
	
}



/********** ZONE TEMOIGNAGE PAGE ACCUEIL **********/


.temoignage-container {
    width: 250px;
    text-align: center;
}



.img-container {
    border-radius: 50%;
    overflow: hidden;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.img-container img {
    width: 100%;
}

.temoignage-name {
    font-weight: bold;
    font-size: 20px;
    margin-top: 15px;
}

/** positions + spécifiques des photos stagiaires témoignages **/

.temoignage-container .img-container img {
	transform: scale3d(1, 1, 1);
	
}

/*
.temoignage-container:nth-of-type(2) .img-container img {
	transform: scale3d(1, 1, 1) translate3d(0, 15%, 0);
}

.temoignage-container:nth-of-type(4) .img-container img {
	transform: scale3d(1, 1, 1) translate3d(0, 10%, 0);
}
*/

.temoignages-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    column-gap: 20px;
    row-gap: 30px;
    width: 85%;
    margin: auto;
	max-width: 100vw;
}

#temoignages {
    background-color: white;
    padding-top: 15vh;
}


/** reponsive zone témoignages **/

@media screen and (max-width: 1200px) {

.temoignages-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 20px;
    row-gap: 30px;
	width: fit-content;
	margin: auto;
}
	
}


@media screen and (max-width: 600px) {

	#temoignages {
		padding-top: 10vh;
	}
	
.temoignages-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    column-gap: 20px;
    row-gap: 100px;
	width: fit-content;
	margin: auto;
}
	
	.temoignage-container {
		display: flex;
		justify-content: center;
		align-items: center;
		height: fit-content;
	}
	
}


/*** contact bas de page d'accueil ***/

.contact-block .cnt-div {
    margin: 0 auto 200px auto;
    float: none;
}

/****************** FOOTER (toutes les pages) **************/

.foot-copyright .svg-top-container {
    fill: white!important;
}

.footer-content {
    background-color: white!important;
    color: black;
}

.footer-content a {
    color: black!important;
}


/****** MENU page accueil + responsive *******/

.header.smaller {
    box-shadow: 11px 0px 22px 3px rgba(0,0,0,0.06)!important;
    transition: all 0.8s ease;
    color: black;
}

.header {
    transition: all 0.8s ease;
}

@media screen and (max-width: 1440px) {
	.home .navigation > #menu > li >a, .home .navigation > #menu > li >a:link {
		font-size: 10px;
	}
}

@media screen and (max-width: 1325px) {
	.home .navigation > #menu > li >a, .home .navigation > #menu > li >a:link {
		font-size: 9px;
	}
}


.home .navigation > #menu > li >a, .home .navigation > #menu > li >a:link {
    color: white;
    font-weight: bold;
}



.home .navigation > #menu > li >a:before{
    background: white;
}

.home #header.smaller #menu > li > a, .home .header.smaller > #menu > li > a:link  {
    color: black;
    font-weight: bold;
}

.home #header.smaller #menu > li:last-child > a, .home .header.smaller > #menu > li:last-child > a:link  {
    color: white;
    font-weight: bold;
}

.home #header.smaller #menu > li:last-child > a:hover, .home .header.smaller > #menu > li:last-child > a:link:hover  {
    color: #eb4d69;
    font-weight: bold;
}

.home #header.smaller #menu > li > a:before {
    background: black;
}


/********* SECTION NOTRE PÉDAGOGIE PAGE ACCUEIL *******/

#services-container > div.page-services > div > div > p > a {
	color: white!important;
	outline: none;
    width: fit-content;
    margin: auto;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
	color: white;
    font-size: 20px;
    transition: opacity 0.5s ease;
}

.btn-pedagogie {
	    margin-top: 50px;
}



#services-container > div.page-services > div > div > p > a:hover {
    opacity: 60%;
    transition: opacity 0.5s ease;
}

svg:not(:root) {
    overflow: visible;
}

.fs-caption {
    position: relative;
    display: table;
    height: 100%;
    width: 90%;
    margin: 0 auto;
    top: 0;
}


#ribbon {
    padding-top: 100px!important;
    padding-bottom: 100px;
}

#ribbon .container {
    width: 100%!important;
    max-width: 100%!important;
}

.ribon-box {
    width: 100%!important;
    overflow: visible;
    text-align: center;
}

#latest-post {
    height: 200px!important;
	background-color: white !important;
}


#latest-post h2 {
    line-height: 0!important;
}

@media screen and (max-width: 600px) {
	#latest-post {
    height: fit-content!important;
}
	
		#latest-post h2 {
    line-height: 46px!important;
}
}


.nb-container {
    display: flex;
    margin-top: 100px!important;
    justify-content: space-around;
    width: 80%;
    margin: auto;
    align-items: center;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}

.nb {
    display: block;
    font-size: 24px;
    padding: 60px;
    font-weight: 600;
  }

/** RESPONSIVE NOS CHIFFRES **/

@media screen and (max-width: 780px) {
	.nb-container {
		flex-direction: column;
	}
	
	.nb-container h3 {
		margin-top: 0;
		margin-bottom: 30px;
	}
	
	#woo-section .main-heading {
		font-size: 40px;
	}
}

.ribbon-wrapper .svg-top-container {
    fill: white!important;
}

section#ribbon {
    padding-bottom: 100px;
}

.team-wrapper #team {
    background: #eb4d69!important;
}

.page-team h2, .page-team p {
    color: white!important;
}

@media screen and (max-width: 780px) {
	.page-team h2, .page-team p {
		font-size: 35px;
}
}

.footer-london-street-institute {
    overflow: hidden;
    height: fit-content;
    background-color: aliceblue;
    width: 100%;
    font-family: inherit;
    display: flex;
    justify-content: space-around;
    position: relative;
    background: linear-gradient(to right, #f8c4a1 0%, #ea4966 100%);
}

.footer-london-street-institute svg {
    position: absolute;
    transform: scale(3.1) translate3d(0, 20px, 0);
}

.footer-wrapper p {
    font-family: 'Comfortaa', cursive;
    font-weight: bold;
    color: white;
    margin: 0;
    padding: 40px 25px 25px 25px;
}


.footer-gauche{
	z-index:1;
	width: 33.333%;
	margin:auto;
}

.left-footer {
    flex: 1;
	z-index: 1;
}

.right-footer .textwidget p {
    padding: 0;
}

.right-footer .textwidget {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 40px 15px 15px 0;
}

.right-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.logo-footer {
    height: 100px;
    margin-top: 10px;

}

@media screen and (max-width: 1360px) {
		.logo-footer {
		height: 70px;
	}
}

.right-footer .textwidget p:nth-of-type(1) {
    font-size: 30px;
    font-style: italic;
}

@media screen and (max-width: 1360px) {
    .footer-wrapper p {
        font-size: 13px;
    }

    .right-footer .textwidget p:nth-of-type(1) {
        font-size: 25px;
        font-style: italic;
    }
	
	.footer-london-street-institute {
    	height: 200px;
	}
	
	.footer-london-street-institute svg {
   	 	position: absolute;
   	 	transform: scale(2.7) translate3d(0, 14px, 0);
	}

}

@media screen and (max-width: 1220px) {
    .footer-wrapper p {
        font-size: 12px;
    }

    .right-footer .textwidget p:nth-of-type(1) {
        font-size: 23px;
        font-style: italic;
    }
	
	.footer-london-street-institute {
    	height: 190px;
	}
	
	.footer-london-street-institute svg {
   	 	position: absolute;
   	 	transform: scale(2.3) translate3d(0, 14px, 0);
	}

}

@media screen and (max-width: 1080px) {
    .footer-wrapper p {
        font-size: 11px;
    }

    .right-footer .textwidget p:nth-of-type(1) {
        font-size: 20px;
        font-style: italic;
    }
	
	.footer-london-street-institute {
    	height: 170px;
	}
	
	.footer-london-street-institute svg {
   	 	position: absolute;
   	 	transform: scale(2) translate3d(0, 10px, 0);
	}

}

@media screen and (max-width: 980px) {
    .footer-wrapper p {
        font-size: 9px;
    }

    .right-footer .textwidget p:nth-of-type(1) {
        font-size: 17px;
        font-style: italic;
    }
	
	.footer-london-street-institute {
    	height: 150px;
	}
	
	.footer-london-street-institute svg {
   	 	position: absolute;
   	 	transform: scale(1.8) translate3d(0, 5px, 0);
	}
	

}

@media screen and (max-width: 870px) {
	.footer-gauche{
		width:50%;
	}
	
	.footer-wrapper p {
        font-size: 12px;
    }

    .right-footer .textwidget p:nth-of-type(1) {
        font-size: 17px;
        font-style: italic;
    }
	
	   .left-footer .textwidget p {
        text-align: center;
    }
	
	.footer-london-street-institute {
    	height: fit-content;
	}
	
	.footer-london-street-institute svg {
   	 	display: none;
	}
	
	.empty {
		display: none;
	}
	

}

.home #contact .leadform-show-form.leadform-lite input[type="submit"] {
    margin: 100px 0px 0px 207px;
}

@media screen and (max-width: 780px) {
	.home #contact .leadform-show-form.leadform-lite input[type="submit"] {
    	margin: 100px 0px 0px 0px;
	}
	
	#contact .cnt-main-heading {
		font-size: 40px;
	}
}

@media screen and (max-width: 560px) {
	.footer-gauche{
		width:100%;
	}
	
    .footer-wrapper p {
        font-size: 12px;
    }

    .right-footer .textwidget p:nth-of-type(1) {
        font-size: 17px;
        font-style: italic;
    }
	
	   .left-footer .textwidget p {
        text-align: center;
    }
	
	.footer-london-street-institute {
    	flex-direction: column;
	}
	
	.footer-london-street-institute svg {
   	 	display: none;
	}
	
	.empty {
		display: none;
	}
	

}

.empty {
    flex: 1;
}

.page-template-default .footer-london-street-institute svg {
    display: block;
}

body.page-template-default {
    background-color: #002e6c;
}

#page .page-description {
    background-color: inherit;
}

.page-description h1.elementor-heading-title {
    font-weight: 900;
    letter-spacing: 15px;
}



#contact:before {
    background-image: url('img/london.jpg')!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-blend-mode: soft-light!important;
}



section#contact {
    padding-bottom: 0;
}


/***** PAGE FORMATION *******/

.h2-formation {
    color: #f18ca3;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 55px;
    letter-spacing: 12px;
    font-weight: 700;
    margin: 15vh 0 0 0;
}

.formation-titre {
    color: white;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 90px;
    text-align: center;
    margin: -15px 0 0 0;
}

.img-container-formation {
    position: absolute; top: 50px; right: 100px;     width: 200px;

}

.img-container-cpf {
	width: 200px;
	margin-left: auto;
    margin-right: auto
}

.logo-cpf {
	display: flex;
	flex-direction: row;
}

.niveau-formation {
    color: white;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    font-size: 60px;
    margin: -15px 0 30px 0;
}

.niveau-formation span {
    display: inline-block;
}

/* .circle {
    width: 73px;
    height: 73px;
    line-height: 70px;
    border-radius: 35px;
    color: #fff;
    text-align: center;
    border: solid 1px white;
    text-align: center;
  }  */

.contenu-formation-container {
    margin-top: 10px;
    margin-bottom: 50px;
    display: grid;
    grid-template-columns: repeat(3, minmax(min-content, 1fr));
    grid-template-rows: auto auto auto;
    gap: 40px 40px;
    grid-template-areas:
      "o a m"
      "l a d"
      "l i d";
  }

.contenu-formation-container > div {
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

 

.objectifs {
    background-color: #f18ca3;
    grid-area: o;
    padding: 20px;
    text-align: justify;
}

.titre-objectifs {
    font-family: 'Oswald', sans-serif;
    color: white;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 2px 0 5px 0;
}

.objectif {
    color: white;
    font-weight: 900;
}

.pre-requis {
    color: white;
    font-weight: 900;
}

.first-objectifs, .second-objectifs {
    font-size: 20px;
    color: #002e6c;
}

.lexique {
    background-color: #f18ca3;
    grid-area: l;
}

.a-propos {
    background-color: white;
    grid-area: a;
    color: #f18ca3;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    padding: 20px;
    
    
}

.titre-a-propos {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 2px 0 5px 0;
    
}

.titre-a-propos-2 {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 2px 0 5px 0;
	font-size: 40px;
}

.first-a-propos, .second-a-propos, .third-a-propos {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    color: #f18ca3;
    margin-bottom: 35px;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0;
}
.first-a-propos1{
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    color: #f18ca3;
    margin-bottom: 35px;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0;
}

.methode-pedagogique {
    background-color: white;
    grid-area: m;
    font-family: 'Oswald', sans-serif;
    color: #002e6c;
    padding: 20px;
    
}

.titre-methode {
    font-family: 'Oswald', sans-serif;
    text-align: center;
    font-weight: bold;
    margin: 2px 0 15px 0;
}

.methode-pedagogique .li {
    font-family: 'Oswald', sans-serif;
    color: #002e6c;
    font-size: 23px;
    text-align: center;
    margin-bottom: 35px;
    display: block;
}

.lexique {
    background-color: white;
    font-family: 'Oswald', sans-serif;
    color: #002e6c;
    padding: 0px;
    text-align: center;
}

.lexique ul {
    list-style: none;
    margin-bottom: 40px;
}

.lexique .li-2 {
    font-size: 23px;
    font-family: 'Oswald', sans-serif;
    color: #002e6c;
    margin: 0;
}

.titre-lexique {
    font-family: 'Oswald', sans-serif;
    color: #f18ca3;
    margin: 10px 0 5px 0;
}

.issue {
    background-color: white;
    grid-area: i;
    background-color: #f18ca3;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    padding: 20px;
    font-size: 31px;
    color: white;
    letter-spacing: 0;
}

.issue-2 {
	background-color: white;
    grid-area: i;
    background-color: #f18ca3;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    padding: 20px;
    font-size: 23px;
    color: white;
    letter-spacing: 0;
	line-height: 35px;
}

.titre-lexique-0 {
	font-family: 'Oswald', sans-serif;
	color: #f18ca3;
	margin: 10px 0 5px 0;
	text-align: center;
	font-weight: bold;
	font-size: 35px;
	margin-bottom: 10px;
}

.titre-lexique-2 {
	font-family: 'Oswald', sans-serif;
	color: #002e6c;
	margin: 10px 0 5px 0;
	text-align: center;
	font-weight: bold;
	font-size: 35px;
	margin-bottom: 10px;
}

.titre-lexique-3 {
	font-family: 'Oswald', sans-serif;
	color: #fff;
	margin: 10px 0 5px 0;
	text-align: center;
	font-weight: bold;
	font-size: 35px;
}

.duree {
    background-color: #f18ca3;
    font-family: 'Oswald', sans-serif; 
    grid-area: d;
    color: #002e6c;
}

.first-duree, .second-duree, .third-duree, .fourth-duree {
    font-family: 'Oswald', sans-serif; 
    color: #002e6c;
    font-size: 25px;
    text-align: center;
    letter-spacing: 0;
	line-height: 35px;
}

.first-duree-1 {
	    font-family: 'Oswald', sans-serif; 
    color: #002e6c;
    font-size: 23px;
    text-align: center;
    letter-spacing: 0;
	line-height: 35px;
	padding: 10px;
}

.first-duree-2 {
	font-family: 'Oswald', sans-serif; 
    color: #002e6c;
    font-size: 60px;
    text-align: center;
    letter-spacing: 0;
	line-height: 35px;
	padding: 5px;
}

.third-duree-2 {
	 font-family: 'Oswald', sans-serif; 
    color: #002e6c;
    font-size: 35px;
    text-align: center;
    letter-spacing: 0;
	line-height: 48px;
	margin-bottom: 25px;
	margin-top: 0px;
}

span.third-duree {
    display: block;
    text-align: center;
}

span.heures {
    display: block;
    text-align: center;
    margin-top: 15px;
}

.fourth-duree .circle {
    margin-top: 15px;
}

.nous-contacter {
    display: block;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    background-color: #002e6c;
    color: #f18ca3;
    border-radius: 999px;
    width: fit-content;
    margin: 10px auto 0 auto;
    padding: 10px 15px;
}

.nous-contacter-2 {
	display: block;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    background-color: #002e6c;
    color: #fff;
    border-radius: 999px;
    width: fit-content;
    margin: 10px auto 0 auto;
    padding: 20px 20px;
}

.nous-contacter:active, .nous-contacter:focus {
	text-decoration: none!important;
}

.nous-contacter-2:active, .nous-contacter-2:focus {
	text-decoration: none!important;
}

.nous-contacter:hover {
	color: white;
}

.nous-contacter-2:hover {
	color: white;
}

.second-duree {
    letter-spacing: 10px;
    margin-top: 10px;
}

.fourth-duree span {
    display: block;
    margin: auto;
    color: #002e6c;
}

.recontacter {
    outline: none;
    padding: 15px 30px;
    margin:10px 4px;
    color: #002e6c;
    text-align: center;
    position: relative;
    text-decoration: none;
    display:inline-block;
    border:1px solid ;
	border-radius: 999px;
    cursor: pointer;
    transition:all 0.2s ease;
    background-color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 30px;
}

.recontacter2 {
    outline: none;
	padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 3px;
    padding-left: 30px;
    margin:10px 4px;
    color: #002e6c;
    text-align: center;
    position: relative;
    text-decoration: none;
    display:inline-block;
	border: none;
	border-radius: 999px;
    cursor: pointer;
    transition:all 0.2s ease;
    background-color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 18px;
}

.in-line1 {
	width: 20px;
    height: 20px;
    vertical-align: middle;
}

.recontacter:active, .recontacter:focus {
	text-decoration: none!important;
}

.recontacter:hover{
    opacity: 0.8;
    transition:all 0.4s ease;
}

.recontacter::focus, .recontacter::active, .recontacter::visited {
	text-decoration: none;
}

#page.page-contenu-formation {
	position: relative;
}

#page.page-contenu-formation .page-description {
	position: static;


}

 @media screen and (max-width: 900px) {
    .contenu-formation-container {
        max-width: 100vw;
        margin: 50px auto 0px auto;
        display: grid;
        justify-content: center;
        grid-template-columns: 60%;
        grid-template-rows: auto;
        gap: 40px 40px;
        grid-template-areas:
          "o"
          "l"
          "l"
          "a"
          "a"
          "i"
          "m"
          "d"
          "d";
          
      }
       .methode-pedagogique,
       .a-propos {
        width: 100%;
        height: auto;
         
      }   
      
     
    }
       .h2-formation {
        margin: 0;
        font-size: 40px;
    }
    
    .formation-titre {
        font-size: 60px;
    }
    
    .niveau-formation {
        font-size: 40px;
    }
    
    .recontacter {
        font-size: 25px;
        order: 2;
    }
    
    .btns-cours {
        flex-direction: column;
        row-gap: 30px;
    }
    
    .btns-cours > a {
        order: 1;
    }
    
    .gobackhome {
        order: 3;
    }
	  
	  
  }

@media screen and (max-width: 600px) {
    .contenu-formation-container {
        max-width: 100vw;
        margin: 50px auto 0px auto;
        display: grid;
        justify-content: center;
        grid-template-columns: 80%;
        grid-template-rows: auto;
        gap: 40px 40px;
        grid-template-areas:
          "o"
          "l"
          "l"
          "a"
          "a"
          "i"
          "m"
          "d"
          "d";
      }
	
	.first-objectifs, .second-objectifs {
   	 	letter-spacing: 0;
}
	
	.first-a-propos, .second-a-propos, .third-a-propos {
		line-height: inherit;
	}
	 
	.methode-pedagogique .li {
		text-align: center;
	}
	
	.first-duree, .second-duree, .third-duree, .fourth-duree {
		line-height: inherit;
		font-size: 30px;
	}
    .h2-formation {
        margin-bottom: 20px;
        font-size: 30px;
    }
    
    .formation-titre {
        font-size: 45px;
        margin-bottom: 20px;
    }
    
    .niveau-formation {
        font-size: 40px;
    }
	  
  }

@media screen and (max-width: 1200px) {
    .img-container-formation {
        width: 140px;
        /** left: -10px; **/
		
    }
	
	.logo-test {
		width: 240px;
        /** left: -10px; **/
	}
}

/** @media screen and (max-width: 1100px) {
    .img-container-formation {
        position: static;
        margin: 50px auto 0 auto;
        left: 0;
    }
**/	

	.h2-formation {
		margin: 0;
	}
}

@media screen and (max-width: 900px) {


    .h2-formation {
        margin: 0;
		font-size: 40px;
    }
	
	.formation-titre {
		font-size: 60px;
	}
	
	.niveau-formation {
		font-size: 40px;
	}
	
	.recontacter {
		font-size: 25px;
		order: 2;
	}
	
	.btns-cours {
		flex-direction: column;
		row-gap: 30px;
	}
	
	.btns-cours > a {
		order: 1;
	}
	
	.gobackhome {
		order: 3;
	}
}

@media screen and (max-width: 640px) {
	 .h2-formation {
        margin-bottom: 20px;
		font-size: 30px;
    }
	
	.formation-titre {
		font-size: 45px;
		margin-bottom: 20px;
	}
	
	.niveau-formation {
		font-size: 40px;
	}
}

@keyframes cd-rotate-1-in {
    0% {
      transform: rotateX(180deg);
      opacity: 0;
    }
    35% {
      transform: rotateX(120deg);
      opacity: 0;
    }
    65% {
      opacity: 0;
    }
    100% {
      transform: rotateX(360deg);
      opacity: 1;
    }
  }
  
  @keyframes cd-rotate-1-out {
    0% {
      transform: rotateX(0deg);
      opacity: 1;
    }
    35% {
      transform: rotateX(-40deg);
      opacity: 1;
    }
    65% {
      opacity: 0;
    }
    100% {
      transform: rotateX(180deg);
      opacity: 0;
    }
  }



#title-homepage{
    font-size: 38px;
    display: inline-block;
    perspective: 300px;
    color: white;
    width: fit-content;
    text-shadow: 3px 4px 3px rgba(0,0,0,0.3);
    margin-left: 58%;
    margin-bottom: 250px;
}

.caption-container {
    text-align: left;
}

@media screen and (max-width: 1900px) {
    #title-homepage {
        font-size: 35px;
    }
}

@media screen and (max-width: 1780px) {
    #title-homepage {
        margin-left: 54%;
        font-size: 35px;
    }
}
@media screen and (max-width: 1680px) {
    #title-homepage {
        margin-left: 51%;
        font-size: 35px;
    }
}


@media screen and (max-width: 1550px) {
    #title-homepage {
        margin-left: 48%;
        font-size: 35px;
    }
}

@media screen and (max-width: 1450px) {
    #title-homepage {
        margin-left: 43%;
 
    }
}

@media screen and (max-width: 1350px) {
    #title-homepage {
        margin-left: 40%;
 
    }
}

@media screen and (max-width: 1260px) {
    #title-homepage {
        margin-left: 33%;
    }
}

@media screen and (max-width: 1124px) {
    #title-homepage {

        font-size: 4vw;
        margin-left: 15%;
    }
}

#title-homepage .cd-words-wrapper {
    color: white!important;
}

#title-homepage .to-speak-english {
	background-color: #eb4d69;
	padding: 8px 20px;
	border-radius: 999px;
	letter-spacing: 4px;
	white-space: nowrap;
}

.cd-headline.rotate-1 .cd-words-wrapper {
    display: inline-block;
    perspective: 300px;
  }

  .cd-headline.rotate-1 b {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: rotateX(180deg);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .cd-headline.rotate-1 b.is-visible {
    position: relative;
    opacity: 1;
    transform: rotateX(0deg);
    animation: cd-rotate-1-in 1.2s;
  }

  .cd-headline.rotate-1 b.is-hidden {
    transform: rotateX(180deg);
    animation: cd-rotate-1-out 1.2s;
  }


.counters .nb-container {
	text-align: center;
}

.counters .counter {
    display: inline-block;
	font-size: 45px;
    margin: 10px 0;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

.download-pdf a{
    color: white!important;
    font-size: 15px;
    transition: opacity 0.5s ease;
}
.download-pdf a:active, .download-pdf a:focus {
	text-decoration: none!important;
}

.download-pdf a:hover {
    opacity: 0.8;
    transition: opacity 0.5s ease;
}

.download-pdf {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gobackhome a {
    color: white!important;
    font-size: 15px;
    transition: opacity 0.5s ease;
}

.gobackhome a:hover, .gobackhome a:focus {
	text-decoration: none!important;
}

.gobackhome a:hover {
    color: white;
    opacity: 0.8;
    transition: opacity 0.5s ease;
}

.btns-cours {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 100px;
}

.test-h1 {
    color: white;
    text-align: center;
    font-family: Oswald, sans-serif;
    margin-top: 20vh;
    font-size: 50px;
	margin-bottom: 10vh;
}

.exemple-test img {
    margin: auto;
    display: block;
}

.exemple-test {
    min-height: 50vh;
}


.last-btn #menu > li:last-child > a {
    border-radius: 999px;
}


#slider-div .over-lay {
    background: rgba(0, 0, 0, 4%)!important;
}

#slider-div .parallax-lite li {
    background-position: center 25%;
}

@media screen and (max-width: 600px) {
	#slider-div .parallax-lite li {
    background-position: center center;
}
}


@media screen and (max-width: 1250px) and (min-width: 1124px) {

    #menu {
        display: flex;
        justify-content: space-between;
    }
    
    #main-menu-wrapper .navigation {
        width: 90%;
    }
}


/******* FORMULAIRE TEST ANGLAIS *******/

#page.page-test {
	position: relative;
}


.page-template-page-test-adultes,
.page-template-page-test-enfants,
.page-template-page-test-adolescents,
.page-template-page-test-oral,
.page-template-page-test-tourisme,
.page-template-page-test-affaires {
    position: relative;
}

.page-template-page-test-adultes:before,
.page-template-page-test-enfants:before,
.page-template-page-test-adolescents:before,
.page-template-page-test-oral:before,
.page-template-page-test-tourisme:before,
.page-template-page-test-affaires:before {
    content: '';
    background: url(img/british_flag.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.7;
    position: absolute;
    width: 100%;
    height: 100%;
}

#page.page-test .page-description {
	position: static;


}

#page.page-inscription {
	position: relative;
}

#page.page-inscription .page-description {
	position: static;

}

#page.page-connexion {
	position: relative;
}

#page.page-connexion .page-description {
	position: static;

}

.logo-test {
    position: absolute; 
	top: 20px; left: 0px;
}

.page-description form label {
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
}

.page-description form .question-choice-container:nth-of-type(1) label, .page-description form .question-choice-container:nth-of-type(2) label {
    font-weight: bold;
}

.page-description form textarea {
	width: 100%;
    height: 120px;
    display: block;
    border: 1px solid grey;
    border-radius: 5px;
    padding: 10px;
    font-family: inherit;
}

.question-choice-container.isvisible {
    margin: 20px auto 0 auto;
    width: 80%;
    height: 100%;
    position: absolute;
}

.question-choice-container {
    position: absolute;
    width: 80%;
    height: fit-content;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.input-choices-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
}



.question-suivante {
    display: block;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    /* background-color: #eb4d69; */
    background-color: #eb4d6a89;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    font-size: 20px;
    transition: opacity 0.5s ease;
    margin: 40px auto 0 auto;
}

.question-suivante-active {
    background-color: #eb4d69;
    cursor: pointer;
}

.test-entree-lien-questions {
	width: fit-content;
	margin: 0 auto 15vh auto;
	color: white;
    font-size: 16px;
    display: none;
}

.displayflex {
	display: flex;
}

.link-test-entree {
    border: 1px solid white;
    display: block;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    line-height: 30px;
    margin-right: 5px;
}

.link-test-entree.link-active {
    background-color: #eb4d69;
    border: none;
    transform: scale(1.2);
    margin-right: 10px;
    cursor: pointer;
}

.q-1 {
    background-color: #eb4d69;
    border: none;
    transform: scale(1.2);
    margin-right: 10px;
    cursor: pointer;
}

/** SECTION CONSIGNE DES TESTS **/

.consigne-test {
    background-color: white;
    min-height: 375px;
    width: 95%;
    border-radius: 30px;
    margin: 0 auto 10vh auto;
	display: flex;
	flex-direction: column;
    align-items: center;
    z-index: 20;
    position: absolute;
    padding: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.consigne-bold {
    font-weight: bold;
}

.good-luck {
    font-size: 25px;
}

.consigne-test p {
    text-align: center;
    color: black;
}

.commencer-le-test {
    display: block;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69; 
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    font-size: 20px;
    transition: opacity 0.5s ease;
    margin: 40px auto 0 auto;
    cursor: pointer;
}

/* TEST ADULTE */

#form-adultes-test-container {
    background-color: white;
    min-height: 375px;
    width: 700px;
    border-radius: 30px;
    margin: 0 auto 10vh auto;
	display: flex;
	flex-direction: column;
    align-items: center;
    position: relative;
}

#form-adultes-test-container p, #form-adultes-test-container input {
    color: black;
}

#form-adultes-test-container .consigne {
    font-weight: bold;
}

#form-adultes-test-container .left-test-choices *, #form-adultes-test-container .right-test-choices * {
    display: inline-block;
    margin-bottom: 0;
}

#form-adultes-test-container .left-test-choices > div, #form-adultes-test-container .right-test-choices > div {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.left-test-choices label, .right-test-choices label {
    margin-left: 10px;
}

#form-adultes-test-container select {
    width: fit-content;
}

#form-adultes-test-container input[type="text"] {
	outline: none;
	border-radius: 999px;
	font-family: inherit;
	border: 1px solid grey;
	padding: 5px;
}

#form-adultes-test-container input[type="text"]:focus {
	outline: none;
}


#form-adultes-test-container .question-choice-container:nth-of-type(2),
#form-adultes-test-container .question-choice-container:nth-of-type(3),
#form-adultes-test-container .question-choice-container:nth-of-type(4),
#form-adultes-test-container .question-choice-container:nth-of-type(5),
#form-adultes-test-container .question-choice-container:nth-of-type(6),
#form-adultes-test-container .question-choice-container:nth-of-type(7),
#form-adultes-test-container .question-choice-container:nth-of-type(8),
#form-adultes-test-container .question-choice-container:nth-of-type(9),
#form-adultes-test-container .question-choice-container:nth-of-type(10),
#form-adultes-test-container .question-choice-container:nth-of-type(11),
#form-adultes-test-container .question-choice-container:nth-of-type(12),
#form-adultes-test-container .question-choice-container:nth-of-type(13),
#form-adultes-test-container .question-choice-container:nth-of-type(14),
#form-adultes-test-container .question-choice-container:nth-of-type(15),
#form-adultes-test-container .question-choice-container:nth-of-type(16),
#form-adultes-test-container .question-choice-container:nth-of-type(17),
#form-adultes-test-container .question-choice-container:nth-of-type(18),
#form-adultes-test-container .question-choice-container:nth-of-type(19),
#form-adultes-test-container .question-choice-container:nth-of-type(20){
	z-index: -1;
}

#form-adultes-test-container .question-choice-container:nth-of-type(6) input,
#form-adultes-test-container .question-choice-container:nth-of-type(7) input,
#form-adultes-test-container .question-choice-container:nth-of-type(9) input,
#form-adultes-test-container .question-choice-container:nth-of-type(11) input, 
#form-adultes-test-container .question-choice-container:nth-of-type(12) input {
    display: inline-block;
    height: 25px;
    width: 50%;
}

#form-adultes-test-container .question-choice-container:nth-of-type(14) input,
#form-adultes-test-container .question-choice-container:nth-of-type(15) input {
    width: 25%;
}

#form-adultes-test-container .question-choice-container:nth-of-type(14) .question-suivante, #form-adultes-test-container .question-choice-container:nth-of-type(18) .question-suivante {
    margin-top: 10px;
}

#form-adultes-test-container .question-choice-container:nth-of-type(10) .question-suivante, #form-adultes-test-container .question-choice-container:nth-of-type(11) .question-suivante, #form-adultes-test-container .question-choice-container:nth-of-type(12) .question-suivante, #form-adultes-test-container .question-choice-container:nth-of-type(19) .question-suivante, #form-adultes-test-container .question-choice-container:nth-of-type(20) .question-suivante {
    margin-top: 0px;
}

#form-adultes-test-container .question-choice-container:nth-of-type(7) label,
#form-adultes-test-container .question-choice-container:nth-of-type(9) label, #form-adultes-test-container .question-choice-container:nth-of-type(10) label,
#form-adultes-test-container .question-choice-container:nth-of-type(11) label,
#form-adultes-test-container .question-choice-container:nth-of-type(12) label,
#form-adultes-test-container .question-choice-container:nth-of-type(14) label, 
#form-adultes-test-container .question-choice-container:nth-of-type(15) label {
    font-size: 16px;
}

#form-adultes-test-container .top-radio, .middle-radio {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#form-adultes-test-container .bottom-radio {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

#form-adultes-test-container .top-radio label, #form-adultes-test-container .bottom-radio label, #form-adultes-test-container .middle-radio label  {
    margin-bottom: 0px;
    margin-left: 10px;
}

#form-adultes-test-container .envoyer {
    display: block;
    margin: auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    transition: opacity 0.5s ease;
	position: absolute;
	z-index: -1;
	top: 75%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	
}

/*** ADOS/ENFANTS ***/

#form-ados-enfants-test-container {
    background-color: white;
    min-height: 375px;
    width: 700px;
    border-radius: 30px;
    margin: 0 auto 10vh auto;
	display: flex;
	flex-direction: column;
    align-items: center;
    position: relative;
}

#form-ados-enfants-test-container input[type="text"] {
	outline: none;
	border-radius: 999px;
	font-family: inherit;
	border: 1px solid grey;
	padding: 5px;
}

#form-ados-enfants-test-container input[type="text"]:focus {
	outline: none;

}

#form-ados-enfants-test-container p, #form-ados-enfants-test-container input {
    color: black;
}

#form-ados-enfants-test-container .consigne {
    font-weight: bold;
}

#form-ados-enfants-test-container .left-test-choices *, #form-ados-enfants-test-container .right-test-choices * {
    display: inline-block;
    margin-bottom: 0;
}

#form-ados-enfants-test-container .left-test-choices > div, #form-ados-enfants-test-container .right-test-choices > div {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.left-test-choices label, .right-test-choices label {
    margin-left: 10px;
}

#form-ados-enfants-test-container select {
    width: fit-content;
}

#form-ados-enfants-test-container .question-choice-container:nth-of-type(2),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(3),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(4),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(5),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(6),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(7),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(8),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(9),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(10),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(11),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(12),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(13),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(14),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(15),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(16),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(17),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(18),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(19),
#form-ados-enfants-test-container .question-choice-container:nth-of-type(20){
	z-index: -1;
}

#form-ados-enfants-test-container .question-choice-container:nth-of-type(6) input,
#form-ados-enfants-test-container .question-choice-container:nth-of-type(7) input,
#form-ados-enfants-test-container .question-choice-container:nth-of-type(9) input,
#form-ados-enfants-test-container .question-choice-container:nth-of-type(11) input,
#form-ados-enfants-test-container .question-choice-container:nth-of-type(12) input {
    display: inline-block;
    height: 25px;
    width: 50%;
}

#form-ados-enfants-test-container .question-choice-container:nth-of-type(14) input,
#form-ados-enfants-test-container .question-choice-container:nth-of-type(15) input {
    width: 25%;
}

#form-ados-enfants-test-container .question-choice-container:nth-of-type(14) .question-suivante, #form-ados-enfants-test-container .question-choice-container:nth-of-type(18) .question-suivante {
    margin-top: 10px;
}

#form-ados-enfants-test-container .question-choice-container:nth-of-type(10) .question-suivante, #form-ados-enfants-test-container .question-choice-container:nth-of-type(11) .question-suivante, #form-ados-enfants-test-container .question-choice-container:nth-of-type(12) .question-suivante, #form-ados-enfants-test-container .question-choice-container:nth-of-type(13) .question-suivante, #form-ados-enfants-test-container .question-choice-container:nth-of-type(5) .question-suivante,
#form-ados-enfants-test-container .question-choice-container:nth-of-type(19) .question-suivante, #form-ados-enfants-test-container .question-choice-container:nth-of-type(20) .question-suivante {
    margin-top: 0px;
}

#form-ados-enfants-test-container .question-choice-container:nth-of-type(5) label, #form-ados-enfants-test-container .question-choice-container:nth-of-type(9) label, #form-ados-enfants-test-container .question-choice-container:nth-of-type(10) label,
#form-ados-enfants-test-container .question-choice-container:nth-of-type(11) label,
#form-ados-enfants-test-container .question-choice-container:nth-of-type(12) label,
#form-ados-enfants-test-container .question-choice-container:nth-of-type(13) label,
#form-ados-enfants-test-container .question-choice-container:nth-of-type(14) label, 
#form-ados-enfants-test-container .question-choice-container:nth-of-type(15) label {
    font-size: 16px;
}

#form-ados-enfants-test-container .top-radio, .middle-radio {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#form-ados-enfants-test-container .bottom-radio {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

#form-ados-enfants-test-container .top-radio label, #form-ados-enfants-test-container .bottom-radio label, #form-ados-enfants-test-container .middle-radio label  {
    margin-bottom: 0px;
    margin-left: 10px;
}

#form-ados-enfants-test-container .envoyer {
    display: block;
    margin: auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    transition: opacity 0.5s ease;
	position: absolute;
	z-index: -1;
	top: 75%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	
}

/*** TOURISME ***/

#form-tourisme-test-container {
    background-color: white;
    min-height: 375px;
    width: 700px;
    border-radius: 30px;
    margin: 0 auto 10vh auto;
	display: flex;
	flex-direction: column;
    align-items: center;
    position: relative;
}

#form-tourisme-test-container input[type="text"] {
	outline: none;
	border-radius: 999px;
	font-family: inherit;
	border: 1px solid grey;
	padding: 5px;
}

#form-tourisme-test-container input[type="text"]:focus {
	outline: none;
}

#form-tourisme-test-container p, #form-tourisme-test-container input {
    color: black;
}

#form-tourisme-test-container .consigne {
    font-weight: bold;
}

#form-tourisme-test-container .left-test-choices *, #form-tourisme-test-container .right-test-choices * {
    display: inline-block;
    margin-bottom: 0;
}

#form-tourisme-test-container .left-test-choices > div, #form-tourisme-test-container .right-test-choices > div {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.left-test-choices label, .right-test-choices label {
    margin-left: 10px;
}

#form-tourisme-test-container select {
    width: fit-content;
}

#form-tourisme-test-container .question-choice-container:nth-of-type(2),
#form-tourisme-test-container .question-choice-container:nth-of-type(3),
#form-tourisme-test-container .question-choice-container:nth-of-type(4),
#form-tourisme-test-container .question-choice-container:nth-of-type(5),
#form-tourisme-test-container .question-choice-container:nth-of-type(6),
#form-tourisme-test-container .question-choice-container:nth-of-type(7),
#form-tourisme-test-container .question-choice-container:nth-of-type(8),
#form-tourisme-test-container .question-choice-container:nth-of-type(9),
#form-tourisme-test-container .question-choice-container:nth-of-type(10),
#form-tourisme-test-container .question-choice-container:nth-of-type(11),
#form-tourisme-test-container .question-choice-container:nth-of-type(12),
#form-tourisme-test-container .question-choice-container:nth-of-type(13),
#form-tourisme-test-container .question-choice-container:nth-of-type(14),
#form-tourisme-test-container .question-choice-container:nth-of-type(15),
#form-tourisme-test-container .question-choice-container:nth-of-type(16),
#form-tourisme-test-container .question-choice-container:nth-of-type(17),
#form-tourisme-test-container .question-choice-container:nth-of-type(18),
#form-tourisme-test-container .question-choice-container:nth-of-type(19),
#form-tourisme-test-container .question-choice-container:nth-of-type(20) {
	z-index: -1;
}

#form-tourisme-test-container .question-choice-container:nth-of-type(2) input[type="radio"], 
#form-tourisme-test-container .question-choice-container:nth-of-type(2) .input-choices-container label {
	display: inline-block;
}

#form-tourisme-test-container .question-choice-container:nth-of-type(2) .input-choices-container label {
	font-size: 13px;
	font-weight: normal;
}

#form-tourisme-test-container .question-choice-container:nth-of-type(6) input,
#form-tourisme-test-container .question-choice-container:nth-of-type(7) input,
#form-tourisme-test-container .question-choice-container:nth-of-type(9) input,
#form-tourisme-test-container .question-choice-container:nth-of-type(11) input,
#form-tourisme-test-container .question-choice-container:nth-of-type(12) input {
    display: inline-block;
    height: 25px;
    width: 50%;
}

#form-tourisme-test-container .question-choice-container:nth-of-type(14) input,
#form-tourisme-test-container .question-choice-container:nth-of-type(15) input {
    width: 25%;
}

#form-tourisme-test-container .question-choice-container:nth-of-type(2) .question-suivante, #form-tourisme-test-container .question-choice-container:nth-of-type(14) .question-suivante, #form-tourisme-test-container .question-choice-container:nth-of-type(18) .question-suivante {
    margin-top: 10px;
}


#form-tourisme-test-container .question-choice-container:nth-of-type(9) .question-suivante,
#form-tourisme-test-container .question-choice-container:nth-of-type(10) .question-suivante,
#form-tourisme-test-container .question-choice-container:nth-of-type(11) .question-suivante,
#form-tourisme-test-container .question-choice-container:nth-of-type(12) .question-suivante,
#form-tourisme-test-container .question-choice-container:nth-of-type(13) .question-suivante,
#form-tourisme-test-container .question-choice-container:nth-of-type(19) .question-suivante, #form-tourisme-test-container .question-choice-container:nth-of-type(20) .question-suivante {
    margin-top: 0px;
}

#form-tourisme-test-container .question-choice-container:nth-of-type(9) label,
#form-tourisme-test-container .question-choice-container:nth-of-type(10) label,
#form-tourisme-test-container .question-choice-container:nth-of-type(11) label,
#form-tourisme-test-container .question-choice-container:nth-of-type(12) label,
#form-tourisme-test-container .question-choice-container:nth-of-type(13) label,
#form-tourisme-test-container .question-choice-container:nth-of-type(14) label, 
#form-tourisme-test-container .question-choice-container:nth-of-type(15) label {
    font-size: 16px;
}

#form-tourisme-test-container .top-radio, .middle-radio {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#form-tourisme-test-container .bottom-radio {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

#form-tourisme-test-container .top-radio label, #form-tourisme-test-container .bottom-radio label, #form-tourisme-test-container .middle-radio label  {
    margin-bottom: 0px;
    margin-left: 10px;
}

#form-tourisme-test-container .envoyer {
    display: block;
    margin: auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    transition: opacity 0.5s ease;
	position: absolute;
	z-index: -1;
	top: 75%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	
}

/* TEST AFFAIRES */

#form-affaires-test-container {
    background-color: white;
    min-height: 375px;
    width: 700px;
    border-radius: 30px;
    margin: 0 auto 10vh auto;
	display: flex;
	flex-direction: column;
    align-items: center;
    position: relative;
}

#form-affaires-test-container p, #form-affaires-test-container input {
    color: black;
}

#form-affaires-test-container .consigne {
    font-weight: bold;
}

#form-affaires-test-container .left-test-choices *, #form-affaires-test-container .right-test-choices * {
    display: inline-block;
    margin-bottom: 0;
}

#form-affaires-test-container .left-test-choices > div, #form-affaires-test-container .right-test-choices > div {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.left-test-choices label, .right-test-choices label {
    margin-left: 10px;
}

#form-affaires-test-container select {
    width: fit-content;
}

#form-affaires-test-container input[type="text"] {
	outline: none;
	border-radius: 999px;
	font-family: inherit;
	border: 1px solid grey;
	padding: 5px;
}

#form-affaires-test-container input[type="text"]:focus {
	outline: none;
}


#form-affaires-test-container .question-choice-container:nth-of-type(2),
#form-affaires-test-container .question-choice-container:nth-of-type(3),
#form-affaires-test-container .question-choice-container:nth-of-type(4),
#form-affaires-test-container .question-choice-container:nth-of-type(5),
#form-affaires-test-container .question-choice-container:nth-of-type(6),
#form-affaires-test-container .question-choice-container:nth-of-type(7),
#form-affaires-test-container .question-choice-container:nth-of-type(8),
#form-affaires-test-container .question-choice-container:nth-of-type(9),
#form-affaires-test-container .question-choice-container:nth-of-type(10),
#form-affaires-test-container .question-choice-container:nth-of-type(11),
#form-affaires-test-container .question-choice-container:nth-of-type(12),
#form-affaires-test-container .question-choice-container:nth-of-type(13),
#form-affaires-test-container .question-choice-container:nth-of-type(14),
#form-affaires-test-container .question-choice-container:nth-of-type(15),
#form-affaires-test-container .question-choice-container:nth-of-type(16),
#form-affaires-test-container .question-choice-container:nth-of-type(17),
#form-affaires-test-container .question-choice-container:nth-of-type(18),
#form-affaires-test-container .question-choice-container:nth-of-type(19),
#form-affaires-test-container .question-choice-container:nth-of-type(20){
	z-index: -1;
}

#form-affaires-test-container .question-choice-container:nth-of-type(6) input,
#form-affaires-test-container .question-choice-container:nth-of-type(7) input,
#form-affaires-test-container .question-choice-container:nth-of-type(9) input,
#form-affaires-test-container .question-choice-container:nth-of-type(11) input, 
#form-affaires-test-container .question-choice-container:nth-of-type(12) input {
    display: inline-block;
    height: 25px;
    width: 50%;
}

#form-affaires-test-container .question-choice-container:nth-of-type(15) input {
    width: 25%;
}

#form-affaires-test-container .question-choice-container:nth-of-type(14) input {
    width: 15%;
}

#form-affaires-test-container .question-choice-container:nth-of-type(5) .question-suivante,
#form-affaires-test-container .question-choice-container:nth-of-type(10) .question-suivante, #form-affaires-test-container .question-choice-container:nth-of-type(11) .question-suivante, #form-affaires-test-container .question-choice-container:nth-of-type(12) .question-suivante, #form-affaires-test-container .question-choice-container:nth-of-type(13) .question-suivante, #form-affaires-test-container .question-choice-container:nth-of-type(14) .question-suivante, #form-affaires-test-container .question-choice-container:nth-of-type(15) .question-suivante, #form-affaires-test-container .question-choice-container:nth-of-type(19) .question-suivante, #form-affaires-test-container .question-choice-container:nth-of-type(20) .question-suivante {
    margin-top: 0px;
}

#form-affaires-test-container .question-choice-container:nth-of-type(5) label,
#form-affaires-test-container .question-choice-container:nth-of-type(7) label,
#form-affaires-test-container .question-choice-container:nth-of-type(9) label, #form-affaires-test-container .question-choice-container:nth-of-type(10) label,
#form-affaires-test-container .question-choice-container:nth-of-type(11) label,
#form-affaires-test-container .question-choice-container:nth-of-type(12) label,
#form-affaires-test-container .question-choice-container:nth-of-type(13) label,
#form-affaires-test-container .question-choice-container:nth-of-type(15) label {
    font-size: 16px;
}

#form-affaires-test-container .question-choice-container:nth-of-type(14) label {
    font-size: 11px;
}

#form-affaires-test-container .top-radio, .middle-radio {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#form-affaires-test-container .bottom-radio {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

#form-affaires-test-container .top-radio label, #form-affaires-test-container .bottom-radio label, #form-affaires-test-container .middle-radio label  {
    margin-bottom: 0px;
    margin-left: 10px;
}

#form-affaires-test-container .envoyer {
    display: block;
    margin: auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    transition: opacity 0.5s ease;
	position: absolute;
	z-index: -1;
	top: 75%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	
}

/* TEST ORAL */

#form-oral-test-container {
    background-color: white;
    min-height: 375px;
    width: 700px;
    border-radius: 30px;
    margin: 0 auto 10vh auto;
	display: flex;
	flex-direction: column;
    align-items: center;
    position: relative;
}

#form-oral-test-container p, #form-oral-test-container input {
    color: black;
}

#form-oral-test-container .consigne {
    font-weight: bold;
}

#form-oral-test-container .left-test-choices *, #form-oral-test-container .right-test-choices * {
    display: inline-block;
    margin-bottom: 0;
}

#form-oral-test-container .left-test-choices > div, #form-oral-test-container .right-test-choices > div {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.left-test-choices label, .right-test-choices label {
    margin-left: 10px;
}

#form-oral-test-container select {
    width: fit-content;
}

#form-oral-test-container input[type="text"] {
	outline: none;
	border-radius: 999px;
	font-family: inherit;
	border: 1px solid grey;
	padding: 5px;
}

#form-oral-test-container input[type="text"]:focus {
	outline: none;
}


#form-oral-test-container .question-choice-container:nth-of-type(2),
#form-oral-test-container .question-choice-container:nth-of-type(3),
#form-oral-test-container .question-choice-container:nth-of-type(4),
#form-oral-test-container .question-choice-container:nth-of-type(5),
#form-oral-test-container .question-choice-container:nth-of-type(6),
#form-oral-test-container .question-choice-container:nth-of-type(7),
#form-oral-test-container .question-choice-container:nth-of-type(8),
#form-oral-test-container .question-choice-container:nth-of-type(9),
#form-oral-test-container .question-choice-container:nth-of-type(10),
#form-oral-test-container .question-choice-container:nth-of-type(11),
#form-oral-test-container .question-choice-container:nth-of-type(12),
#form-oral-test-container .question-choice-container:nth-of-type(13),
#form-oral-test-container .question-choice-container:nth-of-type(14),
#form-oral-test-container .question-choice-container:nth-of-type(15),
#form-oral-test-container .question-choice-container:nth-of-type(16),
#form-oral-test-container .question-choice-container:nth-of-type(17),
#form-oral-test-container .question-choice-container:nth-of-type(18),
#form-oral-test-container .question-choice-container:nth-of-type(19),
#form-oral-test-container .question-choice-container:nth-of-type(20){
	z-index: -1;
}

#form-oral-test-container .question-choice-container:nth-of-type(6) input,
#form-oral-test-container .question-choice-container:nth-of-type(7) input,
#form-oral-test-container .question-choice-container:nth-of-type(9) input,
#form-oral-test-container .question-choice-container:nth-of-type(11) input, 
#form-oral-test-container .question-choice-container:nth-of-type(12) input {
    display: inline-block;
    height: 25px;
    width: 50%;
}

#form-oral-test-container .question-choice-container:nth-of-type(15) input {
    width: 25%;
}

#form-oral-test-container .question-choice-container:nth-of-type(14) input {
    width: 15%;
}

#form-oral-test-container .question-choice-container:nth-of-type(5) .question-suivante,
#form-oral-test-container .question-choice-container:nth-of-type(10) .question-suivante, #form-oral-test-container .question-choice-container:nth-of-type(11) .question-suivante, #form-oral-test-container .question-choice-container:nth-of-type(12) .question-suivante, #form-oral-test-container .question-choice-container:nth-of-type(13) .question-suivante, #form-oral-test-container .question-choice-container:nth-of-type(14) .question-suivante, #form-oral-test-container .question-choice-container:nth-of-type(15) .question-suivante, #form-oral-test-container .question-choice-container:nth-of-type(19) .question-suivante, #form-oral-test-container .question-choice-container:nth-of-type(20) .question-suivante {
    margin-top: 0px;
}

#form-oral-test-container .question-choice-container:nth-of-type(5) label,
#form-oral-test-container .question-choice-container:nth-of-type(7) label,
#form-oral-test-container .question-choice-container:nth-of-type(9) label, #form-oral-test-container .question-choice-container:nth-of-type(10) label,
#form-oral-test-container .question-choice-container:nth-of-type(11) label,
#form-oral-test-container .question-choice-container:nth-of-type(12) label,
#form-oral-test-container .question-choice-container:nth-of-type(13) label,
#form-oral-test-container .question-choice-container:nth-of-type(15) label {
    font-size: 16px;
}

#form-oral-test-container .question-choice-container:nth-of-type(14) label {
    font-size: 11px;
}

#form-oral-test-container .top-radio, .middle-radio {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#form-oral-test-container .bottom-radio {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

#form-oral-test-container .top-radio label, #form-oral-test-container .bottom-radio label, #form-oral-test-container .middle-radio label  {
    margin-bottom: 0px;
    margin-left: 10px;
}

#form-oral-test-container .envoyer {
    display: block;
    margin: auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    transition: opacity 0.5s ease;
	position: absolute;
	z-index: -1;
	top: 75%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	
}

/* TEST ENFANTS */

#form-enfants-test-container {
    background-color: white;
    min-height: 1300px;
    width: 1000px;
    border-radius: 30px;
    margin: 0 auto 10vh auto;
	display: none;
	flex-direction: column;
    align-items: center;
    position: relative;
}

#form-enfants-test-container p, #form-enfants-test-container input {
    color: black;
}

#form-enfants-test-container .category_test {
    text-align: center;
}

#form-enfants-test-container .consigne {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 40px;
}


/*#form-enfants-test-container .question-choice-container:nth-of-type(4) .consigne {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 100px;
    margin-top: 50px;
} 

#form-enfants-test-container .question-choice-container:nth-of-type(4) textarea {
    height: 500px;
    font-size: 25px;
    margin-bottom: 100px;
} */

#form-enfants-test-container .left-test-choices *, #form-enfants-test-container .right-test-choices * {
    display: inline-block;
    margin-bottom: 0;
}

#form-enfants-test-container .left-test-choices > div, #form-enfants-test-container .right-test-choices > div {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.left-test-choices label, .right-test-choices label {
    margin-left: 10px;
}

#form-enfants-test-container select {
    width: fit-content;
}

#form-enfants-test-container input[type="text"] {
	outline: none;
	border-radius: 999px;
	font-family: inherit;
	border: 1px solid grey;
	padding: 5px;
}

#form-enfants-test-container input[type="text"]:focus {
	outline: none;
}



#form-enfants-test-container .question-choice-container:nth-of-type(2){
	z-index: -1;
}




#form-enfants-test-container .question-choice-container:nth-of-type(2) input {
    margin-left: 20px;
}


.question-choice-container:nth-of-type(20) .question-suivante {
    margin-top: 0px;
}

#form-enfants-test-container .question-choice-container label {
    font-weight: normal;
}

#form-enfants-test-container .question-choice-container:nth-of-type(1) label {
    font-size: 13px;
	margin-bottom: 0;
	width: 40%;
}

#form-enfants-test-container .question-choice-container:nth-of-type(2) label {
    font-size: 13px;
}

#form-enfants-test-container .question-choice-container:nth-of-type(1) .category_test {
    margin-bottom: 30px;
}

.vocabulary_test {
    text-align: center;
}

.writing {
    font-size: 18px;
    margin-top: 30px;
}

#form-enfants-test-container .top-radio, .middle-radio {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#form-enfants-test-container .top-input, #form-enfants-test-container .bottom-input {
    display: flex;
}

.famille, .couleurs, .chiffres, .meteo {
    flex: 1;
	display: flex;
	flex-direction: column;
}

.couleurs-center {
	display: flex;
	flex-direction: column;
}

.input-row {
	display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#form-enfants-test-container .bottom-radio {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

#form-enfants-test-container .top-radio label, #form-enfants-test-container .bottom-radio label, #form-enfants-test-container .middle-radio label  {
    margin-bottom: 0px;
    margin-left: 10px;
}

#form-enfants-test-container .question-choice-container:nth-of-type(2) input.envoyer {
    display: block;
    margin: 30px auto 0 auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    transition: opacity 0.5s ease;
    z-index: -1;
    height: fit-content;	
}

/******* RESPONSIVE TESTS ANGLAIS ********/

@media screen and (max-width: 950px) {
	
	.test-entree-lien-questions {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 20px;
	}

	#form-affaires-test-container .question-choice-container:nth-of-type(4) label {
		font-size: 13px;
	}

	
}

@media screen and (max-width: 800px) {
	

#form-enfants-test-container, #form-adultes-test-container, #form-affaires-test-container, #form-oral-test-container, #form-ados-enfants-test-container, #form-tourisme-test-container {
	width: 90%;
	height: 400px;
}
	
	#form-adultes-test-container .question-choice-container:nth-of-type(14) label {
		font-size: 13px;
	}

	
}

@media screen and (max-width: 750px) {


#form-enfants-test-container .top-input, #form-enfants-test-container .bottom-input {
    display: flex;
    flex-direction: column;
}
	
	#form-enfants-test-container {
		height: 2200px;
		width: 90%;
	}
	
	#form-enfants-test-container .question-choice-container:nth-of-type(2) .category_test {
    text-align: center;
		font-size: 40px;
}
	
	#form-enfants-test-container .question-choice-container:nth-of-type(2) .consigne {
		font-size: 30px;
		
	}
	
	.writing {
		margin-top: 100px;
		font-size: 25px;
	}
	
	#form-enfants-test-container .question-choice-container:nth-of-type(2) label {
    font-size: 20px;
}
	
	#form-enfants-test-container .question-choice-container:nth-of-type(2) input.envoyer {
    margin: 100px auto 0 auto;

}

	
	
}

@media screen and (max-width: 650px) {


#form-adultes-test-container, #form-affaires-test-container, #form-oral-test-container, #form-ados-enfants-test-container, #form-tourisme-test-container {
	width: 90%;
	height: 460px;
}
	
	#form-adultes-test-container .question-choice-container:nth-of-type(6) input, #form-adultes-test-container .question-choice-container:nth-of-type(7) input, #form-adultes-test-container .question-choice-container:nth-of-type(9) input, #form-adultes-test-container .question-choice-container:nth-of-type(11) input, #form-adultes-test-container .question-choice-container:nth-of-type(12) input {
    width: 80%;
}
	
		#form-adultes-test-container .question-choice-container:nth-of-type(5) label {
		font-size: 15px;
	}
	
			#form-adultes-test-container .question-choice-container:nth-of-type(13) label {
		font-size: 13px;
	}
	
	#form-affaires-test-container .question-choice-container:nth-of-type(4) label {
		font-size: 13px;
	}
	
	
	#form-affaires-test-container .question-choice-container:nth-of-type(6) input, #form-affaires-test-container .question-choice-container:nth-of-type(7) input, #form-affaires-test-container .question-choice-container:nth-of-type(9) input, #form-affaires-test-container .question-choice-container:nth-of-type(11) input, #form-affaires-test-container .question-choice-container:nth-of-type(12) input {
  
    width: 80%;
}
	
	#form-oral-test-container .question-choice-container:nth-of-type(6) input, #form-oral-test-container .question-choice-container:nth-of-type(7) input, #form-oral-test-container .question-choice-container:nth-of-type(9) input, #form-oral-test-container .question-choice-container:nth-of-type(11) input, #form-oral-test-container .question-choice-container:nth-of-type(12) input {
    width: 80%;
}
	
	#form-tourisme-test-container .question-choice-container:nth-of-type(5) label {
		font-size: 13px;
	}
	
	
	#form-tourisme-test-container .question-choice-container:nth-of-type(6) input, #form-tourisme-test-container .question-choice-container:nth-of-type(7) input, #form-tourisme-test-container .question-choice-container:nth-of-type(9) input, #form-tourisme-test-container .question-choice-container:nth-of-type(11) input, #form-tourisme-test-container .question-choice-container:nth-of-type(12) input {
    width: 80%;
}
	
	
	#form-ados-enfants-test-container .question-choice-container:nth-of-type(6) input, #form-ados-enfants-test-container .question-choice-container:nth-of-type(7) input, #form-ados-enfants-test-container .question-choice-container:nth-of-type(9) input, #form-ados-enfants-test-container .question-choice-container:nth-of-type(11) input, #form-ados-enfants-test-container .question-choice-container:nth-of-type(12) input {
    width: 80%;
}
	
}


@media screen and (max-width: 450px) {


#form-adultes-test-container, #form-affaires-test-container, #form-oral-test-container, #form-ados-enfants-test-container, #form-tourisme-test-container {
	width: 90%;
	height: 500px;
}

	
}

@media screen and (max-width: 350px) {


#form-enfants-test-container {
	width: 90%;
	height: 2300px;
}
	
	#form-enfants-test-container input[type="text"] {
    width: 70%;
}

	
}


/*** FORM INSCRIPTION ****/


#page.page-inscription {
	margin: 0;
	max-width: 100%;
}

#page.page-inscription .logo-test {
	position: static;
	margin: 2vh auto;
	width: fit-content;
}

#page.page-mon-compte .logo-test {
	position: static;
	margin: 2vh auto;
	width: fit-content;
}

#page.page-test-satisfaction .logo-test {
	position: static;
	margin: 2vh auto;
	width: fit-content;
}

#form-inscription .info-inscription input{
	width: 200px;
	border-radius: 999px;
}

#form-inscription .info-inscription {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 20px;
}

#page .page-description-inscription {
	width: 100vw;
	margin-bottom: 10vh;
	/*background-color: #002e6c;*/
}
.separateur {
	/*background-color: #002e6c;*/
	background-color: white;
	width: 100vw;
	height: 3vh;
}

.page-description #form-inscription {
	width: 300px;
	color: black;
	margin: 5vh auto 0 auto;
	background-color: white;
	font-size: 12px;
}

.page-description #form-inscription label {
	font-size: 13px;
}

#page .page-description-inscription .test-h1 {
	background-color: #eb4d69;
	margin: 0 auto 0 auto;
	padding-top: 15px;
	padding-bottom: 15px;
}



#form-inscription input[type="text"], #form-inscription input[type="email"], #form-inscription input[type="date"], #form-inscription input[type="password"] {
	outline: none;
	font-family: inherit;
	padding: 5px;
	height: 30px;
	border: 1px solid grey;
	width: 100%;
}

#form-inscription input[type="text"]#cp, #form-inscription input[type="text"]#telephone {
	width: 70%;
}

#form-inscription textarea {
	width: 80%;
	height: 50%;
}





.btn-inscription-container {
	padding: 20px;
}

#form-inscription .envoyer {
	    display: block;
    margin: auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
	transition: all ease 0.2s;
}


#form-inscription .envoyer:hover {
	opacity: 80%;
	transition: all ease 0.2s;
}

/*** FORM CONNEXION ****/

#form-connexion .info-connexion input{
	outline: none;
	border-radius: 999px;
	font-family: inherit;
	padding: 5px;
	height: 30px;
	border: 1px solid grey;
	width: 50%;
	
}

#form-connexion .info-connexion {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 50px;
}

#form-connexion {
	width: 40%;
	color: black;
	margin: 30vh auto 15vh auto;
	background-color: white;
	border-radius: 15px;
	padding-bottom: 40px;
}

#form-connexion .test-h1 {
	background-color: #eb4d69;
	margin: 0 auto 30px auto;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
}

#form-connexion .envoyer {
	    display: block;
    margin: auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
	transition: all ease 0.2s;
}

#form-connexion .envoyer:hover {
	opacity: 80%;
	transition: all ease 0.2s;
}

/* SOUS MENU SE CONNECTER */

.menu-hidden {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: fit-content;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -5;
	
}

.login-register {
    text-align: center;

}

.menu-visible {
    opacity: 100%;
    top: 100%;
    transition: top 0.8s ease-out, opacity 0.8s ease-out, z-index;
    transition-delay: 0ms, 0ms, 0.8s;
    z-index: 0;

}

.login-link-style {
    color: white;
    font-weight: bold;
}

.login-link-style:hover {
    color: white!important;
}

.header .login-link-style:hover:before {
    background: white!important;
}

.header.smaller .login-link-style {
    color: black!important;
    font-weight: bold!important;
}

.header.smaller .login-link-style:before {
    background: black!important;
}



/* SOUS MENU TESTS ANGLAIS */

/* .menu-flex {
    display: flex;
    justify-content: space-around;
    width: 100%;
} */

.menu-tests {
    position: absolute;
	display: flex;
    width: fit-content;
	top: 75%;
	left: 0;
	transform: translatey(-50vh);
}

.menu-tests-transform {
	transform: translatey(50%);
	transition: transform 0.3s ease-out, opacity 0.3s ease-out, z-index;
	transition-delay: 0ms, 0.3s, 0.5s;
	opacity: 100%;
	z-index: 0;
}

.menu-tests-links {
    color: white!important;
    font-weight: bold!important;
	font-size: 10px!important;
	margin-right: 30px;
	display: block!important;
	text-align: center;
	pointer-events: none;
	position: relative;
}

.menu-tests-transform-financements {
	transform: translatey(0%);
	transition: transform 0.3s ease-out, opacity 0.3s ease-out, z-index;
	transition-delay: 0ms, 0.3s, 0.5s;
	opacity: 100%;
	z-index: 0;
}

.header.smaller .menu-tests-transform-financements {
	color: black!important;
    font-weight: normal!important;
}

.header.smaller .menu-tests-transform-financements:hover {
	color: black!important;
}

.header.smaller .menu-tests-transform-financements:hover:before {
	background: black!important;
}


.menu-tests-transform-financements:hover {
	color: white!important;
}

.menu-tests-transform-financements:hover:before {
	background: white!important;
}

@media screen and (min-width: 1440px) {
	
	.menu-tests-links {
		font-size: 11px!important;
		margin-right: 45px;
	}
}

.menu-tests-links:hover {
    opacity: 0.6!important;
	color: white!important;
}

.header .menu-tests-links:before {
	font-weight: normal!important;
}

.header .menu-tests:before {
    background: none!important;
}

.header .menu-tests-links:before {
    content: '';
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
	background: white;
}

.header .menu-tests-links:hover:before {
    width: 100%;
}

.header .menu-tests:hover:before {
    background: none!important;
}

.header.smaller .menu-tests-links {
	color: black!important;
    font-weight: normal!important;
}

.header.smaller .menu-tests-links:hover {
	color: black!important;
    font-weight: normal!important;
}


.header.smaller .menu-tests-links:hover:before {
	background: black;
}

/*** FORMULAIRE RECONTACTER ***/

#form-recontacter-test-container input[type="text"], #form-recontacter-test-container input[type="email"], #form-recontacter-test-container textarea {
	color: black;
	width: 80%;
	margin: auto;
	outline: none;
	border: 1px solid grey;
	padding: 5px;
}

#form-recontacter-test-container label {
	margin-bottom: 10px;
}

#form-recontacter-test-container input[type="text"], #form-recontacter-test-container input[type="email"]  {
	border-radius: 999px;
	width: 250px;
	height: 30px;
	margin-bottom: 40px;
}

#form-recontacter-test-container * {
	color: black;
}

#form-recontacter-test-container {
	text-align: center;
	background-color: white;
	width: 70%;
	margin: 5vh auto 10vh auto;
	border-radius: 15px;
	padding: 30px;
    position: relative;
    min-height: 70vh;
	padding-right: 0;
	padding-left: 0;
}


#form-recontacter-test-container #envoyer {
	display: block;
    margin: 40px auto 0 auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
	transition: all ease 0.2s;
}

.recontacter-h1 {
	text-align: center;
	
}

/*** PAGE FORMULE ***/

.formule-h1 {
	color: white;
    text-align: center;
    font-family: Oswald, sans-serif;
    font-size: 50px;
	margin-bottom: 10vh;
	background-color: #eb4d69;
	padding: 8px 20px;
	border-radius: 999px;
	letter-spacing: 4px;
}

#page.page-formule .logo-test {
	position: static;
	margin: 2vh auto;
	width: fit-content;
}

.formule-description {
	margin-bottom: 10vh;
}

.content {
	min-height: 50vh;
	margin-bottom: 20vh;
}

/**** PAGE NOUS REJOINDRE ****/

.rejoindre {
    text-align: center;
}

#form-nous-rejoindre {
    width: 70%;
    margin: auto;
    text-align: center;
}

#form-nous-rejoindre p {
    font-size: 20px;
    margin-top: 5vh;
    font-weight: bold;
}

#form-nous-rejoindre .label-motivation, #form-nous-rejoindre .label-cv{
    display: inline-block;
    font-size: 16px;
    margin-right: 5%;
}

#form-nous-rejoindre input[type="file"] {
    display: inline-block;
}

#form-nous-rejoindre .label-motivation, #form-nous-rejoindre .label-cv {
    width: 25%;
    min-width: fit-content;
}

#form-nous-rejoindre textarea {
    margin-top: 7vh;
}

#form-nous-rejoindre label, #form-nous-rejoindre input {
    text-align: center;
    margin: 2vh auto 2vh auto;
    display: block;
}

#form-nous-rejoindre input[type="text"], #form-nous-rejoindre input[type="email"]  {
	width: 250px;
	height: 30px;
	padding: 5px;
	outline: none;
	border-radius: 999px;
	border: 1px solid grey;
	font-family: inherit;
}

#form-nous-rejoindre select {
    width: 50%;
}

#form-nous-rejoindre .envoyer {
    display: block;
    margin: 5vh auto 0 auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    transition: opacity 0.2s ease;	
}

#form-nous-rejoindre .envoyer:hover {
	opacity: 80%;
	transition: all ease 0.2s;
}

/*** page inscription succès ***/

.content-inscription-succes {
	min-height: 50vh;
	margin: 15vh auto 30vh auto;
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 30px;
	background-color: white;
	border-radius: 15px;
}

.succes {
	text-align: center;
	font-weight: bold;
	font-size: 30px;
}

.succes-2 {
	text-align: center;
	font-weight: bold;
	font-size: 23px;
	margin-top: 0!important;
}


.succes-link {
	text-align: center;
	font-size: 23px;
}

.link-vous-connecter:hover {
	opacity: 0.7;
	transition: opacity 0.2s ease;
}

/*** PAGE MON COMPTE ***/
.bienvenue-img-profile{
    display: flex;
    flex-direction: row;
}
.infos-mon-compte {
    text-align: center;
    background-color: white;
    width: 100%;
    margin: 5vh auto 10vh auto;
    border-radius: 40px;
    padding: 1%;
    position: relative;
    min-height: 50%;/*70vh;*/
}
.img-profile-container{
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:100px;
    height:100px;
    margin-left: 2%;
    margin-bottom: 1%;
}
.mon-compte-h1 {
    margin: auto !important;
    padding-right: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}
.trait-court{
    position: absolute;
    width: 40px;
    height: 2px;
    background-color: #eb4d69;
}
.trait-court.displayblock{
    background-color: white;
}
.trait-fin{
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: grey;
    opacity: 50%;
    left: 0;
}
.bienvenue {
    text-align: center;
    margin-top: 20px;
    font-weight: bold;
}
.btn-menu-mon-compte {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    margin-top: auto;
    right: 2%;
    z-index: 5;
    width: 70px;
    height: 70px;
    font-size: 32px;
    font-weight: bold;
}
#Deconnexion-page-compte {
    position: absolute;
    top: 20px;
    right: 20px;
    flex-direction: column;
    background-color: #a3aad0;
    padding-top: 40px;
    padding-bottom: 10px;
    border-radius: 15px;
    display: none;
}
#Deconnexion-page-compte.displayblock {
    display: flex;
    z-index: 1;
}
.deconnexion {
    outline: none;
    width: auto;
    color: #1e2140;
    border-radius: 35px;
    border-color: #050828;
    font-family: inherit;
    padding: 12px 30px;
    font-weight: bold;
    cursor: pointer;
    font-size: 24px;
    background-color: white;
    margin: 40px 20px 5px 20px;

}
.lien-menu-mon-compte >img{
    border: none !important;
    max-width: 235px;
    max-height: 166px;
}
.menu-mon-compte{
    display: block;
    width: 33%;
}
.text-mc{
    font-size: 24px;
    color: #1e2140;
    margin-top: 0;
}
.box{
    display: flex;
    flex-wrap: wrap;
}

/*** bouton déconnexion menu ***/

#logout {
	outline: none;
	border: none;
	width: 100%;
	height: 100%;
	font-family: inherit;
	color: white;
	background: none;
	cursor: pointer;
	position: relative;
	padding-bottom: 1px;
	display: inline-block;
}

#logout:after {
	content: '';
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
	background: white;
}

#logout:hover:after {
	width: 100%;
}

.header.smaller #logout {
	color: black!important;
    font-weight: normal!important;
}

.header.smaller #logout:hover {
	color: black!important;
    font-weight: normal!important;
}


.header.smaller #logout:hover:before {
	background: black;
}

/*




.header.smaller .menu-tests-links {
	color: black!important;
    font-weight: normal!important;
}

.header.smaller .menu-tests-links:hover {
	color: black!important;
    font-weight: normal!important;
}


.header.smaller .menu-tests-links:hover:before {
	background: black;
}*/

/*** TEST SATISFACTION ***/

#form-satisfaction-test-container {
	background-color: white;
    min-height: 1300px;
	height: fit-content;
    width: 90%;
    border-radius: 30px;
    margin: 0 auto 10vh auto;
	display: flex;
	flex-direction: column;
    align-items: center;
    position: relative;
	padding: 40px;
}

.radios-container {
	display: flex;
	justify-content: center;
	width: 40%;
	margin: auto;
	border-radius: 999px;
	overflow: hidden;
	color: white;
}

#form-satisfaction-test-container .radios-container label {
	margin-bottom: 0;
	padding: 10px 0;
	cursor: pointer;
}

.radios-container input[type="radio"] {
	display: none;
}

.radios-container > div:nth-of-type(1), .radios-container > div:nth-of-type(2), .radios-container > div:nth-of-type(3), .radios-container > div:nth-of-type(4), .radios-container > div:nth-of-type(5) {
	flex: 1;
}

.opacity-radio {
	opacity: 0.3;
}

.radios-container > div:nth-of-type(1) {
	background-color: #f8c294;
}

.radios-container > div:nth-of-type(2) {
	background-color: #f5b18d;
}

.radios-container > div:nth-of-type(3) {
	background-color: #f1887b;
}

.radios-container > div:nth-of-type(4) {
	background-color: #ed6a6d;
}

.radios-container > div:nth-of-type(5) {
	background-color: #e24553;
}

#form-satisfaction-test-container input[type="text"] {
	outline: none;
	border-radius: 999px;
	font-family: inherit;
	border: 1px solid grey;
	padding: 5px;
	width: 40%;
}

#form-satisfaction-test-container input[type="date"] {
	outline: none;
	border-radius: 999px;
	font-family: inherit;
	border: 1px solid grey;
	padding: 5px;
}

.dates_formation {
	display: flex;
	justify-content: space-between;
	width: 35%;
	margin: 0 auto 5vh auto;
}

.titre_dates_formation {
	margin-top: 5vh;
}

.echelle {
	margin-bottom: 5vh;
}

#form-satisfaction-test-container .consigne {
	font-size: 16px;
}

.new_form_flex {
	display: flex;
	justify-content: space-between;
	width: 35%;
	margin: 0 auto 3vh auto;
}

.conseil_flex {
	display: flex;
	justify-content: space-between;
	width: 35%;
	margin: 0 auto 3vh auto;
}

#form-satisfaction-test-container .new_form > input, #form-satisfaction-test-container .new_form > label, #form-satisfaction-test-container .conseil > input, #form-satisfaction-test-container .conseil > label {
	display: inline-block;
}

#form-satisfaction-test-container textarea {
	width: 70%;
	margin: 0 auto 5vh auto;
}

#form-satisfaction-test-container .envoyer {
    display: block;
    margin: auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    transition: opacity 0.2s ease;	
}

#form-satisfaction-test-container .envoyer:hover {
	opacity: 0.8;
	transition: opacity 0.2s ease;	
}

/** PAGES MES INFOS PERSONNELLES **/

.modifier-infos {
    display: block;
    margin: 3% auto;
    outline: none;
    width: fit-content;
    border: 1px #050828 solid;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 25px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    transition: opacity 0.2s ease;
}

.img-info-perso{
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 5%;
}

.img-info-perso img{
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:100px;
    max-width:120px;
    max-height:120px;
    min-width: 120px;
}

.infos-perso-container {
    text-align: center;
    border: 2px #050828 solid;
    border-radius: 25px;
    background-color: white;
    display: flex;
    flex-direction: column;
    margin: 0 10%;
}

.infos-perso-container span {
    font-size: 24px;
    text-align: center;
    border: 2px #050828 solid;
    border-radius: 25px;
    margin: 8px 0;
    padding-top: 5px;
    min-height: 50px;
}

#ligne1{
    display: flex;
    flex-direction: row;
}

#ligne1 > p{
    font-size: 24px;
    border: 2px #050828 solid;
    border-radius: 25px;
    background-color: #eb4d69;
    color: white;
    font-weight: bold;
    z-index: 1;
    width: 40%;
    margin: 8px 0 8px 5%;
}

#ligne1 > span{
    background-color: white;
    margin: 8px 5% 8px -6%;
    width: 56%;
}

#ligne2{
    display: flex;
    flex-direction: row;
}

.label-mes-informations{
    display: flex;
    flex-direction: column;
    margin-left: 4%;
    width: 40%;
}

.info-perso{
    display: flex;
    flex-direction: column;
    width: 57%;
    margin-left: -5%;
    margin-right: 4%;

}

.info-perso span{
    background-color: white;
}

.label-mes-informations span{
    font-weight: bold;
    background-color: #eb4d69;
    color: white;
    z-index: 1;
}
/*** PAGE MODIFICATIONS INFOS PERSONNELLES ***/

.link-retour-compte {
	position: absolute;
	top: -50px;
	right: 20px;
	font-weight: bold;
}

.page-update-compte{
    align-items: center;
    margin: 0 19%;
}

.infos-update-compte{
    text-align: center;
    background-color: white;
    margin: 5vh auto 10vh auto;
    border-radius: 40px;
    border: 1px #050828 solid;
    padding: 1%;
    position: relative;
    min-height: 50%;/*70vh;*/
}

#form-update-compte {
	width: 80%;
	margin: 0 auto;
	border-radius: 15px;
	border: 2px #050828 solid;
	padding: 30px;
    	position: relative;
    	min-height: 50vh;
}

#form-inscription #modifier {
	margin-top: 2%;
	margin-bottom: 2%;
	border: 1px #050828 solid;
}

#form-update-compte label {
	font-size: 24px;
    	text-align: center;
    	border: 2px #050828 solid;
    	border-radius: 30px;
    	padding: 1% 0;
    	font-weight: bold;
    	margin: 8px 0 8px 3%;
    	background-color: #eb4d69;
	color: white;
	z-index: 1;
}

#form-inscription #form-update-compte .info-inscription input, #form-inscription #form-update-compte #cp, #form-inscription #form-update-compte #telephone {
    font-size: 24px;
    text-align: center;
    border: 2px #050828 solid;
    border-radius: 30px;
    margin: 8px 5% 8px -6%;
    padding: 2.6% 0;
    width: 56%;
}

#form-inscription #form-update-compte .info-inscription {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin-bottom:0;
}

#form-update-compte label {
	width: 40%;
}

.input-photo {
	display: none;
}

.label-photo-profil:after {
	content: 'Choisir une photo';
	background-color: white;
	color: black;
	border-radius: 999px;
	border: 1px solid grey;
	width: 200px;
	display: inline-block;
	height: 30px;
    margin-left: 10px;
    text-align: center;
    padding-top: 3px;
	cursor: pointer;
}

.photo-container {
	position: relative;
}

.img-profile-update-container {
	width: 140px;
	height: 140px;
	overflow: hidden;
	position: absolute;
	top: -50%;
	transform: translatey(-50%);
	right: -50%;
	border-radius: 50%;
}




/** PAGE AVANT MA FORMATION **/

.btn-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 89%;
	margin: 10vh auto 5vh auto;
}

.cercle-avant-formation {
	outline: none;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background-color: #eb4d69;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	font-family: inherit;
	font-weight: bold;
	letter-spacing: 0;
	font-size: 17px;
	white-space: break-spaces;
	cursor: pointer;
	padding-top: 18px;
}

.btn-avant-formation {
	display: block;
    margin: 5vh auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
    transition: opacity 0.2s ease;	
	letter-spacing: 0;
}

.recontacter-avant-formation {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 20px;
}

.flex-0 {
	flex: 0.5;
}

.flex-1 {
	flex: 1;
}

.devis {
	font-size: 16px;
}

.save-pdf {
	font-family: Montserrat, sans-serif;
}

/** PAGE APRÈS MA FORMATION **/

.btn-satisfaction {
	display: block;
    margin: 5vh auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
    transition: opacity 0.2s ease;	
	letter-spacing: 0;
}


/**** PAGE ESPACE ADMINISTRATEUR ****/

.table-stagiaires {
	font-size: 12px;
	margin: 0 auto 10vh auto;
}

table, th, td, tr {
	border: 1px solid grey;
	border-collapse: collapse;
	padding: 2px 3px;
}

#infos-espace-admin {
	width: auto;
}


/**** PAGE INFOS STAGIAIRE - ESPACE ADMINISTRATEUR ****/


.modifier-infos-link, .ajout-formation-link {
	display: block;
    margin: 5vh auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
    transition: opacity 0.2s ease;	
	letter-spacing: 0;
}

.modifier-infos-link:hover, .ajout-formation-link:hover {
	color: white;
	opacity: 0.7;
}

/**** PAGE MODIFS INFOS STAGIAIRE - ESPACE ADMINISTRATEUR ****/

.retour-infos-stagiaire {
	position: absolute;
	top: -50px;
	left: 20px;
	font-weight: bold;
}

.enregistrer-modifs-formation {
	display: block;
    margin: 5vh auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 15px;
    transition: opacity 0.2s ease;	
	letter-spacing: 0;
}

.enregistrer-modifs-formation:hover {
	color: white;
	opacity: 0.7;
}


/**** PAGE AJOUT FORMATION - ESPACE ADMINISTRATEUR ****/

.submit-ajout-formation {
	display: block;
    margin: 5vh auto;
    outline: none;
    width: fit-content;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    font-family: inherit;
    padding: 12px 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: 15px;
    transition: opacity 0.2s ease;	
	letter-spacing: 0;
}

.submit-ajout-formation:hover {
	color: white;
	opacity: 0.7;
}

.page-description form.form-ajout-formation label {
	margin-bottom: 7px;
}

.form-ajout-formation input[type="text"], .form-ajout-formation input[type="email"] {
	outline: none;
	border-radius: 999px;
	font-family: inherit;
	border: 1px solid grey;
	padding: 5px;
	width: 30%;
	margin-bottom: 5vh;
}

/** PAGE CPF **/

.menu-cpf {
	display: flex;
}

.menu-cpf a {
	flex: 1;
	text-align: center;
}

/***** responsive page accueil svg *****/

svg:not(:root) {
    overflow-y: visible;
}


@media screen and (max-width: 500px) {
	.ribon-box .main-heading {
    font-size: 38px;
}
	
	#services .main-heading {
    font-size: 38px;
}
	
	#services .sub-heading {
    padding: 20px;
}
	
	.service-block {
		max-width: none;
	}
	
	#services .service-block {
		padding-bottom: 50px;
	}
}



@media screen and (max-width: 1024px) {

    #slider-div .parallax-lite li, .parallax-lite #ribbon, .parallax-lite .demo-image {
        background-attachment: fixed!important;
        background-position: center!important;
    }
	
	.home .smaller a#pull:after, .smaller a#pull:after {
    color: black!important;
}

}

/** responsive page NOTRE PEDAGOGIE **/

@media screen and (max-width: 850px) {
	
	.english-now {
		font-size: 20px!important;
		
	}
}

/** responsive page TESTS D'ANGLAIS D'ENTREE **/

@media screen and (max-width: 950px) {
	
	.page-test .logo-test {
		position: static;
	}
	
	.test-h1 {
		margin-top: 5vh;
	}
	
	
}


/** RESPONSIVE MENU PAGE D'ACCUEIL **/

@media screen and (min-width: 1024px) {
    .home .navigation > #menu > li:nth-of-type(8) > a {
        display: none;
    }

}

@media screen and (max-width: 1024px) {
    .menu-hidden {
        display: none;
    }
	
	.last-btn #menu > li:last-child > a {
        font-weight: bold;
		border-radius: 0;
    }
}

@media screen and (max-width: 830px) {
	 #slider-div .parallax-lite li {
    background-attachment: inherit!important;
    background-position: center!important;
	height: 70vh!important;
}
	
	#title-homepage {
		margin-top: 140px;
		margin-left: 35%;
		font-size: 20px;
	}
	
	#ribbon {
		padding-top: 10px!important;
	}
	
}

@media screen and (max-width: 650px) {
		#title-homepage .cd-words-wrapper {
		margin-top: 15px;
		margin-left: 60px;
	}
	
		#title-homepage {
		margin-left: 20px;
			width: 200px;
	}
}

/** Page mot de passe oublier et modifier mot de passe **/

.titre-mdp{
    color:white;
    font-size: 2em;
    text-align: center;
    background-color: #eb4d69;
    margin: 0 auto 30px auto;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#form-mdp-oublier {
    width: 50%;
    min-width: 200px;
    max-width: 500px;
    color: black;
    margin: 30vh auto 15vh auto;
    background-color: white;
    border-radius: 15px;
    padding-bottom: 40px;
}
#form-mdp-oublier > .contenant{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#form-mdp-oublier > .contenant > label {
    font-size: 1em;
}
#form-mdp-oublier > .contenant > input{
    outline: none;
    border-radius: 999px;
    font-family: inherit;
    height: 30px;
    border: 1px solid grey;
    width: 50%;
}
.multipleChoice{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 5px;
    margin-bottom: 10px;
}
#form-mdp-oublier input[type=submit], #form-mdp-oublier input[type=reset] {
    width:150px;
    margin-left:5px;
    padding:5px 0;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    box-shadow:1px 1px 1px #D83F3D;
    cursor:pointer;
}
#message-mdp{
    text-align:center;
    font-weight: bold;
    margin-top:-25px;
    margin-bottom: 5px;
}
@media screen and (max-width: 400px) {
    #form-mdp-oublier {
        margin: 40vh auto 15vh auto;

    }
}

/*** page modifier mot de passe succès ***/
.mdp-modifier {
    width: 40%;
    min-width: 500px;
    color: black;
    margin: 15vh auto 15vh auto;
    background-color: white;
    border-radius: 15px;
    padding: 70px;
}
.mdp-modifier > #modifier{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.lien-connexion{
    text-decoration: none;
    color: #e2bc74;
}
.lien-connexion:hover {
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

/*** lien mot de passe oublier - page connexion ***/
.page-description form .lien-mdp-oublier{
    padding: 0 0 20px 50%;

}
.page-description form .mdp-oublier{
    text-align: right;
    text-decoration: none;
    color: #00A8EF;

}
.page-description form .mdp-oublier:hover{
    text-decoration: underline;
    text-decoration-color: grey;

}

/*** page réclamation enregistrer ***/
.reclamation-enregistrer {
    width: 40%;
    min-width: 500px;
    color: black;
    margin: 15vh auto 15vh auto;
    background-color: white;
    border-radius: 15px;
    padding: 70px;
}
.reclamation-enregistrer > .enregistrer{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.lien-mon-compte{
    text-decoration: none;
    color: #e2bc74;
}
.lien-mon-compte:hover {
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

/*** page formulaire de réclaamtion ***/
.reclamation-alignement{
    margin-left: 10%;
    margin-right: 10%;
}
.titre-reclamation{
    margin-left: 10%;
    margin-right: 10%;
    font-size: 2em;
    text-align: center;
    border:1px solid #000000;
    padding: 1em 1em 1em 1em;
}
.tableau-reclamation{
    display: flex;
    flex-direction: row;
    flex: auto;
}
.tableau-reclamation span {
    display: inline;
    border: 1px solid #000000;
    padding: 3px;
    min-width: 300px;
}
.colonne-reclamation{
    text-align: center;
    display: flex;
    flex-direction: column;
    flex: auto;
    max-width: 470px;
}
.tableau-reclamation label{
    font-size: 16px !important;
    display:inline;
    float:left;
    border:1px solid #000000;
    padding:8px;
    min-width:300px;
    width: 100%;
}
.colonne-reclamation label{
    font-size: 16px !important;
    display:inline;
    float:left;
    border:1px solid #000000;
    padding:8px 16%;
    min-width:300px;
    max-width: 470px;
}
.colonne-reclamation input, .tableau-reclamation select{
    text-align: center;
    display:inline;
    border:1px solid #000000;
    height:40px;
    min-width:250px;
}
.colonne-reclamation textarea{
    display:inline;
    border:1px solid #000000;
    height: 230px !important; 
    min-width:250px;
}
#form-reclamation input[type=submit], #form-reclamation input[type=reset] {
    width:200px;
    margin-left:5px;
    border: none;
    border-radius: 999px;
    background-color: #eb4d69;
    color: white;
    box-shadow:1px 1px 1px #D83F3D;
    cursor:pointer;
}
#form-reclamation input[type=submit]:hover, #form-reclamation input[type=reset]:hover{
    opacity: 80%;
    transition: all ease 0.2s;
}

/*** 10 engagement section team ***/
.engagement h2{
	text-align:center;
	color:white;
}
.engagement{
    width: 75%;
    margin: auto;
}
@media screen and (max-width: 780px) {
	.engagement{
	    width: 85%;
	}
}
@media screen and (max-width: 650px) {
	.engagement{
	    width: 90%;
	}
}
@media screen and (max-width: 590px) {
	.engagement{
	    width: 95%;
	}
}
@media screen and (max-width: 530px) {
	.engagement{
	    width: 100%;
	}
}
.text-engagemet{
	background-color:white;
}
#text-engagemet td,#text-engagemet tr,#text-engagemet table{
	border:none;
}

#text-engagemet p{
	margin: 0;
	padding: 5%;
	display:flex;
	flex-direction: row;
}
#text-engagemet p img{
	margin:auto;
	width:30px;
	height:30px;
}
#text-engagemet .num-engagement{
	width: 50px;
    height: 50px;
	border: 1px solid;
    border-radius: 5100px;
    font-size: 24px;
    font-weight: bold;
    padding: 5px 17.32px;
    margin-right: 3%;
	box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.25);
}
#text-engagemet td{
    margin: 0;
    width: 50%;
}
#text-engagemet span {
    margin: auto;
}
#text-engagemet #blanc{
	box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.25);
}
#text-engagemet #rose{
    background-color: #eb4d69;
	box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.25);
}
#text-engagemet #blanc p{
    color: #eb4d69;
}
#text-engagemet #rose p{
    color: white;
}
#text-engagemet #blanc .num-engagement{
	color:white;
	background-color: #eb4d69;
}
#text-engagemet #rose .num-engagement{
	color:#eb4d69;
	background-color: white;
}

/*** section finance ***/
.menu-cpf {
    display: flex;
}

.menu-cpf a {
    flex: 1;
    text-align: center;
}

.formule{
     text-align: center;
     color: white;
     background-color: #eb4d69;
 }
#titre-h1{
    font-family: Mulish;
    font-style: normal;
    font-weight: normal;
    padding-top: 30px;
    font-size: 50px;
}
#titre-h2{
    font-family: Mulish;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
}
.block-cpf a{
    text-decoration: none;
    color: white;
}
.block-cpf{
    font-family : Montserrat;
    background-color: #156EA9;
    font-weight : bold;
	width: 286.59px;
    display: block;
    text-align: center;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}
#ref-cpf{
    font-size: 15px;
    align-items: center;
    color: white;
    margin: 0;
    padding: 9.5px 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-weight : bold;
}
#prix{
    background-color: #58A6D9;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
    font-weight : bold;
    font-size: 52px;
    margin: 0;
    padding: 20px 0;
}
#titre-h4{
    margin: auto;
    font-weight : bold;
    font-size: 42px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4);
}
#description-formule{
    padding: 20px 0 40px 0;
    font-weight : bold;
    text-align: left;
    font-size : 11px;
    background-color: #58A6D9;
    border-bottom-left-radius: 81px;
    border-bottom-right-radius: 81px;
}
#ombre{
    width: 26%;
    height: 20px;
    position: absolute;
    margin-top: 20px;
    background: rgba(133, 83, 83, 0.81);
    filter: blur(85px);
}
#description-formule span{
    margin: auto 0 auto 5%;
}
.page-cpf{
  width:80%;
  margin:auto;
  padding-bottom:2%;
}
.page-cpf p{
	color:white;
}
.container-cpf{
    display: flex;
	flex-wrap: wrap;
    margin: auto;
}
#container-cpf{
	width:326.59px;
    margin:auto;
    padding-bottom: 5%;
}

.finance{
  margin-top:-50px;
}
.block-cpf:hover{
  animation: cpf 2s infinite;
}
.block-cpf:hover a{
	color:white;
}
.block-cpf:hover #prix{
	background-color: #156EA9;
	font-size: 65px;
	padding: 10px 0;
}
.block-cpf:hover #titre-h4, .block-cpf:hover #ref-cpf{
	background-color: #58A6D9;
}
.block-cpf:hover #description-formule{
	background-color: #156EA9;
}

@keyframes cpf{
  0%{
    transform: none;
    opacity:1;
  }
  20%{
    transform: rotate(5deg);
    opacity:1;
  }
  40%{
    transform: rotate(-5deg);
    opacity:1;
  }
  60%{
    transform: rotate(5deg);
    opacity:1;
  }
  80%{
    transform: rotate(-5deg);
    opacity:1;
  }
  100%{
    transform: none;
    opacity:1;
  }