@charset "UTF-8";
/* CSS Document */

body main{height:700px;
padding-top:15px;}
body main#clubs{height:auto;}
body#resultats main{height:1000px;;}

body#resultats main section {
	height:470px;
}

main section {
    width: 220px;
	height:200px;

float:left;
}



main section h2 {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 900;
	height:50px;
}

main section h3{

padding:15px;
font-size:0.9em;

}

main section h3::before{
content:url(images/date-rouge.png);
padding-right:5px;
}

main section ul li {
    display: block;
}

main section ul li {
        display: block;
    
    padding: 15px;
    margin: 5px auto;
    border-radius: 0 0 80px 80px / 100px;
    width: 150px;
    
   
    border-radius: 0 0 80px 80px / 100px;
}

main section ul li a, main section ul li a:hover {
margin:0;
    color: white;
font-weight:normal;
}

/* ---------------resultats femme--------------- */

main section ul li:nth-child(1), main section ul li:nth-child(4) {
       background-color: #db1718;
   }

main section ul li:nth-child(1):hover, main section ul li:nth-child(4):hover{
       background-color: #f73a3b;
   }
   
   
   /*----- resultats master-----*/
   main section ul li:nth-child(3),   main section ul li:nth-child(6){
       background-color: #b8cbec;
   }

main section ul li:nth-child(3):hover, main section ul li:nth-child(6):hover{
       background-color: #d0d9e7;
   }




/* ---------------resultats homme--------------- */

main section ul li:nth-child(2), main section ul li:nth-child(5){
       background-color: #294883;
   }

main section ul li:nth-child(2):hover, main section ul li:nth-child(5):hover{
       background-color: #4666a3;
   }



main section ul li a strong {
display:block;
color:#ffffff;
margin:0;}

main section h4 {
text-align:left;
}


main section h5 {
    font-weight: 700;
    text-align: left;
margin-top: 15px;
}


main section h6 {
    text-align: left;
    font-style: italic;
    font-size: 0.9em;

}

main section h6 strong, main section h4 strong {
    color:#db1718;
}

main ul li strong{
display:block;
margin-top:15px;

}
main ul li a { margin-bottom:5px;

}

main ul li a:hover { color:#db1718;
font-weight:700;

}

/* ---------------listes des clubs--------------- */

details {
    margin-left: 25px;
    margin-top: 5px;
}

details ul li {
    margin-left: 60px;
    list-style: disc;
    
}

main article {
    float: left;
    height: 250px;
    width: 225px;
    border: solid 1px;
border-style:dashed;
    text-align: center;
    margin: 5px;
    padding: 5px;
}

main article h2 {
font-size:1em;
font-weight: 700;
    text-align: center;
    margin-top: 15px;
}

main article ul {
font-size:0.9em;
}

main article ul li {
margin-top:5px;
}

main article ul li strong{
display:inline;
font-size:0.9em;
color:#db1718;
}

main article ul li em{
padding-left:22px;

display:block;
}
main article ul li:nth-child(2):before {content:url(images/adresse-bleu.png); margin-right:12px;}
main article ul li:nth-child(2) {
    height: 80px;
font-size:0.9em;
}

main article ul li:nth-child(3):before {content:url(images/tel.png); margin-right:12px; }
main article ul li:nth-child(3) {
    margin-top: 5px;
}
main article ul li:nth-child(4):before {content:url(images/mail-bleu.png); margin-right:12px;}