*
{
    margin: 0;
}


.btn
{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 20px;
    bottom: 20px;
}
.btn2
{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 20px;
    bottom: 90px;
}
.icone
{
    width: 50px;
    cursor: pointer;
}

.bouton
{
    width: 50px;
    cursor: pointer;
}

.btn:hover,.btn2:hover
{
    transform: scale(1.25);
}


h1
{
    text-align: center;
    color: rgb(235, 24, 24);
    margin-left: 30%;
    margin-right: 30%;
    font-size: 4em;
}

h2
{
    text-align: center;
    color: red;
    margin-top: 1.5cm;
    margin-bottom: 1.5cm;
}

h3
{
    text-align: center;
    color: rgb(12, 105, 35);
    margin-top: 1cm;
    margin-bottom: 1cm;
}
p.Introp1
{
    text-align: center;
    font-size: 1.2em;
}

p.Introp2
{
    text-align: center;
    margin-bottom: 4cm;
}

p
{
    margin-left: 20%;
    margin-right:21% ;
}

ul
{
    margin-left:23% ;
    margin-right:21% ;
}

img.lauburu
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 10%;
    height: auto;
}

.conteneur
{
    display: flex;
    justify-content: space-around;
}


img.fronton
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    height: auto;
}

img.mag
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height: auto;
    margin-bottom: 1cm;
}

img.regles
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 8%;
    height: auto;
}
a.lien
{
    color:rgb(10, 93, 16) ;
}

a.lien:hover
{
    background-color: rgb(88, 208, 128, 0.61);
}

img.mainnue
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
    height: auto;
    margin-bottom: 1cm;
}
img.pmn
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
    height: auto;
    margin-top: 1cm;
    margin-bottom: Acm;
}

img.pala
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
    height: auto;
}
img.trinquet
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    height: auto;
    margin-bottom: 1cm;
}
img.baline
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 15%;
    height: auto;
}
img.xare
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    height: auto;
    margin-bottom: 1cm;
    margin-top: 1cm;
}
img.casque
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    height: auto;
    margin-bottom: 1cm;
    margin-top: 1cm;
}
img.cesta
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    height: auto;
    margin-bottom: 1cm;
    margin-top: 1cm;
}
a.video
{
    color: red;
}

a.video:hover
{
    background-color: rgb(59, 218, 59, 0.543);
}
a.terrains
{
    border: solid;
    color: rgb(34, 105, 36);
}

a.terrains:hover
{
    background-color: rgba(181, 96, 39, 0.723);
}

a.règles
{
    border: solid;
    color: rgb(245, 16, 16);
}

a.matos
{
    border: solid;
    color: red;
}

a.matos:hover
{
    background-color: beige;
}
a.histoire
{
    border: solid;
    color: rgb(10, 93, 16);
}

a.histoire:hover
{
    background-color: rgb(176, 115, 91);
}

a.règles:hover
{
    background-color: rgb(182, 236, 188);
}

p.introterrains
{
    text-align: center;
}

p.introterrains2
{
    text-align: center;
}



.conteneur3
{
    display: flex;
    justify-content: space-around;
}

.conteneur3> img 
{
    width: 15%;
    height: auto;
}

.conteneur2
{
    display: flex;
    justify-content: space-around;
    margin-top: 1cm;
}


.conteneur2> a 
{
    width: 30%;
    height: auto;
}
.conteneur2> a :hover
{
    transform: scale(1.15);
}
.conteneur2> a > img 
{
    width: auto;
    height: 200px;
}

.conteneur2> a > img.fronton 
{
    width: 75%;
    height: auto;
}
.conteneur2> a > img.trinquet 
{
    width: 90%;
    height: auto;
}
.conteneur2> a > img.mag 
{
    width: 80%;
    height: auto;
}
b.motimportant
{
    color:rgb(17, 185, 67);
}


h2.regles
{
    margin-top: 3cm;
}

.background
{
    background-image: url(fondm.png);
    height: 100%;
    background-attachment: fixed;
    width: 100%;
    background-size: 100%;
}

.entete
{
    width: 100%;
    height: auto;
    margin-bottom: -550px;
}