/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                        L E S      B E A T R I C E
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* ----------------------------------------------------------------------------------------------------------------------------
                                            B E A T R I C E   V I D E O 
-------------------------------------------------------------------------------------------------------------------------------
L E C O N S : 

4 présentations  
1.1 / 1.2 
2.1 / 2.2 / 2.3
3.1 / 3.2 / 3.3
4.1 / 4.2 / 4.3 / 4.4
5.1 / 5.2
6.5
7.7
8.1 / 8.3 / 8.5
9.2
-------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------- */

.gtm_beatrice_video {
    width: 200px;
    position: absolute;
    left: 10px;
    bottom: 120px;
}


@media screen and (min-width: 1600px){
    .gtm_beatrice_video {
        left: 9%;
    }
}

@media screen and (min-width: 2000px){
    .gtm_beatrice_video {
        left: 14%;
    }
}

@media screen and (min-width: 2200px) and (max-width: 2800px){
    .gtm_beatrice_video {
        left: 21%;
    }
}


@media screen and (max-width: 1280px) {
    .gtm_beatrice_video {
        z-index: -1;
    }

}

@media screen and (max-width: 500px) {
        .gtm_beatrice_video {
            width: 150px;
        }
    }



/* ----------------------------------------------------------------------------------------------------------------------------
                                            B E A T R I C E   T E X T E (texte simple)
-------------------------------------------------------------------------------------------------------------------------------
L E C O N S : 

1.3 / 1.4
7.2
8.4
-------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------- */


.gtm_beatrice_text {
    width: 200px;
    position: absolute;
    right: 100px;
    bottom: 120px;
}

@media screen and (min-width: 1600px){
    .gtm_beatrice_text {
        right: 10%;
    }
}

@media screen and (min-width: 2000px){
    .gtm_beatrice_text {
        right: 15%;
    }
}



@media screen and (min-width: 2000px) and (max-width: 2800px){
    .gtm_beatrice_text {
        right: 22%;
    }
}


@media screen and (max-width: 1240px) {
    .gtm_beatrice_text {
        z-index: -1;
    }
}

    @media screen and (max-width: 500px) {
        .gtm_beatrice_text {
            width: 150px;
        }

        .gtm_text_ttp {
            margin-bottom: 150px;
        }
    }

/* ----------------------------------------------------------------------------------------------------------------------------
                                            B E A T R I C E   T E X T E (texte long)
-------------------------------------------------------------------------------------------------------------------------------
L E C O N S : 

6.4
8.2
9.1
-------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------- */


.gtm_beatrice_text_plus {
    width: 200px;
    position: absolute;
    right: 100px;
    bottom: 120px;
}


@media screen and (min-width: 1600px){
    .gtm_beatrice_text_plus {
        right: 10%;
    }
}

@media screen and (min-width: 2000px){
    .gtm_beatrice_text_plus {
        right: 15%;
    }
}

@media screen and (min-width: 2200px) and (max-width: 2800px){
    .gtm_beatrice_text_plus {
        right: 21%;
    }
}

@media screen and (max-width: 1485px) {
    .gtm_beatrice_text_plus {
        z-index: -1;
        right: 50px;
    }
}


/* ----------------------------------------------------------------------------------------------------------------------------
                                            B E A T R I C E   T E X T E (texte moyen)
-------------------------------------------------------------------------------------------------------------------------------
L E C O N S : 

5.3 / 5.4
6.1 / 6.2 / 6.3
7.1 / 7.3 / 7.4 / 7.5 / 7.6
-------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------- */

.gtm_beatrice_text_moy {
    width: 200px;
    position: absolute;
    right: 100px;
    bottom: 120px;    
}


@media screen and (min-width: 1600px){
    .gtm_beatrice_text_moy {
        right: 10%;
    }
}

@media screen and (min-width: 2000px){
    .gtm_beatrice_text_moy {
        right: 15%;
    }
}

@media screen and (min-width: 2200px) and (max-width: 2800px){
    .gtm_beatrice_text_moy {
        right: 21%;
    }
}


@media screen and (max-width: 1485px) {
    .gtm_beatrice_text_moy {
        z-index: -1;
        right: 50px;

    }
}


@media screen and (max-width: 500px) {
    .gtm_beatrice_text_moy {
            width: 150px;
        }
    }


/* ----------------------------------------------------------------------------------------------------------------------------
                                            B E A T R I C E   Q U I Z 
-------------------------------------------------------------------------------------------------------------------------------
L E C O N S : 

TOUS LES QUIZ
-------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------- */

.gtm_beatrice_quiz {
    width: 200px;
    position: absolute;
    right: 100px;
    bottom: 120px;
}


@media screen and (min-width: 1600px){
    .gtm_beatrice_quiz {
        right: 10%;
    }
}

@media screen and (min-width: 2000px){
    .gtm_beatrice_quiz {
        right: 15%;
    }
}

@media screen and (min-width: 2000px) and (max-width: 2800px){
    .gtm_beatrice_quiz {
        right: 22%;
    }
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                        L E S      V I D E O S    E T    T E X T E S
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/* ----------------------------------------------------------------------------------------------------------------------------
                                                    V I D E O S
-------------------------------------------------------------------------------------------------------------------------------
L E C O N S : 

4 présentations  
1.1 / 1.2 
2.1 / 2.2 / 2.3
3.1 / 3.2 / 3.3
4.1 / 4.2 / 4.3 / 4.4
5.1 / 5.2
6.5
7.7
8.1 / 8.3 / 8.5
9.2
-------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------- */

.gtm_video_ttp {
    margin-bottom: 100px;
}



@media screen and (max-width: 1280px) {
    .gtm_video_ttp {
        margin-bottom: 250px;
    }

}

@media screen and (max-width: 500px) {
        .gtm_video_ttp {
            margin-bottom: 200px;
        }
    }



/*
@media screen and (max-width: 500px) {

    .gtm_text_ttp {
        margin-bottom: 150px;
    }
}*/


/* ----------------------------------------------------------------------------------------------------------------------------
                                                T E X T E S   S I M P L E S
-------------------------------------------------------------------------------------------------------------------------------
L E C O N S : 

1.4 / 7.1
-------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 880px) {

    .gtm_text_sim {
        margin-bottom: 150px;
    }
}

@media screen and (max-width: 500px) {

    .gtm_text_sim {
        margin-bottom: 150px;
    }
}

/* ----------------------------------------------------------------------------------------------------------------------------
                                                T E X T E S   L O N G S
-------------------------------------------------------------------------------------------------------------------------------
L E C O N S : 

5.3 / 5.4
6.1 / 6.2 / 6.3 / 6.4
7.5
8.2
9.1
-------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------- */


@media screen and (max-width: 1380px) {

    .gtm_text_long {
        margin-bottom: 190px;
    }
}

@media screen and (max-width: 500px) {

    .gtm_text_long {
        margin-bottom: 190px;
    }
}

/* ----------------------------------------------------------------------------------------------------------------------------
                                                T E X T E S   M I X T E S
-------------------------------------------------------------------------------------------------------------------------------
L E C O N S : 

1.3 
7.2 / 7.3 / 7.4 / 7.6
8.4
-------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1060px) {

    .gtm_text_mix {
        margin-bottom: 170px;
    }
}

@media screen and (max-width: 500px) {

    .gtm_text_mix {
        margin-bottom: 150px;
    }
}