/*************/
/* VARIABLES */
/*************/
:root
{
  /* COULEURS */
  --main-background-color: #024D8B;
  --content-background-color: #2C5EA1;

  --main-yellow: #F7CC47;
  --light-yellow: #FAE5A2;
  --light-light-yellow: #FEFAED;
  --yellow-transparent: rgba(255,216,88,0.18);

  --blue-in-form: #0569C1;

  --green-color-M: #57B894;
  --light-green: rgba(87,184,148,0.20);
  
  --light-blue: #82B4E0;
  --light-light-blue: #EFF5FA;
  --bleu-ciel: #9CF9FF;
  
  --almost-white: #F7F7F7;
  --almost-black: #0C141B;
  
  --new-red: #CD3222;
  --light-red: #F6ECE3;
  
  
  /* DIMENSIONS */
  --height-of-account: 40rem;
  --height-of_scrolling: 30rem;
}


/*********/
/* FONTS */
/*********/

@font-face {
  font-family: 'title';
  font-style: normal;
  src: url('./fonts/patua-one/PatuaOne-Regular.ttf');
}

@font-face {
  font-family: 'main';
  font-style: normal;
  src: url('./fonts/barlow-semi-condensed/BarlowSemiCondensed-Regular.ttf');
}

@font-face {
  font-family: 'mainsemibold';
  font-style: normal;
  src: url('./fonts/barlow-semi-condensed/BarlowSemiCondensed-SemiBold.ttf');
}

@font-face {
	font-family: 'mainitalic';
	font-style: normal;
	src: url('./fonts/barlow-semi-condensed/BarlowSemiCondensed-Italic.ttf');
}

@font-face {
  font-family: 'mainsemibolditalic';
  font-style: normal;
  src: url('./fonts/barlow-semi-condensed/BarlowSemiCondensed-SemiBoldItalic.ttf');
}

@font-face {
  font-family: 'web_symbol';
  font-style: normal;
  src: url('./fonts/fonts_symbols/web_symbols/WebSymbols_Regular.otf');
}

/********/
/* body */
/********/

body {
  font-family:'main';
  font-size: 110%;
  background-color: var(--main-background-color);
}

b {
	color: var(--blue-in-form);
}


/*******************************/
/* DIV PRINCIPALES DE CONTENUS */
/*******************************/
#id_div_all_contents {
	position: relative;
	max-width: 1200px;
	margin: auto;
	background-color: var(--content-background-color);
	padding-top: 0;
	padding-bottom: 0;
	border-bottom-left-radius: 4rem;
	border-bottom-right-radius: 4rem;
}

#id_div_video {
	display: none;
	position: fixed;
	width: 1200px;
	margin: 0 auto;
	top: 0;
	z-index: 100;
	background-color: white;
	border: black 1rem solid;
	transform: translateX(-1rem);
}

#id_div_video video {
	width: 100%;
}

#id_div_video button {
	margin: 2rem 40%;
	background-color: var(--new-red);
}

#id_over_main {
	position: relative;
	text-align: center;
	padding: 1rem;
}

#id_over_main h1 {
	color: white;
}

#id_main {
	position: relative;
	background-color: white;
}

#id_top_message {
  font-family: "mainsemibolditalic";
  padding-bottom: 2rem;
  text-align: center;
}

.green {
	color: var(--green-color-M);
	background-color: #EEE;
	padding: 1rem;
}

.red {
	color: var(--new-red);
	background-color: #EEE;
	padding: 1rem;
}

.blue {
	color: var(--blue-in-form);
}

.blue_in_form {
    color: var(--blue-in-form);
    font-family: "mainsemibold";
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.instructions {
	text-align: left;
	padding: 1rem 2rem 2rem 2rem;
}

.symbol {
	font-family: 'web_symbol';
	font-size: 125%;
	padding: 0.5rem;
}

/****************/
/* HAUT DE PAGE */
/****************/
#id_ontop {
	position: relative;
	padding-left: 2rem;
}

/* logo en haut à gauche */
#id_logo {
	padding-top: 1rem;
	padding-left: 2rem;
	width: 106px;
}

#id_mainbar {
  position: absolute;
  right: 2rem;
  top: 49px;
  text-align: right;
  width: 70%;
}

#id_ontop button, #id_deuxieme_phrase button, #id_bottom_accueil button {
	padding: 0.5rem 2rem;
	margin-right: 2rem;
	border-radius: 2rem;
}


/****************/
/* PIED DE PAGE */
/****************/

footer {
  position: relative;
  font-family: 'main';
  font-size: 1rem;
  width: 100%;
  left: 0%;
  color: var(--almost-white);
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
  background-color: var(--almost-black);
  /*margin-bottom: 2rem;
  border-bottom-left-radius: 4rem;
  border-bottom-right-radius: 4rem;*/
}

footer h3 {
  color: var(--main-yellow);
  padding-left: 1rem;
}

footer a {
  color: var(--almost-white);
  background-color: transparent;
  border: 1px solid var(--almost-white);
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 110%;
  font-family: "mainsemibold";
  text-decoration: none;
}

footer a:hover {
  color: var(--main-yellow);
}

footer img {
  width:75%;
}

footer button {
  border-radius: 0.5rem;
  background-color: transparent;
  border: solid 1px var(--almost-white);
}


.foot {
  display: inline-block;
  vertical-align: top;
  width: 18%;
  background-color: var(--almost-black);
}

#id_foot1 {
  margin-left: 11%;
}

#id_foot2 {
  margin-left: 2%;
}

#id_foot3 {
  margin-left: 2%;
}

#id_foot4 {
  margin-left: 2%;
}



/**********/
/* CADRES */
/**********/
.cadre_standard {
	position: relative;
	padding: 1rem;
	margin: 2rem 4rem 2rem 4rem;
	background-color: white;
}

.cadre_standard h3 {
	text-align: center;
}

.hoverTextBlue:hover {
	color: var(--blue-in-form);
}

.centralInfoMessage, .leftInfoMessage {
	position: fixed;
	background-color: black;
	color: white;
	text-align: center;
	border: 5px solid var(--blue-in-form);
	padding: 1rem;
}

.centralInfoMessage {
	top: 20%;
	left: 20%;
	width: 60%;
}

.leftInfoMessage {
	top: 5%;
	left: 2.5%;
	width: 20%;
}



/*******************************/
/* RÉINITIALISATIONS DE STYLES */
/*******************************/
input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius:0;
  border-radius:0;
}

select {
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  overflow: hidden;
}

select.smallselect {
  padding-right: 0;
  margin-left: 0.5rem;
  height: 2rem;
  min-width: 5rem;
}

input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
}



/***********************************/
/* BALISES DE TITRES & SOUS-TITRES */
/***********************************/
h1, h2 {
	letter-spacing: 0.1rem;
	text-align: center;
	margin: 0;
	padding: 1rem;
}

.title {
  font-family: "title";
  font-weight: 300;
}

#id_over_main h1 {
  color: #2F2F2F;
  background-color: white;
  border-radius: 0.5rem;
  display: inline-block;
  border: 1px solid #2F2F2F;
  padding: 1rem 2rem;
  font-family: "title";
  font-weight: 300;
  font-size: 150%;
}


#id_mon_compte h2 {
	color: var(--blue-in-form);
	background-color: var(--main-yellow);
	font-family: "title";
}

#id_mon_compte h2::before {
	content: "~\a0";
}

#id_mon_compte h2::after {
	content: "\a0~";
}

/***************/
/* PARAGRAPHES */
/***************/
p {
	padding: 0.5rem 1rem;
	font-size: 120%;
	text-align: justify;
	line-height: 1.5;
}

/**********/
/* LISTES */
/**********/
li {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin: 0.5rem;
}

/**********/
/* LABELS */
/**********/
label {
  font-family: "mainsemibold"
}


/***********/
/* BOUTONS */
/***********/
input[type="submit"], button {
	border: none;
	background-color: var(--almost-black);
	color: var(--almost-white);
	font-size: 110%;
	padding: 0.5rem 1.5rem;
	font-family: "mainsemibold";
	border-radius: 0.5rem;
	cursor: pointer;
}

button:hover {
	color: var(--main-yellow);
}

button:disabled {
	color: #CCC !important;
	background-color: #EEE !important;
}

.back {
  padding-left: 10%;
  text-align: left;
}

button.inForm {
	background-color: var(--blue-in-form);
}

button.inFormRed {
	background-color: var(--new-red);
}


/*********/
/* TABLE */
/*********/
table {
	text-align: center;
	background-color: white;
	margin: 1rem;
}

td, th {
	padding: 0.5rem;
}

tr:hover {
	background-color: var(--light-light-blue);
}

#id_mon_compte tr {
	background-color: var(--light-light-blue);
}

#id_credits tr {
	height: 3rem;
}
#id_credits td, #id_credits th {
	width: 25%;
}
tr.tr_credits:hover {
	background-color: var(--light-green) !important;
}

table.talbeWithBorders {
	border-collapse: collapse;
	background-color: var(--light-light-blue);
}

table.talbeWithBorders th, table.talbeWithBorders td {
	border: 1px solid black;
}

table.talbeWithBorders th {
	background-color: var(--blue-in-form);
	color: white;
}

table.talbeWithBorders tr:hover {
	background-color: inherit;
}

tr.space {
    height: 2em;
}

td.borderedAll {
    border: 1px solid black;
}

td.borderedTRB {
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

/********************/
/* INPUTS STANDARDS */
/********************/
input, textarea, a {
    display: inline-block;
    padding: 0.25em 1em;
    margin-top: 0.125em;
    margin-bottom: 0.5em;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea {
    width: 22.5rem;
    font-size: 105%;
    max-width: 100%;
    border: none;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"] {
    height: 1.5em;
    border-bottom: 2px solid var(--blue-in-form);
    background-color: transparent;
    text-align: left;
}

textarea {
    text-align: left;
    border-bottom: 2px solid var(--blue-in-form);
    border-left: 2px solid var(--blue-in-form);
    border-right: 2px solid var(--blue-in-form);
    margin-top: 0.5em;
}

table.notBig input[type="text"] {
	width: 15rem;
	height: 1rem;
}

input[type="number"] {
    height: 1.5em;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid var(--blue-in-form);
    width: 8rem;
    font-size: 100%;
    text-align: center;
}

/***********************/
/* JAUGES type="range" */
/***********************/


input[type=range] {
  margin: 0.25rem 0.5rem;
  padding: 0;
  -webkit-appearance: none;
  height:2rem;
  background-color: transparent;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  animate: 0.2s;
  background: #FFD84F;
  border: 0px solid #000000;
  border-radius: 0.2rem;
  box-shadow: 0px 0px 0px #000000;
  cursor: pointer;
  height: 0.4rem;
  width: 100%;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: var(--blue-in-form);
  border: 1px solid white;
  border-radius: 1.5rem;
  box-shadow: 0px 0px 0px #000000;
  cursor: pointer;
  height: 1.5rem;
  margin-top: -0.6rem;
  webkit-appearance: none;
  width: 1.5rem;
}


input[type=range]::-moz-range-track {
  animate: 0.2s;
  background: #FFD84F;
  border: 0px solid #000000;
  border-radius: 0.2rem;
  box-shadow: 0px 0px 0px #000000;
  cursor: pointer;
  height: 0.4rem;
  width: 100%;
}

input[type=range]::-moz-range-thumb {
  background: var(--blue-in-form);
  border: 1px solid white;
  border-radius: 1.5rem;
  box-shadow: 0px 0px 0px #000000;
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
}

input[type=range]::-ms-track {
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
  cursor: pointer;
  height: 0.4rem;
  width: 100%;
}

input[type=range]::-ms-fill-lower {
  background: #FFD84F;
  border: 0px solid #000000;
  border-radius: 0.2rem;
  box-shadow: 0px 0px 0px #000000;
}

input[type=range]::-ms-fill-upper {
  background: #D5D5D5;
  border: 0px solid #000000;
  border-radius: 0.2rem;
  box-shadow: 0px 0px 0px #000000;
}

input[type=range]::-ms-thumb {
  margin-top:1px;
  background: #0569C1;
  border: 1px solid white;
  border-radius: 1.5rem;
  box-shadow: 0px 0px 0px #000000;
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
}

input[type=range]:focus::-ms-fill-lower {
  background: #FFD84F;
}

input[type=range]:focus::-ms-fill-upper {
  background: #D5D5D5;
}

input[type="range"]::-moz-range-progress {
  background-color: #FFD84F;
}
input[type="range"]::-moz-range-track {
  background-color: #D5D5D5;
}



/******************************/
/* RADIO BUTTONS & CHECKBOXES */
/******************************/
[type="radio"], [type="checkbox"] {
  display: none;
}


[type="radio"] + label {
  background-image: url('./images/formulaires/radio.svg');
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

[type="radio"]:checked + label {
  background-image: url('./images/formulaires/radio_checked.svg');
}

[type="checkbox"] + label {
  background-image: url('./images/formulaires/checkbox.svg');
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

[type="checkbox"]:checked + label {
  background-image: url('./images/formulaires/checkbox_checked.svg');
}

[type="checkbox"]:disabled+label {
  opacity: 0.3;
}


/**********/
/* SELECT */
/**********/
select {
    font-family: 'main';
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    height: 3rem;
    color: white;
    padding-left: 1rem;
    padding-right: 2rem;
    font-family: "mainsemibold";
    background: url('./images/formulaires/triangle.svg') no-repeat right var(--blue-in-form);
    background-size: 1.5rem;
}



/*********/
/* TESTS */
/*********/
.RIASEC_Q, .PERSO_Q {
	margin: auto;
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 1rem 2rem 2rem 2rem;
	background-color: var(--light-light-blue);
}

.RIASEC_Q h3 {
	text-align: center;
}

.RIASEC_Q table {
	width: 80%;
	margin-left: 10%;
}

.PERSO_Q tr {
	height: 5rem;
}

.PERSO_Q tr:hover {
	background-color: inherit;
}

.PERSO_A {
	margin-left: 2.5%;
	margin-right: 2.5%;
	font-family:'mainsemibold';
}


#id_RIASEC_RESULTS input[type="range"], #id_APTITUDES_RESULTS input[type="range"] {
	width: 100%;
}

.synthese_test {
	font-size: 125%;
	background-color: var(--light-light-blue);
	padding: 1rem;
}

.synthese_test p, .synthese_test ul {
	margin: auto;
	margin-top: 2rem;
	margin-bottom: 2rem;
	width: 60%;
	text-align: justify;
}

.synthese_test button {
	background-color: var(--blue-in-form);
}

.info_tableau_metiers, .info_jeune {
	border: solid 2px var(--light-blue);
	margin: 1rem 2rem;
	background: url(./images/other/light.svg);
	background-size: 5rem;
	background-repeat: no-repeat;
	padding: 1rem 2rem 1rem 6rem;
	min-height: 6rem;
}

/****************************************/
/* ÉLÉMENTS COMMUNS À TOUTES LES PAGES  */
/****************************************/

/* bouton de retour en haut de page */
#id_button_top_right {
  z-index: 10;
  position: fixed;
  right: 0.75%;
  bottom:10%;
  height: 5rem;
  width: 5rem;
  /*background-color: black;*/
  -webkit-animation-name: top_button_anim; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
  animation-name: top_button_anim;
  animation-duration: 0.5s;
  cursor: pointer;
}

.top_arrow {
  width: 60%;
}

@-webkit-keyframes top_button_anim {
    from {opacity:0;}
    to {opacity:1;}
}




/***********/
/* ACCUEIL */
/***********/
.cadre_accueil h2 {
	text-align: left;
}

.cadre_accueil p {
	margin-right: 4rem;
}

#id_premiere_phrase {
	/*border-left: 1rem solid var(--main-yellow);*/
	font-family: "title";
	color: var(--blue-in-form);
	padding-left: 2rem;
	font-size: 250%;
	text-align: left;
	margin-bottom: 3rem;
	margin-top: 3rem;
}

#id_deuxieme_phrase {
	color: var(--almost-black);
	font-size: 135%;
	font-family: "mainsemibold";
	line-height: 2.5rem;
	padding-left: 2rem;
}

#id_accueil_part1 h2, #id_accueil_part2 h2 {
	font-family: "title";
	font-weight: 300;
	font-size: 150%;
}

#id_accueil_part1 h3, #id_accueil_part2 h3 {
	text-align: center;
	text-decoration-line: overline;
	font-size: 135%;
}

#id_accueil_part1 h3 {
	color: var(--new-red);
}

#id_accueil_part2 h3 {
	color: var(--blue-in-form);
}

#id_accueil_part1 .partLeft, #id_accueil_part1 .partRight {
	display: inline-block;
	width: 42.5%;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

#id_accueil_part2 .partLeft, #id_accueil_part2 .partRight {
	display: inline-block;
	width: 42.5%;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

#id_accueil_part1 li {
	font-size: 120%;
}

#id_accueil_part1 b {
	color: var(--blue-in-form);
}

#id_accueil_part2 b {
	color: var(--new-red);
}

#id_bottom_accueil {
	background: linear-gradient(235deg, var(--light-red) 62.5%, var(--content-background-color) 37.5%);
}

.icon_block {
	margin-bottom: 5rem;
	width: 33.3%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.icon_block_image img {
	width: 25%;
}

.icon_block_title, .icon_block_text {
	width: 75%;
	margin-left: 12.5%;
}

.icon_block_title {
	font-family: 'mainsemibold';
	margin-bottom: 0.75rem;
	font-size: 125%;
}


#id_technologie_button {
	position: absolute; top: 49px;
	left: 200px;
	background-color: transparent;
	border: solid var(--content-background-color) 2px;
	color: var(--content-background-color);
}

#id_first_left_block_accueil {
	display: inline-block;
	width: 50%;
}

#id_first_right_block_accueil {
	display: inline-block;
	width: 40%;
}

#id_approche_globale {
	position: absolute;
	left: 12.5%;
	top: 30%;
	width: 35%;
}

#id_img_idea {
	position: absolute;
	bottom: -5%;
	left: 2.5%;
	width: 35%;
}

#id_bloc_with_icons {
	width: 80%; margin-left: 10%;
}


/***************/
/* TECHNOLOGIE */
/***************/
.techno_bloc {
	position: relative;
	margin-bottom: 2rem;
}

.techno_title {
	color: var(--content-background-color);
	font-size: 150%;
	font-family: 'mainsemibold';
	line-height: 2.5rem;
	display: inline-block;
	margin-bottom: 2rem;
	position: relative;
	z-index: 10;
}

.techno_bloc .techno_text {
	font-size: 115%;
	line-height: 1.75rem;
	display: inline-block;
}

#id_testez_gratuitement_button {
	color: var(--content-background-color);
	border: solid var(--content-background-color) 2px;
	background-color: transparent;
	position: absolute;
	top: 49px;
	left: 200px;
}

/***********/
/* CONTACT */
/***********/
#id_connect_character {
  position: absolute;
  left: 0;
  bottom:0;
  width: 25%;
}

/***************************/
/* CONNEXION - INSCRIPTION */
/***************************/
.error_message {
    color: var(--new-red);
    font-weight: bold;
    font-size: 125%;
    text-align: justify;
    max-width: 30rem;
}

.icon_info {
    width: 2rem;
    margin-left: 0.5rem;
    transform: translateY(0.5rem);
    display: inline-block;
    z-index: 10;
}

.icon_info img {
    width: 2rem !important;
}

.icon_info .icon_info_message {
    position: absolute;
    top: 0;
    right: -10rem;
    transform: translateY(3rem);
    width: 20rem;
    font-size: 1rem;
    display: none;
    font-family: "mainsemibolditalic";
    padding: 1rem;
    box-shadow: 0px 0px 15px 5px #CCC;
    background-color: white;
    z-index: 10;
}

#id_mdp_oublie {
    color: black;
    padding-left: 0;
}



/**************/
/* MON-COMPTE */
/**************/
#id_left_bar {
	width: 15%;
	height: var(--height-of-account);
	display: inline-block;
	background-color: var(--main-yellow);
	padding-top: 3rem;
}

#id_left_bar table {
	background-color: transparent;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

#id_left_bar table tr {
	height: 4rem;
}

#id_left_bar table button {
	width: 100%;
}

#id_mon_compte {
	position: absolute;
	left: 15%;
	top: 0;
	width: 85%;
	height: var(--height-of-account);
}

.scrolling {
	margin: auto;
	width: 80%;
	height: var(--height-of_scrolling);
	overflow-y: scroll;
	background-color: white;
}

#id_credits_premiere_phrase {
	margin-top: 1rem;
}

#id_credits_deuxieme_phrase {
	margin: 0 5rem;
	font-family: 'mainitalic';
}





/***********************/
/* COMPTE BÉNÉFICIAIRE */
/***********************/
.groupe_de_3 {
position: relative;
	background-color: var(--almost-black);
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	width: 80%;
	margin: auto;
	margin-top: 4rem;
	margin-bottom: 4rem;
	padding-top: 1rem;
	text-align: center;
}

button.send_mail {
	/*background-color: white;*/
	position: absolute;
	right: 1.75rem;
	top: 0.75rem;
	padding: 0.5rem 1rem 0.5rem 1rem;
}

button.send_mail:hover {
	/*background-color: var(--light-light-yellow);*/
}

.groupe_de_3_radio {
	display: none;
	padding-bottom: 1rem;
}

.groupe_de_3_radio table {
	margin: 1.5rem auto 1rem auto;
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-radius: 1rem;
}

.groupe_de_3 img {
	height: 4rem;
}

.groupe_de_3 h2 {
	color: white;
	display: inline-block;
	transform: translateY(-0.5rem);
	font-family: 'title';
	font-weight: 300;
	margin-left: 2rem;
	margin-right: 2rem;
}

.groupe_de_3_boutons {
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

.div_pour_1_bouton {
	background-image: url("./images/menu/circle_background.png");
	background-size: 100% auto;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	width: 33.33%;
	display: inline-block;
	vertical-align: middle;
}

.div_pour_1_bouton button {
	background-color: var(--almost-white);
	color: black;
	font-family: 'title';
	width: 75%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: 12.5%;
}

.groupe_de_3_boutons button:hover {
	color: var(--main-yellow);
}

#id_for_mail {
	padding: 3rem;
}

#id_for_mail input {
	max-width: 15rem;
}



/************/
/* TESTS RH */
/************/

#id_table_jauges_RIASEC {
	display: inline-block;
	margin-left: 5%;
	width:40%;
}

#id_aptitudes_GRAPH {
	display: inline-block;
	margin-left: 0%;
	width: 55%;
	vertical-align: top;
}

#id_RIASEC_GRAPH {
	display: inline-block;
	width: 45%;
	margin-left: 5%;
	vertical-align: top;
}
	

#id_table_jauges { /* aptitudes */
	display: inline-block;
	margin-left: 0;
	width:40%;
}

#id_table_jauges_perso {
	margin-left: 10%;
	width:80%;
	background-image: url('/images/outils/redVerticalBarAlpha50.png');
	background-size: 100% 100%;
}


#id_axes {
	text-align: left !important;
	padding-left: 2rem;
	padding-right: 2rem;
}

#id_axes button {
	background-color: var(--blue-in-form);
	margin: 2rem;
}

#id_axes ul {
	font-size: 110%;
}


/************************/
/* PARAMÈTRES DU PROJET */
/************************/
input[type="submit"].launch_algo {
    background-color: #932819;
    background-image: url('./images/formulaires/fusee.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 4rem 4rem;
    padding: 2rem 3rem 2rem 6rem;
    font-size: 1.5rem;
    margin: 2rem;
}


/*******************************/
/* SYNTHÈSE ET OFFRES D'EMPLOI */
/*******************************/
.menu_synthese {
	position: relative;
	z-index: 10;
	text-align: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: var(--main-yellow);
}

.menu_synthese button {
  padding: 0.5rem 2rem;
}

.menu_synthese button:enabled:hover {
  color: var(--main-yellow);
}

.menu_synthese button:disabled {
  background-color: var(--almost-white);
  color: var(--almost-black);
}

.menu_synthese::before {
  content:url('./images/other/small_line.svg');
  width: 8rem;
  margin-right: 0.5rem;
  vertical-align: bottom;
}

.menu_synthese::after {
  content:url('./images/other/small_line.svg');
  width: 8rem;
  margin-left: 0.5rem;
  vertical-align: bottom;
}

.form_title {
	background-color: var(--blue-in-form);
	color: white;
	font-family: "mainsemibold";
}

.synthese_number {
	font-family: "title";
	font-size: 4rem;
}

.synthese_section_title h1 {
	font-family: "mainsemibold";
}

#id_analyse_profil, .info_bilan {
	border-left: solid var(--blue-in-form) 10px;
	margin-left: 4rem;
	margin-right: 4rem;
	font-family: "mainsemibold";
}

#id_img_bilan {
	width: 25%;
}

#id_synthese_avantages {
	position: relative;
	border: solid 3rem var(--green-color-M);
	text-align: center;
}

#id_synthese_desavantages {
	position: relative;
	border: solid 3rem var(--new-red);
	text-align: center;
}


table.resume {
	margin: 2rem auto;
	text-align: left;
	font-size: 125%;
	font-family: "mainsemibold";
	background-color: #EEE;
	padding: 1rem 2rem;
}


table.resume tr:hover {
	background-color: inherit;
}

table.tab_projets_pertinence, table.tab_projets_offres {
    font-size: 125%;
    margin: 2rem auto;
    box-shadow: 0px 0px 15px 5px #CCC;
}

table.tab_projets_pertinence {
    width: 70%;
	cursor: pointer;
}

table.tab_projets_offres {
	width: 95%;
}

table.tab_projets_pertinence tr, table.tab_projets_offres tr {
    background-color: #1B4EB9;
    color: var(--almost-white);
    font-weight: bold;
}

table.tab_projets_pertinence tr:hover {
  background-color: var(--main-yellow);
  color: black;
}

.projet_plus_moins table.resume {
	width: 60%;
}

.projet_plus_moins table.resume .td1 {
	width: 47.5%;
}

.projet_plus_moins table.resume .td2 {
	width: 5%;
}

.projet_plus_moins table.resume .td3 {
	width: 47.5%;
}

.final_1 ol, .final_2 ol {
    font-size: 125%;
    margin-bottom: 2em;
    background-color: rgba(0,0,0,0.8);
    color: white;
    padding: 1rem;
    border-radius: 1rem;
    list-style-type: none;
}

ol {
    text-align: left;
    margin-left: 10%;
    margin-right: 10%;
    counter-reset: c;
}


.final_1 ol b, .final_2 ol b {
  color: var(--main-yellow);
}

.final_1 li, .final_2 li {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.final_1 li::before, .final_2 li::before {
  content: counter(c);
  font-size: 3rem;
  color: rgba(255, 255, 255, 0.5);
  counter-increment: c;
  padding-right: 0.5rem;
  border-right: 4px solid var(--main-yellow);
  margin-right: 0.5rem;
}

.slideButtonR, .slideButtonL {
  z-index: 1;
  font-family:'web_symbol';
  font-size: 300%;
  /*opacity: 0.8;*/
  position: absolute;
  top: 3rem;
  color: black;
  background-color: transparent;
}

.slideButtonR:hover, .slideButtonL:hover {
  color: var(--main-yellow) !important;
}

.slideButtonL {
  left: 15%;
}

.slideButtonR {
  right: 15%;
}

button.geoMenu {
  width: 19%;
  font-size: 100%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: transparent;
  color: var(--blue-in-form);
  border: 2px solid var(--blue-in-form);
  border-radius: 0;
}

button.geoMenu:hover {
  background-color: var(--almost-white);
}

button.geoMenuSelected {
  background-color: var(--main-yellow) !important;
}

.offre table {
	margin: 1rem auto;
	max-width: 90%;
}

.offre table, .offre td, .offre th {
  outline: 1px solid black;
  border-collapse: collapse;
  padding: 1rem 2rem;
}

.offre tr {
	background-color: inherit;
}

.description_offre {
    border: 1px solid black;
    width: 80%;
    margin: 1rem auto;
    padding: 1em;
    text-align: justify;
}

.tab_graph_exp {
    margin-left: 10%;
    width: 80%;
    font-family: 'mainsemibold';
}

.tab_graph_exp .td1 {
    text-align: right;
}

.tab_graph_exp .td2 {
    position: relative;
    text-align: left;
    width: 85%;
    padding-left: 0.5rem;
}

.tab_graph_exp .td2 .inside_graph {
    display: inline-block;
    height: 2rem;
    background-color: var(--green-color-M);
}

.tab_graph_exp .td2 .label {
    display: inline-block;
    position: absolute;
    left: 2.5%;
    bottom: 1rem;
}

.tab_graph_exp .td2 .label::after {
    content: ' %';
}


/***************/
/* FORMULAIRES */
/***************/
button.edit, button.validate, button.cancel {
	background-color: white;
	width: 3rem;
	height: 3rem;
	background-size: 100% 100%;
}

button.edit {
	background-image:url('./images/formulaires/edit.png');
	display: inline-flex;
}

button.validate {
background-image:url('./images/formulaires/validate.png');
}

button.cancel {
background-image:url('./images/formulaires/cancel.png');
}

.formation {
	position: relative;
	border: solid 3rem var(--main-yellow);
	text-align: center;
}

.domaine {
  position: relative;
  margin: 2rem auto;
  width: 90%;
  background-color: rgba(255,255,255,0.8);
  text-align: center;
  padding: 1rem;
}

.domaine table  {
  margin: 0 auto;
}


.subform {
  position: relative;
  width: 80%;
  margin: auto;
  background-color: #F4F4F4;
  padding: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.radiolist {
  text-align: left;
  line-height: 2rem;
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.radiolist label {
  margin-right: 1em;
}

.quick_buttons {
    border-bottom: 2px solid var(--blue-in-form);
    border-left: 2px solid var(--blue-in-form);
    text-align: left;
}

.quick_buttons button.quick_button {
    background-color: transparent;
    color: black;
    border-radius: 0;
    padding: 0.125em 0.25em;
    font-size: 95%;
}

.quick_buttons button.quick_button:hover {
  background-color: var(--blue-in-form);
  color: white;
}

.suppForm {
  text-align: right;
}

.suppForm label {
  cursor: pointer;
}

form.suppForm input, form.suppMetier input {
    font-family: "web_symbol";
    padding: 0rem 0.5rem;
    font-size: 200%;
    color: var(--new-red);
    background-color: transparent;
}

input[type="submit"].add_form, button.add_form, span.add_form {
    background-image: url('./images/formulaires/plus_form.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 4rem 2rem;
    padding-left: 4rem !important;
    margin-bottom: 2rem;
    color: var(--almost-white);
    background-color: var(--blue-in-form);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

input[type="submit"].add_subform, button.add_subform {
    background-image: url('./images/formulaires/plus_form.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 3rem 1.5rem;
    padding-left: 3rem !important;
}

input[type="submit"].add_form:hover, button.add_form:hover, input[type="submit"].add_subform:hover, button.add_subform:hover {
	color: var(--main-yellow);
}

input[type="submit"].validate_number, button.validate_number {
    background-color: var(--new-red);
    background-image: url('./images/formulaires/check.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 3rem 2rem;
    padding: 0.5em 1em;
        padding-left: 1em;
    padding-left: 3rem !important;
    margin-left: 1rem;
    margin-top: 0.5rem;
}

input[type="submit"].little_validate_number {
    background-color: var(--new-red);
    background-image: url('./images/formulaires/check.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 2rem 1.5rem;
    padding: 0.5em 1em;
        padding-left: 1em;
    padding-left: 2rem !important;
    margin-left: 1rem;
}

input.tobefocused {
  opacity: 0;
  height: 0;
  width: 0;
  font-size: 0%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.numeric_field {
    cursor: pointer;
    color: var(--almost-white);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background-color: var(--blue-in-form);
    margin-left: 1em;
    font-family: "mainsemibold";
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
	font-size: 115%;
}

.numeric_val {
	font-size: 115%;
	font-family: "mainsemibold";
}

.tabLang {
	margin: 2rem auto;
	display: inline-block;
}

.tabLang td, .tabLang th {
	padding-left: 2rem;
	padding-right: 2rem;
}

table.tab_permis {
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 1rem;
    text-align: center;
    width: 80%;
}

table.tab_permis td {
    width: 25%;
}

#id_tab_Q_2 {
	display: none;
}

#id_tab_O_2 {
	display: none;
}

.qualif {
	margin: auto;
	padding: 2rem;
}

#id_range_TRICAM, #id_range_aptitudes, #id_range_perso {
	width: 25rem;
}

#id_range_pVSo {
	width: 35rem;
}


/***************************/
/* DIFFÉRENTES RÉSOLUTIONS */
/***************************/

/* max-width: 1199px */
@media only screen and ( max-width: 1199px ) {
	#id_deuxieme_phrase {
		font-size: 125%;
	}
}
/* fin de max-width: 1199px */




/* max-width: 1079px */
@media only screen and ( max-width: 1079px ) {
	body {
		font-size: 100%;
	}
	
	#id_approche_globale {
		left: 11%;
		top: 27.5%;
	}
}
/* fin de max-width: 1079px */




/* max-width: 1023px */
@media only screen and ( max-width: 1023px ) {
	#id_premiere_phrase {
		font-size: 200%;
	}
	#id_technologie_button {
		top: 110px;
	}
	#id_testez_gratuitement_button {
		top: 110px;
	}
	#id_first_left_block_accueil {
		width: 55%;
	}
	
	#id_left_bar {
		width: 20%;
	}
	
	#id_mon_compte {
		width: 80%;
		left: 20%;
	}
	
	.techno_bloc .techno_text {
		font-size: 110%;
	}
	
	.scrolling {
		width: 95%;
	}
	
	.formation {
		border: none;
		border-top: solid 1rem var(--main-yellow);
		border-bottom: solid 1rem var(--main-yellow);
	}
	
	#id_synthese_avantages {
		border: none;
		border-top: solid 1rem var(--green-color-M);
		border-bottom: solid 1rem var(--green-color-M);
	}
	
	#id_synthese_desavantages {
		border: none;
		border-top: solid 1rem var(--new-red);
		border-bottom: solid 1rem var(--new-red);
	}
	
	h1.title_of_section {
		transform: translateY(-2rem);
	}
	
	#id_RIASEC_GRAPH {
		width: 47.5%;
		margin-left: 2.5%;
	}
	
	#id_table_jauges_RIASEC {
		width: 42.5%;
		margin-left: 2.5%;
	}
	
	#id_table_jauges td {
		padding: 0;
	}
	
	.synthese_test p, .synthese_test ul {
		width: 70%;
	}
	
	[type="radio"] + label {
		padding-left: 1.5rem;
	}
	
}
/* fin de max-width: 1023px */



/* max-width: 949px */
@media only screen and ( max-width: 949px ) {
	#id_first_left_block_accueil {
		width: 62.5%;
	}
	#id_first_right_block_accueil {
		width: 35%;
	}
	
	.techno_bloc .techno_text, .techno_bloc .techno_title {
		margin-bottom: 1rem;
	}
	
	#id_RIASEC_GRAPH {
		width: 55%;
		margin-left: 0;
	}
	#id_table_jauges_RIASEC {
		width: 42.5%;
		margin-left: 0;
	}
	
}
/* fin de max-width: 949px */



/* max-width: 899px */
@media only screen and ( max-width: 899px ) {
	#id_deuxieme_phrase {
		font-size: 110%;
	}
	#id_technologie_button {
		display: none;
	}
	.subform {
		width: 100%;
		padding: 0;
	}
	.domaine {
		width: 100%;
	}
	.suppForm {
		text-align: center;
	}
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea {
		width: 15rem;
	}
	body {
		margin: 0;
	}
	
	select {
		font-size: 80%;
	}
	
	.RIASEC_Q table {
		width: 90%;
		margin-left: 5%;
	}
	
}
/* fin de max-width: 899px */



/* max-width: 849px */
@media only screen and ( max-width: 849px ) {
	#id_premiere_phrase {
		font-size: 150%;
	}
	#id_deuxieme_phrase {
		font-size: 105%;
	}
	
	#id_testez_gratuitement_button {
		left: 140px;
		top: 110px;
	}
	
	#id_approche_globale {
		width: 40%;
	}
	
	#id_left_bar {
		width: 25%;
	}
	
	#id_mon_compte {
		width: 75%;
		left: 25%;
	}
	
	table.notBig input[type="text"] {
		width: 12.5rem;
	}
	
	#id_for_mail {
		padding: 0;
	}
	
	.synthese_test p, .synthese_test ul {
		width: 75%;
	}
	
}
/* fin de max-width: 849px */


/* max-width: 767px */
@media only screen and ( max-width: 767px ) {

	#id_logo {
		padding-left: 1rem;
	}

	#id_mainbar {
		width: 80%;
		right: 1rem;
	}
	
	#id_ontop {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	#id_ontop button {
		margin-right: 1rem;
		padding: 0.5rem 1.5rem;
	}
	
	#id_first_left_block_accueil {
		width: 100%;
		background-color: rgba(255,255,255,0.95);
		width: 100%;
		text-align: center;
		margin-top: 3rem;
	}
	
	#id_first_right_block_accueil {
		display: none;
	}
	
	#id_approche_globale {
		top: 25%;
	}
	
	#id_bottom_accueil {
		font-size: 90%;
	}
	
	#id_bottom_accueil button {
		padding: 0.5rem 1.5rem;
		margin-right: 1rem;
	}
	
	footer {
		padding-bottom: 2rem;
	}
	
	#id_analyse_profil, .info_bilan {
		margin-left: 0;
		margin-right: 0;
	}
	
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea {
		width: 12.5rem;
	}
	
	#id_RIASEC_GRAPH, #id_aptitudes_GRAPH, #id_table_jauges_RIASEC, #id_table_jauges {
		width: 60%;
		margin-left: 20%;
	}
	
	.synthese_test p, .synthese_test ul {
		width: 80%;
	}
	
	#id_table_jauges_perso {
		margin-left: 5%;
		width: 90%;
	}
	
	select {
		padding-left: 0.5rem;
		padding-right: 1.5rem;
	}
	
	.domaine {
		padding-left: 0;
		padding-right: 0;
	}
	
	.RIASEC_Q table {
		width: 95%;
		margin-left: 2.5%;
	}
	
	#id_range_pVSo {
		width: 25rem;
	}
	
	table.tab_projets_pertinence {
		width: 80%;
	}
	
	.cadre_standard {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	
	.groupe_de_3 {
		width: 90%;
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
	
}
/* fin de max-width: 767px */



/* max-width: 719px */
@media only screen and ( max-width: 719px ) {
	#id_technologie_button {
		left: 175px;
	}
	.techno_bloc .techno_text {
		line-height: 1.25rem;
		font-size: 100%;
	}
	.techno_bloc .techno_title {
		line-height: 1.75rem;
		font-size: 125%;
	}
	#id_bottom_accueil {
	font-size: 80%;
	}
	
	footer {
		font-size: 90%;
	}
	#id_foot1 {
		margin-left: 3%;
	}
	#id_foot1, #id_foot2, #id_foot3, #id_foot4 {
		width: 22%;
	}
	
	#id_left_bar {
		width: 30%;
	}
	
	#id_mon_compte {
		width: 70%;
		left: 30%;
	}
	
	.notForSmallRes {
		display: none;
	}
	
	#id_credits_premiere_phrase {
		font-size: 100%;
	}
	
	#id_for_mail input {
		max-width: 10rem;
	}
	
	#id_tab_Q {
		display: none;
	}
	#id_tab_Q_2 {
		display: block;
		margin-left: 10%;
	}
	
	#id_tab_O {
		display: none;
	}
	#id_tab_O_2 {
		display: block;
		margin: auto;
	}
	
}
/* fin de max-width: 719px */



/* max-width: 639px */
@media only screen and ( max-width: 639px ) {
	#id_logo {
		padding-left: 0;
	}
	#id_technologie_button {
		left: 150px;
	}
	
	#id_topbutton_1_sur_3 {
		position: absolute;
		top: -2.75rem;
		right: 10rem;
	}
	#id_topbutton_2_sur_3 {
		position: absolute;
		top: 0;
		right: 5rem;
	}
	#id_topbutton_3_sur_3 {
		position: absolute;
		top: 2.75rem;
		right: 0rem;
	}
	
	footer h3 {
		padding-left: 0;
	}
	
	h1, h2 {
		font-size: 1.35rem;
	}
	
	#id_credits_premiere_phrase {
		margin-top: 1rem;
	}
	
	.tabLang td, .tabLang th {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	#id_RIASEC_GRAPH, #id_aptitudes_GRAPH, #id_table_jauges_RIASEC, #id_table_jauges {
		width: 70%;
		margin-left: 15%;
	}
	
	table.tab_projets_pertinence {
		width: 85%;
	}
	
	.groupe_de_3 .send_mail img {
		height: 3rem;
	}
	
}
/* fin de max-width: 639px */



/* max-width: 599px */
@media only screen and ( max-width: 599px ) {
	#id_technologie_button {
		left: 140px;
		top: 110px;
	}
	
	table.notBig input[type="text"] {
		width: 10rem;
	}
	
	input[type="submit"], button {
		padding: 0.5rem 1rem;
	}
	
	#id_left_bar table tr {
		height: 3rem;
	}
	
	#id_credits_deuxieme_phrase {
		margin: 0 2rem;
	}
	
	#id_for_mail input {
		max-width: 7.5rem;
	}
	
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea {
		width: 10rem;
	}
	
	#id_tab_Q_2 {
		margin-left: 5%;
	}
	
	.info_tableau_metiers, .info_jeune {
		background-size: 4rem;
		padding-left: 5rem;
	}
	
	.RIASEC_Q table {
		width: 100%;
		margin-left: 0%;
	}
	
	#id_range_pVSo {
		width: 17.5rem;
	}
	
	.div_pour_1_bouton button {
		font-size: 100%;
	}

}
/* fin de max-width: 599px */


/* max-width: 549px */
@media only screen and ( max-width: 549px ) {
	footer button {
		padding: 0.5rem 0.5rem;
		font-size: 90%;
	}
	footer a {
		font-size: 90%;
	}
	
	#id_credits_deuxieme_phrase {
		font-size: 100%;
	}
	
	#id_radio_tests_rh table {
		padding: 0;
	}
	
	#id_range_TRICAM, #id_range_aptitudes, #id_range_perso {
		width: 17.5rem;
	}
	
	table.tab_projets_pertinence {
		width: 90%;
	}
	
	.div_pour_1_bouton button {
		width: 85%;
		margin-left: 7.5%;
	}
	
}
/* fin de max-width: 549px */



/* max-width: 499px */
@media only screen and ( max-width: 499px ) {
	#id_topbutton_1_sur_3 {
		right: 0;
	}
	#id_topbutton_2_sur_3 {
		right: 0;
	}
	#id_techno_bloc_1 {
		display: none;
	}
	
	input[type="submit"], button {
		padding: 0.5rem 0.5rem;
	}
	
	table.notBig input[type="text"] {
		width: 7.5rem;
	}
	
	#id_credits_premiere_phrase {
		margin-top: 0;
	}
	
	#id_credits_deuxieme_phrase {
		line-height: 1.25rem;
		margin: 0;
	}
	#id_tab_Q_2 {
		margin-left: 0;
	}
	
	#id_table_jauges_perso {
		margin-left: 2.5%;
		width: 95%;
	}
	
	input[type="submit"].launch_algo {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	
	button.send_mail {
		right: 0.5rem;
		top: 0.5rem;
	}
	
}
/* fin de max-width: 499px */


/* max-width: 449px */
@media only screen and ( max-width: 449px ) {

	#id_logo {
		padding-top: 0;
	}

	#id_technologie_button {
		left: 2rem;
		top: 108px;
	}
	
	body {
		font-size: 80%;
	}
	
	
	#id_for_mail input {
		max-width: 5rem;
	}
	
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea {
		width: 7.5rem;
	}
	
	#id_RIASEC_GRAPH, #id_aptitudes_GRAPH, #id_table_jauges_RIASEC, #id_table_jauges {
		width: 80%;
		margin-left: 10%;
	}
	
	.info_tableau_metiers, .info_jeune {
		background-size: 3rem;
		padding-left: 4rem;
	}
	
	[type="radio"] + label {
		padding-left: 1rem;
	}
	
	#id_range_TRICAM, #id_range_aptitudes, #id_range_perso {
		width: 12.5rem;
	}
	
	#id_range_pVSo {
		width: 12.5rem;
	}
	
	input[type="submit"].launch_algo {
		background-size: 3rem 3rem;
		padding: 2rem 2rem 2rem 4.5rem;
	}
	
	.groupe_de_3 .send_mail img {
		height: 2rem;
	}
	
	button.send_mail {
		padding: 0;
	}
	
}
/* fin de max-width: 449px */


/* max-width: 399px */
@media only screen and ( max-width: 399px ) {
	#id_ontop button {
		margin-right: 0;
	}

	#id_premiere_phrase, #id_deuxieme_phrase {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		text-align: center;
	}
	
	#id_bloc_with_icons {
		width: 95%;
		margin-left: 2.5%;
	}
	
	table.notBig input[type="text"] {
		width: 6rem;
	}
	
	.tabLang td, .tabLang th {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	
	input[type="submit"].launch_algo {
		padding: 1.5rem 2rem 1.5rem 4.5rem;
		font-size: 1.25rem;
	}

}
/* fin de max-width: 399px */