/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ancien css gitt*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.textblanc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none ; line-height: 13px; font-weight: normal}
.text12noir{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none ; line-height: 14px; font-weight: normal}
.textonegro { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none ; line-height: 11px ;font-weight: normal}
.textblackSM { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none ; line-height: 14px; font-weight: normal}
.textonegroSM { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none ; line-height: 14px ;font-weight: normal}
.textored { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #994440; text-decoration: none ; line-height: 14px }
.text12b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none ; line-height: 14px; font-weight: bold}
.text14b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none ; line-height: 16px; font-weight: bold}
.text16b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration: none ; line-height: 18px; font-weight: bold}
.text18b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; text-decoration: none ; line-height: 24px; font-weight: bold}
.text14 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none ; line-height: 16px; font-weight: normal}
.text16 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration: none ; line-height: 18px; font-weight: normal}

.txt26 {font-size: 26px;line-height: 28px;font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}
.txt18 {font-size: 14px;line-height: 16px;font-family:"Segoe UI",Arial,sans-serif;margin:10px 0}
.txt12 {font-size: 12px;line-height: 14px;font-family:"Segoe UI",Arial,sans-serif;margin:10px 0}

.link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000cc; text-decoration: none ; line-height: 11px; font-weight: normal}
.linkblanc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none ; line-height: 11px; font-weight: normal}

.linkblackSM { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none ; line-height: 13px; font-weight: normal}

.th_class_result{	background-color: #dbdbdb;}


/*Pour être certain que les medias ne sont jamais plus large que leurs responsive container*/
/*img,picture,video{ max-width:100%;} /*empêche le slide de photo de fonctionner*/


.pf-opaticity80{
  opacity: 0.85 !important;
}
.pf-radius-top20{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.pf-radius-top10{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.pf-radius-btm10{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


.pf_login_menu{height:32px;} /*sidebar dans fiche2.0*/
.pf_login_menu:before{
	content: '';
	background:url('../imgs/logo_wing64_wh.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-16px;
}

.pf_login_menu_couleur{height:32px;display: none;} /*sidebar dans fiche2.0*/
.pf_login_menu_couleur:before{
	content: '';
	background:url('../imgs/logo_wing64.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-16px;
    
}


.pf_logo:hover{
   .pf_login_menu{display:none;}
   .pf_login_menu_couleur{display:inline;}
}

.pf_padding_10{
    padding-left: 10px;
    padding-right:  10px;
}


.pf-ul{list-style-type:none;height:50px;}



.pf-popup-modal{
  position: fixed;
  padding: 10px;
  margin:auto;
  width:90%; height:90%;
  /*background-color: blue;
  border:10px red soliod;*/
  z-index:100;
}



/*--test de banners d'events*/
.banners{
	/*background:url('../imgs/banners/2025/icebreak.jpg');*/
  border:1px grey solid;	
  height:170px;
  position: relative;
}
.banners_date{
  position:absolute;
  text-align: right;
  padding-right: 5px;
  right:5px;
  bottom:5px;
 /* background-color: #000000;*/
 background:
    linear-gradient(to right, transparent, black, black);
  color: #e7e7e7;
  height:20px;
  width:150px;
}

.banners_club{
  position:absolute;
  text-align: left;
  padding-left: 5px;
  left:5px;
  bottom:5px;
 /* background-color: #000000;*/
 background:
    linear-gradient(to left, transparent, black, black);
  color: #e7e7e7;
  height:20px;
  width:150px;
}

.banners_text{
  position:absolute;
  text-align: left;
  font-size: 13px;
  padding-left: 5px;
  left:5px;
  bottom:5px;
 /* background-color: #000000;*/
 background:
    linear-gradient(to left, transparent, black, black);
  color: #e7e7e7;
  height:40px;
  width:100%;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
}
.banners_btn_result{
    position: absolute;
    right:5px;
    bottom:10px;
}


/* pc de bureau */
@media (min-width: 1024px) {
    body {
      background-color: white; 
    }
    .wrapper{ display:flex;} .col1 {flex:1; margin-right:5%; } .col2 {flex:2; }
    .wrapper-news{ display:flex;} .newscol1 {flex:1; margin-right:5%;margin-top:-30px; z-index:1;} .newscol2 {flex:1;margin-right:5%; margin-top:-30px; z-index:1; }.newscol3 {flex:1;margin-top:-30px; z-index:1;}
    .wrapper-result{ display:flex; padding-bottom: 5px; } .rescol1 {flex:0;margin-right:2%; border:0px red solid;} .rescol2 {flex:2; border:0px blue solid;}
    .wrapper-archives{ display:flex; padding-bottom: 5px; } 
      .arccol1 {flex:1;margin-right:1%; border:0px red solid;} 
      .arccol2 {flex:1;margin-right:1%; border:0px blue solid;}
      


    .pf-head{width:100vw;height:auto;max-height:400px;border-bottom-right-radius: 100px;}/*border-bottom-left-radius: 100px;*/


    .pf-logo_container{
      visibility: visible;
      border:1px #383838 solid;
      width:300px;  height:300px;
      position:absolute;

      top:70px; left:15px;
      background-color:#ffffffc9;
        border-radius: 80px;
        z-index: 0;
    }
    .pf-logo-mid{
        width:260px; /*300x300*/
        overflow:auto;
        margin:auto;
        position:absolute;
        top:0;  left:0; bottom:20px; right:0;
        
    }
    .pf-result-logo{
      width:120px;
    }
    .pf-result-logo-cadre{
      position:absolute;
      left:0;top:0;border:0px red solid;
    }
    .pf-result-logo-container{
      position:relative;height:125px;border:0px green solid;
    }
    .pf-result-logo-container-titre{
      position:relative;height:125px;padding-left:140px;border:0px green solid;
    }
    .pf-logo{width:120px;/*valeur initiale 120*/}

    .pf-padding-phrf-btn{padding:4px 10px!important}
    .pf-padding-phrf-td{width:auto}
    .pf-padding-phrf-detail-td{width:400px;}
    .pf-padding-result-btn{padding:4px 10px!important}
    .pf-padding-result-btn-sm{padding:2px 4px!important}
    .pf-sous-course-container{  border:1px lightslategrey dashed;  padding-left:50px;padding-top:10px;padding-bottom:10px;display:none;}

    .pf_align{text-align:center!important}

    /*les pointillé dans les colonnes de résultats , seulement disponible sur version ordinateur*/
    .dashedborder-LF{border-left:1px gray dashed;}
    .dashedborder-RH{border-right:1px gray dashed;}
    
    /* Aucune préférence selon le dark ou light mode*/
      .pf-theme-1 { color:#000 !important;  background-color:#ffffff !important              }
      .pf-theme-2 { color:#000 !important;  background-color:#f0f0f0 !important} 
      .pf-theme-3 {color:#fff !important; background-color:#4b6db6 !important} /* dans fonction pour afficher news*/
      .trhover:hover{	color:#000; background-color: #bafdba;}
      .th_class_result{	background-color: #dbdbdb;}
      .simple-popup-content {
        width: 90%;
        height: 90%;
        background: #fff;
        color:#000;
        border-radius: 10px;
      }
  
    
}

/*tablette */
@media (max-width:1023px) and (min-width:769px){
  img,picture,video{ max-width:100%;}
  body { 
    /* background-color: white;*/
    background-color: Canvas;
      color: CanvasText;
    color-scheme: light dark;
  }
  .wrapper{ display:flex;} .col1 {flex:1; margin-right:5%; } .col2 {flex:2; }
  .wrapper-news{ display:flex;} .newscol1 {flex:1; margin-right:5%;margin-top:-30px; z-index:1;} .newscol2 {flex:1;margin-right:5%; margin-top:-30px; z-index:1; }.newscol3 {flex:1; margin-right:1%;margin-top:-30px; z-index:1;}
  .wrapper-result{ display:flex;  margin-bottom: 5px;} .rescol1 {flex:0;  min-width:80px;margin-right:2%; border:0px red solid;} .rescol2 {flex:1; border:0px blue solid;}

  .pf-head{width:100vw;height:auto;max-height:200px;}
  .pf-logo_container{
    visibility: visible;
    border:1px #383838 solid;
    width:120px;  height:120px;
    position:absolute;

      top:55px; left:5px;/*left:5px;*/
    background-color: #ffffffc9;
      border-radius: 20px;
      z-index: 0;

      
  }
  .pf-logo-mid{

      width:110px; 

      overflow:auto;
      margin:auto;
      position:absolute;
      top:0;  left:0; bottom:4px; right:0;
      
  }
  .pf-result-logo{
    width:120px;
   /* overflow:auto;
    margin:auto;
    position:absolute;
    top:0;  left:0; bottom:20px; right:0;*/
    
  }
  .pf-result-logo-cadre{
    position:absolute;
    left:0;top:0;border:0px red solid;
  }
  .pf-result-logo-container{
    position:relative;height:125px;border:0px green solid;
  }
  .pf-result-logo-container-titre{
    position:relative;padding-left:140px;height:125px;border:0px green solid;
  }
  
  .pf-padding-phrf-btn{padding:4px 10px!important}
  .pf-padding-phrf-td{width:80px}
  .pf-padding-phrf-detail-td{width:300px;}
  .pf-padding-result-btn{padding:8px 10px!important} /* .pf-padding-result-btn{padding:8px 16px!important} */
  .pf-padding-result-btn-sm{padding:2px 4px!important}
  .pf-sous-course-container{  border:1px lightslategrey dashed;  padding-left:30px;padding-top:10px;padding-bottom:10px;display:none;}

  .pf_align{text-align:center!important}

  
    /* préférence selon le dark ou light mode*/
    @media (prefers-color-scheme: dark) {
      .pf-theme-1 { color:#b4b4b4;   background-color:#1a1a1a;            } /* .pf-theme-1 { color:CanvasText;   background-color:Canvas;            }*/
      .pf-theme-2 { color:#b4b4b4 !important; background-color:#2e2e2e !important} 
      .pf-theme-3 {color:#b4b4b4 !important; background-color:#4b6db6 !important} /* dans fonction pour afficher news*/
      .trhover:hover{	color:#000; background-color: #bafdba;}
      .th_class_result{color:#b4b4b4;	background-color: #4e4e4e;}
      .simple-popup-content {
        width: 90%;
        height: 90%;
        background: #1a1a1a;
        color:#b4b4b4;
        border-radius: 10px;
      }
    }
    
    @media (prefers-color-scheme: light) {
      .pf-theme-1 { color:#000 !important;  background-color:#ffffff !important              }
      .pf-theme-2 { color:#000 !important;  background-color:#f0f0f0 !important} 
      .pf-theme-3 {color:#fff !important; background-color:#4b6db6 !important} /* dans fonction pour afficher news*/
      .trhover:hover{	color:#000; background-color: #bafdba;}
      .th_class_result{	background-color: #dbdbdb;}
      .simple-popup-content {
        width: 90%;
        height: 90%;
        background: #fff;
        color:#000;
        border-radius: 10px;
      }
    }
    
    
  


}

/*mobile et petite device*/
@media /*screen and*/ (max-width: 768px) { /*768*/
    img,picture,video{ max-width:100%;}
    body { 
     /* background-color: white;*/
      background-color: Canvas;
      color: CanvasText;
      color-scheme: light dark;
    }

    .pf-head{width:100vw;height:auto;max-height:200px; }
   
    
    .pf-logo_container{
      visibility: visible;
      border:1px #383838 solid;
      width:80px;  height:80px;
      position:absolute;

        top:45px; right:5px;
      background-color: #ffffffc9;
        border-radius: 20px;
        z-index: 0;
    }
    .pf-logo-mid{
        width:75px; 
        overflow:auto;
        margin:auto;
        position:absolute;
        top:0;  left:0; bottom:4px; right:0;
        
    }
    .pf-logo{
        width:90px;
    }

    .pf-result-logo{
      width:100px; border:0px red solid;padding-left:0px;
    }
    .pf-result-logo-cadre{
      position:absolute;
      left:0;top:0;border:1px red solid;
    }
    .pf-result-logo-container{
      position:relative;height:90px;border:0px green solid;
    }
    .pf-result-logo-container-titre{
      position:relative;padding-left:65px;height:125px;border:0px green solid;

    }
    .logowrapper{
        display:flex;
    }
    .collogo{flex:1;margin-right:1%;}
    .collogo_text{flex:2;}
    .pf-padding-phrf-btn{padding:4px 10px!important}
    .pf-padding-phrf-td{width:40px}
    .pf-padding-phrf-detail-td{width:200px;}
    .pf-padding-result-btn{padding:4px 10px!important} /*.pf-padding-result-btn{padding:14px 40px!important}*/
    .pf-padding-result-btn-sm{padding:2px 4px!important}
    .pf-sous-course-container{  border:1px lightslategrey dashed;  padding-left:20px;padding-top:10px;padding-bottom:10px;display:none;}

    .pf_align{text-align:center!important}

    .pf_mid{
      font-size:98%;
    }
    .pf_small{
       font-size:70%;
    }


    /* préférence selon le dark ou light mode*/
    @media (prefers-color-scheme: dark) {
      .pf-theme-1 { color:#b4b4b4;   background-color:#1a1a1a;            } /* .pf-theme-1 { color:CanvasText;   background-color:Canvas;            }*/
      .pf-theme-2 { color:#b4b4b4  !important; background-color:#2e2e2e !important} 
      .pf-theme-3 {color:#b4b4b4  !important; background-color:#4b6db6 !important} /* dans fonction pour afficher news*/
      .trhover:hover{	color:#000; background-color: #bafdba;}
      .th_class_result{color:#b4b4b4;	background-color: #4e4e4e;}
      .simple-popup-content {
        width: 90%;
        height: 90%;
        background: #1a1a1a;
        color:#b4b4b4;
        border-radius: 10px;
      }
    }
    
    @media (prefers-color-scheme: light) {
      .pf-theme-1 { color:#000 !important;  background-color:#ffffff !important              }
      .pf-theme-2 { color:#000 !important;  background-color:#f0f0f0 !important} 
      .pf-theme-3 {color:#fff !important; background-color:#4b6db6 !important} /* dans fonction pour afficher news*/
      .trhover:hover{	color:#000; background-color: #bafdba;}
      .th_class_result{	background-color: #dbdbdb;}
      .simple-popup-content {
        width: 90%;
        height: 90%;
        background: #fff;
        color:#000;
        border-radius: 10px;
      }
    }
    
    
  
  
  
  



    
    /*mobile rotate w*/
    @media (orientation: landscape) {
        .pf-padding-result-btn{padding:4px 12px!important }
    }

}





/* COLOR SCHEME  - PENSER À ENLEVER BODY BACKGROUND WHITE POUR TABLETTE, ET MOBILE*/

/*  oh !! LE BLEU ARRIVE MAIS CACHÉ EN ARRIÈRE , LES DIV ONT UNE COULEUR, WHITE ET GRIS SELON LE ROW ....*/


/*
@media (prefers-color-scheme: dark) {
  html {
    background-color: black;
  }
}

@media (prefers-color-scheme: light) {
  html {
    background-color: blue;
  }
}*/