@charset "UTF-8";
.my-rd-navbar-brand{
    display:none;
}
@media (min-width: 992px) {
	.my-rd-navbar-brand{
		display:block;
	}
}

.mymenu{
    position:absolute; 
    text-align: right;
    top: 35px; 
    /*background-color:rgb(187, 225, 228);*/
    background-color:transparent;
    width:90%; 
    font-size:18px;
}

.my-nav-link{
    /*padding-left:10px; */
    padding-right:10px;
    color:rgb(34, 117, 122);
    font-weight:bold;
}
.my-nav-link:hover{
    color:rgb(37, 212, 224);
    text-decoration: underline;
}
.my-nav-link:active{
    text-decoration: underline;
}



.sec_menu{
    display:none; 
    text-align:center; 
    margin-top:60px; 
    margin-bottom:30px;
}

@media (min-width: 992px) {
	.sec_menu{
		margin-top:300px;
	}
}

.sec_menu_cons{
    display:none; 
    text-align:center; 
    margin-top:-350px; 
    margin-bottom:30px;
}
.sec_menu_cons_adm{
    display:none; 
    text-align:center; 
    margin-top:200px;
    margin-bottom:30px;
}

@media (min-width: 992px) {
	.sec_menu_cons{
		margin-top:-500px;
	}
}

.titre-sec-menu{
background-color:rgb(34, 117, 122);
color:white;
font-weight:bold;
text-transform: uppercase;
text-align:center;
margin:auto;
}
.titre-sec-menu h1{
    background-color:rgb(34, 117, 122);
    color:white;
    font-weight:bold;
    text-transform: uppercase;
    text-align:center;
    margin:auto;
    font-size:20px;
    }

.ss-titre-sec-menu{
    color:rgb(241, 152, 152);
    font-weight:bold;
    font-size:20px;
}
.ss-titre-sec-menu h2{
    color:rgb(241, 152, 152);
    font-weight:bold;
    font-size:20px;
}

.question-block{
    font-size:15px;
    color:rgb(34, 117, 122);
    margin:auto;
    margin-top:20px;
    width:90%;
    border-radius:10px 10px;
    padding:10px;
}

@media  (min-width: 992px) {
    .question-block{
        font-size:20px;
        color:rgb(34, 117, 122);
        margin:auto;
        margin-top:20px;
        width:70%;
        border-radius:10px 10px;
        padding:20px;
    }
}
.reponse-sec-menu{
    font-weight:bold;
    font-style:normal;
    color:rgb(221, 233, 233);
    margin:auto;
    margin-top:20px;
}

.encart-cycle{
    background-color:#80ebedff;  
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
    width:90%;
    border-radius:10px 10px;
    color:#058898ff;
    padding:10px;
}

@media (min-width: 992px) {
.encart-cycle{
    background-color:#80ebedff;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
    width:70%;
    border-radius:10px 10px;
    color:#058898ff;
    padding:15px;
}
}

.titre-encart-cycle{
    color:rgb(236, 83, 83); 
    font-weight:bold;
    font-size:30px;
}
.content-encart-cycle{
    margin:auto;
    margin-right:10px;
    margin-left:10px;
    margin-bottom:20px;
    font-weight:bold;
    font-size:20px;
    text-align:left;
    list-style-type:square;
}
.content-sec-menu-img{
    display:none;
    border:solid 4px rgb(53, 180, 187);
    border-radius:50%;
    width:70%;
}

@media (min-width: 992px) {
	.content-sec-menu-img{
		display:block;
	}
}
.content-sec-menu-right {
    width:70%;
    margin:auto;  
    margin-top:40px;  
}
.content-sec-menu-left {
    width:70%;
    margin:auto; 
    margin-top:40px;   
}
.titre-content-menu{
    color:rgb(34, 117, 122);
    font-size:20px;
    font-weight:bold;
}
.ss-titre-content-menu{
   color: rgb(47, 56, 56);
   font-weight:bold;
}
.content-content-menu{
    color: rgb(47, 56, 56);
}
.base-line-cycle{
    color: rgb(34, 117, 122);
    font-weight:bold;
    font-size:20px; 
    margin-top:30px;
}


.sec_toggle{
    display:none; 
    text-align:center; 
    margin-top:0px; 
    margin-bottom:30px;
}
.content-sec-toggle{
    width:70%;
    margin:auto;
    text-align:justify;
    padding:20px;
    background-color:rgb(229, 233, 233);
    color:rgb(47, 56, 56);
}

.img-toggle{
    width:70%;
}

.sec_menu_infos{    display:none; 
    text-align:center; 
    margin-top:-350px; 
    margin-bottom:30px;
}
.sec_menu_infos_adm{    display:none; 
    text-align:center; 
    /*margin-top:-350px; */
    margin-bottom:30px;
}
@media (min-width: 992px) {
	.sec_menu_infos{
		margin-top:-500px;
	}
}
.titre-infos{
background-color:rgb(34, 117, 122);
color:white;
font-weight:bold;
text-transform: uppercase;
text-align:center;
}
.titre-infos h1{
    background-color:rgb(34, 117, 122);
    color:white;
    font-weight:bold;
    text-transform: uppercase;
    text-align:center;
    font-size:20px;
    }
.ss-titre-infos{
    width:70%;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
    font-size:18px;
    background-color:rgb(53, 180, 187);
    color:white;
    font-weight:bold;
    text-align:center;
}
.ss-titre-infos h2{
    width:70%;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
    font-size:18px;
    background-color:rgb(53, 180, 187);
    color:white;
    font-weight:bold;
    text-align:center;
}
.base-line-tarif{
    text-align:left;
    font-style:italic;
    font-size:18px;
}
.content-infos-1{
    width:70%;
    margin:auto;
    margin-top:30px;
}
.content-infos-2{
   /*color:rgb(34, 117, 122);*/
    width:70%;
    margin:auto;
    margin-top:30px;
}
.content-localisation{
    font-size:15px;
    width:70%;
    background-color:rgb(229, 233, 233);
    margin:auto;
    margin-bottom:10px;
    margin-top:10px;
    padding-top:50px;
    height:300px;
}
.map-class{
    height:300px;
    width:80%;
}



.temoignage{
    background-color:rgb(229, 233, 233);
    margin: 10px;
    border:solid 1px  rgb(241, 152, 152);
    border-radius:10%; 
    color:rgb(47, 56, 56);
}
.temoin{
text-align:left;
margin-left:30px;
font-weight:bold;
}
.block-note-temoin{
    text-align:left;
    margin-left:30px;
}
.letemoignage-debut{
    margin-left:30px;
    margin-right:20px;
    font-style:italic;
}
.letemoignage-suite{
    margin-left:30px;
    margin-right:20px;
    font-style:italic;
}
.bouton-suite{
    text-decoration:underline;
}
.titre-reponse-tem{
    margin-top:10px;
    text-align:left;
    margin-left:30px;
    font-weight:bold;
}
.lareponse-debut{
    margin-left:30px;
    margin-right:20px
}
.lareponse-suite{
    margin-left:30px;
    margin-right:20px
}

.imgmeconnaitre{
    text-align:center;
    margin-top:20px;
}
.imgimgmeconnaitre{
    border-radius:50%;
}
.titre-meconnaitre{
    text-align:center;
    font-weight:bold;
    font-size:20px;
    color:rgb(34, 117, 122);
}
.content-meconnaitre1{
    color:rgb(34, 117, 122);
    width:70%;
    margin:auto;
    text-align:justify;
}
.pres-meconnaitre2{
    background-color:rgb(34, 117, 122);
    color:white;
    width:70%;
    margin:auto;
    margin-top:20px;
    text-align:justify;
}
.titre-meconnaitre-2{
    text-align:center;
    font-weight:bold;
    font-size:20px;
    color:white;
}
.content-meconnaitre2{
 margin:20px;
}

.parcours{
    width:80%;
    margin:auto;
    color:rgb(34, 117, 122);
    background-color:rgb(229, 233, 233);
}
.titre-parcours{
    text-align:center;
    font-weight:bold;
    font-size:20px;
    color:rgb(34, 117, 122);
}
.content-parcours{
    text-align:justify;  
    margin:10px; 
}
.enviecycle{
    width:80%; 
    margin:auto;
    border:solid 1px black;
    background-color:rgb(34, 117, 122);
    border-radius:20px;
}
.titre-enviecycle{
    text-align:center;
    font-weight:bold;
    font-size:20px;
    color:white;
}
.content-enviecycle{
    text-align:center;
    font-weight:bold;
    font-size:15px;
    color:rgb(241, 152, 152);
}

ul.leaders {
    font-size:20px;
    max-width: 40em;
    padding: 0;
    overflow-x: hidden;
    list-style: none}
ul.leaders li:after {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: #f0f5f8}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: #f0f5f8;
    position: relative;
    z-index: 1}


.time-item{
    font-size: 14px;
    color:grey;
}
.valid-admin{
    font-size:25px;
    border:none;
    font-style:normal;
}

.imgform{
    background:rgb(231, 167, 167);
    border:solid 2px black;
}
.recherche-input{
    height: 35px;
                    padding: 6px 12px;
                    background: rgba(155,155,155,0.05);
                    color: #4D1797;
                    border: 1px solid #ddd;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    -ms-border-radius: 4px;
                    border-radius: 4px;
                    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
                    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
                    -ms-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
                    box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
}
.titre-section{
    margin : auto;
    text-align:center;
    color:#122134ff;
    width:100%;
    font-size:30px;
    font-weight:bold;
    padding-top: 30px;
}
.titre-section h1{
    width:100%;
    margin : auto;
    text-align:center;
    color:#122134ff;
    font-size:30px;
    font-weight:bold;
}

.sstitre-section{
    margin : auto;
    margin-top:20px;
    margin-bottom:20px;
    text-align:center;
    color:#058898ff;
    font-size:23px;
    font-weight:bold;
    font-style:italic;
}
.texte-section{
    margin:auto; 
    margin-left:30px;
    color:rgb(34 117 122); 
    /*text-align:start;*/
    text-align: left;
    border:none; 
    padding:15px;
    padding-top:0px; 
    font-size:17px;
}

.mybutton1{
    background-color:#80ebedff; 
    color:#122134ff;
    margin:auto;
    border:none;
    margin-top:30px;
}
.mybutton2{
    background-color:#e1c473ff; 
    color:#502d16ff;
    margin:auto;
    border:none;
    margin-top:30px;
}
.t-btn-bas{
    color:#058898ff;
}
.t-btn-bas:hover{
    color:#122134ff;
}
.titrevignette{
    font-size:18px;
    font-weight:bold;
    line-height:15px;
    margin-top:10px;
}
@media (min-width: 992px) {
.titrevignette{
    font-size:18px;
    font-weight:bold;
    line-height:18px;
    margin-top:20px;
}
}
.textevignette{
    margin-top:10px;
    font-size:12px;
}
@media (min-width: 992px) {
    .textevignette{
        margin-top:20px;
        font-size:18px;
    }
}
.texte-consultation{
    font-size:12px;
    padding:15px;
}
@media (min-width: 992px) {
.texte-consultation{
    font-size:20px;
    padding:20px;
}
}
.texte-apropos{
    width:70%;
    margin:auto;
    padding:20px;
    display: inline-block;
    color:rgb(8, 67, 85);
    text-align:justify;
    font-size:20px;border-radius:10%;
    background-color:rgb(224, 235, 243);
    margin-bottom : 30px;
}
.myiframe{
    width:320px;
    height:800px;
}
@media (min-width: 992px) {
.myiframe{
    width:400px;
}
}
.section-lp1{
    /*background-color:white;*/
    background-color:#f0f5f8;
    margin-top:50px;
    display:block; 
    padding-bottom: 40px; 
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
}
.section-lp2{
    background-color:#fbf7ceff;
    margin-top:50px;
    display:block; 
    padding-bottom: 40px; 
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
}


/***********  INTERFACE ADMIN ***********************/

.menuadm{
    display: flex;              /* Transformation en flexbox */
    padding:0;                  /* Suppression des marges internes */
    background-color: #ccc;     /* Ajout de la couleur d'arrière-plan */
    justify-content: space-around;/* Alignements des liens dans le menu */
}
.menuadm li {
    list-style-type: none ;       /* Suppression des puces */
}
.men-item{
    display:block;                /* Transformation en block */
    min-width: 120px;             /* Largeur minimale des liens */       
    margin: 0.5rem;               /* Marges externes (1 valeurs = 4 directions) */
    padding: 0.4rem 0;            /* Marges internes (2 valeurs = haut/bas et gauche/droite)*/
    text-align: center;           /* Centrage du texte */   
    background-color: #1ABC9C;    /* Couleur d'arrière-plan */
    color: #fff;                  /* Couleur du texte */
    text-decoration: none;        /* Suppression du soulignement */
    border: 1px solid #fff;       /* Ajout d'une bordure */
    border-radius: 4px;           /* Arrondis des bordures */
    transition: all 1s ;          /* Ajout des effets de transition */
}
.men-item:hover {
    background-color: #ed2794;
    color: #ffe843;
    border-color: #ffe843;
  }
.men-item.active {    
    background-color: #000 ; 
    color: #1ABC9C ;
    border-color: #1ABC9C ;
}
.menuadm a {
    display:block;                /* Transformation en block */
    min-width: 120px;             /* Largeur minimale des liens */   
    
    margin: 0.5rem;               /* Marges externes (1 valeurs = 4 directions) */
    padding: 0.4rem 0;            /* Marges internes (2 valeurs = haut/bas et gauche/droite)*/
    text-align: center;           /* Centrage du texte */   
    background-color: #1ABC9C;    /* Couleur d'arrière-plan */
    color: #fff;                  /* Couleur du texte */
    text-decoration: none;        /* Suppression du soulignement */
    border: 1px solid #fff;       /* Ajout d'une bordure */
    border-radius: 4px;           /* Arrondis des bordures */
    transition: all 1s ;          /* Ajout des effets de transition */
}
.menuadm a:hover {
    background-color: #ed2794;
    color: #ffe843;
    border-color: #ffe843;
  }
.menuadm a.active {    
    background-color: #000 ; 
    color: #1ABC9C ;
    border-color: #1ABC9C ;
}
.menuadm a:hover,
.menuadm a:hover.active{
  background-color: #ed2794;
  color: #ffe843;
  border-color: #ffe843;
}
.citation{
    margin:auto;
    margin-top: 70px;
    padding-top:20px;
    height:80%;
    width:70%;
    /*border:dashed 1px rgb(10, 104, 33);*/
    color: rgb(4, 63, 60);
    /*background-color:rgb(255,255,255);*/
    background-color:transparent;
    font-weight:bold;
    font-style:italic;
    font-size:25px;
    /*border-radius:10px;*/
}

.trix-button--icon-quote,
.trix-button--icon-link,
.trix-button--icon-strike,
.trix-button--icon-heading-1,
.trix-button--icon-attach,
.trix-button-icon--code,
.trix-button-group--file-tools{
  display: none;
}