*{
    font-family:"arial";
    font-size:normal;
    font-style: normal; 
    margin-bottom:0px;
    margin-top:0px;
    color:black;
}

.espace{
    display:block;
}

.textouille{
    padding-left:0px;
}

@font-face {
    font-family: "futura";
    src: url("/fonts/futura medium bt.ttf") format("ttf"),
           url("/fonts/futura medium bt.ttf") format("ttf");
   }

p {
    margin-bottom:0px;
    margin-top:0px;
  }


.colonnes2-3 {
    /*     margin: 0px 50px 0px 50px;*/ 
/*     background-color: tomato;   
 */        position:absolute;
        padding:1px;
        text-align: left;
        top:240px;
     left:270px;
     width:800px;
/*      width:calc(100% - 300px);
 */     height:auto;
     z-index:0;
     display:grid;
    grid-template-columns: 0.5fr 1.5fr;
    grid-column-gap:25px;
/*     border:1px solid black;
 *//*     align-content:flex-end;
 */}

.colonnes2-3 > div{
    height:550px;
}

.colonnes5 {
    /*     margin: 0px 50px 0px 50px;*/ 
    background-color: white;   
        position:fixed;
        padding-left:5px;
        /* text-align: left; */
        text-align: center;
        top:230px;
     left:270px;
     width:1050px;
/*      width:calc(100% - 300px);
 */     height:480px;
     z-index:0;
     display:grid;
     flex-wrap: nowrap;
    /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
    grid-template-columns: 18.5% 18.5% 18.5% 18.5% 18.5%;
    grid-column-gap:15px;
border:1px solid black;
/*     align-content:flex-end;
 */}

.colonnes5 > div{
    height:550px;
}

.colonnes5 img{
    width:165px;
    margin-bottom: 3px;
    margin-top: 6px;
}

.boule{
    display:block;
}

.colonnes5 .boule{
    height:50px !important;
    max-width:20px;
    margin-bottom: 0px !important;
    margin-top: -2px !important;
    margin-left:10px;
}

.we2-2{
    /*     margin: 0px 50px 0px 50px;*/ 
/*     background-color: tomato;   
 */        position:absolute;
        padding:1px;
        text-align: left;
        /* top:240px;
     left:270px;
     width:calc(100% - 300px); */
     /* height:auto; */
     height:550px;
     z-index:0;
     display:grid;
    grid-template-columns: 75% 75%;
    grid-column-gap:15px;
/*     border:1px solid black;
 *//*     align-content:flex-end;
 */}

/* .we2-2 > div{
    height:550px;
} */

.blabla{
/* background-color: tomato;
 */top:550px;
z-index:1;
position:absolute;
top:690px;
left:320px;
width:800px;
/* left:85px; */
margin:0 auto 0 auto; 
/* background-color:rgb(233, 78, 37); */
}

.pied-page{
    background-color:rgb(233, 78, 37);
    position:fixed;
    height:50px;
    width:100%;
    vertical-align: bottom;
/*     top:720px; */
    z-index:10000000000000000;
}

footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   height:30px;
   background-color:rgb(233, 78, 37);
   color: white;
   text-align: center;
   z-index:10000000000000000;  
}

.evt{
    /*     margin: 0px 50px 0px 50px;*/ 
     background-color: #ffed00;   
        position:absolute;
        /* width:100%; */
        /* padding:1px; */
        text-align: left;
/*         top:220px;
     left:80px;
     width:calc(100% - 160px); */
     z-index:0;
     display:flex;
     flex-wrap: nowrap;
    justify-content: space-between;
    padding:0;
    }

.evt > div{
    width:50%;
/*         height:500px; */
    overflow:hidden;
object-fit: cover;
/* border:1.5px solid black; */
padding:0;
}

.colonnes-accueil {
    /*     margin: 0px 50px 0px 50px;*/ 
     background-color: #ffed00;   
        position:absolute;
        /* padding:1px; */
        text-align: left;
        top:220px;
     left:80px;
     width:1200px;
     /* width:calc(100% - 160px); */
     z-index:0;
     display:flex;
     flex-wrap: nowrap;
    grid-template-columns: 33% 33% 33%;
    /* grid-column-gap:15px; */
    justify-content: space-between;
    padding:0;
    }

.colonnes-accueil > div{
    width:32%;
        height:470px;
    overflow:hidden;
object-fit: cover;
border:1.5px solid black;
padding:0;
}

.colonnes-accueil2 {
    /*     margin: 0px 50px 0px 50px;*/ 
     background-color: white;   
        position:absolute;
        /* padding:1px; */
        text-align: left;
        top:250px;
     left:80px;
     width:1200px;
     height:385px;
     /* width:calc(100% - 160px); */
     z-index:0;
     display:flex;
     flex-wrap: nowrap;
    grid-template-columns: 33% 33% 33%;
    /* grid-column-gap:15px; */
    justify-content: space-between;
    padding:0;
    }

.colonnes-accueil2 > div{
    width:32%;
        height:385px;
    overflow:hidden;
object-fit: cover;
border:1.5px solid black;
padding:0;
}


.colonnes-evenement{
    /*     margin: 0px 50px 0px 50px;*/ 
     background-color: #ffed00;   
        position:absolute;
        /* padding:1px; */
        justify-items: center;
        top:240px;
     left:80px;
     width:calc(100% - 160px);
     z-index:0;
     display:flex;
     flex-wrap:wrap;
    justify-content: space-between;
    padding:0;
    }

.colonnes-evenement > div{
    width:18%;
        height:200px;
    overflow:hidden;
object-fit: cover;
border:1.5px solid black;
padding:0;
margin-bottom: 30px;
}

.encart{
    /*     background-color:red;
     */    width:120px;
    float:left;
    /* 		padding:10px; */
    margin:0px 20px 10px 0px;
    /*     color:#FFFFFF;
     */clear:right;
    }
    
    .encart img{
        width:100%;
    }
    
    .encart2{
    /*     background-color:red;
     */    width:140px;
    float:left;
    /* 		padding:10px; */
    margin:0px 20px 10px 0px;
    /*     color:#FFFFFF;
     */clear:right;
    }
    
    .encart4{
    /*         background-color:tomato;
     */        width:140px;
        float:left;
        /* 		padding:10px; */
        margin:10px 20px 10px 0px;
        /*     color:#FFFFFF;
         */clear:both;
    /*      border:5px solid black;
     */    }
    
    .encart3{
        /*     background-color:red;
         */    width:140px;
        float:right;
        /* 		padding:10px; */
        margin:0px 20px 10px 0px;
        /*     color:#FFFFFF;
         */clear:left;
        }
    
        .encart3 img{
            width:100%;
        }
    
    .spacer{
    /*     background-color:#00FF33;
     */height:150px;
    float:left;
    }
    
    .spacer2{
        /*     background-color:#00FF33;
         */height:100px;
        float:left;
        }
    
        .spacer3{
            /*     background-color:#00FF33;
             */height:100px;
            float:right;
            }

.we1{
/* background-color: tomato;
 */padding:10px;
 height:550px;
/* height:auto; */
}

.we2{
/*     background-color:chartreuse;
 */    padding:10px;
 height:550px;
    /* height:auto; */
    }

    .we3{
/*         background-color:chocolate;
 */        padding:10px;
     height:550px;
        /* height:auto; */
        }

        .we4{
/*             background-color:cornflowerblue;
 */            padding:10px;
         height:550px;
            /* height:auto; */
            }

            .we5{
/*                 background-color:darkgreen;
 */                padding:10px;
             height:550px;
                /* height:auto; */
                }

.date{
    font-size: large;
    font-weight: bold;
}

.horaire{
    font-size:small;
    font-weight:lighter;
    text-decoration: underline;
}

.nom{
    font-size:small;
    font-weight: bold;
}

.box-menu2{
    position:fixed;
    z-index:50000000000;
    top: 153px;
    padding-top:10px;
    left:430px;
    width:400px;
    /* width:770px; */
/*     background-color: brown;
 */    /* width:calc(100% - 700px); */
 height: 50px;
    display:flex;
    flex-wrap: wrap;
    z-index:35;
    justify-content:space-between;
    /* font-size:10vw !important;
    font-weight:bolder;
    line-height: 0.9vw !important; */
}

ul a {
    text-decoration:none !important;
    color:black !important;
/*     font-weight: bold;
 */    /* font-size: 5vw;
 line-height: 1.3vw;
 font-weight: bolder; */
}

a {
    text-decoration:none !important;
    color:black !important;
}

nav ul ul {
    display:none;
     position: absolute;
/*     top: 0;
    left:150px; */
/*     background-color:yellow;
 */    list-style-type: none;
    padding-inline-start: 0;
    margin: 0;
    /* z-index: 800; */
}

nav ul ul:hover, li:hover > ul {
     display:list-item;
}

nav div ul:hover, li:hover > ul {
    display:list-item;
}

nav > ul > li {
    display:inline-block;
    padding:5px 5px 5px 10px;
}

nav ul {
    list-style-type:none
}
.menumobile{
    display: none;
}

.fond-logo3{
    position:fixed;
    top:0px;
    background-color:rgb(225, 100, 72);
    width:100%;
    height: 203px;
     z-index: 1;
}

.fond-logo4{
    position:fixed;
    top:0px;
    background-color:rgb(221, 221, 221);
/*     background-color:rgb(0, 117, 188);
 */    /* background-color:rgb(209, 211, 212); */
/* background-color:rgb(255, 249, 174 */);
    width:100%;
    height: 203px;
     z-index: 1;
}

.logo3{
    position:fixed;
    top:0px;
    padding-top:0px;
    left: 50px;
    /* left:500px; */
    /* margin:0px auto 0px auto; */
    /* margin:0; */
    height: 30px;
    width:auto;
    /* width:100%; */
z-index:20;
}

.imagelogo3 img {
    height: 200px;
}

.logo4{
    position:fixed;
    top:30px;
    padding-top:0px;
    left: 70px;
    /* left:500px; */
    /* margin:0px auto 0px auto; */
    /* margin:0; */
    height: 30px;
    width:auto;
    /* width:100%; */
z-index:20;
}

.imagelogo4 img {
    height: 160px;
}

.titreN2{
    width:auto;
    padding:15px 20px 0px 0px;
    height:auto;
    top:-12px; 
        float:left;
        margin-top:0;
        width:auto;
        position:relative;
        /* bottom:130px; */
        z-index:1000;
        font-size:large;
        font-weight:bold;
        color:black;
}

.titreN2 img{
    width:100%;
    margin-bottom:10px;
}

/* .titreN4{
        margin-top:0;
        width:auto;
        position:relative;
        z-index:1000;
        font-size:1em;
        font-weight:bold;
        color:black;
} */

.titreN5{
    margin-top:10px;
    padding-left:5px;
    width:auto;
    position:relative;
    /* bottom:130px; */
    z-index:1000;
    font-size:1em;
    font-weight:bold;
    color:black;
}

.separation{
    width:100%;
border-width:1px;
    border-style:solid;
    border-color: black;
    margin: 8px 0px 8px 0px;
}

.separation2{
    display:none;
    width:100%;
border-width:1px;
    border-style:solid;
    border-color: black;
    margin: 8px 0px 8px 0px;
}

.separation3{
    width:100%;
border-width:1px;
    border-style:solid;
    border-color: black;
    margin: -10px 0px 8px 0px;
}

.separation-verticale1B{
    display:block;
    position:fixed;
    left:473px;
    top:240px;
    width:1px;
    height:460px;
border-width:1px;
    border-style:solid;
    border-color: black;
}

.separation-verticale2B{
    display:block;
    position:fixed;
    left:685px;
    top:240px;
    width:1px;
    height:460px;
border-width:1px;
    border-style:solid;
    border-color: black;
}

.separation-verticale3B{
    display:block;
    position:fixed;
    left:890px;
    top:240px;
    width:1px;
    height:460px;
border-width:1px;
    border-style:solid;
    border-color: black;
}

.separation-verticale4B{
    display:block;
    position:fixed;
    left:1100px;
    top:240px;
    width:1px;
    height:460px;
border-width:1px;
    border-style:solid;
    border-color: black;
}

.separation-verticale{
    position:relative;
    left:-18px;
    top:-170px;
    width:1px;
    height:100%;
border-width:1px;
    border-style:solid;
    border-color: black;
/*     margin: 8px 0px 8px 0px;
 */    /* transform: rotate(90deg); */
}

.separation-verticale2{
    position:relative;
    left:187px;
    top:-425px;
    width:1px;
    height:100%;
border-width:1px;
    border-style:solid;
    border-color: black;
/*     margin: 8px 0px 8px 0px;
 */    /* transform: rotate(90deg); */
}

.separation-verticale3{
    position:relative;
    left:187px;
    top:-411px;
    width:1px;
    height:100%;
border-width:1px;
    border-style:solid;
    border-color: black;
/*     margin: 8px 0px 8px 0px;
 */    /* transform: rotate(90deg); */
}

.colonnes2{
    display:grid;
    grid-template-columns: 0.5fr 1.5fr;
    grid-column-gap:25px;
    width:100%;
    background-color:white;
/*     align-content:flex-end;
 */}

.colonnes2 > div{
    height:350px;
}

.colonnes2 img{
    height:320px;
}

.titreN4{
    display:none;
    width:100%;
    padding:15px 20px 0px 0px;
    height:auto;
    top:-12px;    
        float:left;
        margin-top:0;
        /* width:auto; */
        position:relative;
        /* bottom:130px; */
        z-index:1000;
        font-size:large;
        font-weight:bold;
        color:black;
        vertical-align: bottom;
}

.titreN4 img{
    width:100%;
    margin-bottom:10px;
}

.titreN3{
    display:block;
    width:100%;
    padding:15px 20px 0px 0px;
    height:auto;
    top:-12px;    
        float:left;
        margin-top:0;
        /* width:auto; */
        position:relative;
        /* bottom:130px; */
        z-index:1000;
        font-size:large;
        font-weight:bold;
        color:black;
        vertical-align: bottom;
}

.titreN3 img{
    width:100%;
    margin-bottom:10px;
}

.souligne{
    border-bottom:10px solid black;
    font-size:large;
        font-weight:bold;
        margin-bottom:-20px;
}

.souligne2{
    /*     border-bottom:10px solid black;
     */    font-size:large;
            font-weight:bold;
             margin-bottom:-25px;
    }

    .souligne5{
        /*     border-bottom:10px solid black;
         */    font-size:large;
         text-decoration:underline;
                /* font-weight:bold; */
                 margin-bottom:-25px;
        }

    .souligne3{
        border-bottom:1px solid black;
        font-size:large;
            font-weight:bold;
            margin-bottom:-20px;
            width:calc(100% - 300px);
    }

    .souligne4{
        border-bottom:10px solid black;
            margin-bottom:20px;
            text-align: left;
font-weight: bold;
font-size:2.8rem;
line-height: 3.7rem;
width:auto;
    }

.texte-rubrique{
background-color:white;
position:relative;
width:calc(100% - 0px);
height:auto;
padding:10px 30px 10px 30px;
left:0px;
top:0px;
color:black;
text-align: left;
}

.vide{
    position:relative;
    top:850px;
    height:20px;
}

.texte-rubrique2{
    position:relative;
    width:calc(100% - 0px);
    height:auto;
    padding:10px 30px 10px 30px;
    left:0px;
    top:0px;
    color:black;
    text-align: left;
    }

.sous-titre{
    position: fixed;
    padding-left:100px;
    padding-top:7px;
    /* left:230 px; */
    /* top:0.5px; */
    color:white;
    font-size:1.5em;
    font-weight:bold;
    line-height: 1.5em;
}

.sous-titre3{
    position: fixed;
    padding-left:65px;
    padding-top:7px;
    /* left:230 px; */
    /* top:0.5px; */
    color:black;
    font-size:1.3em;
    font-weight:bolder;
    line-height: 1.5em;
} 

.fond-couleur{
    /*     z-index:500000000; */
        background-color:#ffed00;
        position:fixed;
        top:190px;
        width:100%;
        height:800px;
        /* height:calc(100% - 450px); */
    } 

.fond-couleur2{
    /*     z-index:500000000; */
        /* background-color:#ffed00; */
        /* background-color:rgb(233, 78, 37); */
        position:fixed;
        top:190px;
        width:100%;
        height:520px;
        /* height:calc(100% - 450px); */
    } 

.menu{
    position:fixed;
    top:150px;
    height:500px;
     width:100px;
    padding-left:30px;
    z-index:70000;
}

.menu2D{
    display:none;
    /* position:relative;
    top:63px;
    width:800px;
    left:405px; */
}

.menu2Db{
    display:none;
    /* position:relative;
    top:63px;
    width:800px;
    left:405px; */
}

ul a {
    text-decoration:none !important;
    color:white !important;
/*     font-weight: bold;
 */    font-size: smaller;
}

a {
    text-decoration:none !important;
    color:white !important;
}

nav ul ul {
    display:none;
     position: absolute;
    list-style-type: none;
    padding-inline-start: 0;
    margin: 0;
    z-index:500000;
}

nav a:hover/* , nav span:hover */{
    font-weight: bold;
}

nav ul ul:hover, li:hover > ul {
     display:list-item;
}
nav > ul > li {
    display:inline-block;
    padding:5px 5px 5px 10px;
}
nav ul {
    list-style-type:none
}
.menumobile{
    display: none;
}

.fb-insta{
    position:fixed;
    display:block;
top:160px;
left:1215px;
width:55px;
height:50px;
z-index:50000000000000000;
/* background-color:rgb(225, 100, 72);
 */}

.fb-insta img{
width:20px;
margin-left:5px;
}

.fb-insta2{
    position:fixed;
    display:block;
top:160px;
left:1215px;
width:55px;
height:50px;
z-index:50000000000000000;
/* background-color:rgb(225, 100, 72);
 */}

.fb-insta2 img{
width:20px;
margin-left:5px;
}

    .caca3:hover .ON{
   display:block;
   color:rgb(0, 117, 188) !important;
     width:100%;
     padding:3px;
    }

    .img-expo1 img{
        top:-50px;
    }

    .text-expo1{
        position:relative;
        display:none;
        top:50px;
/*         background-color:rgb(233, 78, 37);
 */        width:100%;
        height:auto;
        z-index: 10000000000000000;
}

        .expo1{
            padding:0;
/* border:5px solid black; */
        }

        .expo1:hover .img-expo1{
            display: none;
            background-color:rgb(233, 78, 37);
            z-index: 10;
        }

    .expo1:hover .text-expo1{
        position:relative;
        top:0px;
        background-color:rgb(233, 78, 37);
        width:100%;
        height:100%;
        z-index: 10000000000000000;
        position:relative;
        display:block;
        padding:130px 15px 15px 15px;
        margin: auto 0px auto 0px;
        z-index: 10000000000000000;
        text-align: center;
        vertical-align:middle;
    }

    .text-expo2{
        top: 50px;
    }

    .onglet-rubrique2{
            position: fixed;
            color:black;
         padding:4px 20px 10px 10px;
        top:235px;
        left:82px;
        height: 35px;
        width:auto;
        text-align: left;
        font-weight: bold;
        font-size:2.3rem;
        line-height: 2.5rem;
        z-index:5000000000000000;
        margin-bottom:-20px;
        }


        .onglet-rubrique3{
            position: fixed;
            color:rgb(0, 117, 188);
         padding:4px 20px 10px 10px;
        top:235px;
        left:82px;
        height: 35px;
        width:auto;
        text-align: left;
        font-weight: bold;
        font-size:2.3rem;
        line-height: 2.5rem;
        z-index:5000000000000000;
        margin-bottom:-20px;
        }


    .containeraccueil4 {
        background-color: black;   
            position:absolute;
            padding:1px;
            text-align: center;
            top:240px;
         left:430px;
         width:850px;
         /* width:calc(100% - 480px); */
         height:auto;
         z-index:0;
         margin-bottom:20px;
    }

    .containeraccueil5 {
/*         background-color: black;   
 */            position:relative;
            padding:1px;
            text-align: center;
            top:170px;
         left:430px;
         width:800px;
         /* width:calc(100% - 480px); */
         height:auto;
         z-index:0;
         background-color: #ffed00;
    }

    .containeraccueil6 {
        /*         background-color: black;   
         */            position:relative;
                    padding:1px;
                    text-align: center;
                    top:170px;
                 left:430px;
                 width:800px;
                 /* width:calc(100% - 480px); */
                 height:auto;
                 z-index:0;
                 background-color: white;
            }


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

    .espace{
        display:none;
    }


    .boule{
        display:none;
    }

    .containeraccueil5 {
        /*         background-color: black;   
         */            position:relative;
                    padding:1px;
                    text-align: center;
                    top:110px;
                 left:00px;
                 /* width:800px; */
                width:calc(100% - 30px);
                 height:auto;
                 z-index:0;
                 background-color: #ffed00;
            }

            .containeraccueil6 {
                /*         background-color: black;   
                 */            position:relative;
                            padding:1px;
                            text-align: center;
                            top:70px;
                         left:00px;
                         /* width:800px; */
                        width:calc(100% - 30px);
                         height:auto;
                         z-index:0;
                         background-color:white;
                    }

            .texte-rubrique2{
                position:relative;
                width:calc(100% - 0px);
                height:auto;
                padding:10px 30px 10px 30px;
                left:0px;
                top:0px;
                color:black;
                text-align: left;
                }

    footer {
        position: relative;
        left: 0;
        top: 3000px;
        width: 100%;
        height:30px;
        background-color:rgb(233, 78, 37);
        color: white;
        text-align: center;
        z-index:1;
     }

    .colonnes2{
        display:block;
        grid-template-columns: 1fr 1fr;
        grid-column-gap:25px;
        width:calc(100% - 2px);
        background-color:white;
    /*     align-content:flex-end;
     */}
    
    .colonnes2 > div{
        height:auto;
    }
    
    .colonnes2 img{
        height:auto;
        width:100%;
        margin-top:-15px;
    }

    .containeraccueil4 {
        background-color: transparent;   
            position:absolute;
            padding:1px;
            text-align: center;
            top:200px;
         left:20px;
         width:calc(100% - 40px);
         /* width:calc(100% - 480px); */
         height:auto;
         z-index:0;
         margin-bottom:20px;
    }

    .texte-rubrique{
        background-color:white;
        position:relative;
        width:calc(100% - 0px);
        /* width:calc(100% - 0px); */
        height:auto;
        padding:10px 30px 10px 30px;
        left:0px;
        top:0px;
        color:black;
        text-align: left;
        border: 1px solid black;
        }

    .onglet-rubrique2{
        position: relative;
        color:black;
     padding:4px 20px 10px 10px;
    top:100px;
    left:20px;
    height: 35px;
    width:auto;
    text-align: left;
    font-weight: bold;
    font-size:1.8rem;
    line-height: 2.5rem;
    z-index:1;
    margin-bottom:10px;
    }

    .onglet-rubrique3{
        position: relative;
        color:rgb(0, 117, 188);
     padding:4px 20px 10px 10px;
    top:60px;
    left:18px;
    height: 35px;
    width:auto;
    text-align: left;
    font-weight: bold;
    font-size:1.8rem;
    line-height: 2.5rem;
    z-index:1;
    margin-bottom:10px;
    }

    .colonnes5 {
        /*     margin: 0px 50px 0px 50px;*/ 
        background-color: white;   
            position:relative;
            padding-left:0px;
            /* text-align: left; */
            text-align: center;
            top:70px;
         left:25px;
         width:calc(100% - 50px);
    /*      width:calc(100% - 300px);
     */     height:auto;
         z-index:0;
         display:flex;
         flex-wrap: wrap;
        /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
        grid-template-columns: 100% 100% 100% 100% 100%;
        grid-column-gap:15px;
    border:1px solid black;
    /*     align-content:flex-end;
     */}
    
    .colonnes5 > div{
        height:auto;
        width:100%;
    }
    
    .colonnes5 img{
        width:165px;
        margin-bottom: 3px;
        margin-top: 3px;
    }
    
    .colonnes5 .boule{
        height:50px !important;
        max-width:20px;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .fond-logo3{
        position:fixed;
        top:0px;
        background-color:rgb(225, 100, 72);
        width:100%;
        height: 153px;
         z-index: 2;
    }

    .fond-logo4{
        position:fixed;
        top:0px;
/*     background-color:rgb(0, 117, 188);
 */    background-color:rgb(221, 221, 221);        
 width:100%;
        height: 153px;
         z-index: 2;
    }

    .colonnes-accueil {
        /*     margin: 0px 50px 0px 50px;*/ 
         background-color: #ffed00;   
            position:absolute;
            /* padding:1px; */
            text-align: left;
            top:180px;
         left:30px;
         height: 800px;
         /* width:1200px; */
         width:calc(100% - 60px);
         z-index:0;
         display:grid;
         flex-wrap: nowrap;
         grid-template-columns: 100%;
        grid-template-rows: auto auto auto;
        grid-row-gap:10px;
        justify-content: space-around;
        padding:0;
        }

        .colonnes-accueil > div {
            width: 100%;
            }

            .colonnes-accueil2 {
                /*     margin: 0px 50px 0px 50px;*/ 
                 background-color: white;   
                    position:absolute;
                    /* padding:1px; */
                    text-align: left;
                    top:180px;
                 left:30px;
                 height: 800px;
                 /* width:1200px; */
                 width:calc(100% - 60px);
                 z-index:0;
                 display:grid;
                 flex-wrap: nowrap;
                 grid-template-columns: 100%;
                grid-template-rows: auto auto auto;
                grid-row-gap:10px;
                justify-content: space-around;
                padding:0;
                }
        
                .colonnes-accueil2 > div {
                    width: 100%;
                    /* height:auto; */
                    }
    
    /* .colonnes-accueil > div{
        width:100%;
            height:470px;
        overflow:hidden;
    object-fit: cover;
    border:1.5px solid black;
    padding:0;
    } */

    .logo3{
        position:fixed;
        top:0px;
        padding-top:0px;
        left: 0px;
        /* left:500px; */
        /* margin:0px auto 0px auto; */
        /* margin:0; */
        height: 30px;
        width:auto;
        /* width:100%; */
    z-index:20;
    }
    
    .imagelogo3 img {
        height: 150px;
    }

    .logo4{
        position:fixed;
        top:10px;
        padding-top:0px;
        left: 20px;
        /* left:500px; */
        /* margin:0px auto 0px auto; */
        /* margin:0; */
        height: 30px;
        width:auto;
        /* width:100%; */
    z-index:20;
    }
    
    .imagelogo4 img {
        height: 140px;
    }

    .box-menu2{
        position:fixed;
        z-index:50000000000;
        top: 158px;
        padding-top:10px;
        left:410px;
        width:800px;
        /* width:100%; */
    /*     background-color: brown;
     */    /* width:calc(100% - 700px); */
     height: 50px;
        display:none;
        flex-wrap: wrap;
        z-index:35;
        justify-content:space-between;
        /* font-size:10vw !important;
        font-weight:bolder;
        line-height: 0.9vw !important; */
    }

.slogan{
    position:fixed;
/*     background-color: brown;
 */    height:50px;
    top: 125px;
    /* left: 320px; */
    width:calc(100% - 44px);
    margin:0px auto 0px auto;
    background-color: white;
 /*  width: 1100px;  */
/*  padding-left:60px;
 */    border-width:2px 0px 2px 0px;
    border-style:solid;
    border-color: black;
z-index:30; 
    left: 22px;
  }

.imageslogan{
    margin:2px auto 0px auto;
    /* height:46px; */
    width:70%;
    text-align: center;
  }

.imageslogan img{
    width: 450px;
}

.logo{
    position:fixed;
    top:22px;
    left:23px;
    /* left:500px; */
    margin:0px auto 0px auto;
    /* margin:0; */
    height:130px;
    background-color: cadetblue;
    width:calc(100% - 45px);
    /* width:100%; */
z-index:20;
}

.imagelogo{
/*     margin:0px auto 0px auto;
 */    /* width:100%; */
    text-align: center;
    position:relative;
    top:10px;
}

.imagelogo img {
    /* max-height:50%; */
    width:450px;
}

.barre{
    display:none;
    border-left: 2px solid black;
    height:30px;
    position:fixed;
    top:160px;
    right:200px;
    /* z-index:90000;
     */}
    
    .barre2{
        display:none;
        border-left: 2px solid black;
        height:30px;
        position:fixed;
        top:160px;
        left:140px;
    /*     z-index:85000;
     */    }

/* 
.menu{
    position:fixed;
    top:125px;
    height:100px;
 width:80px;
    padding-left:30px;
    z-index:70000;
} */

}

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

    .vide{
        position:relative;
        top:1500px;
        height:20px;
    }

    .titreN4{
        display:block;
        width:100%;
        padding:25px 20px 0px 5px;
        height:auto;
        top:-12px;  
        position:relative  
            /* float:left; */
            margin-top:10px;
            /* width:auto; */
            position:relative;
            /* bottom:130px; */
            z-index:1000;
            font-size:large;
            font-weight:bold;
            color:black;
            vertical-align: top;
    }

    .textouille{
        padding-left:5px;
    }
    
    .titreN4 img{
        width:100%;
        margin-bottom:10px;
    }

    .titreN3{
        display:none;
        width:100%;
        padding:15px 20px 0px 0px;
        height:auto;
        top:-12px;    
            float:left;
            margin-top:0;
            /* width:auto; */
            position:relative;
            /* bottom:130px; */
            z-index:1000;
            font-size:large;
            font-weight:bold;
            color:black;
            vertical-align: bottom;
    }

    .separation-verticale1B{
        display:none;
        position:fixed;
        left:473px;
        top:250px;
        width:1px;
        height:460px;
    border-width:1px;
        border-style:solid;
        border-color: black;
    }
    
    .separation-verticale2B{
        display:none;
        position:fixed;
        left:685px;
        top:250px;
        width:1px;
        height:460px;
    border-width:1px;
        border-style:solid;
        border-color: black;
    }
    
    .separation-verticale3B{
        display:none;
        position:fixed;
        left:890px;
        top:250px;
        width:1px;
        height:460px;
    border-width:1px;
        border-style:solid;
        border-color: black;
    }
    
    .separation-verticale4B{
        display:none;
        position:fixed;
        left:1100px;
        top:250px;
        width:1px;
        height:460px;
    border-width:1px;
        border-style:solid;
        border-color: black;
    }

    .separation2{
        display:block;
        text-align: center;
        width:calc(100% - 50px);
        border-width:1px;
        border-style:solid;
        border-color: black;
        margin: 15px auto 5px auto;
    }

    .separation{
        display:block;
        text-align: center;
        width:calc(100% - 50px);
        border-width:1px;
        border-style:solid;
        border-color: black;
        margin: 15px auto 5px auto;
    }

.texte-rubrique{
    background-color:white;
    position:relative;
    width:calc(100% - 14px);
    padding:10px 15px 10px 15px;
    /* padding-left:20px; */
    left:7px;
    top:7px;
    color:black;
    text-align: left;
    }

    .fb-insta{
        position:fixed;
    top:55px;
    display:flex;
    flex-wrap: wrap;
    left: 265px;
    width:25px;
    height:50px;
    z-index:50000000000000000;
    /* background-color:rgb(225, 100, 72);
     */}

     .fb-insta > div{
         width:100%;
     }
    
    .fb-insta img{
    width:20px;
    margin-left:5px;
    margin-bottom:7px;
    }

    .fb-insta2{
        position:fixed;
    top:55px;
    display:flex;
    flex-wrap: wrap;
    left: 320px;
    width:25px;
    height:50px;
    z-index:50000000000000000;
    /* background-color:rgb(225, 100, 72);
     */}

     .fb-insta2 > div{
         width:100%;
     }
    
    .fb-insta2 img{
    width:20px;
    margin-left:5px;
    margin-bottom:7px;
    }

}

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

    .blabla{
        /* background-color: tomato;
         */top:1400px;
         /* margin-top:50px; */
        z-index:1;
        position:relative;
/*         top:1620px; */
        left:35px;
        width:calc(100% - 70px);
        /* left:85px; */
        margin:0 ; 
        /* background-color:rgb(233, 78, 37); */
        }


    .fond-couleur{
        /*     z-index:500000000; */
            background-color:#ffed00;
            position:fixed;
            top:150px;
            width:100%;
            height:5000px;
            /* height:calc(100% - 450px); */
        } 

        .menuprincipal2{
            /* display:inline;
             */position:relative;
             top:15px;
             right:90px;
             background-color:rgb(233, 78, 37);
/*              color:cadetblue !important; */
            padding: 5px 15px 2px 15px;
            }

    .menu{
        position:fixed;
    /*     background-color: darkgoldenrod;
     */    top:113px;
        height:200px;
        left:200px;
    /* left:380px;
     *//* width:calc(100% - 400px);
     */ width:200px;
/*         padding-left:30px;
 */        z-index:70000;
    }
    
    .menu2E{
        display:none;
    }

    .menu2D{
        display:list-item;
        position:relative;
/*         top:-32px;
 */        top:25x;
 height:100px;
 width:100px;
/*         left:215px;
 */   left:5px;
 z-index:5000000;
 }
    
    .menu2D img{
        height:25px;
    }

    .menu2Db{
        display:list-item;
        position:relative;
/*         top:-32px;
 */        top:5px;
 height:100px;
 width:100px;
/*         left:215px;
 */   left:60px;
 z-index:5000000;
 }
    
    .menu2Db img{
        height:25px;
    }

    .logo2{
        position:fixed;
        top:0px;
        left: 10px;
        /* left:500px; */
        /* margin:0px auto 0px auto; */
        /* margin:0; */
        height: 155px;
        background-color: white;
        width:100%;
        /* width:100%; */
    z-index:20;
    }
    
    /* .imagelogo2{
        position:relative;
        top:10px;
        left: -450px;
    } */
    
    .imagelogo2 img {
        /* max-height:50%; */
        width: calc(100% - 45px);
    }
    
    .sous-titre{
        position: fixed;
        padding-left:30px;
        padding-top:3px;
        /* left:230 px; */
        /* top:0.5px; */
        color:white;
        font-size:1.2em;
        font-weight:bold;
        line-height: 1.3em;
    }
    
    .slogan2{
        position:fixed;
    /*     background-color: brown;
     */    height:50px;
        top: 155px;
        /* left: 320px; */
        width:100%;
        margin:0px auto 0px auto;
        background-color: black;
     /*  width: 1100px;  */
    /*  padding-left:60px;
     */    border-width:2px 0px 2px 0px;
        border-style:solid;
        border-color: black;
    z-index:30; 
        left: 0px;
      }
    
    .imageslogan2{
        margin:-12px auto 0px auto;
        /* height:46px; */
        width:70%;
        text-align: center;
      }
    
    .imageslogan2 img{
        width: 800px;
    }

    /* .slogan{
        position:fixed;
    height:50px;
        top: 110px;
        width:calc(100% - 44px);
        margin:0px auto 0px auto;
        background-color: white;
    border-width:2px 0px 2px 0px;
        border-style:solid;
        border-color: black;
    z-index:42000; 
        left: 22px;
      }
    
    .imageslogan{
        margin:2px auto 0px auto;
        width:70%;
        text-align: center;
      }
    
    .imageslogan img{
        width: 350px;
    } */
    
    .logo{
        position:fixed;
        top:0px;
        left:0px;
        padding-top:15px;
        padding-left:0px;
        /* left:500px; */
         margin:0;
       /* margin:0; */
        height:100px;
        background-color: cadetblue;
        width:100%;
        /* width:100%; */
    z-index:20;
    }
    



}


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

    .menu{
    position:fixed;
    top:15px;
    height:100px;
    width:100%;
    z-index:70000; 
    right:-225px;
    }

    .menuprincipal{
        position:relative;
        top:20px;
        background-color: cadetblue;
        padding: 2px 15px 2px 15px;
        text-align: right;
        }

    .menu2D{
        position:relative;
        top:10px;
        height:100px;
        right:20px;
    }
    
    .menu2D img{
        height:25px;
    }

    .slogan{
        position:fixed;
    height:50px;
        top: 60px;
    left:0px;
    width:100%;
        border-width:2px 0px 2px 0px;
        border-style:solid;
        border-color: black;
        z-index:30;
      }
    
    .slogan img{
        width: 100%;
    }

    .imageslogan{
        margin:2px auto 0px auto;
        width:calc(100% - 20px);
        text-align: center;
      }

      .imageslogan img{
        height: 45px;
        top:-50px;
    }

            .imagelogo{
                    z-index:50;
                    position:fixed;
                    height:auto;
                    width:300px;
                    left:10px;
                    top:15px;
                    text-align: left;
                    }
                
                .imagelogo img{
                    width:70%;
                }


} */


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


/* .logo{
        z-index:20;
        position:fixed;
        height:auto;
        width:100%;
        left:0px;
        top:-10px;
        margin:0;
}
    
    .logo img{
        width:60%;
    } */

/*     .imagelogo{
            text-align: center;
            position:relative;
            top:10px;
            left:0px;
        }
        
        .imagelogo img {
            width:350px;
        } */

    }