/*------------------------------------------------------------------------------
        Styles du site sourismicha
        Rev. 3.9.18
------------------------------------------------------------------------------*/




.divEntete {
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0px;
    left: 0px;
}


.divEntete {
    line-height: 1.0;
}



.divAppli {
    position: relative;
    max-width: 80em;
    margin-right: auto;
    margin-left: auto;
}


.fndMenu {
    background-color: black;
    color: white;
}



.divEntete a {
    /*font-size: 1.25em;*/
    font-size: 1em;
}


@media (min-width: 992px) {
    .divEntete a {
        font-size: 1.5em;
    }
}


.divEntete .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 2rem;
    padding-left: .5rem;
}

.menu-separateur {
    border-bottom-style: solid; 
    border-color: white; 
    border-width: 1px;
    margin-left: 6em;
}

.menu-home {
    position: relative;
    top: -2em;
    width: 4em;
}

.menu-home img {
    width: 100%;
}

@media (max-width: 767px) {
    .menu-home {
        display: none;
    }

    .menu-separateur {
        margin-left: 0em;
    }
}



.barre-titre h2,
.barre-titre p {
    text-align: center;
    line-height: 1.0;
    margin-left: 1em;
    margin-right: 1em;
}



/* div Magique --------- */
.divFndMagique {
    position: relative;
    width: 100%;
    display: block;
}


/* marge de la première div du contenu pour ne pas passer sous l'entête */
.marge-première-div {
    margin-top: 14em;
}


/* hauteur de la première div Magique */
#divMagique1 {
    height: 50em;
}

.divFndMagique {
    height: 35em;
}


.divFndMagique {
    background-size: cover;
    /*background-attachment: fixed;*/ /*  <-- ne pas utilisé cet attt. iPad pro */
    background-repeat: no-repeat;
    background-position-y: 3.44em;
    background-position: center;
}


/* Fonds des Div magique */

.divFndMagiqueHome {
    background-image: url('../Images/ExtraterrestreAttente.jpg');
    background-color: black;
}


.divFndMagiqueEte2018 {
    background-image: url('../Images/Vac2018Totochon.jpg');
    background-color: black;
}

.divFndMagiqueEte2018-2 {
    background-image: url('../Images/Vac2018Voir01.jpg');
    background-color: black;
}


.divFndMagiqueEte2018-3 {
    background-image: url('../Images/Vac2018Manger01.jpg');
    background-color: black;
}



.divFndMagiqueEte2018-4 {
    background-image: url('../Images/Vac2018Bouger01.jpg');
    background-color: black;
}


.divFndMagiqueAnaliyser {
    background-image: url('../Images/RetourVac2018Fond.jpg');
    background-color: black;
}


.divFndMagiqueAnaliyser-2 {
    background-image: url('../Images/PhotoEte2018AnalyserSujet1.jpg');
    background-color: black;
}


.divFndMagiqueAnaliyser-3 {
    background-image: url('../Images/FAIMEuilibreleptineetghreli.jpg');
    background-color: black;
}


.divFndMagiqueAnaliyser-4 {
    background-image: url('../Images/FAIMEuilibreColibri.jpg');
    background-color: black;
}


.divFndMagiqueAnaliyser-5 {
    background-image: url('../Images/MinieAssiseMetabolisme.jpg');
    background-color: black;
}


.divFndMagiqueEte2018-partager-2 {
    background-image: url('../Images/partagerTel.jpg');
    background-color: black;
}

.divFndMagiqueEte2018-partager-3 {
    background-image: url('../Images/HommesVacances1.jpg');
    background-color: black;
}

.divFndMagiqueEte2018-partager-4 {
    background-image: url('../Images/MichaCocolatNoix1.jpg');
    background-color: black;
}


.divFndMagiqueEte2018-essayer-2 {
    background-image: url('../Images/MichaTombePierre.jpg');
    background-color: black;
}


.divFndMagiqueBouger {
    background-image: url('../Images/Bouger00.jpg');
    background-color: black;
}


.divFndMagiqueBouger-2 {
    background-image: url('../Images/BougerRegarder01.jpg');
    background-color: black;
}

.divFndMagiqueBouger-3 {
    background-image: url('../Images/BougerRegarderNage.jpg');
    background-color: black;
}

.divFndMagiqueBouger-4 {
    background-image: url('../Images/BougerRegarderMinieCanape.jpg');
    background-color: black;
}



.divFndMagiqueBougerAnalyser {
    background-image: url('../Images/MinieIsometrique.jpg');
    background-color: black;
}

.divFndMagiqueBougerAnalyser-2 {
    background-image: url('../Images/MinieExcentrique.jpg');
    background-color: black;
}
.divFndMagiqueBougerAnalyser-3 {
    background-image: url('../Images/MinieConcentrique.jpg');
    background-color: black;
}

.divFndMagiqueBougerEssayer {
    background-image: url('../Images/MinieFractionne.jpg');
    background-color: black;
}

.divFndMagiqueBougerEssayer-2 {
    background-image: url('../Images/MinieMarche.jpg');
    background-color: black;
}


.divFndMagiqueManger {
    background-image: url('../Images/Manger00.jpg');
    background-color: black;
}

.divFndMagiqueManger-1 {
    background-image: url('../Images/MangerRegarderCroissants.jpg');
    background-color: black;
}

.divFndMagiqueManger-1a {
    background-image: url('../Images/MangerRegarderOiseaux.jpg');
    background-color: black;
}

.divFndMagiqueManger-2 {
    background-image: url('../Images/MangerRegarderBypass01.jpg');
    background-color: black;
}

.divFndMagiqueManger-3 {
    background-image: url('../Images/MangerRegarderChirurgien.jpg');
    background-color: black;
}

.divFndMagiqueManger-4 {
    background-image: url('../Images/MangerRegarderGoutOdeur.jpg');
    background-color: black;
}


.divFndMagiqueMangerEssayer {
    background-image: url('../Images/MangerEssayerMarmotte.jpg');
    background-color: black;
}

.divFndMagiqueMangerEssayer-2 {
    background-image: url('../Images/MangerEssayerNoir.jpg');
    background-color: black;
}


.divFndMagiqueMangerAnalyser {
    background-image: url('../Images/MangerAnalyserChameau.jpg');
    background-color: black;
}

.divFndMagiqueMangerAnalyser-2 {
    background-image: url('../Images/MangerAnalyserDocVitamines.jpg');
    background-color: black;
}

.divFndMagiqueMangerAnalyser-3 {
    background-image: url('../Images/MangerAnalyserMuscul.jpg');
    background-color: black;
}

.divFndMagiqueMangerAnalyser-4 {
    background-image: url('../Images/MangerAnalyserPharmacie.jpg');
    background-color: black;
}

.divFndMagiqueMangerPartager {
    background-image: url('../Images/MangerPartager27Sucres.jpg');
    background-color: black;
}


.divFndMagiqueMangerEvoluer {
    background-image: url('../Images/MangerEvoluerAhmed.jpg');
    background-color: black;
}
.divFndMagiqueMangerPartager-2  {
    background-image: url('../Images/MangerPartagerUneMandarine.jpg');
    background-color: black;
}

.divFndMagiqueImageDeSoi {
    background-image: url('../Images/ImageDeSoi00.jpg');
    background-color: black;
}

.divFndMagiqueImageDeSoi-2 {
    background-image: url('../Images/ImageDeSoiMinieBaskets.jpg');
    background-color: black;
}

.divFndMagiqueImageDeSoi-3 {
    background-image: url('../Images/ImagedeSoiRegarderEmotion.jpg');
    background-color: black;
}

.divFndMagiqueEvoluer {
    background-image: url('../Images/EvoluerMinieEquilibriste.jpg');
    background-color: black;
}


.divFndMagiqueLire {
    background-image: url('../Images/LireCompteur2glucides.jpg');
    background-color: black;
}

.divFndMagiqueHumour {
    background-image: url('../Images/HumourAccueilCroco.jpg');
    background-color: black;
}


.divFndMagiqueHumour-2 {
    background-image: url('../Images/HumourChatMalade.jpg');
    background-color: black;
}


.divFndMagiqueHumour-3 {
    background-image: url('../Images/HumourLangueDansPoche.jpg');
    background-color: black;
}

@media (max-width: 1200px) {
    .divFndMagiqueHome {
        background-image: url('../Images/FondIpad.jpg');
    }

    .divFndMagique {
        height: 30em;
    }

    #divMagique1 {
        height: 35em;
    }

    .divFndMagiqueEte2018-2 {
        background-image: url('../Images/Vac2018Voir01Ipad.jpg');
    }
}


/*.divFndMagiqueHome2 {
    background-image: url('../Images/cabanons.jpg');
}*/



.divTextMagique {
    position: relative;
    /*top: 10em;*/
    top: 6em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 9em;
}


@media (max-width: 1200px) {
    .divTextMagique {
        padding-top: 2em;
    }
}



/* Textes dans les bulles magiques */
.divTextBulle {
    max-width: 36em;
    width: 100%;
}

.divTextBulle img {
    width: 100%;
}


.figure-petit {
    display: none;
}

@media (max-width: 1200px) {
    .figure-petit {
        display: block;
    }

    .figure-grand {
        display: none;
    }
}




/* boutons et liens des formulaires */
.btn-sm {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1rem;
}

.noWrap {
    white-space: nowrap;
}



/* Photo floate à gauche */
.divPhoto-float {
    float: left;
    width: 40%;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

@media (max-width: 768px) {
    .divPhoto-float {
        width: 100%;
        float: none;
        margin-right: 0rem;
    }
}



.divPhoto img {
    width: 100%;
}

/* Titre de l'application visible que sur l'écran smart */
.navbar-brand {
    display: none;
}


/* largeur au maximum de 767px - ente 1 et 767 */
@media (max-width: 767px) {
    .navbar-brand {
        display: block;
    }

    .navbar-collapse {
        margin-left: 1rem;
    }
}


/* largeur plus grand que 767 */
@media (max-width: 767px) {
    #pText {
        color: red;
    }
}


.divPhoto-float img {
    width: 100%;
}