body{font-family:'Arial', 'Helvetica', 'Verdana', sans-serif;position:relative;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1{font-size:10%;}
h6.upper{text-transform:uppercase;}
#tracking1 { margin-top:-10px; color:yellow; text-align:center; }
#tracking2 { margin-top:8px; color:#8FBCFF; text-align:center; }
img{max-width:100%;height:auto;}
#signature { text-align: center; margin-top:10px; }
ul,ol{list-style:none;}
section{padding:45px 0 40px 0;}
section .heading{text-align:center;padding-bottom:10px;}
section .heading-photos{text-align:center;color:#fff;}
section .heading h5{text-transform:uppercase;}
section .heading h4{text-transform:uppercase;}
.text-blue{color:#06f;margin-top:5px;}
.blue-divider{width:100px;height:2px;background:#000080;margin:0 auto;}
.white-divider{width:100px;height:2px;background:#fff;margin:0 auto;}
.navbar{background:#06f;font-size:.8em;letter-spacing:4px;text-transform:uppercase;font-weight:bold;padding:0;border-bottom:1px solid #fff !important;}
.navbar .navbar-nav{float:none;vertical-align:top;margin:auto;}
.navbar .navbar-collapse{text-align:center;}
.navbar-nav li a{color:#fff !important;}
.nav-link{padding:0;}
.navbar-nav .nav-item .nav-link:hover,.nav-link.active{color:#06f !important;background-color:#fff !important;}
.navbar-toggler-icon{background-image:url('../images/toggler.webp') !important;}
.navbar-toggler{position:relative;z-index:1111;height:62px;display:block;width:38px;padding:3px 5px;cursor:pointer;}
#nav-content ul li a{padding:16px 14px;border-radius:0;}
.timeline-principal{position:relative;overflow:hidden;}
.timeline-principal:before{content:'';width:10px;height:80%;border-right:8px dotted #002c66;position:absolute;top:18px;left:50%;transform:translateX(-50%);}
.timeline-principal .timeline{width:50.1%;float:right;padding:10px 100px 10px 50px;position:relative;}
.timeline-principal .timeline:before{content:'';width:30px;height:30px;border-radius:50%;background:#fb2200;border:5px solid #fff;box-shadow:0 0 0 3px #fb2200;position:absolute;top:25px;left:-13px;}
.timeline-principal .timeline-diplome{display:block;position:relative;}
.timeline-principal .timeline-diplome:hover{text-decoration:none;}
.timeline-principal .diplome{display:inline-block;padding:10px 35px 10px 25px;margin:0 0 10px 0;border:3px solid #fff;border-radius:25px 25px 25px 0;background:#fb2200;box-shadow:0 0 0 3px #fb2200;font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;position:relative;}
.timeline-principal .info-diplome{padding:10px;font-size:15px;color:#fff;background-color:#0058db;border-radius:8px;letter-spacing:1px;margin:0 0 5px 0;}
.timeline-principal .timeline:nth-child(2n){float:left;padding:10px 50px 10px 100px;}
.timeline-principal .timeline:nth-child(2n):before{left:auto;right:-15px;}
.timeline-principal .timeline:nth-child(2n) .timeline-diplome{text-align:right;}
.timeline-principal .timeline:nth-child(2n) .diplome{padding:12px 25px 12px 60px;border-radius:25px 25px 0 25px;}
.timeline-principal .timeline:nth-child(2n):before,.timeline-principal .timeline:nth-child(2n) .diplome{background:#018e8f;box-shadow:0 0 0 3px #018e8f;}
.timeline-principal .timeline:nth-child(3n):before,.timeline-principal .timeline:nth-child(3n) .diplome{background:#0062b0;box-shadow:0 0 0 3px #0062b0;}
.timeline-principal .timeline:nth-child(4n):before,.timeline-principal .timeline:nth-child(4n) .diplome{background:#e68a00;box-shadow:0 0 0 3px #e68a00;}
#welcome{padding-top:100px;background:#06f;}
.profile-picture{text-align:center;margin:0 auto;float:none;}
#welcome .heading h2{color:#fff;text-transform:uppercase;}
#welcome .heading h4{color:#001d42;}
.button1{font-weight:bold;text-transform:uppercase;color:white;border:1px solid white;display:inline-block;margin-top:2px;padding:9px 40px;border-radius:3px;transition:all .3s ease-in 0s;}
.heading a{text-decoration:none;}
.button1:hover{background:white;color:#06f;text-decoration:none;}
#skills{background:#fff;}
#skills .heading h4{color:#06f;}
#skills .progress{height:40px;margin:30px 20px;backface-visibility:visible;}
#skills .progress .blue{background:#06f;}
#skills .progress .grey{background:#ccc;}
#skills .progress h6{text-shadow:1px 1px 1px #000;}
#certificates{background:#06f;}
#certificates .heading h4{color:#fff;}
#writing{background:#fff;}
#writing .heading h4{color:#06f;}
.writing-block{width:95%;margin:0 auto;text-align:center;padding:30px;background:#ddd;border-radius:7px;border:2px solid #ccc;margin-bottom:20px;box-shadow:8px 8px 12px #999;}
.writing-block h6{color:#888;font-size:15px;margin-bottom:15px;}
.writing-block .glyphicon{font-size:40px;}
.writing-block h4{color:#06f;}
.writing-block h5{margin-bottom:20px;}
.writing-block p{font-weight:bold;}
.writing-block .blue-divider{margin-bottom:20px;}
#logo_up {position:absolute;left:40px;}
footer{background:#333;padding:10px 0 22px;}
footer .glyphicon-chevron-up{font-size:35px;margin:20px;color:#06f;height:30px;}
footer .glyphicon-chevron-up:hover{font-size:40px;}
footer .glyphicon-copyright-mark{font-size:15px;color:#ccc;}
footer h6{color:#fff;font-weight:normal;}
footer h5{color:#fff;font-weight:normal;}
.heading{text-align:center;margin-bottom:30px;}
#contact{text-transform:uppercase;font-size:1.6em;font-weight:bold;color:#06f;margin:20px;}
#tableau a{text-decoration:none;font-size:1.2em;color:#fff;}
#tableau a:hover{text-decoration:none;font-size:1.2em;color:#ffa500;}
#contact-form{font-size:20px;background-color:#ccc;padding:40px;border-radius:10px;color:#333;box-shadow:8px 8px 12px #999;}
#foot{text-align:center;color:#c6e2ff;font-size:1.1em;}
.form-control{height:40px;font-size:18px;}
#contact-form input[type=submit]{margin:10px auto 0;display:block;}
#contact-form input[type=text],#contact-form textarea{border-style:solid;border-width:1px;border-color:#999;}
.comments{font-size:18px;color:#d82c2e;height:25px;}
#contact-form .thank-you{text-align:center;margin-top:15px;font-weight:bold;font-size:22px;}
.button{border:1px solid #ddd;background:#06f;color:#fff;width:100%;font-weight:bold;text-transform:uppercase;padding:18px;border-radius:5px;transition:all .3s ease-in 0s;}
.button:hover{background:#ff1a1a;}
.formul{background:#fff;}
.alignement{text-align:center;}
.glyphicon-search,.glyphicon-pencil{font-size:30px;color:#06f;}
.glyphicon-envelope{font-size:30px;color:#06f;}
.glyphicon-globe{font-size:30px;color:#06f;}
.glyphicon-info-sign{color:#aaa;font-size:15px;margin-bottom:8px;}
.glyphicon-share-alt{color:#ccc;font-size:15px;}
.glyphicon-download-alt{font-size:20px;}
.glyphicon-arrow-left{color:#06f;text-shadow:none;text-align:left;}
.white{font-weight:normal;color:white;}
.red{font-weight:normal;color:red;}
.grey{color:#777;}
.gris{color:#aaa;}
.marg{margin-top:15px; }
.bckgrd{background-color:#c2ceff;border-radius:5px;padding:10px;}
#photos{background:#06f;}
#photos .heading h3{color:#fff;}
.carousel-control.left,.carousel-control.right{background-image:none;color:#fff;}
.carousel-indicators [data-bs-target]{background-color:#fff;border-width:1px;border-color:black;opacity:1;width:10px;height:10px;border-radius:50%;}
.carousel-indicators{bottom:0;}
.carousel-indicators .active{background-color:#f00;border-width:1px;border-color:black;}
#myCarousel .carousel-item h4{color:#000;font-style:normal;text-shadow:2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
#myCarousel img{margin:auto;border-radius:4px;border:2px solid white}
table{border:0;}
.td{min-width:50px;padding-right:10px;}
#foot_grey{color:#888;}
.foot-logo{position:relative;left:120px;width:40px;height:40px;margin-bottom:10px;margin-left:-55px;}
#logo{margin-bottom:10px;}
#addr{display:none;}
#jet{display:none;}
#formations{background:#b2ccff;}
#formations .heading h4{color:#06f;}
.form-block{width:95%;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px;text-align:center;padding:30px 30px 15px;background:#b2ccff;border-radius:7px;border:2px solid #06f;box-shadow:8px 8px 12px #7aa7ff;}
.certif-1{width:65px;margin-top:10px;margin-right:10px;}
.certif-2{width:90px;margin-top:10px;}
#mess{position:relative;}
span.counterBlockGrey{position:absolute;right:2%;top:-1.5%;width:4rem;height:1.7rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-family:sans-serif,verdana;color:#ddd;background:#555;border-radius:6px;}
span.counterBlockRed{position:absolute;right:2%;top:-1.5%;width:3rem;height:1.7rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-family:sans-serif,verdana;color:#fff;background:#f00;border-radius:6px;}
span.counterBlockOverflow{position:absolute;right:2%;top:-1.5%;width:12rem;height:1.7rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-family:sans-serif,verdana;color:#fff;background:#f00;border-radius:6px;}
.margin-jpg{margin:49px 0;}
.marge-info{margin-top:-5px;}
#shadow{box-shadow:6px 6px 2px 1px rgba(0, 0, 255, .1);}
#shadow:hover{box-shadow:6px 6px 2px 1px rgba(255, 0, 0, .1);}
.timeline-principal{position:relative;overflow:hidden;}
.timeline-principal:before{content:'';width:10px;height:80%;border-right:8px dotted #002c66;position:absolute;top:18px;left:50%;transform:translateX(-50%);}
.timeline-principal .timeline{width:50.1%;float:right;padding:10px 100px 10px 50px;position:relative;}
.timeline-principal .timeline:before{content:'';width:30px;height:30px;border-radius:50%;background:#fb2200;border:5px solid #fff;box-shadow:0 0 0 3px #fb2200;position:absolute;top:25px;left:-13px;}
.timeline-principal .timeline-diplome{display:block;position:relative;}
.timeline-principal .timeline-diplome:hover{text-decoration:none;}
.timeline-principal .diplome{display:inline-block;padding:12px 55px 12px 25px;margin:0 0 10px 0;border:3px solid #fff;border-radius:25px 25px 25px 0;background:#fb2200;box-shadow:0 0 0 3px #fb2200;font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;position:relative;}
.timeline-principal .info-diplome{padding:15px;font-size:15px;color:#fff;background-color:#0058db;border-radius:8px;letter-spacing:1px;margin:0 0 5px 0;}
.timeline-principal .timeline:nth-child(2n){float:left;padding:10px 50px 10px 100px;}
.timeline-principal .timeline:nth-child(2n):before{left:auto;right:-15px;}
.timeline-principal .timeline:nth-child(2n) .timeline-diplome{text-align:right;}
.timeline-principal .timeline:nth-child(2n) .diplome{padding:12px 25px 12px 60px;border-radius:25px 25px 0 25px;}
.timeline-principal .timeline:nth-child(2n):before,.timeline-principal .timeline:nth-child(2n) .diplome{background:#018e8f;box-shadow:0 0 0 3px #018e8f;}
.timeline-principal .timeline:nth-child(3n):before,.timeline-principal .timeline:nth-child(3n) .diplome{background:#0062b0;box-shadow:0 0 0 3px #0062b0;}
.timeline-principal .timeline:nth-child(4n):before,.timeline-principal .timeline:nth-child(4n) .diplome{background:#e68a00;box-shadow:0 0 0 3px #e68a00;}
@media screen and (max-width: 1200px){.timeline-principal .diplome{font-size:18px;padding-left:10px;}
.timeline-principal .timeline:nth-child(2n) .diplome{padding-right:10px;}}
@media screen and (max-width: 990px){.timeline-principal .timeline,.timeline-principal .timeline:nth-child(2n){padding:10px 50px;}}
@media screen and (max-width: 767px){.timeline-principal:before{left:20px;}
.timeline-principal .timeline,.timeline-principal .timeline:nth-child(even),.timeline-principal .timeline:nth-child(odd){width:100%;float:none;padding:10px 50px 10px 55px;}
.timeline-principal .timeline:before,.timeline-principal .timeline:nth-child(2n):before{left:5px;}
.timeline-principal .timeline:nth-child(2n) .timeline-diplome{text-align:left;}
.timeline-principal .timeline:nth-child(2n) .diplome{padding:12px 55px 12px 10px;border-radius:25px 25px 25px 0;}}
@media screen and (max-width: 479px){.timeline-principal .timeline,.timeline-principal .timeline:nth-child(2n){padding:10px 0 10px 55px;}}
div.container1{position:relative;}
div.container1 h6{position:absolute;top:50%;transform:translate(0, -50%);margin-left:auto;margin-right:auto;left:0;right:0;text-align:center;}
.nonante { width:90%; }
.quatrevingt { width:80%; }
.septante { width:70%; }
.trente  { width:30%; }
.vingt { width:20%; }
.dix { width:10%; }
.quatre-vingt-cinq { font-size:85%; }
.image-textarea { background-image:url(../images/textarea.png);background-position:right;background-repeat:no-repeat;background-size:contain; height: 114px; }

/* Pour les écrans de moins de 768px (typique pour les smartphones) */
@media (max-width: 1024px) {
    .image-1 { content: url('images/01-small.webp'); /* Remplace l'image par une version plus petite */  }
    .image-eccpt { content: url('images/eccpt-small.webp'); /* Remplace l'image par une version plus petite */  }
    .image-ejpt { content: url('images/eJPT-small.webp'); /* Remplace l'image par une version plus petite */  }
}