@media screen and (max-width: 768px) {
    .my-main-content {
	height: calc(100% - 70px);
    }
    .my-menu {
	height: 70px;
    }
    .h-100-md {
	height: 100%;
    }

    /* RUBAN GENERAL */
    .logo {
    margin: 0;
    max-height: 6em;
    max-width: 6em;
    }
    .imglogo{
    max-height: 6em;
    max-width: 6em;
    }

    /*Ruban descripteurs*/
    .NomDescripteurs {
       font-size: 2.5em;
       text-align: center; 
    }
    .Typemodal {
    font-size: 0.9em;
    font-style: italic;
    text-align: center; 
    }
    .textdescripteurs {
    font-size: 0.9em;
    text-align: center;
    }

    /*Ruban MP*/
    .NomMP {
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    }
    .typeingredient {
    display: none;
    }
    .filiation {
    font-size: 1em;
    text-align: center;
    font-style: italic;
    }
    .imgMP {
    max-width:50%;
    height: auto;
    }
    .blocimage {
    max-height: 100%;
    }
    /*footer MP*/
    .textefooter{
    color: #818181;
    font-size: 0.8em;
    }

    /*Page ruban*/ 
    .pagederoulante {
    overflow-x: hidden!important;
    overflow-y: hidden!important;
    }

    .nombres a {
        font-size: 1.8em;
    }
    .nombres p {
        font-size: 1em;
    }
    .nombres {
        margin-bottom: 1em;
    }

}



@media screen and (min-width: 768px) and (max-width: 992px) {
    
    /* RUBAN GENERAL*/
    .logo {
    max-height: 11em;
    max-width: 11em;
    }
    .imglogo {
    margin-top: 2em;
    max-height: 10em;
    max-width: 10em;
    }
    .slogan{
    font-size: 0.8em;
    }
    .boutonruban{
    font-size: 0.7em;
    }
    .naturalsonly{
    font-size: 0.7em;
    }

    /*Ruban descripteurs*/

    .NomDescripteurs {
    font-size: 2.5em;
    text-align: left; 
    }
    .Typemodal {
    font-size: 1em;
    font-style: italic;
    text-align: right; 
    }

    /*Ruban MP*/
    .NomMP {
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    }
    .typeingredient {
    display: none;
    }
    .filiation {
    font-size: 1em;
    text-align: center;
    font-style: italic;
    }

    /* Corps MP */ 
    .ligneinfo {
    text-align: justify;
    }
    .imgMP {
    max-width:50% ;
    height: auto;
    }

    /*Footer MP*/
    .textefooter{
    color: #818181;
    font-size: 0.9em;
    }

    .nombres a {
        font-size: 1.8em;
    }
    .nombres p {
        font-size: 1em;
    }
    .nombres {
        margin-bottom: 1em;
    }
    .pagederoulante {
    max-height: 31em;
    overflow-y: auto;
    }
}

@media screen and (min-width: 992px) { 
    .my-main-content {
	height: 100%;
    }
    .my-menu {
	height: 100%;
    }
    .h-100-md {
	height: auto;
    }
    /* RUBAN GENERAL*/
    .logo{
    max-height: 12em;
    max-width: 12em;
    }
    .imglogo{
    margin-top: 2em;
    max-height: 100%;
    max-width: 100%;
    }
    .slogan {
    font-size: 0.8em;
    }
    .boutonruban {
    font-size: 0.8em;
    }
    .naturalsonly {
    font-size: 0.8em;
    }
    /*Ruban descripteurs*/

    .NomDescripteurs {
    font-size: 2.5em;
    text-align: left; 
    }
    .Typemodal {
    font-size: 1em;
    font-style: italic;
    text-align: right; 
    }

    /*Ruban MP*/

    .NomMP {
    font-size: 1.25em;
    font-weight: bold;
    text-align: left;
    }
    .typeingredient {
    font-size: 1em;
    text-align: right;
    }
    .filiation {
    font-size: 1em;
    text-align: center;
    font-style: italic;
    }
    .textefooter{
    color: #818181;
    font-size: 0.9em;
    }
    .imgMP {
    max-width:60%;
    height: auto;
    }
    .imgMPsynth {
    max-width:auto;
    height: 60%;
    }
    .imgmapMP {
    max-width:100%;
    height: auto;
    }

    /*Page ruban*/ 
    .pagederoulante {
    max-height: 32em;
    overflow-y: auto;
    }

    .nombres a {
    font-size: 2.8em;
    }
    .nombres p {
    font-size: 1.8em;
    }

    .block-presentation-partner {
    max-height: 21em;
    overflow-y: auto;
    font-size: 0.9em;
    text-align: justify;
    }
    .block-presentation-ingredient {
    max-height: 18em;
    overflow-y: auto;
    font-size: 1em;
    text-align: justify;
    }
}


/* BARRE DE RECHERCHE */
.texterecherche::placeholder {
    font-size: 0.8em;
}
.lignerecherche {
    line-height: 1.3;
}
.lignerecherche:hover {
    background-color: #FAE8BE;
    line-height: 1.35;
}
.text-highlighted {
    color : #D64E26;
    font-weight: 600;
}
.nom_de_l_ingredient {
    text-transform: uppercase;
    font-size: 85%;
    color: black;
    font-weight: 500;
}
.synonymes {
    font-size: 75%;
    color: grey;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: italic;
}
.numero_cas {
    font-size: 70%;
    color: black;
}
#barrederesultat {
    max-height: 18em;
    overflow-x: auto;
    border-bottom-left-radius: 0.75em;
}

/* TABLEAUX IFRA */
table {
    line-height: 0.9;
    border:  #F5B7A4!important;
}
.table>thead  {
    background-color: #FBE5D6FF !important;
    font-weight: bold !important;
    font-size: 1em;
}
.table>tbody {
    font-size: 0.9em;
}
.ligneinfo {
    text-align: justify;
    margin-bottom: 0.5em;
    font-size: 0.9em;
}
.ligneinfogroupée {
    font-size: 0.9em;
}

dd b {
    font-weight: 600;
}


.bi-question-circle {
    color: black;
    cursor: help;
}
.texteinfo {}
.titrecatégorie{}

.lieninterne {
    color: cadetblue;
}
.interpop {
    color: #6584B4;
    text-decoration: none!important;
}
.interpop:hover {
    color: #163360;
    cursor: help;
}

.notice {
    color: grey;
    font-size: 0.7em;
}
.titrefooter {
    color: #818181;
    font-weight: bold;
    font-size: 0.9em;
}
.imgsponsor {
    max-height: 5em;
    max-width: 5em;
    border: 1px solid #FBE5D6FF;
    box-shadow: 2px 2px 22px 0px rgb(251 229 214);
}
.imgsponsor:hover{
    transform: scale(1.1);
    cursor:pointer;
}


/* RUBAN GENERAL */
.ruban {
    background-color: #FBE5D6;
}
.offcanvas {
    background-color: #FBE5D6;
}
.boutonruban {
    color: #D64E26 !important;
    font-weight: 500 !important;
}

.listederoulantemaps{
    font-size: 0.8em;
    border-radius: 0.25em;
    border: 1px solid #ced4da;
    color: grey;
}
.listederoulantemaps optgroup {
    color: #D64E26;
}
.listederoulantemaps option {
    color: grey;
}
.selectmap {
    color: grey;
}
.NCasweek{
    color: black;
    font-weight: normal;
    font-size: 0.8em;
}
.naturalsonly {
    color: #D64E26 ;
    font-weight: bold !important;
}
.iconeRS{
    color: black;
}
.iconeRS:hover , .imglogo:hover , .imglang:hover{
    transform: scale(1.1);
    cursor:pointer;
}

.imglang {
    max-height: 1.8em;
    max-width: 1.8em; 
    border-radius: 0.2em;
}

.form-switch{
    margin-top: 0.5em;
}

.scrollbar-inside {
  overflow-y: auto;
  max-height: calc(55vh - 45px);
}

.form-check-input:checked {
    background-color: Green;
    border-color: green;
}

.copyright {
color: #D64E26;
font-size: 0.6em !important;
}



/* Navbar */
.navMP {
    font-weight: bold;
    color: #818181;
    font-size: 0.9em;
}
.nav-link:hover{
    color: black !important;
    cursor: pointer;
}

/* PAGES RUBAN */
.titre {
    color:#D64E26;
    font-size: 1.2em;
    font-weight: 600;
}
.pagederoulante {
    padding-right: 20px;
    padding-left: 20px;
}
.Sous-Titre{
    font-size: 0.8em;
    font-weight: normal;
}
.sources {
    border: 1px solid #D64E26;
    box-shadow: 1.5px 1.5px 22px 0px rgb(251 229 214);
}
.sources h3 {
    color: #D64E26;
    font-size: 1.2em;
}
.sources li {
    font-size: 0.8em;
}
.pagederoulante a {
    text-decoration: none;
    color: cadetblue;
}

/* CONTACT */
.mail , .mail2 {font-size: 0.9em;}
.mail ul {font-size: 1em;}

/* LEGAL */
.Titre1 {font-size: 1em;}
.Titre2 {font-size: 0.9em;}
.Soustitre1{font-size: 1em; font-weight: 500;}
.infogénérales {line-height: 1.3;font-size: 0.8em;}
.paragraphelegal {font-size: 0.8em;}
.miniliste {font-size: 0.8em;margin-top: 0;}
.miniliste2 {font-size: 0.8em;text-decoration: underline;}


/* PARTNER */
.typepartner {
    color: #D64E26;
    font-size: 1.1em !important;
}
.particulier li {
    font-size: 0.8em;
}
.profession {
    font-style: italic;
}
.nouveausupporter {
    color: #D64E26;
}
.listecontributeurs {
    font-size: 0.9em;
}
.listecontributeurs ul {
    padding-left: 0.1em;
}
.logostandards {
    border: 1px solid #FBE5D6FF;
    box-shadow: 2px 2px 22px 0px rgb(251 229 214);
}
.logostandards:hover{
    transform: scale(1.1);
    cursor:pointer;
}

/*discover */
.textepresentation p {
    font-size: 0.8em;
}
.textepresentation b {
    font-weight: 600;
}
.nombres a {
    color: #D64E26;
    font-weight: bold;
}
.nombres p {
    font-weight: 600;
    text-transform: uppercase;
}


/* ingredientslist */
.listMP li {
    font-size: 0.8em;
}


/* pages sponsors */
.nomsociété {
    font-size: 2em;
    color: #D64E26;
}
.listMPsociété {
  overflow-y: auto;
  max-height: 80%;
}
#nav-general-presentation p {
    font-size: 0.9em;
    text-align: justify;
}
.zonebouton {
    margin: auto;
}

.logopagesponsors {
    max-height: 10em;
    max-width: auto;
}





/* NOUVEAUTES */

/* positionnement général*/
.timeline{ position: relative; margin: 0px auto; width:100%;}

/* gestion des blocks généraux*/
.ajoutMP{color:black; font-size: 1em; font-weight: 500;}
.DateAjout{ color:#D64E26; font-size:1.2em; font-weight: 500;}
.timeline a {font-size: 1em;}
.blocnouveaute {font-size: 0.8em;}
.blocnouveaute h2 {color: #D64E26;font-size: 1.2em;font-weight: bold;}
/* intégration de la ligne verticale */
.timeline:before{ content: ''; position:absolute; left:50%; width:1%; height:100%; background-color:#D64E26;}
/*Suppression du bullet point et sizing du bloc */
.timeline ul li{ list-style: none; position:relative; width:49%;}
/*for every odd numbered bullet point, align to the left OK*/
.timeline ul li:nth-child(odd){ text-align:right; float:left; clear:both; right: 3%; width: 50%;}
/* for every even numbered bullet point, align to the right OK*/
.timeline ul li:nth-child(even){ text-align:left; float:right; clear:both; width: 50%;}
/*create circle icon on the timeline from the left (odd) OK */
.timeline ul li:before { content:''; position:absolute; width:30px; height:30px; background-color:#F7B88E; border-radius:60%; box-shadow: 0 0 0 5px rgba(251, 229, 214); z-index:1}
/*position the circle icons on the timeline OK*/
.timeline ul li:nth-child(odd):before{}
.timeline ul li:nth-child(even):before{ left: -1.8em;}

/*styling the numbering. OK */
.timeline ul li:before{ font-weight:bold; font-size:0.9em; color:white; text-align:center; padding-top:0.7%;}
/*décalage des titres pour laisser la place aux bullets */
.timeline ul li:nth-child(odd) h2 {padding-right: 5%;}
.timeline ul li:nth-child(even) h2 {padding-left: 5%;}



@media screen and (max-width: 768px) {
    .timeline:before{left:2.5%!important;}
    /*for every odd numbered bullet point, align to the left OK*/
    .timeline ul li:nth-child(odd){ text-align:left; float:right; clear:both; left:0%; width: 100%;}
    /* for every even numbered bullet point, align to the right OK*/
    .timeline ul li:nth-child(even){ text-align:left; float:right; clear:both; width: 100%;}
    /*position the circle icons on the timeline */
    .timeline ul li:nth-child(even):before{ left: -1.9em;}
    .timeline ul li:nth-child(odd):before{left: -4.5%;}
    /*décalage des titres pour laisser la place aux bullets */
    .timeline ul li:nth-child(odd) h2 {padding-left: 2%!important;}
    .timeline ul li:nth-child(even) h2 {padding-left: 3%!important;}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .ajoutMP{font-size: 0.9em;}
    .DateAjout{font-size:1.1em;}
    .timeline a {font-size: 0.9em;}
    .blocnouveaute {font-size: 0.7em;}
    .blocnouveaute h2 {font-size: 1.1em;}
    .timeline ul li:nth-child(odd){right: 5%;}
    /*position the circle icons on the timeline OK*/
    .timeline ul li:nth-child(even):before{left: -1.9em;}
    .timeline ul li:nth-child(odd):before{right: -11%;}
}


.navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/*
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
   -webkit-appearance: none;
}*/