.grid2 figure h1 span {
  text-shadow: 2px 2px 4px #999;
}

h2 {
	letter-spacing: 0.5px;
	font-family: "Aquatico", Helvetica, Arial, sans-serif;
	color: #DA0710;
	text-align: center;
	font-size: 21px;
	line-height: 30px;
}

.vert {
	font-weight: bold;
	color: #26aa92;
}
.vert2 {
	font-weight: bold;
	color: #26aa92;
	font-size: 16px;
}
.rouge3 {
  font-weight: bold;
  color: #DA0710;
  font-size: 16px;
}
.strong-formation {
  font-weight: bold;
  font-size: 16px;
}

.couvrance-assistance {
	object-fit: cover;
	object-position: 0px 0px;
}

.grayscale2-cover {
	object-fit: cover;
	filter: grayscale(75%);
}

.schema-item-v:nth-child(2n+1) .vertical#align-center {
	padding-bottom: 35px;
}

.schema-item-v:nth-child(2n) .vertical#align-center2 {
  padding-top: 20px;
}
.vertical {
  display: flex;
  align-items: normal;
  text-align: right;
  z-index: 1;
  position: relative;
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 18px;
  padding-right: 18px;
  min-height: 90px;
}
.schema-item-v:nth-child(2n+1) .vertical {
  display: flex;
  flex-direction: column;
}

.schema-item-v:nth-child(2n) .vertical#redirection {
  display: block;
}

.schema-item-v:nth-child(2n) .vertical#redirection a {
  white-space: nowrap;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
}
.schema-item-v:nth-child(2n) .vertical#redirection a:hover {
  text-decoration: underline;
}
.vertical img {
  margin-top: 3px !important;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: auto;
  margin-bottom: -8px !important;
}

#image-verp  {
  line-height: 35px;
  padding-bottom: 0px;
}

.section-rouge::after,
.section-verte::after {
  content: "";
  display: table;
  clear: both;
}
.section-rouge-verte {
  width: 80%;
  margin-left:10%;
  margin-right:10%;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 25px;
  font-size: 15px;
  font-family: 'Baloo2', Helvetica, Arial, sans-serif;
  display: flex; 
  justify-content: center;
}	 

.colonnes {
  column-count: 2; 
  column-gap: 22px;
  display: flex;
  width: 100%; 
  max-width: 600px;
}	 
    
.section-rouge-verte h2 {
  font-size: 18px;
  color: #26aa92;
}		  
.section-rouge-verte p a {
  column-count: 3; 
  column-gap: 40px; 
  text-align: center;
}  
  
.colonnes a {
  display: block; 
  width: 50%; 
  text-align: center; 
  padding: 15px; 
  text-decoration: none;
  box-sizing: border-box; 
}

.btn-vert:first-child {
  border-radius: 10px;
  background-color: #DA0710;
  color: white;
  margin-right: 5px; /* Ajoute un peu d'espace à droite du premier bouton */
  height: 44px;
  padding-top: 10px;
  min-width: 282px;
}

.btn-vert:first-child:hover {
  background-color: #26aa92;
}

.btn-vert:last-child {
  margin-left: 5px;	
  border-radius: 10px;
  background-color: #DA0710;
  color: white;
  height: 44px;
  padding-top: 10px;
  min-width: 282px;
}

.btn-vert:last-child:hover {
  background-color: #26aa92;
}

.section-rouge-verte a {
  color: #333;
  font-family: 'Baloo2', Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
  font-weight: bold;
  white-space: nowrap;
}	    
.section-rouge {
  width: 80%;
  margin-left:10%;
  margin-right:10%;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 5px solid #DA0710;
  border-radius: 25px;
  font-size: 15px;
  font-family: 'Baloo2', Helvetica, Arial, sans-serif;
}	
.section-rouge2 {
  width: 74%;
  margin-left:13%;
  margin-right:13%;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 5px solid #DA0710;
  border-radius: 25px;
  font-size: 15px;
  font-family: 'Baloo2', Helvetica, Arial, sans-serif;
}	  
.section-verte {
  width: 80%;
  margin-left:10%;
  margin-right:10%;
  margin-top: 50px;
  margin-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: 5px solid #26aa92;
  border-radius: 25px;
  font-size: 15px;
  font-family: 'Baloo2', Helvetica, Arial, sans-serif;
}	
.section-verte2 {
  width: 74%;
  margin-left:13%;
  margin-top: 50px;
  margin-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: 5px solid #26aa92;
  border-radius: 25px;
  font-size: 15px;
  font-family: 'Baloo2', Helvetica, Arial, sans-serif;
}	  
.section-rouge p,
.section-rouge2 p,
.section-verte p,
.section-verte2 p {
font-size: 15px;
font-family: 'Baloo2', Helvetica, Arial, sans-serif;
line-height: 30px;
text-align: justify;
}
.section-rouge ul li,
.section-rouge2 ul li,
.section-rouge ol li,
.section-rouge2 ol li,
.section-verte ul li,
.section-verte2 ul li,
.section-verte ol li,
.section-verte2 ol li {
font-size: 15px;
font-family: 'Baloo2', Helvetica, Arial, sans-serif;
line-height: 26px;
list-style: square;
}
.section-rouge a,
.section-rouge2 a,
.section-verte a,
.section-verte2 a {
text-decoration: none;
color: #26aa92 !important;
font-weight: bold;
}
.section-rouge a:hover,
.section-rouge2 a:hover,
.section-verte a:hover,
.section-verte2 a:hover {
text-decoration: underline;
}
.decalage-init {
margin-left: 40px;
margin-top: 2px;
margin-bottom: 0px;
padding: 0;
}
.decalage {
margin-left: 40px;
margin-top: -22px;
margin-bottom: 0px;
padding: 0;
}  
#formateurs-exceptions #dispositif-statut {
float: left;
clear: both;
width: 74%;
margin-left: 13%;
margin-right: 13%;
margin-bottom: 75px;
}
#formateurs-exceptions #dispositif-statut .section-rouge,
#formateurs-exceptions #dispositif-statut .section-verte {
width: 100%;
margin-left:0%;
margin-right:0%;
}	
#formateurs-exceptions #dispositif-statut ol li::marker {
font-weight: bold;
color: #333; 
font-family: "Baloo2", Helvetica, Arial, sans-serif; 
}

#formateurs-exceptions #processus {
margin-top: 95px;
padding-bottom: 80px;
}
#formateurs-exceptions #dispositif-statut h2.titre-schema {
margin-top: 50px;
}
#formateurs-exceptions #dispositif-statut .section-verte h2 {
  margin-top: 0px;
}
#formateurs-exceptions #dispositif-statut p {
line-height: 30px;
}
#formateurs-exceptions #dispositif-statut p.btn {
line-height: 28px;
}  
#lien-pdf-paypal,
#lien-pdf {
  width: 100%;
  text-align: center;
}
.btn {
background : #DA0710;
border-radius: 10px;
text-decoration: none;
margin-bottom: 0px;
height: 44px;
padding-top:8px;
}
.btn a, .btn a:hover {
color: white;	
font-weight: bold;
text-decoration: none;
}
.btn:hover {
  background : #26aa92;
  text-decoration: none;
}

.deplieur-header,
.deplieur-item span.title {
  font-size: 15.5px;
  line-height: 22px;
  font-family: 'Baloo2', Helvetica, Arial, sans-serif;
  padding-right: 20px;
}
 
/* Responsive */
@media (max-width: 1188px) {
  #formateurs-exceptions #processus {
    margin-left: -12%;
    width: 100%;
    min-width: 990px;
  }
}

@media (max-width: 1001px) {
  #formateurs-exceptions #dispositif-statut h2 {
    margin-top: 0px;
  }
   #formateurs-exceptions #processus {
    margin-left: -12%;
    width: 100%;
    min-width: 880px;
  }
}

@media (max-width: 919px) {
    #formateurs-exceptions #processus {
      margin-top: -20px;
	  padding-bottom: 0px;
      margin-bottom: -20px;
	  margin-left: auto;
	  min-width: 626px;
    }
	
	.section-rouge ul li,
    .section-rouge2 ul li,
    .section-verte ul li,
    .section-verte2 ul li {
	  line-height: 30px;
    }
    .schema-container {
      flex-direction: column;
      align-items: flex-start;
      gap: 40px;
      padding-left: 56px; /* espace pour la ligne et le cercle */
      padding-right: 0;
      position: relative;
      max-width: 100%;
    }
    .schema-container::before {
      content: '';
      position: absolute;
      left: 24px;
      top: 60px;
      width: 4px;
      height: calc(100% - 100px);
      background-color: #30bb98;
      z-index: 0;
    }
    .schema-item {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      text-align: left;
      width: 100%;
      position: relative;
      min-width: 0;
    }
    .schema-item::after {
      display: none;
    }
    .circle {
      margin-bottom: 5px;
      margin-left: -32px; /* centre le cercle sur la ligne verticale */
      z-index: 1;
    }
    .schema-label {
      position: static !important;
      left: auto !important;
      top: auto !important;
      bottom: auto !important;
      transform: none !important;
      margin-top: 10px !important;
      margin-bottom: 0 !important;
      min-width: 555px;
      max-width: 100%;
      width: 80%;
      box-sizing: border-box;
      background: #f6f6f6;
      border-radius: 8px;
      padding: 12px 18px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
      font-size: 15px;
      word-break: break-word;
      z-index: 1;
      display: block;
    }
}

@media (max-width: 898px) { 
  #formateurs-exceptions #dispositif-statut h2 {
	margin-top: 0px;
  }
  #formateurs-exceptions #processus {
    padding-bottom: 0px;
	margin-top: -10px;
	margin-left: 20px;
	width:80%;
	min-width:555px;
  }
  .schema-item-v:nth-child(2n+1) .vertical#align-center {
    padding-top: 32px;
  }
  .schema-item-v:nth-child(2n) .vertical#align-center2 {
    padding-top: 32px;
  }
  .schema-label {
    min-width: 464px;
  }
  .vertical {
    padding-top: 30px;
	min-width: 505px;
  }
  .schema-item-v:nth-child(2n+1) .vertical {
    padding-top: 18px;
  }

  .schema-item-v:nth-child(2n+1) .vertical#image-verp {
	padding-top: 12px;
  }    
  .vertical img {
    margin-top: 3px !important;
    margin-left: 0px;
    margin-bottom: 0px !important;/
  }
  #formateurs-exceptions #processus {
    margin-left: 20px;
  }
  #processus-agrement {
    margin-left: 11%;
  }
}

@media (max-width: 777px) {
  .section-rouge p, 
  .section-rouge2 p, 
  .section-verte p, 
  .section-verte2 p {
    text-align: left;
  }
}

@media (max-width: 707px) {
  .section-rouge-verte {
    width: 67%;
    margin-left: 16.5%;
    margin-right: 16.5%;
    justify-content: center;
} 
	
  .colonnes {
	flex-direction: column;
	column-count:1;
	gap:7px;
	width:86%;
	min-width: 343px;
    align-items: center;
	justify-content: center;
  }
  .btn-vert:last-child,
  .btn-vert:first-child {
	width:80%;
	margin-left: 0px;
	margin-right: 0px;
	min-width:232px;
	max-width: 383px;
	gap:0px;
  }
}
@media (max-width: 687px) {
  .schema-label {
    min-width: 404px;
  }
  .vertical {
    min-width: 464px;
  }
}

@media (max-width: 555px) {
  .grid2 figure h1 {
    padding-top: 55px;
  }	
  .grid2 figure h1 span {
	text-shadow: 2px 2px 4px #555;
  }
  figure.effect-apollo2:hover p {
	display: none;
  }
  .decalage-init,
  .decalage {
	margin-left: 5px;
  }
  .schema-label {
    min-width: 323px;
  }
  .vertical {
    min-width: 323px;
  }
  #formateurs-exceptions #processus {
    padding-bottom: 0px;
	margin-top: -10px;
	margin-left: 20px;
	width:80%;
	min-width:444px;
  }  
}

@media (max-width: 480px) {
 .colonnes {
    width: 303px;
  }
  .grid2 figure h1 {
    padding-top: 30px;
  }
  h2 {
	font-size: 18px;
  }
  .section-rouge p, 
  .section-verte p {
    text-align: left;
  }
  .section-verte2 ul li {
    margin-left: -15px;
	font-size: 14px;
	font-family: 'Baloo2', Helvetica, Arial, sans-serif;
  }   
  .vertical {
    min-width: 262px;
	padding-top: 10px;
  }
  
  .schema-item-v:nth-child(2n+1) .vertical {
    padding-top: 10px;
  }  
  .schema-item-v:nth-child(2n+1) .vertical#image-verp {
    padding-top: 10px;
  }  
  .schema-item-v:nth-child(2n) .vertical#align-center2{
    padding-top: 10px;
  }
  #formateurs-exceptions #processus {
    margin-left: -20px;
	min-width: 373px;
  }  
  .schema-label {
    min-width: 282px;
    text-align: left;
  }
  #formateurs-exceptions #dispositif-statut ol li ul li, 
  .deplieur-panel ol li ul li {
    text-align: left;
    margin-left: -55px;
  }
  .decalage-init,
  .decalage {
	margin-left: -10px;  
  }
}

@media (max-width: 393px) {
  .grid2 figure h1 {
	padding-top: 85px;
  }
  .grid2 figure figcaption  {
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 45px;
  }
  .grid2 figure h1 span {
	font-size: 16px;
  }
  figure.effect-apollo2 h1 {
    margin-top: 0px;
  }   
  #formateurs-exceptions #dispositif-statut p.btn {
	text-align: center;
	font-size: inherit;
  }
  #formateurs-exceptions #processus {
    margin-left: -40px;
	min-width:343px;
  }  
  .schema-label {
    min-width: 242px;
  }
  .vertical {
	min-width: 222px;
  }    
  .schema-container {
    padding-left: 36px;
    max-width: 80%;
  }
  .schema-container::before {
    left: 14px;
  }
  .schema-item {
    width: 80%;
  }  
}

@media (max-width: 323px) {
 #formateurs-exceptions #processus {
    margin-left: -30px;
    min-width: 282px;
  }
  #processus-agrement {
    margin-left: 2%;
  }
  .schema-label {
    min-width: 202px;
  }  
  .vertical {
    min-width: 198px;
  }  
  .btn-vert:last-child,
  .btn-vert:first-child {
	width:90%;
	min-width:232px;
	max-width:232px;
  }
}

/* Accessibilité */
.accessible-mode .section-rouge,
.accessible-mode .section-verte,
.accessible-mode .section-rouge ul li,
.accessible-mode .deplieur-panel ul li,
.accessible-mode .section-verte ul li,
.accessible-mode .deplieur-panel ol li,
.accessible-mode .section-rouge ol li,
.accessible-mode .section-verte ol li,
.accessible-mode .deplieur-panel p,
.accessible-mode .deplieur-panel p.source,
.accessible-mode .deplieur-panel p a,
.accessible-mode .deplieur-panel p a:hover,
.accessible-mode .deplieur-panel p.source a,
.accessible-mode .deplieur-panel p.source a:hover,
.accessible-mode #panel4 .deplieur-panel p.source,
.accessible-mode #panel4 p.source a,
.accessible-mode #panel4 .deplieur-panel p.source a:hover,
.accessible-mode .section-rouge p,
.accessible-mode .section-verte p {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}


