@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Merriweather:ital,wght@0,400;1,300&family=Oswald&family=Sacramento&display=swap');

#dropdown0 {
    position: relative;
    display: inline-block;
}
#photo-GP{
    width: 315px;
    margin: 15px auto;
    display: block;
}

#dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 1;
    background: linear-gradient(90deg, #4a6965, #3e4d51, black) !important;


}

#dropdown0:hover .dropdown-content {
    display: block;
    /*background: red !important;*/
}


#img_header {
    margin-bottom: 80px !important;
/* width: 350px;*/
 display: none;
/*padding-bottom: 50px;*/


}

/*.logo1{*/
/*    display: none;*/
/*}*/

#flag_ {
    background: linear-gradient(50deg, #646566, #cfcfcfa1, #959595) !important;
    box-shadow: 0px 60px 16px 0px rgba(0, 0, 0, 0.2);
}

#flag a {
    border:solid  #758178 8px !important;
    background: linear-gradient(
            50deg
            , #8f918f, #786f74, #ebe1da) !important;
    /*background: white !important;*/
    border-radius: 15px !important;
    margin-top: 8px;
    margin-left: 2px !important;

}

#flag a:hover {
    background: white !important;
}

#pinter a {
    border: solid black;
    border-radius: 15px !important;
    background: linear-gradient(50deg, #003366, red, #003366);
}
#pinter a:hover{
    color:black;
}


#list_patch, #list_actu, #list_msg, #list_publi, #list_lien {
    background: linear-gradient(30deg, gray, black, #959595);
    color: white;
    border-radius: 15px;
    width: 50%;
    display: flex;
    justify-content: space-around !important;

}

#actu, #lien, #publi, #patch {
    font-size: 20px !important;

}

#myTable1, #myTable2, #myTable3, #myTable4, #myTable5 {
    display: none;
    background: linear-gradient(50deg, #959595, black, gray);
    color: white;
    font-size: 20px;
    border: solid black;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    /* font-family: 'Work Sans', sans-serif; */
    margin-top: 0;
    font-family:Serif;
}

.bg-dark {
    background-color: #343a40 !important;
    border-radius: 15px;

}

.bg-light {
    /*border-radius: 15px !important;*/
}

#publi_actu, #publi_patch {
    background: #c3dfed;
    border-radius: 15px;
}

#nav_nav {
    border: solid #c7c7c7;
    box-shadow: 9px 15px 22px 0px;
    /*background: linear-gradient(90deg, white, grey, white);*/
    background: linear-gradient(50deg, #646566, #cfcfcfa1, #959595) !important;
    /*border-top-right-radius: 23rem !important;*/
    /*border-bottom-left-radius: 23rem !important;*/

}

/*.nav-link{*/
/*    letter-spacing: 2px !important;*/
/*}*/
.lnr {
    color: white !important;
    display: flex;
    justify-content: center;
}

#PousseGif {
    width: 150px !important;
    margin-bottom: 10px;
}

#arti {
    font-family: 'Monoton', cursive;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 45px !important;
    overflow: hidden;
    background: linear-gradient(30deg, gray, black, #959595) no-repeat;
    background-size: 80%;
    animation: animate 10s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 0, 255, 0);
    letter-spacing: 3px !important;
}

#msg-conect {
    font-size: 30px !important;
    text-align: center !important;
    text-transform: capitalize !important;
    text-shadow: 2px 2px 5px #333f43;
    color: #333f43;
}

#msg-flash {
    text-align: center;
    margin-right: 20px !important;
    margin-left: 20px !important;
    background-color: #b892f7 !important;
}

#post-title, #post-content {
    text-align: center;
}

@keyframes animate {
    0% {
        background-position: -500%;
    }
    100% {
        background-position: 500%;
    }
}

#who-iam {
    /*margin-top: 150px;*/
    /*display: none;*/


}

.card {
    /*  background-color: black !important;
    border-radius: 10px;*/
}

.modal-content {
    background-color: white !important;
}

.nav-item {
    /*border-right: solid 0.5px;*/
    padding-right: 5px;
    padding-left: 2px;
}

body {
    opacity: 0.8 !important;

}

#expo-distinc, #paru-publi {
    /*display: none;*/
    color: black;
    border-radius: 15px;
    /*background: linear-gradient(50deg, #959595, black, gray) !important;
    background: linear-gradient(50deg, #1b2023, #2e4644, #2e4644) !important;*/


}
#separation{
    background: #dddddd;
    /* width: 15px; */
    height: 15px;
}
h2 {
    text-shadow: 1px 1px 2px black, 0 0 25px #d2e7e4, 0 0 5px #020202;
}

#actu_but, #paru_but {
    justify-content: center;
}

#title-section {
    text-shadow: none;
}

#title_list_actu, #title_list_paru {
    color: white;
    background: linear-gradient(
            90deg
            , #d0d7d6, #505050, #c5baba) !important;
    border-radius: 15px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    width: 60px !important;
    height: 60px !important;
}

#title_list_actu i, #title_list_paru i {
    font-size: x-large !important;
    padding-top: 10px;
}

#title_list_actu :hover, #title_list_paru :hover {
    background: white;
    color: black;
    border-radius: 25px;
}

#tab-actu {
    /*background: linear-gradient(50deg, #959595, black, gray) !important;
    background: linear-gradient(50deg, #1b2023, #2e4644, #2e4644) !important;*/
    border-radius: 15px;
    /*background: linear-gradient(50deg, #1b2023, #2e4644, #2e4644) !important;*/
    /*background: linear-gradient(50deg, #263635, #28433e, pink) !important;*/
}

#galerie {
    opacity: 1 !important;
    /*  background: linear-gradient(80deg, #1b2023, #2e4644, #2e4644) !important;
    background: linear-gradient(50deg, #959595, black, gray) !important;*/
    border-radius: 15px;
}

.section-sub-title {
    font-weight: bold !important;
}

#gtco-who-we-are {
    margin-top: 20px;
}

#who-iam {
    font-size: 20px;

}

#tab_lien, #tab_contact {
    font-size: 20px;
    border-radius: 15px;
    /*background: linear-gradient(50deg, #959595, black, gray) !important;
    background: linear-gradient(50deg, #1b2023, #2e4644, #2e4644) !important;*/
    border: solid;
}


#connect {
    font-size: 20px !important;
    border-radius: 15px !important;

}

#gal_img, #title_list_actua, #title_actu_publi,#title-paru{

    margin-bottom: 20px !important;
    /*text-shadow: 2px 2px 10px #2e4744;*/
    text-shadow: 1px 1px 2px black, 0 0 25px #2e4744, 0 0 5px #2e4744;
    font-family: serif;
    font-size: xxx-large;
}

.modal-pic {
    border: solid 5px white !important;
    border-radius: 10px;
    width: 100% !important;

}

.modal-content {
    background: white !important;
}

#title_list_lien {
    margin-top: 20px !important;
}

#id_div_actu1, #id_div_publi1, #id_div_msg1, #id_div_lien1 {
    /*display: flex;*/
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    color: white;
    display: none;
}

#id_div_patch1 {
    /*flex-direction: column;*/
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    color: white;
    display: none;
}

.id_actu, .id_patch, #id_publi, .id_msg, .id_lien {
    border: solid;
    background: linear-gradient(
            90deg
            , #afaaaa, #3e4d51, #838080) !important;
    font-size: 23px !important;
    text-align: center !important;
}

#look1, #look2, #look3, #look4, #look5 {
    background: linear-gradient(
            90deg
            , #afaaaa, #3e4d51, #838080)!important;
    /*border-radius: 15px !important;*/
    box-shadow: 5px 8px 16px 0px rgb(0, 0, 0.2);
    /* width: 35px !important; */
    height: 50px !important;
    padding-top: 5px;
    border: none !important;
    display: flex;
    justify-content: center;
    color: white;
    background-color: rgba(0, 0, 0, 0.57);
    border-top-right-radius: 1.5625rem;
    border-bottom-left-radius: 1.5625rem;
    margin-top: 8px;
}

.id_actu p, .id_patch p, #id_publi p, .id_msg p, .id_lien p {
    font-size: 18px !important;
}

#post_submit, #publication_submit, #publication_submit, #actualite_submit, #lien_submit, #reply_submit, #connected, #user_password_submit {
    background: linear-gradient(50deg, #959595, black, gray) !important;
    /*width: calc(100% + 2px);*/
    /*height: 100%;*/
    color: white;
    background-color: rgba(0, 0, 0, 0.57);
    border-top-right-radius: 1.5625rem;
    border-bottom-left-radius: 1.5625rem;
    /*top: 0;*/
    /*left: -1px;*/
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
}

#post_submit, #reply_submit, #connected {
    background: linear-gradient(50deg, #959595, white, gray) !important;
    color: black !important;
    width: 250px;
    font-weight: bold;
    font-size: 19px;
}

footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    background-color: #d3d3d3 !important;

}

#footer_p {
    font-size: medium;
    margin-top:20px;
}

#folder {
    /*background: black !important;*/
    border: none !important;

}

.pagination {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*transform: translate(-50%,-50%);*/
    margin: 14px auto;
    padding: 10px;
    background-color: black;
    border-radius: 40px;
    box-shadow: 0 5px 25px 0 rgb(0, 0, 0, .5);
    width: 25%;
    background: linear-gradient(
            90deg
            , #8f8989, #3c3c3c, #afa9a9)!important;
    display: flex;
    flex-wrap: wrap;
}


.pagination a {
    /*padding-left: 3px !important;*/
    /*width: 20px;*/
    /*height: 30px;*/
    line-height: 30px;
    /*background-color: black;*/
    text-align: center;
    text-decoration: none;
    color: white !important;
    border-radius: 4px;
    margin: 5px;
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1), 0 2px 5px rgba(0, 0, 0, .5);
    transition: all;

}

.pagination a:hover {
    /*color: #ffcab5 !important;*/
    background: linear-gradient(50deg, #959595, white, gray) !important;
    color: red !important;
}


.toto {
    margin-left: 45%;
    margin-top: 15px;
    margin-bottom: 15px;
    border: black;
    font-size: 20px !important;

}
h2{
    text-align: center !important;
}
.form-control{
    height: 35px !important;
    font-size: 2rem !important;
    background: #e3e3e3;
}

/****************RESPONSIVE*****************/

@media (max-width: 1025px) {

    #testt {
        font-size: 9rem !important;
        text-align: center;
        height: 70vh; !important;}

}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 2px !important;
        padding-left: 2px !important;
    }

    #index-h1 {
        font-size: 100px !important;
    }
    #testt {
        font-size: 9rem !important;
        text-align: center;
        height: 30vh; !important;}
    .jumbotron{
        min-height: 0vh !important;
    }

}

/*#navbar-nav-header{*/
/*    justify-content: center !important;*/
/*}*/

@media (max-width: 766px) {
    #PousseGif {
        width: 90px !important;
        align-items: center;
    }
    #testt {
        font-size: 6rem !important;
        text-align: center;
        height: 30vh; !important;}

    .overlay {
        background-color: var(--secondary-color) !important;
        background-image: url(./../img/panière.jpg) !important;
        object-fit: cover !important;
        /*background-size:  !important;*/

    }

    #index-h1 {
        font-size: 80px !important;
    }


    /*#body-index {*/
    /*    background: black !important;*/
    /*    background-image: url(./../img/epm-paquin_7.jpg) !important;*/
    /*    background-size: contain !important;*/
    /*    height: 100px !important;*/
    /*    background-repeat: no-repeat !important;*/
    /*}*/
    /*!*#hand-point-right,*!*/
    /*#gab-paq {*/
    /*    color: red !important;*/
    /*font-size: 40px!important;*/
    /*    */
    /*}*/


}

@media (max-width: 770px) {
    #myTable3 {
        font-size: 15px !important;
    }

    .pagination a {
        width: 15px !important;
    }

}


@media (max-width: 550px) {
    #look1 h2, #look2 h2, #look3 h2, #look4 h2, #look5 h2 {
        font-size: 20px !important;
    }

}


@media (max-width: 530px) {
    #myTable3 {
        font-size: 10px !important;
    }

}

@media (max-width: 649px) {
    #myTable3, #expo-distinc p, #paru-publi p {
        font-size: 15px !important;
    }

    #myTable2 p, #myTable1 p, td, #myTable4 p {
        font-size: 12px !important;
    }
}

@media (max-width: 501px) {
    #myTable2, #myTable4, #myTable3, #myTable5, #myTable1, #tab_lien, #expo-distinc, #expo-distinc th, #paru-publi, #paru-publi th {

        font-size: 12px !important;
    }

    #index-h1 {
        font-size: 60px !important;
    }

    h2 {
        font-size: 30px !important;
    }


}

@media (max-width: 476px) {
    #myTable5, #myTable4, #myTable3, #myTable2, #myTable1, #tab_lien {
        font-size: 10px !important;
    }
    #testt {
        font-size: 6rem;
        text-align: center;
        height: 30vh !important;
    }

    #myTable2 p, #myTable1 p, td, #myTable4 p {
        font-size: 10px !important;
    }

    #index-h1 {
        font-size: 40px !important;
    }
}

@media (max-width: 460px) {
    #arti {
        font-size: 25px !important;
    }
}

@media (max-width: 423px) {
    #myTable5, #myTable1, #myTable2, #myTable3, #myTable4, #tab_lien {
        font-size: 10px !important;

    }

    #myTable2 p, #myTable1 p, td, #myTable4 p {
        font-size: 15px !important;
    }

    /*#body-index {*/
    /*    background: black !important;*/
    /*    background-image: url(./../img/epm-paquin_7.jpg) !important;*/
    /*    background-repeat: no-repeat !important;*/
    /*    background-size: contain !important;*/
    /*}*/
    /*#hand-point-right,*/
    /*#gab-paq {*/
    /*    color: white !important;*/
    /*    font-size:40px !important ;*/
    /*}*/


}

@media (max-width: 376px) {
    #myTable3 {
        font-size: 5px !important;
    }

    #look1 h2, #look2 h2, #look3 h2, #look4 h2, #look5 h2 {
        font-size: 13px !important;
    }


}

@media (max-width: 350px) {
    #myTable5, #myTable1, #myTable2, #myTable3, #myTable4, #tab_lien {
        font-size: 5px !important;
    }

    #myTable2 p, #myTable1 p, td, #myTable4 p {
        font-size: 5px !important;
    }

}

@media (max-width: 288px) {
    #arti, .section-title, #who-iam > p, h3 {
        font-size: 15px !important;

    }

    #myTable1 > #myTable1-img {
        height: 100px;
    }

}


/*.section-sub-title{*/
/*    border: solid;*/
/*    text-align:center;*/
/*}*/

/*#myhr*/
/*{*/
/*    background-color:#C80000;*/
/*    color:#C80000;*/
/*    -webkit-transform:rotate(90deg);*/
/*    position:absolute;*/
/*    left:130px;*/
/*    border:2px;*/
/*}
 */


/*test*/
#testt{
    font-size: 13rem;
    text-align: center;
    /*height:15vh;*/
display: block;
    margin:0 auto;
    color: #758178;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    text-shadow: 5px 5px 0px #b1b1b1, 10px 10px 0px #121111, 15px 15px 0px #595c5c, 20px 20px 0px #000000, 25px 25px 0px #000000, 30px 30px 0px #686363;;}



#hlwd{
    color: white;
    font-size: 16px;
}
#hlwbd:hover, #hlwbd:active{font-size: 150%;}