/*général*/

* {
	box-sizing: border-box; 
}

html {
	font-size: 62.5%; /*taille par défaut étant 16px */
}

body {
	font-size: 1.6rem; 
}

ul {
        padding-left :0;
}
a {
    text-decoration : none;
    color : #000;
}
a:visited {
    color : #000;
}
ul li {
    list-style:none;
}

#Errors {
    color : rgba(0,0,255,1 );
    background-color : rgba(255,0,0,0.8 );;
    border : 1px solid rgba(0,0,255,1 );
    border-radius : 1em;

}
#Errors li 
{
    margin : 0.5em;
}

/*mobile-natif*/
/*layout */
.container {
    font-family: 'Ubuntu', sans-serif;
    margin : 0;
}

.france {
    background : linear-gradient(45deg, rgba(0,0,255, 0.5) 0%, rgba(255,255,255, 0.5) 50%, rgba(255,0,0, 0.5) 100%);
}

.malvoyant {
        font-size : 3rem;
}
.malvoyantH3 {
        font-size : 4.5rem;
}


.mainHeader 
{
    display : flex;
    justify-content: space-between;
    flex-direction : column;
    align-items: center;
     background-image : linear-gradient(45deg, rgba(0,0,255, 0.5) 0%, rgba(214,214,255, 0.5) 30%, rgba(255,255,255, 0.5) 50%, rgba(255,214,214, 0.5) 70%, rgba(255,0,0, 0.5) 100%), url('../img/fondheader.jpg');
     background-size : cover;
     background-position: 0% 10%;
}

.mainHeader h1 {
    color : #000;
    text-shadow : 20px 20px 5px  #aaa;
    font-size: 2.5rem;
    margin :0;

}
.mainHeader h1 p {
    margin : 0.5em;
}
.mainHeader .titre {
    width : 100%;
    text-align:center;
    display:flex;
    align-items: center;
    font-style: italic;
    justify-content: space-evenly;
}
.users{
    height : 20%;
    width : 100%;
    text-align:center;
    font-size : 1.5rem;
    display: flex;
    justify-content: center;
}

.delog{
    width : 100%;
    display:flex;
    justify-content: space-evenly;
    margin : 0;
}
.register,
.login{
     color:rgba(0,0,0,1);
    transition: color 0.5s, font-size 0.5s; 

}
.register:hover,
.login:hover
{
    color : rgba(255,0,0,1);
    font-size : 2rem;
}



.headNav  ul:first-child {
    display : flex ;
    justify-content: center;
    flex-direction: column;
}
.headNav ul{
    margin : 0;
    width : 100%;
    padding-left: 0;
}
.headNav   li {
    text-align : center;
    width : 100%;
    font-size : 2rem;
    position : relative;
    cursor : pointer;

}

.headNav li  p {
    padding : 0.5em;
    margin : 0;
}
.Nav2
{
    display:flex;
    flex-direction:column;
    align-items: center;
}

.Nav2  li
{
    position : relative;
    display : none;
    width : 100%;
    background : linear-gradient(45deg, rgba(0,0,255, 0.5) 0%, rgba(255,255,255, 0.5) 70%);
    padding : 0.5em ;
    font-size : 2rem;
    
}
.Nav2 li+li

{
    border-top : 1px black solid;
}

.headNav li:hover > .Nav2 > li {
    display:block;
    
}

.headNav  li:hover p
{
            background : linear-gradient(45deg, rgba(255,255,255, 0.5)
            , rgba(255,0,0, 0.5) );
}

.Nav2 li:hover  {
    background : linear-gradient(45deg, rgba(255,255,255, 0.5)
            , rgba(255,0,0, 0.5) );
}

.mainFoot {
     background : linear-gradient(45deg, rgba(0,0,255, 0.5) 0%, rgba(214,214,255, 0.5) 30%, rgba(255,255,255, 0.5) 50%, rgba(255,214,214, 0.5) 70%, rgba(255,0,0, 0.5) 100%);
     
     margin :  0;
}

.mainFoot .cit{
    padding : 0.5em;
    text-align : center;
    font-size : 2rem;
}

.disclaimer
{
    color: rgba(255,0,0, 1);
    font-size : 1.2rem;
    text-align:center;
    width : 500px;
    margin : 0 auto;
}

.disclaimer p
{
    margin : 0;
}
.disclaimer p:last-child 
{
    padding-bottom : 1em;
}


section  
{
    display : flex;
    flex-direction: column;
    align-items: center;
    text-align : center;
    padding : 1em;
    background-color : rgba(160,160,250,1 );
    background-image : url('../img/BB_gobvolant.png');
    background-size : cover;
    background-position : center;
}
 h2
{
    font-size : 3.5rem;
    text-shadow : 10px 10px 10px black;


}
 h2,
 h3,
 caption
{
    margin : 0;
    color :rgba(255,0,0,1 ) ;
}
 h3 {
    text-align : center;
    font-size : 2rem;
    margin-bottom : 0.5em;
    border-bottom : 5px rgba(255,0,0,1 ) groove;
}
caption{
        background-color : rgba(0,0,250,0.6 );

}
table {
    border :rgba(0,0,255,1 ) solid 4px ;
    border-collapse: collapse;
    box-shadow : 10px 10px 10px black;
    text-align : center;
    margin : 1em 0;

}

table th
{
    background-color : rgba(255,0,0,1 );
    color : #fff;
}

table tr:nth-child(odd)
{
    background-color : rgba(255,155,155,1 );
}

table tr:nth-child(even)
{
    background-color : rgba(255,200,200,1 );
}

td,
th
{
        border :rgba(0,0,255,1 ) solid 1px ;
        padding : 0.5em;
}
.form
{
    display : flex;
    flex-direction: column;
    color : rgba(255,0,0,1 );
    background-color : rgba(0,0,250,0.6 );
    border : 1px solid rgba(255,0,0,1 );
    border-radius : 1em;
    padding : 0.5em;
    margin : 1em;
}
.form div
{
    padding : 0.5em;
    display : flex;
    justify-content: space-between;
}
input,
select

{
    border : 1px solid rgba(255,0,0,1 ); 
    border-radius : 0.5em;
}

button 
{
    /*width : 100px; */
    background-color : rgba(110,190,250,1 );
    border-radius : 1em;
    color : rgba(0,0,255,1 );
    padding : 0.5em 1em;
    text-transform : uppercase;
    cursor : pointer;
    transition: color 0.5s, background-color 0.5s;
    margin: 1em auto;
}

button:hover
{
    background-color :rgba(0,0,255,1 ) ;
        color : rgba(255,255,255,1 );
}
.TteamMember
{
    background-color : rgba(255,155,155,1 );
}
.TteamMember:hover
{
    background-color : rgba(255,0,0,1 );
}

.thx,
.progress
{
    background-color : rgba(0,0,250,0.6 );
    color : rgba(255,0,0,1 );
    padding : 1em;
    border : rgba(255,0,0,1 ) solid 1px;
    border-radius : 5em;

}
/*favorite coach*/
.favorite
{
    display:flex;
    flex-direction: column;
    align-items: center;
    text-align : center;
    margin :0;
    padding : 1em;
    font-size : 2rem;
}
.favorite li
{
    padding : 0.2em;
}
/*homepage*/
.homepage div

{
   margin : 1em;
}
.titre {
    margin : 2em;
}

.tourney li {
      text-align :left;
      list-style:none;
      color : #9b9b9b;
  
}
.tourney li:nth-child(-n+4)
{
          color : #000;

}
.rank table tr:first-child
{
    font-weight: bold;
    background-color : rgb(255, 230, 0,1);
}
.rank table tr:nth-child(2)
{
    
    background-color : rgb(220,220,220,1);
}
.rank table tr:nth-child(3),
.rank table tr:nth-child(3) a
{
    color : rgba(255,255,255,1);
    background-color : rgb(139,69,19,1);
}
.rank table td:first-child
{
width : 5%;
}
.rank table td:last-child
{
width : 40%;
}
.rankTeam .rank .tourney li:nth-child(4) a
{
          color : #9b9b9b;

}
/*register*/
.registerPage .titre,
.loginPage .titre
{
    margin : 1em auto ;
}


/*tourneyList*/
.listTourney table 
{
table-layout: auto;
width: 100%;
}
.listTourney table p
{
margin:0;
}
.listTourney table td:first-child
{
    width : 19%;
}
.listTourney table td:nth-child(2),
.rankTeam table td:nth-child(3),
.listTeam table td:nth-child(1)

{
    border-right : none;
}
.listTourney table td:nth-child(3),
.rankTeam table td:nth-child(4),
.listTeam table td:nth-child(2)
{
    border-left : none;
}
.listTourney table td:last-child
{
    width : 5%;
    font-size : 1rem;
}
/*createTourney*/

/*.createTourney form*/
/*{*/
/*    width : 600px;*/
/*}*/

.createTourney .tourneyName,
.updateTourney .tourneyName
{
    display:flex;
    justify-content: space-between;
}
.createTourney form div,
.updateTourney form div
{
    padding : 0.2em 0.5em;
}
.createTourney .Tname,
.createTourney .Tedition,
.createTourney .Tdate
{
    display:flex;
    justify-content: center;
}
.createTourney .tourneyName label,
.createTourney .Tnumber label,
.updateTourney .tourneyName label,
.updateTourney .Tnumber label
{
    padding : 0 1em;
}
.createTourney .Tedition input,
.updateTourney .Tedition input
{
    width : 40px;
}
.createTourney .Trules,
.updateTourney .Trules,
.createTourney .Ttype,
.updateTourney .Ttype
{
    display:flex;
    flex-direction:column;
    align-items: center;
}
.createTourney textarea,
.updateTourney textarea
{
    width : 80%;
}
.Ttype p
{
    margin : 0;
}
.Ttype div
{
    display:flex;
    justify-content: center;

}
.createTourney .Tlabel,
.updateTourney .Tlabel
{
    display : flex;
    justify-content: center;
}
/*update tourney*/
.updateTourney .part label
{
        padding-right : 0.5em;
}
.updateTourney .part select
{
    width : 200px;
}
.updateTourney h3
{
    background-color: rgba(0,0,250,0.6 );
    width : 100%;
}

.updateTourney .teamPart
{
    display:flex;
    flex-wrap: wrap;
}
.updateTourney .teamPart h3 
{
   background-color: rgba(0,0,250,0 );
}
.updateTourney .OneTeam
{
    display:flex;
    justify-content: space-between;
}

.updateTourney .partSolo
{
    margin : 0.5em;
}

/*tourney*/

.tourney .tourneyInfo
{
    background-color:rgba(0,0,255,0.6 );
    color :rgba(255,0,0,1 );
    padding:0 1em;
    border : 1px solid rgba(255,0,0,1 );
    border-radius : 1em;    
}
.tourney .tourneyInfo li
{
    color :rgba(255,0,0,1 );
}
.tourney .tourneyInfo li span
{
    color :rgba(255,255,255,1 );
}
/*profil*/

.profil label
{
    padding : 0.5em 1em 1em;
}
/*team*/
.team p,
.coach p
{
    background-color:rgba(0,0,255,0.6 );
    color :rgba(255,0,0,1 );
    font-size : 2rem;
;
}
.histoTeam,
.histoCoach
{
    display : flex;
    flex-direction:column;
}
.histoRank td:first-child
{
    background-color:rgba(255,0,0,1 );
    color :rgba(255,255,255,1 ) ;
}
.addMember label{
    padding-bottom : 1em;
}
#teamnumber
{
    display:none;
    justify-content : center;
}
#teamnumber label
{
    padding-right : 0.5em;
}
/*début version tablette */
@media screen and (min-width:575px) {
    
    .tablette {
        display:block;
        color:red;
    }
    .mobile {
        display:none;
    }
}

/*début version desktop */
@media screen and (min-width:1024px) {
    
    .tablette {
        display:block;
        color:red;
    }
    .mobile {
        display:none;

    }
}