@charset "utf-8";

@font-face {
font-family: 'Rubik-Light';
src: url('Rubik-Light.ttf');
}
@font-face {
font-family: 'now-light';
src: url('now-light.otf');
}
@font-face {
font-family: 'Rubik-Medium';
src: url('Rubik-Medium.ttf');
}
@font-face {
font-family: 'Rubik-Regular';
src: url('Rubik-Regular.ttf');
}
@font-face {
font-family: 'JuliusSansOne-Regular';
src: url('JuliusSansOne-Regular.ttf');
}

html{
	height: 100%;
	display: flex;
	justify-content: center;

}
body{
	font-family: 'now-light';
	min-height: 100%;
	position: relative;
	font-size: 1rem;
	width: 100%;
	/*max-width: 2200px; anciennement*/
}
#container{
	font-size: 1.2rem;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media screen and (max-width: 1275px){
	#container{
		font-size: 1.1rem;
	}
}
.color_base{
	color: #000;
}
.marginTop05rem{
	margin-top: 0.5rem;
}
.marginTop1rem{
	margin-top: 1rem;
}
.marginTop2rem{
	margin-top: 2rem;
}
.marginTop3rem{
	margin-top: 3rem;
}
.marginTop5rem{
	margin-top: 5rem;
}
.marginBottom05rem{
	margin-bottom: 0.5rem;
}
.marginBottom1rem{
	margin-bottom: 1rem;
}
.marginBottom2rem{
	margin-bottom: 2rem;
}
.marginBottom3rem{
	margin-bottom: 3rem;
}
.marginBottom4rem{
	margin-bottom: 4rem;
}
.paddingLeft1rem{
	padding-left: 1rem;
}
.paddingLeft2rem{
	padding-left: 2rem;
}
.texteJustify{
	text-align: justify;
}
.texteCenter{
	text-align: center;
}
.texteGras{
	font-weight: bold;
}
.texteItalique{
	font-style: italic;
}
.colorBlanc{
	color: #fff;
}
a{
	transition: .25s ease-in-out;
}
a:hover{
	transition: .25s ease-in-out;
	color: #ce0000;
}
.couleurSecondaire{

}
.couleurPrimaire{

}

																							/*Header*/
#bandeauHeader{
	width: 100%;
	display: flex;
	flex-direction: column;
	color: #9f9fa7;
	padding: 0.2rem 3rem 0rem 3rem;
}
@media screen and (max-width: 700px){
	#bandeauHeader{
	padding: 0.2rem 0.1rem 0rem 0.1rem;
	align-items: center;
	}
}
#logo{
	position: absolute;
	width: 100px;

}
@media screen and (max-width: 700px){
	#logo{
		top: 40px;
		display: flex;
		justify-content: center;
	}
	#logo img{
		height: 80px;
	}
}
@media screen and (max-width: 410px){
	#logo img{
		height: 60px;
	}
}
#bandeauCoordonees{
	display: flex;
	justify-content: flex-end;
	/*border-width: 1px;
	border-color: #9f9fa7;
	border-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-top-style: none;*/
}
#Coordonees{
	display: flex;
}
#Coordonees div{
	display: flex;
	align-items: center;
	margin: 0rem 1rem;
}
@media screen and (max-width: 510px){
	#Coordonees div{
	font-size: 0.8rem;
	margin: 0rem 1rem 0rem 0.1rem;
}
}
@media screen and (max-width: 340px){
	#Coordonees div{
	font-size: 0.7rem;
}
}
#bandeauCoordonees img{
	margin-right: 0.3rem;
	height: 16px;
	width: 16px;
}
#iconeRS{
		display: flex;
		align-items: center;
		margin-left: 0.5rem;
		min-width: 16px;
}

.menu{
	display: flex;
	justify-content: center;
	width: 100%;
	font-size: 1.5rem;
	margin-top: 2rem;
	border-width: 1px;
	border-color: #9f9fa7;
	border-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-top-style: none;
}
.menu ul{
	display: flex;
	color: #1c1b21;
}
.menu ul li{
	padding: 0rem 1.5rem;
	font-weight: normal;
	transition: .25s ease-in-out;
	display: flex;

}
.menu ul li a.active{
background-color: #e5e5e5;
color: #ce0000;
}
.menu ul li:hover{
	transition: .25s ease-in-out;
}
.menu ul li a{
	padding: 8px;
 /* color: #636363;
 border: 1px solid;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
  border-radius: 8px;
  */
}

.menu ul li a:hover {
  color: #ce0000;
}

																							/*FIN Header*/



																							/*Index*/
h1{
	margin: 0.5rem 0rem;
}
.corpGlobal{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 1650px;
	/*padding: 0rem 12rem;*/
}
@media screen and (max-width: 1700px){
	.corpGlobal{
	width: 1400px;
	}
}
@media screen and (max-width: 1420px){
	.corpGlobal{
	width: 1100px;
	}
}
@media screen and (max-width: 1200px){
	.corpGlobal{
	width: 900px;
	}
}
@media screen and (max-width: 1000px){
	.corpGlobal{
	margin-top: 2rem;
	}
}
@media screen and (max-width: 920px){
	.corpGlobal{
	width: 700px;
	}
}
@media screen and (max-width: 710px){
	.corpGlobal{
	width: 600px;
	margin-top: 3rem;
	}
}
@media screen and (max-width: 610px){
	.corpGlobal{
	width: 500px;
	}
}
@media screen and (max-width: 510px){
	.corpGlobal{
	width: 400px;
	}
}
@media screen and (max-width: 410px){
	.corpGlobal{
	width: 310px;
	}
}
.titreLeft{
	width: 100%;
	/*text-align: center;*/
	margin-top: 3rem;
	color: #636363;
	font-size: 2rem;
	color: #0f1c5f;
	text-align: left;
}
@media screen and (max-width: 610px){
	.titreLeft{
	font-size: 1.5rem;
	}
}
@media screen and (max-width: 410px){
	.titreLeft{
	font-size: 1.3rem;
	}
}
/*.titreCentre{
	margin-top: 3rem;
	color: #636363;
	font-size: 2rem;
	color: #0f1c5f;
}*/
.petitTraitSeparateur {
  width: 120px;
  height: 3px;
  border-top: 5px solid;
  border-color: #8ba9c1;
}
#agencementTextePresentation{
	margin-right: 1.5rem;
	display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 920px){
	#agencementTextePresentation{
	margin-right: 0rem;
	}
}
#agencementTextePresentation p{
	margin:0.5rem 0rem;
}
#agencementTexteLangueFrancaise{
	margin-right: 0.5rem;
	display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 510px){
	#agencementTexteLangueFrancaise{
			margin-right: 0rem;
	}
}
#agencementTexteLangueFrancaise ul{
	padding: 0rem 1rem 0rem 2rem;
}
@media screen and (max-width: 510px){
	#agencementTexteLangueFrancaise ul{
		padding: 0rem 0rem 0rem 0.5rem;
	}
}
.texteGeneral{
	text-align: justify;
	color: #636363;
	background-color: #f8f8f8;
	padding: 1rem;
	width: 100%;
}
@media screen and (max-width: 920px){
	.texteGeneral{
	padding: 0rem 1rem 1rem 1rem;
	}
}
@media screen and (max-width: 510px){
	.texteGeneral{
		font-size: 1rem;
	}
}
.textePresentation{
	display: flex;
	align-items: center;
}
@media screen and (max-width: 920px){
	.textePresentation{
		flex-direction: column;
}
}
.textePresentation img{
	border-radius: 10px;
	height: 325px;
	width: 410px;
}
@media screen and (max-width: 920px){
	.textePresentation img{
		width: 490px;
		margin: 1rem 0rem;
}
}
@media screen and (max-width: 410px){
	.textePresentation img{
		height: 260px;
		margin: 1rem 0rem;
}
}
.texteGeneral ul{
	padding: 0rem 2rem;
}
@media screen and (max-width: 510px){
	.texteGeneral ul{
		padding: 0rem 0rem 0rem 0.5rem;
	}
}
.texteGeneral ul li{
	list-style-type: disc;
}
.phraseAccroche{
	font-size: 1.3rem;
	text-align: center;
	margin-bottom: 0.7rem;
	color: #0f1c5f;
	font-weight: bold;
}
@media screen and (max-width: 410px){
	.phraseAccroche{
	font-size: 1.1rem;
	}
}
.sectionFormation{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 1rem;
	background-color: #f8f8f8;
	font-family: 'now-light';
	padding: 1rem 0rem;
	width: 100%;
}
.sectionFormation2{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 1rem;
	background-color: #f8f8f8;
	font-family: 'now-light';
	padding: 1rem 0rem;
	width: 100%;
}
.agencementFormationAccueil{
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 1.5rem;
}
@media screen and (max-width: 510px){
	.agencementFormationAccueil{
		flex-direction: column;
	}
}
.agencementFormationAccueil div{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 1.5rem;
}
@media screen and (max-width: 1200px){
	.agencementFormationAccueil div{
		font-size: 1.1rem;
	}
}
.agencementIconesAccueil{
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 1.5rem;
}
@media screen and (max-width: 510px){
	.agencementIconesAccueil{
		flex-wrap: wrap;
		justify-content: center;
	}
}
.agencementIconesAccueil div{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 1.5rem;
}
@media screen and (max-width: 1200px){
	.agencementIconesAccueil div{
		font-size: 1.1rem;
	}
}
@media screen and (max-width: 610px){
	.iconesMicroSoft365{
		width: 100px;
	}
}
@media screen and (max-width: 510px){
	.iconesMicroSoft365{
		width: 130px;
	}
}
.sectionFormation img{
	width: 155px;
}
@media screen and (max-width: 1200px){
	.sectionFormation img{
	width: 100px;
	}
}
@media screen and (max-width: 610px){
	.sectionFormation img{
	width: 60px;
	}
}
.sectionFormation2 img{
	width: 275px;
	margin: 0rem 3.5rem;
	border-radius: 15px;
}
@media screen and (max-width: 920px){
	.sectionFormation2 img{
		width: 200px;
	}
}
@media screen and (max-width: 510px){
	.sectionFormation2 img{
	width: 275px;
	margin: 0rem 1rem;
	border-radius: 15px;
}
}
.boutonLiens{
	transition: .25s ease-in-out;
	background-color: #ffb606;
	border-radius: 15px;
	padding: 0.3rem 1.5rem;
	color: #fff;
	text-align: center;
}
@media screen and (max-width: 510px){
	.boutonLiens{
	padding: 0.2rem 1.3rem;
	}
}
.boutonLiensFormations{
	font-size: 1rem;
}
@media screen and (max-width: 510px){
	.boutonLiensFormations{
	font-size: 12px;
	}
}
.boutonLiens:hover{
	transition: .25s ease-in-out;
	background-color: #636363;
	color: #fff;
}
#agencementJoin{
	display: flex;
	flex: 1;
	flex-direction: column;
	margin-top: 1rem;
	align-items: center;
	/*background-color: #f8f8f8;
	padding: 0.5rem;*/
	width: 100%;
	background-color: #f8f8f8;
	padding: 1rem;
}

#agencementLogosIndex{
	display: flex;
	justify-content: space-between;
	margin-top: 1rem;
}
@media screen and (max-width: 510px){
	#agencementLogosIndex{
	flex-direction: column-reverse;
}
}
#agencementQualiopi{
	flex: 2;
}
@media screen and (max-width: 510px){
	#agencementQualiopi{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 0.5rem;
}
}
#agencementEni{
	display: flex;
	justify-content: flex-end;
	flex: 1;
}
#photoEtidiants{
	width: 100%;
}
#photoEtidiants img{
	width: 100%;
}
#blockDroit{
	display: flex;
	width: 100%;
	flex-direction: column;
	margin: 1rem 0rem 0rem 0rem;
	background-color: #1abc9c;
	padding: 1rem;
	color: #fff;
}
#imgqualiotpi{
	height: 200px;
	width: 300px;
}
#imgeni{
	height: 200px;
}
@media screen and (max-width: 920px){
#imgeni{
	height: 175px;
}}
@media screen and (max-width: 710px){
#imgqualiotpi{
	width: 200px;
	height: 133px;
}
#imgeni{
	width: 200px;
	height: 125px;
}}
@media screen and (max-width: 510px){
	#agencementEni{
		display: flex;
		justify-content: center;
	}
#imgeni{
	width: 119px;
	height: 87px;
}}
#agencementBlockDroit{
	display: flex;
	justify-content: center;
}
@media screen and (max-width: 610px){
	#agencementBlockDroit{
		justify-content: space-around;
	}
}
#texteInscription{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	text-align: center;
}
#lienJoin{
	height: 100%;
	margin-top: 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
#mobiliteReduite{
	color: #d14424;
	display: flex;
	align-items: center;
	width: 100%;
}
@media screen and (max-width: 510px){
	#mobiliteReduite{
		flex-direction: column;
	}
}
#mobiliteReduite img{
	height: 50px;
	width: 50px;
	margin-right: 0.5rem;
}
.lienCentre{
	display: flex;
	justify-content: center;
}
.agencementLiensAdmin{
	display: flex;
	flex-direction: column;
	margin-top: 1rem;
}
@media screen and (max-width:700px){
	.agencementLiensAdmin{
	margin-top: 4rem;
	}
}
.agencementLiensAdmin a {
	width: 310px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lienSuppresionAdmin{
	margin-top: 0.5rem;
	color: #fff;
	background-color: #b51313;
	padding: 0.3rem 1rem;
}
.lienSuppresionAdmin:hover{
	background-color: #f08383;
	color: #fff;
}
.lienModificationsAdmin{
	color: #fff;
	background-color: #079c7a;
	padding: 0.3rem 1rem;
}
.lienModificationsAdmin:hover{
	background-color: #77d7c1;
	color: #fff;
}
#imgFormationsLangue{
	height: 250px;
}


																							/*FIN index*/







																							/*connexion*/
@media screen and (max-width: 1000px){
	#formulaireConnexion{
		margin-top: 4rem;
	}
}
@media screen and (max-width: 700px){
	#formulaireConnexion{
		margin-top: 6rem;
	}
}

																							/*FIN connexion*/



                    				      						/*Footer*/

                    				      						/*FIN Footer*/



                    				      						/*menu hamburger*/
#menuToggle{
position: fixed;
top: 27px;
left: 10px;
z-index: 7;
-webkit-user-select: none;
user-select: none;
width: 100%;
}
@media screen and (min-width: 1001px){
  #menuToggle{  
  	display: none;
  }
}
#menuToggle a{
padding: 5px;
transition: .25s ease-in-out;
}
#menuToggle a:hover{
transition: .25s ease-in-out;
background-color: #cdc2c6;
}
#menuToggle input{
display: block;
width: 40px;
height: 32px;
position: absolute;
top: -7px;
left: -5px;
cursor: pointer;
opacity: 0;
z-index: 7;
-webkit-touch-callout: none;
}
#menuHamb{
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
width: 100%;
margin: -168px 0px 0px -10px;
padding-top: 125px;
padding-bottom: 1rem;
list-style-type: none;
-webkit-font-smoothing: antialiased;
/* to stop flickering of text in safari */
transform-origin: 0% 0%;
transform: translate(0, -100%);
transition: transform 0.5s;
line-height: 1.3;
font-size: 1.3rem;
background-color: #fff;
border-width: 1px;
border-color: #ce0000;
border-style: solid;
border-right-style: none;
border-left-style: none;
border-top-style: none;
}
#menuHamb a{
width: 100%;
text-align: center;
color: #636363;
}
@media screen and (max-width: 800px){
#menuHamb a{
font-size: 1.3rem;
}
}
#menuHamb a:hover{
-webkit-box-shadow:inset 0px 0px 0px 1px #ce0000;
-moz-box-shadow:inset 0px 0px 0px 1px #ce0000;
box-shadow:inset 0px 0px 0px 1px #ce0000;
background-color: #636363;
color: #e5e5e5;
}
#menuToggle input:checked ~ .ulHamburger{
transform: none;
}

/*Effet petites barres menu*/
#menuToggle span{
display: block;
width: 33px;
height: 4px;
margin-bottom: 5px;
position: relative;
background: #9d9d9d;
border-radius: 3px;
z-index: 6;
transform-origin: 4px 0px;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
      background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
      opacity 0.55s ease;
}
#menuToggle span:first-child
{
transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span
{
opacity: 1;
transform: rotate(45deg) translate(-2px, -1px);
background: #636363;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2)
{
transform: rotate(-45deg) translate(0, -1px);
}
@media screen and (max-width: 1000px) {
.menu{
display: none;
}
}
                    				      						/*FIN menu hamburger*/

                        										  /*Footer*/
#bandeauFooter{
width: 100%;
margin-top: 2rem;
border-width: 1px;
border-color: #9f9fa7;
border-style: solid;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
background-color: #f8f8f8;
/*background: linear-gradient(to right, white, #f8f8f8, white);*/
}
@media screen and (max-width: 550px){
	#bandeauFooter{
		font-size: 0.8rem;
	}
}
#CGU{
	color: #636363;
	display: flex;
	justify-content: space-between;
	padding: 0.5rem 1rem 0.5rem 1rem;
}
@media screen and (max-width: 420px){
	#CGU{
	padding: 0.5rem 0.3rem 0.5rem 0.3rem;
}
}
#divDev{
	text-align: right;
}
@media screen and (max-width: 390px){
	#divDev{
	font-size: 0.7rem;
}
}

                       											   /*Fin Footer*/


                       											   /* a revoir si il n'y a rien en trop */
                       							  			  /*formulaire contact*/

.formulaire_contact{
  font-size: 1.2rem;
  padding: 1rem 0rem 1rem 0rem;
  display: flex;
	justify-content: center;
	width: 100%;
}
@media screen and (max-width: 1200px){
	.formulaire_contact{
		justify-content: center;
	}
}
.formulaire_contact form{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50rem;
}
.labelFormulaire{
	margin-top: 1rem;
}
@media screen and (max-width: 610px){
	.labelFormulaire{
	font-size: 1.1rem;
}
}
@media screen and (max-width: 410px){
	.labelFormulaire{
	font-size: 1rem;
}
}
.autreContact{
flex:4;
font-size: 1.3rem;
margin-bottom: 1rem;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 1rem;
text-align: center;
}
.autreContact p{
  margin-bottom: 1rem;
}
@media screen and (max-width: 500px){
  .autreContact p{
font-size: 1rem;
}
}
.inputedit{
  width: 100%;
  padding:0.5rem;
  border-width: 1px;
  border-color: #1d1d1d;
  border-style: solid;
  background-color: #c0c0c0;
  color:#0d0c0c;
}
.inputedit::placeholder{
	color: #fff;
	font-weight: bold;
}
@media screen and (max-width: 610px){
	.inputedit::placeholder{
	font-size: 1.1rem;
}
}
@media screen and (max-width: 410px){
	.inputedit::placeholder{
	font-size: 12px;
}
}

#valider{
  cursor: pointer;
  transition: .25s ease-in-out;
  color: #636363;
  margin-top: 1.5rem;
  padding:0rem 0.7rem 0rem 0.7rem;
  height: 2rem;
  font-size: 1.3rem;
  font-weight: bold;
  background-color: #c0c0c0;
}
@media screen and (max-width: 480px){
#valider{

  font-size: 1.1rem;
}}
#valider:hover{
  transition: .25s ease-in-out;
  color: #fff;;
  background-color: #636363;
}
#textareamessage{
  padding:0.5rem;
  color:#0d0c0c;
  min-height: 10rem;
}

.formulaire_contact form ul li{
  text-align: center;
}
.asterisque{
  color:#c50303;
}
.error{
  color:#ec5f66;
}
.titre_form{
		font-size: 30px;
		font-weight: bold;
}
@media screen and (max-width: 1000px){
.titre_form{
  font-size: 1.2rem;
}}
#agencementContact{
	display: flex;
			flex-direction: column;
		justify-content: center;
		align-items: center;
	color: #636363;
	background-color: #f8f8f8;
	padding: 0rem 2rem;
	width: 100%;
}

#coordonees{
	display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-right: 0rem;
		padding-top: 0rem;
}

@media screen and (max-width: 1050px){
	#coordonees{
font-size: 16px;
}
}

@media screen and (max-width: 1200px){
	#coordonees span{
		margin:	0.5rem 1rem 0rem 0rem;
}
}
@media screen and (max-width: 710px){
	#mapTel iframe{
		width: 30rem;
}
}
@media screen and (max-width: 610px){
	#mapTel iframe{
		width: 25rem;
}
}
@media screen and (max-width: 510px){
	#mapTel iframe{
		width: 20rem;
}
}
@media screen and (max-width: 410px){
	#mapTel iframe{
		width: 16rem;
}
}


@media screen and (max-width: 1200px){
#coordonees iframe{
display: none;
}
}
#mapTel{
	margin: auto;
	margin-bottom: 1rem;
	display: block;
}

.texteContact{
	border-radius: 10px;
	width: 100%;
}
                          /*fin formulaire contact*/

                          /*Apercu Markdown et ajout formation*/
.notifications{
	display: flex;
	justify-content: center;
}
.titrePageCreation{
	display: flex;
	justify-content: center;
	margin: 2rem 0.5rem;
}
@media screen and (max-width: 1000px){
	.titrePageCreation{
		margin-top: 6rem;
	}
}
.libelePageCreation{
	display: flex;
	justify-content: center;
	margin: 0rem 0.5rem 0rem 0.5rem;
}
@media screen and (max-width: 550px){
	.libelePageCreation{
	font-size: 1rem;
}
}
#formulaireMarkdown form input.inputedit{
	text-align: center;
	margin-bottom: 2rem;
}
#formulaireMarkdown{
  font-size: 1.2rem;
  padding: 1rem 0rem 1rem 0rem;
	width: 70%;
}
@media screen and (max-width: 1400px){
	#formulaireMarkdown{
	width: 100%;
}
}
#formulaireMarkdown form{
	width: 100%;
}
.elementsFormulaireMarkdown{
	width: 100%;
	display: flex;
	justify-content: center;
}
/*#formulaireMarkdown form div{
	width: 100%;
	display: flex;
flex-direction: column;
}*/
#formulaireMarkdown .markItUpEditor{
	width: 100%;
}
.legendeMarkdown{
	display: flex;
	font-size: 1rem;
	flex-wrap: wrap;
}
.legendeMarkdown div{
	display: flex;
	align-items: center;
}
.boutonsLegende{
	min-width: 300px;
}
.legendeMarkdown p{
	margin-left: 0.3rem;
}
.legendeMarkdown img{
	height: 12px;
}
#previewSectionMarkdown{
	width: 100%;
	display: flex;
	justify-content: center;
}
.sectionMarkdown{
	width: 90%;
/*	padding: 0rem 12rem;*/
}
@media screen and (max-width: 710px){
	.sectionMarkdown{
		font-size: 1rem;
	}
}
@media screen and (max-width: 410px){
	.sectionMarkdown{
		font-size: 0.9rem;
	}
}
@media screen and (max-width: 500px){
	.sectionMarkdown{
		/*padding: 0rem 1.2rem;*/
	}
}
.sectionMarkdown h2{
	width: 100%;
	margin-bottom: 1rem;
	margin-left: -1rem;
	font-weight: bold;
	color: #3d3d3d;
}
@media screen and (max-width: 500px){
	.sectionMarkdown h2{
		margin-left: -0.5rem;
	}
}
.sectionMarkdown ul{
	padding: 0.3rem 1rem 0.3rem 1.5rem;
	width: 100%;
	background-color: #f8f8f8;
	border-radius: 10px;
	margin-bottom: 2rem;
}
.sectionMarkdown ul li{
	margin: 0rem 0.5rem;
	list-style-type: disc;
}
.sectionMarkdown h3{
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	color: #fff;
	background-color: #295497;
	border-radius: 25px;
	margin-top: 3rem;
	margin-bottom: 2rem;
}
.sectionMarkdown h4{
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	color: #fff;
	background-color: #1f7244;
	border-radius: 25px;
	margin-top: 3rem;
	margin-bottom: 2rem;
}
.sectionMarkdown h5{
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	color: #fff;
	background-color: #cd4f2f;
	border-radius: 25px;
	margin-top: 3rem;
	margin-bottom: 2rem;
}
.sectionMarkdown h6{
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	color: #fff;
	background-color: #006ec3;
	border-radius: 25px;
	margin-top: 3rem;
	margin-bottom: 2rem;
}
@media screen and (max-width: 850px){
	.sectionMarkdown h3{font-size: 1.4rem;}
	.sectionMarkdown h4{font-size: 1.4rem;}
	.sectionMarkdown h5{font-size: 1.4rem;}
	.sectionMarkdown h6{font-size: 1.4rem;}
}
@media screen and (max-width: 550px){
	.sectionMarkdown h3{font-size: 1.3rem;}
	.sectionMarkdown h4{font-size: 1.3rem;}
	.sectionMarkdown h5{font-size: 1.3rem;}
	.sectionMarkdown h6{font-size: 1.3rem;}
}
.sectionMarkdown p{
	padding: 0.3rem 0.5rem;
	width: 100%;
	background-color: #f8f8f8;
	border-radius: 10px;
	margin-bottom: 1rem;
	text-align: justify;
}


                          /*FIN Apercu Markdown et ajout formation*/
                          										/* Liste Formations*/
.paddingLeft12rem{
	padding-left: 12rem;
}
/*
.paddingListeFormations{
	padding: 0rem 18rem;
}*/
#tableauSatisfaction{
	display: flex;
	flex-direction: column;
	color: #fff;
	width: 100%;
	margin-top: 1rem;
	background-color: #295497;

}
.phraseSatisfaction{
	display: flex;
	width: 100%;
	justify-content: space-between;
	border: 1px white solid;

}
.phraseSatisfaction1{
	text-align: justify;
	flex: 1;
	padding: 0.3rem 0.5rem 0.3rem 0.5rem;
}
@media screen and (max-width: 710px){
	#tableauSatisfaction{
		font-size: 0.9rem;
	}
}
@media screen and (max-width: 510px){
	#tableauSatisfaction{
		font-size: 13px;
	}
}
.pourcentageSatisfaction{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #006ec3;
	width: 50px;
}
.lienFormations{
	display: flex;
	justify-content: center;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
}
.agencementListeFormationsWord{
	display: flex;
	border: 1px solid #295497;
	padding: 0.1rem;
	border-radius: 5px;
	/*background-color: #295497;*/
	color: #636363;
	margin-bottom: 1rem;
}
.largeurListeFormation{
	width: 85%;
}
@media screen and (max-width: 510px){
	.largeurListeFormation{
		width: 90%;
	}
}
/*@media screen and (max-width: 710px){
.largeurListeFormation{
	flex-direction: column;
	}
}*/
.agencementListeFormationsWord div img{
	width: 70px;
}
@media screen and (max-width: 510px){
	.agencementListeFormationsWord div img{
	width: 55px;
	height: 55px;
	}
}
.agencementListeFormationsExcel{
	display: flex;
	border: 1px solid #1f7244;
	padding: 0.1rem;
	border-radius: 5px;
	/*background-color: #1f7244;*/
	color: #636363;
	margin-bottom: 1rem;
}
.agencementListeFormationsExcel div img{
	width: 70px;
}
@media screen and (max-width: 510px){
	.agencementListeFormationsExcel div img{
	width: 55px;
	height: 55px;
	}
}
.agencementListeFormationsPower{
	display: flex;
	border: 1px solid #cd4f2f;
	padding: 0.1rem;
	border-radius: 5px;
	/*background-color: #cd4f2f;*/
	color: #636363;
	margin-bottom: 1rem;
}
.agencementListeFormationsPower div img{
	width: 70px;
}
@media screen and (max-width: 510px){
	.agencementListeFormationsPower div img{
	width: 55px;
	height: 55px;
	}
}
.agencementListeFormationsOutlook{
	display: flex;
	border: 1px solid #006ec3;
	padding: 0.1rem;
	border-radius: 5px;
	/*background-color: #006ec3;*/
	color: #636363;
	margin-bottom: 1rem;
}
.agencementListeFormationsOutlook div img{
	width: 70px;
}
@media screen and (max-width: 510px){
	.agencementListeFormationsOutlook div img{
	width: 55px;
	height: 55px;
	}
}
.agencementListeFormationsAutreFormations{
	display: flex;
	border: 1px solid #2d2755;
	padding: 0.1rem;
	border-radius: 5px;
	/*background-color: #006ec3;*/
	color: #636363;
	margin-bottom: 1rem;
}
.agencementListeFormationsAutreFormations div img{
	width: 70px;
}
@media screen and (max-width: 510px){
	.agencementListeFormationsAutreFormations div img{
	width: 55px;
	height: 55px;
	}
}
.agencementLogoListeFormations{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #f8f8f8;
	width: 250px;
}
@media screen and (max-width: 710px){
	.agencementLogoListeFormations{
	width: 150px;
	font-size: 0.8rem;
	}	
}
.agencementDetailsListeFormations{
	width: 100%;
	background-color: #f8f8f8;
	margin-left: 0.1rem;
	padding: 0.1rem;
}
@media screen and (max-width: 710px){
.agencementDetailsListeFormations{
	font-size: 1rem;
	}
}
@media screen and (max-width: 510px){
.agencementDetailsListeFormations{
	font-size: 12px;
	}
}
.TitreFormations{
	width: 100%;
	text-align: center;
	font-weight: bold;
}
@media screen and (max-width:610px){
	.TitreFormations{
		font-size: 0.9rem;
	}
}
@media screen and (max-width:510px){
	.TitreFormations{
		font-size: 12px;
	}
}
.DetailsListeFormations{
	padding: 0rem 1rem;
}
                          										/* FIN Liste Formations*/
																							/* Formation*/
@media screen and (max-width: 1000px){
	#titreGeneralPageFormation{
	margin: 6rem 0rem 2rem 0rem;
}
}
@media screen and (max-width: 510px){
	#detailsFormationsPagesFormation{
		font-size: 1rem;
	}
}
@media screen and (max-width: 410px){
	#detailsFormationsPagesFormation{
		font-size: 0.8rem;
	}
}
#agencementLienIconeFormations{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 2rem;
	font-size: 0.9rem;
	color: #636363;
	font-weight: bold;
	letter-spacing: 1px;
	/*position: sticky;
	top: 0px;
	background-color: #fff;*/
}
#agencementLienIconeFormations a{
	width: 92px;
}
#agencementLienIconeFormations img{
	width: 70px;
}
@media screen and (max-width: 610px){
	#agencementLienIconeFormations{
		font-size: 12px;
	}
	#agencementLienIconeFormations a{
		width: 103px;
	}
	#agencementLienIconeFormations img{
		width: 50px;
	}
}
@media screen and (max-width: 410px){
	#agencementLienIconeFormations{
		flex-wrap: wrap;
		justify-content: left;
	}
}
#agencementLienIconeFormations img:hover{
	transition: .25s ease-in-out;
	transform: scale(1.1);
}
.flexCenter{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.petitTraitSeparateurFormation {
  width: 150px;
  height: 3px;
  border-top: 5px solid;
}
.titrePageFormation{
	display: flex;
	flex-direction: column;
	width: 100%;
	/*text-align: center;*/
	margin: 3rem 0rem;
	padding: 0.3rem 0.2rem 0.4rem 0.2rem;
	font-size: 1.5rem;
	color: #0f1c5f;
	text-align: left;
	border-radius: 10px;
}
@media screen and (max-width: 510px){
	.titrePageFormation{
		font-size: 1.2rem;
	}
}
/*.couleurWord{
	color: #636363;
}*/
.titrePageFormation img{
	width: 100px;
}
@media screen and (max-width: 800px){
	.titrePageFormation img{
	width: 80px;
	height: 80px;
	}
}
@media screen and (max-width: 510px){
	.titrePageFormation img{
	width: 60px;
	height: 60px;
	}
}
.TitreWord{
	background-color: #295497;
}
.colorWord{
	color: #295497;
}
.colorExcel{
	color: #1f7244;
}
.colorPower{
	color: #cd4f2f;
}
.colorOutlook{
	color: #006ec3;
}
.colorAutreFormations{
	color: #2d2755;
}
.TitreExcel{
	background-color: #1f7244;
}
.TitrePower{
	background-color: #cd4f2f;
}
.TitreOutlook{
	background-color: #006ec3;
}
.TitreAutreFormations{
	background-color: #2d2755;
}
.divImgLogo{
	display: flex;
	margin: 0.5rem 0.2rem 0rem 0.2rem;
	padding: 0.2rem;
	background-color: #f8f8f8;
	border-radius: 15px;
}
@media screen and (max-width: 710px){
	.divImgLogo{
		align-items: center;
	}
}
.agencementDetailsLogo{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	font-size: 1.2rem;
}
@media screen and (max-width: 920px){
	.agencementDetailsLogo{
		font-size: 1rem;
	}
}
@media screen and (max-width: 710px){
	.agencementDetailsLogo{
		flex-direction: column;
		justify-content: space-around;
	}
}
@media screen and (max-width: 610px){
	.agencementDetailsLogo{
		font-size: 13px;
	}
}
@media screen and (max-width: 510px){
	.agencementDetailsLogo{
		font-size: 12px;
	}
}
/*.largeurBoutonsLiensFormations{
	display: inline-block;
	width: 170px;
}*/
.detailsLogo{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 90%;
}
@media screen and (max-width: 710px){
	.detailsLogo{
		height: auto;
	}
}

.detailsLogo div{
	margin:0rem 2rem;
}
@media screen and (max-width: 610px){
	.detailsLogo div{
	margin:0.3rem 0.5rem;
	}
}
.agencementDetailsLogo div a{
	margin-right: 2rem;
}
@media screen and (max-width: 710px){
	.agencementDetailsLogo div a{
	margin-right: 0rem;
	}
}
/*
h2{
	width: 100%;
	margin-bottom: 1rem;
	margin-left: -2rem;
	font-weight: bold;
	color: #3d3d3d;
}

.encadreDetailsFormation{
	margin-left: 3rem;
	margin-right: 3rem;
	margin-bottom: 2rem;
	padding: 0.3rem 1rem;
	width: 100%;
	background-color: #f8f8f8;
	border-radius: 10px;
}



h3{
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	color: #fff;
	background-color: #295497;
	border-radius: 25px;
	margin-top: 1rem;
	margin-bottom: 2rem;
}*/
																							/*FIN Formation*/