body{
    font-family: 'Open Sans', sans-serif;
    font-family: 'Quicksand', sans-serif;  
}
.container{
    
}
.container-admin{
    padding-top: 3em !important;
    padding-left: 3em!important;
    padding-right: 3em!important;      
}
.container-fluid{
    padding-left: 0em!important;
    padding-right: 0em!important;  
    min-height: 100%;
}

.SpaceUp{
    min-height: 35px;
}

#central{
    min-height: 80vh;
}

#centraljuge{
    margin-top: 70px;
    min-height: 80vh;
}

.container a{
   text-decoration: none; 
   /*font-size: 1.2em;*/
}

.titre{
    margin-bottom: 40px;
    margin-top: 20px;
}

/*
* TYPOGAPHIE
*/ 
#home-title{
    width:90%;
    margin-left: auto;
    margin-right: auto;
}
.central h1, 
.central h2, 
.central h3, 
.central h4, 
.central h5{
    color: #5597A5!important;    
}
h2{
    font-family: 'Quicksand', sans-serif;
}
.Intro{
    font-size: 1.2rem;
}

p{
    text-align: justify;    
}
.central p{
    text-align: justify;
}

.btn-big{
    font-size: 1.2em;
}

/*
* HEADER ET NAVIGATION
*/
#header{
    background-color: #449D44;
    color: #fff;
    border-color: #449D44;
}
#header a{
    color: #fff;
}
#header a:hover{
    background-color: #414cf4;
}
.HeaderTitre{
    display: none;
}

/*
* NAVIGATION
*/
.fixed-top{
    z-index: 99999!important;
}

.navbar-nav a{
    font-size: 1rem!important;
}

.navbar-toggler{
    margin-right:15px;
}
.navbar-collapse li{
    list-style-type: none!important;
    list-style: inside;
} 
.navbar-collapse .nav-link{
    color : white!important;
} 
.dropdown-menu .dropdown,
.dropdown-toggle{
    color : black!important;
} 
.submenu{
    background-color: #212529!important;
    border: 1px solid white;
}
.submenu a{
    color : white!important; 
}
#navbarNavDropdown a:hover{
    color: #5597A5!important;
}
.dropdown-menu a:hover{
    background-color: #212529!important;
   color:#DD8615;    
}

.Ancre{
    margin-top: 25px;
}

.MenuAdmin a:hover{
   background-color:transparent!important;
   color:#DD8615;
}

.navbar-expand-lg .navbar-nav .nav-link{
    padding-right: 0.8rem!important;
}

/*
* LOGO NAVIGATION
*/
.navbar-brand img{
    max-height: 41px;
    max-width: 63px;
}

/*
* SOCIAL SHARE
*/
ul.share-buttons li{
  display: inline;
}

.share-buttons .fa-brands{
    font-size: 1.5rem;
}

ul.share-buttons{
  list-style: none;
  padding: 0;
  margin-bottom: 0rem!important;
  float: right; 
}
.share-buttons li{
    margin-right: 1rem;
}

/*
* HOME PAGE
*/
.TitreHome{
    margin-top: 45px;
    color: #094d78;
}

.bandeau-caption{
    font-family: 'Anton', sans-serif;
    position: absolute;
    top: 20%;
    left: 20%;
    text-align: left;
    bottom: 0em;
    text-shadow: 1px 2px 3px #fff;
    font-size: 3em;
    max-height: 100px;
    /* degradé text */
    color: #094d78;    
}
.alert-results a{
    text-decoration: none;
    font-size: 1.5rem;
}

.bestauteur{
    margin-top: 20px;
}

/*
* CALENDRIER
*/
.Col_calendar{
    min-width: 60%!important;
}


/* 
* THÈMES 
*/
.blocSepar{
    margin-top: 15px;
}
.separator{ 
  border-bottom: 1px dotted #bbb;
  width: 50%;
  margin : auto;
}

.card{
    margin-top: 10px;    
    margin-bottom: 20px;
    box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);
    -webkit-box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);
    -moz-box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);      
}

.CardPhotos{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

/*
* RECOMPENSES
*/
.img-recompenses{
    opacity: 0.7;
}

/*
* CARDS JUGES
*/
.profile-card-3 {
  font-family: 'Open Sans', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  text-align: center;
  height:368px;
  border:none;
}
.profile-card-3 .background-block {
    float: left;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.profile-card-3 .background-block .background {
  width:100%;
  vertical-align: top;
  opacity: 0.9;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
   -webkit-transform: scale(1.8);
  transform: scale(1.2);
}
.profile-card-3 .card-content {
  width: 100%;
  padding: 15px 25px;
  color:#232323;
  float:left;
  background:#efefef;
  height:50%;
  border-radius:0 0 5px 5px;
  position: relative;
  z-index: 9990;
}
.profile-card-3 .card-content::before {
    content: '';
    background: #efefef;
    width: 120%;
    height: 100%;
    left: 11px;
    bottom: 51px;
    position: absolute;
    z-index: -1;
    transform: rotate(-13deg);
}
.profile-card-3 .profile {
  border-radius: 50%;
  position: absolute;
  bottom: 50%;
  left: 50%;
  max-width: 100px;
  opacity: 1;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
  border: 2px solid rgba(255, 255, 255, 1);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  z-index: 9996;
}
.profile-card-3 h2 {
  margin: 0 0 5px;
  font-weight: 600;
  font-size:25px;
}
.profile-card-3 h2 small {
  display: block;
  font-size: 15px;
  margin-top:10px;
}
.profile-card-3 i {
  display: inline-block;
    font-size: 1.5em;
    color: #232323;
    text-align: center;
    /*border: 1px solid #232323;*/
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    margin:0 5px;
}
.profile-card-3 .icon-block{
    float:left;
    width:100%;
    margin-top:15px;
}
.profile-card-3 .icon-block a{
    text-decoration:none;
}
.profile-card-3 i:hover {
  /*background-color:#232323;
  border: 1px solid #232323;*/  
  color:darkgray;
  text-decoration:none;
}

/*
* TARIFS
*/
.TableTarifs{
    width: 80%;
    margin: auto;
    border: 1px solid #cecece;
    box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);
    -webkit-box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);
    -moz-box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);       
}

/*
* EXPOSITION IMAGES
*/
.img-expo{
    margin-bottom: 20px;
}

/*
* PARTENAIRES
*/
/* card */

.Partenaires .card-body{
    min-height: 190px!important;
}

.Partenaires,
.Sponsors{
    min-height: 430px;
}

.Partenaires .card-footer,
.Sponsors .card-footer{
    background-color: white;
    border-top: none;
}
.Partenaires li,
.Sponsors li{
    font-size: 0.9em;
}


/*
* PAGES INTERNES
*/

/*
* communs
*/
.red{
    color: red;
}

.green{
    color: green;
}


.bandeau{
    box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);
    -webkit-box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);
    -moz-box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);    
}

.bandeau img{
    top: 60px;
    display: inline-block;
    max-height: 350px;
    object-fit: cover;
    object-position: bottom;
    height: 96vh;
    width: 100vw;
    overflow: hidden; 
    opacity: 0.5;
}


/* VISUELS DE DECORATION */
.img-estompe{
    opacity: 0.6;
    max-width: 90%;
    height: auto;    
}

/*
* FORMULAIRES
*/
.StyleFormConnect{
    padding: 20px;
    margin-top: 10px;    
    margin-bottom: 20px;
    box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);
    -webkit-box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);
    -moz-box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);      
}

.StyleFormConnect .form-group{
    margin: 12px;
}

.StyleFormConnect a{
    color: #655E5E;
}

/* Ombre interne champs */
#FormSignup input,
#FormSignup select,
#FormSignup textarea,
#FormSignin input,
#contactForm input,
#contactForm textarea{
    box-shadow: -10px 10px 17px -9px rgba(146,135,135,0.75) inset;
    -webkit-box-shadow: -10px 10px 17px -9px rgba(146,135,135,0.75) inset;
    -moz-box-shadow: -10px 10px 17px -9px rgba(146,135,135,0.75) inset;       
}

/* Champs obligatoires */
.fieldreq{
    border: 1px solid #DD8615;
}

.FormInfo .row{
    margin-top: 12px;
    margin-bottom: 12px;
}

/* cache champ captcha */
.hidadress{
    display: none;
}

/*
* PARTICIPANTS
*/
.CardPhotos .card-header,
.CardPhotos .card-footer{
    background-color: #fff;
}

.FooterResult ul{
    list-style-type: none;
}

.BodyPhoto{
    min-height: 350px;   
}

.BodyPhoto img{
    cursor: pointer;
}
.modal-custom{
    padding-top: 8%;
}

.TableRecapCommande > :not(caption) > * > *{
    font-size: 0.9em;
    padding: 0.2em!important;
}

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

/*
* ADMIN
*/

.SubTitleItem{
    text-transform: uppercase;
    font-weight: bold;
    background-color: #bbb;
}

#GridNotes,
#contenttablegrid{
    font-family: 'Open Sans', sans-serif!important;
    font-family: 'Quicksand', sans-serif!important;      
}

#ModalImg .modal-dialog{
    max-width: 90%!important;
    max-height: 90%!important;
}


#buttonline,
.tableaudata{
    margin-bottom: 20px;
}

.AlertValidnumFpf{
    color: red!important;
}

.jqx-menu ul {
    left: 100%;
    margin: 0px;
    padding: 2px;
    right: 0;
    overflow: hidden;
    background-color: transparent;
    border: none;
}
ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol, ul {
    padding-left: 2rem;
}
*, *::before, *::after {
    box-sizing: border-box;
}
user agent stylesheet
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
style attribute {
    z-index: 3000;
    outline: none;
    position: absolute;
    top: 484px;
    left: 1117.5px;
    height: 355px;
    width: 207px;
    visibility: visible;
    display: none;
}
.jqx-item{
    font-family: 'Open Sans', sans-serif;
    font-family: 'Quicksand', sans-serif;  
    font-size: 0.9em!important;    
}

.jqx-menu-vertical,
.FieldsetMain{
    box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);
    -webkit-box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);
    -moz-box-shadow: 2px 10px 13px -2px rgba(120,107,107,0.75);   
}

.ActivClass{
    background-color: #00FF00;
}

.FieldsetMain{
    
}

.FieldsetLegend{
    font-weight: bold;
}


/*
* JUGEMENTS
*/

/* CARDS DES MINIATURE POUR JUGEMENT */
#centraljuge .card{
    max-width: 315px;
    margin: 6px;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;    
}

.JugeThumbnails h6{
    border-top: 1px solid #cecece;
}
.img-thumbnail{
    padding: 0rem!important;
    border: none;
    border-radius: 0rem!important;
}

/*
* style pour panneau notation
*/
#Notation{
    /*max-height: 99%;*/
}

#Notation img{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  padding: 0 0 0 0;
  width: auto;
  max-height: 880px;    
}

#BlocNotes{
  height: 40px;  
  display: flex;
  justify-content: center;
  margin: auto;   
}

#BlocNotes ul{
    list-style: none;
}

#BlocNotes li{
  display: inline-block;
  cursor: pointer;
  margin: 5px;
  padding: 6px;
  border : 1px solid black;
}

#BlocNotes li:hover{
    color: red;
}

.NoteActive{
    color: red;
    font-weight: bold;
}


/*
* BOUTON CHANGEMENT COULEUR ARRIÈRE PLAN
*/

/* bordures boutons couleurs */

.HeaderJuge .fa-solid{
   /* border: 1px solid black;*/
}

.HeaderJuge .fa-xmark{
   /*font-size: 16px;*/
}

.JugeBackground{
    cursor: pointer;
}

.JugeBlack,
.JugeBlack a{
    background-color: black;
    color: white;
}

.JugeGray,
.JugeGray a{
    background-color: #8E8F90;
    color: white;
}

.JugeWhite,
.JugeWhite a{
    background-color: white;
    color:black;
}

.slide {
  display: none;
}

.image-slide {
  width: 100%;
}

.modal-preview {
  width: 100%;
}

.dots {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
} 

.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 20px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.previous,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  /*color: white;*/
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/*
* RESULTATS 
*/
.lightbox {
    /*top: 80px!important;*/
    margin: 0 auto!important;    
}

#lightbox .lb-caption{
    font-size: 1.1rem;
}

.NoteMinAccept{
    font-weight: bold;
    color: #DD8615;
}
/*
* MEDIA QUERIES
*/
@media (max-width: 767px) {   
    p{
        font-size: 1.2em;
        text-align: justify;         
    }    
    
    .InfoLinkImg{
        top: -20%!important;
    } 
    
    .FooterLogo img{
        max-height: 20%!important;
        max-width: 20%!important;
    }    
}

@media (max-width: 991px) {
    /* Menu Nav */
    .navbar-nav{
        font-size: 0.8rem!important;
    }
    
    .dropdown-menu .dropdown-menu{
        margin-left:0.7rem; 
        margin-right:0.7rem; 
        margin-bottom: .5rem;
    }
    .nav-item .submenu .dropdown-menu{
        left:100%;
        top: -15px;
    }
    .nav-item .submenu-left{ 
        right:100%; 
        left:auto;
    }         
    /* Présentation */
    .HeaderTitre{
        display:inline-block;
    }    
    .FooterLogo img{
        max-height: 20%;
        max-width: 20%;    
    }    
    .carousel-item img{ 
      /* hauteur max zone img */  
      max-height: 250px;  
    }    
    .carousel-caption h4{
        font-size: 2em; 
    }
    .bandeau img{
        max-height: 200px;
    }    
    .bandeau-caption{
        top: 18%;
    }
    .bandeau-caption h1{
        font-size: 0.5em;        
    }
}

@media all and (min-width: 992px) {
    .navbar-nav{
        font-size: 0.6rem!important;
    }
    
    .dropdown-menu{ 
        margin-top: 15px; 	
    }
    .nav-item .submenu{ 
            display: none;
    }
    .nav-item .submenu .dropdown-menu{ 
        left:100%;
        top: -15px;
    }
    .nav-item .submenu-left{ 
        right:100%; 
        left:auto;
    }
    .dropdown-menu > li:hover > .submenu{ 
        display: block; 
        background-color: #212529!important            
    }
}

/*
* STYLES GALERIE IMAGE
*/

/* Effet zoom sur les images */
.zoom img{
    transition: all 0.2s linear;
}
.zoom:hover img{
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

#lightgallery a{
    text-decoration: none;
}

.InfoLinkImg{
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
}


/*
* FOOTER
*/
footer a{    
    text-decoration: none;
}

footer a:hover,
footer h5{
    color: #5597A5!important;
}

.FooterLogo img{
    max-height: 40%;
    max-width: 40%;    
}
.copyright{
    font-size: 0.8em;
    color: #5597A5!important;
}
.copyright a{
    /*font-size: 0.8em;*/
    color: #5597A5!important;
}