/* ==== PRFC POKER CSS === */
@font-face {
    font-family: "Roboto-Light";
    src: url(../fonts/Roboto/Roboto-Light.ttf);
    src: url(../fonts/Roboto/Roboto-Light.woff);
    font-weight: normal;
    font-style: normal;
}   

@font-face {
    font-family: "Roboto-Black";
    src: url(../fonts/Roboto/Roboto-Black.ttf);
    src: url(../fonts/Roboto/Roboto-Black.woff);
    font-weight: normal;
    font-style: normal;
}   

@font-face {
    font-family: "Roboto-BoldCondensed";
    src: url(../fonts/Roboto/Roboto-BoldCondensed.ttf);
    src: url(../fonts/Roboto/Roboto-BoldCondensed.woff);
    font-weight: normal;
    font-style: normal;
}   


body {
    background:#ebf0f5;   
    font-family: 'Roboto-Light', 'Open Sans',sans-serif;
    font-size: 1.5em;   
    margin:0;
}

header img {
    width:100%;
    vertical-align:bottom;
}

nav ul {
    width: 100%;
    margin:0;
    padding:0;
}

nav li {
    display:block;
    float:left;
    width: 33.33%;
}

nav a {
    display:block;
    text-decoration:none;
    color:white;
    background:rgb(100,100,100);
    font-size:1.4em;
    text-align:center;
    padding: 5px 0;
    border-top:2px solid white;
    border-bottom:2px solid white;
}

nav a:hover {
    background: linear-gradient(to right, rgb(100,100,100), rgba(100,100,100,.5), rgb(100,100,100));
    color:white;
    text-decoration:none;
    border-top:2px solid white;
    border-bottom:2px solid white;
}

#main {
     clear:left;
}

#global {   
    width: 80%;
    margin: 10px auto;    
    background:#ebf0f5;    
}

td, tr, th, thead, tbody {
    margin:0;
    padding:5px;
}

#info {
    float:left;
    margin-right: 15px;
    width:30%;        
}

#calendrier {    
    margin-top:35px;
    vertical-align: middle;    
    width:100%;
}

#calendrier img {
    float:left;
}

#calendrier p {
    text-align: center;
}

#cible {
   margin-top: 35px;
   width: 100%;
   vertical-align: middle;    
}

#cible img {
    float:left;
}

#cible p { 
    padding-top:13px;
    text-align: center;
}

#principal {
    float:left;
    width:67%;
}

#principal div {
    overflow: hidden;
}

.clgnrl {
    border-collapse: collapse;
    border-spacing: 0;
    width: 90%;
    margin:10px 0 15px auto;
}

.clgnrl caption {
    font-family: 'Roboto', 'Open Sans',sans-serif;
    text-align: left;
    background: #fff; /*linear-gradient(to right, #999, #f2f2f2, #999);*/
    font-size: 1.7em;
}

#archives .clgnrl {
    width:100%;
}

#statistiques .clgnrl {
    width:100%;
}

#info .clgnrl caption {
    font-size: 1.5em;
}

#cg {
    display: table;
    width: 100%;
}

#cgDet {
    width: 100%;
    display: none;
}

#clHit {
    display: table;
    width: 100%;
}

#clHitDet {
    width: 100%;
    display: none;
}

.clgnrl caption #titre {
    float:left;
    width: 80%;
}

.clgnrl caption img {
    display: block;
    text-align: right;
    
}

.clgnrl caption #plus {
    cursor: pointer;
    float:right;
}

.clgnrl th {        
    font-family: 'Roboto-Light', 'Open Sans',sans-serif;
    vertical-align: bottom;
    color:#999;
    background: #fff;
    font-weight: normal;
    text-decoration: none;
    padding-bottom: 3px;
    font-size: .7em;
}

.clgnrl td {
    vertical-align: center;
}

.clgnrl tr {
}

.clgnrl tbody tr:nth-child(odd) {
    border-top: 1px solid #e5e5e5;
    background: #f2f2f2;
}

.clgnrl tbody tr:nth-child(even) {
    border-top: 1px solid #e5e5e5;
    background: #ffffff;
}

.clgnrl-head-center {
    text-align: center;
}

.clgnrl-head-nom {
    font-weight: bold;
    text-align: left;
    width:10%;
}

.clgnrl-pos {
    font-weight: bold;
    text-align: center;
    width: 4%;
}

.clgnrl-annee {
    text-align: center;
    width: 8%;
}

.clgnrl-participants {
    text-align: center;
    width: 8%;
}

.clgnrl-manches {
    text-align: center;
    width: 8%;
}

.clgnrl-vainqueur {
    text-align: center;
    font-weight: bold;
    width:15%;
}

.clgnrl-deuxieme {
    text-align: center;
    width:15%;
}

.clgnrl-troisieme {
    text-align: center;
    width:15%;
}

.clgnrl-hitman {
    text-align: center;
    font-weight: bold;
    width:15%;
}

.clgnrl-details {
    text-align: center;
    width:5%;
    cursor: pointer;
}

.clgnrl-nom {
    width:35%;
}

.clgnrl-nom-det {
    width:20%;
}

.clgnrl-nom img {    
    padding-top: 2px;
    padding-left:2px;
}

.clgnrl-points {
    font-weight: bold;
    text-align: center;
    width:10%;
}

.clgnrl-points-det {
    text-align: center;
    border-left: 1px solid #e5e5e5;
    width:4%;
    
}

.clgnrl-points-det-no {
    text-align: center;
    color: #c9c9c9;
    border-left: 1px solid #e5e5e5;
    width:4%;
    
}

.clgnrl-points-det-abs {
    text-align: center;
    background: #c9c9c9;    
    border-left: 1px solid #e5e5e5;
    width:4%;
    
}



.clgnrl-total {
    font-weight: bold;
    text-align: center;
    border-left: 1px solid #e5e5e5;
    width:6%;
}

.clgnrl-postes {
    text-align: center;
    width:3%;
}

.clgnrl-plusmoins {
    text-align: center;
    font-size: .8em;
    width:3%;
}

.clgnrl-victoire {
    text-align: center;
    width:10%;
}

.clgnrl-top3 {
    text-align: center;
    width:10%;
}

.clgnrl-diff {
    text-align: center;
    width:10%;
}

#manche .clgnrl {
    width: 100%;
    margin:10px 0;
}


footer {    
    clear:left;
    width: 100%;
    color:black;
    text-align: center;
    margin-top:60px;        
}

footer p {
    border-bottom: 2px solid lightgrey;    
}

footer img {    
    float:left;
    right:0px;
    margin-top: -48px;
}



/*----------------------------------------------

------------------------------------------------*/
.chkboxJP {
    display: inline-block;
}

/* CSS pour les tablettes */
@media screen and (max-width: 1320px) {
    #info .clgnrl caption {
        font-size: 1.2em;
    }

    .clgnrl caption {
        font-size: 1.5em;
    }
    
    #calendrier p {
        font-size: 0.8em;
    }

    #cible p {
        font-size: 0.8em;
    }
    
    
}

/* CSS pour les tablettes */
@media screen and (max-width: 1000px) {
        
    body {
        font-size: .7em;
    }

    #global {   
        width: 100%;
        margin:0;
    }

    
    table caption img {
        margin-top: 2px;
        width: 16px;
    }
    
    .clgnrl {        
        margin:10px auto 15px auto;
    }
    
    #info {
        width: 30%;
    }
        
    .clgnrl caption {
        font-size: 1.2em;
    }
    
    #info .clgnrl caption {
        font-size: 1.2em;
    }

    .clgnrl caption #titre {
        width: 90%;
    }
    
    #calendrier img {
        width: 36px;
    }
    
    #cible img {
        width: 36px;
    }
    
    #cgDet td img {
        display:none;
    }
    
    #hitDet td img {
        display:none;
    }    
        
    footer img {    
        margin-top: -30px;
        width:100px;
    }
        
}

/* CSS pour les smartphones mode paysage */
@media screen and (max-width: 665px) {
        body {
        font-size: .9em;
    }
            
    #principal {
        width:100%;
    } 
    
    #info {
        float: none;
        width:100%;
    }
        
    .clgnrl {    
        width: 100%;
        margin:10px 0 15px 0;
    }
        
    .clgnrl caption {
        font-size: 1.3em;
    }
    
    #info .clgnrl caption {
        font-size: 1.5em;
    }

    .clgnrl caption #titre {
        width: 85%;
    }
        
    #calendrier {
        margin-top: 5px;
    }
    
    #calendrier img {  
        float:none;
        display: block;
        margin:0 auto;
        width: 24px;
    }
    
    #cible {
       margin-top: 5px;
    }
        
    #cible img {
        float:none;
        display: block;
        margin:0 auto;
        width: 24px;
    }
    
    #cible p {
        padding:0;        
    }

    #cg td img {
        display:none;
    }
    
    #hit td img {
        display:none;
    }  
        
    footer img {
        margin-top: -6px;
        width:60px;
    }
}

/* CSS pour les smartphones mode portrait */
@media screen and (max-width: 611px) {
    
    nav {
        display: none;
    }

    
    .clgnrl caption img {
        display: none;
    }


    .clgnrl caption {
        font-size: 1.2em;
    }    
    
}