css

body
{
    max-width: 1950px;
    margin: 0px;
    background-color: #333;
}

*
{
    max-width: 1950px;
}
                /* MENU */


nav
{
    width: 1950px;
    height: 100px;
    position: fixed;
    top: 0px;
    z-index: 10030;
}

.bouton_gauche
{
 padding-top: 10px;
 padding-bottom: 13px;
}

ul#bouton
{
    list-style-type : none;
    margin: 0px;
    padding-left: 15px;
    text-shadow: 4px 4px 8px #000000
}
.bouton_droite
{
    float: right;
    font-size: 1em;
    text-align: center;
    padding-top: 41px;
    padding-right: 35px;
    text-shadow: 4px 4px 8px #000000
}

.bouton_droite a, .bouton_droite a:hover
{
    font-family: "Eras Light ITC";
    padding-top: 41px; /*permet le centrage vertical*/
    padding-bottom:41px;
    padding-left:25px;
    padding-right:25px;
    color: white;
    text-decoration: none;
    text-shadow: 4px 4px 8px #000000
}

.bouton_droite a:hover
{
    opacity: 0.82;
    background: #444;
}

                /* Arme photo */

.fusil
{
    width: 1903px;
    height: 950px;
}

.intro h1
{
    text-align: center;
    color: white;
    position: relative;
    font-size: 2.5em;
    margin: 0px;
    bottom: 580px;
    text-shadow: 4px 4px 8px #000000

}

                /* Presentation + vidéo */


.presentation
{
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 200px;
    display: flex;
    justify-content: space-between;
}

.presentation h1
{
    color: white;
    font-size: 2.3em;
    font-family: "Eras Light ITC";
    border-bottom: 1px white solid;
    width: 450px;
}

.presentation h2
{
    color: #999;
    font-size: 1.3em;
    font-family: "Eras Light ITC";

}

.texte
{
    width: 700px;
}

                /* Actu & agenda */

.box
{
    background-color: #3F3F3F;
    padding-top:50px;
    padding-bottom:50px;
    text-align: center;
    color: white;
}

.box h2
{
    font-size: 2.2em;
    text-shadow: 4px 4px 8px #000000;
}
                /* Fiche */
                /* haut de page */

#fiche
{
    margin-top: 99px;
}

.patch
{
    width: 100%;
    height: 500px;
}

            /* carré info */

.prix
{
    font-size: 2.6em;
    color: #00632f;
}
.info
{
    display: block;
    height: 400px;
    width: 420px;
    background-color: rgba(51, 51, 51, 0.5);
    float: right;
    position: relative;
    bottom: 475px;
    right: 80px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    color: white;
}
.info a
{
    display:block;
    width:420px;
    line-height:50px;
    text-align:center;
    background-color: #00632f;
    color:white;
    text-decoration:none;
    position: relative;
    float: right;
    font-size: 2em;
    position: relative;
    bottom: 30px;
}

.info a:hover
{
    background-color: #013519;
}

.info h3
{
    position: relative;
    bottom: 30px;
    border-bottom: 1px white dashed ;
    padding-bottom: 30px;
    font-family: "Eras Light ITC";
    font-size: 1.3em;
    text-shadow: 4px 4px 8px #000000
}

.info h4
{
    position: relative;
    bottom: 20px;
    font-size: 1.2em;
    text-shadow: 4px 4px 8px #000000
}

.infos
{
    text-decoration: underline;
    color: #086130;
}



            /* INFO */
.charte
{
    display: block;
    width: 1603px;
    height: 900px;
    color: white;
    position: relative;
    top: 50px;
    left: 300px;



}

.charte ul, li
{
    list-style-type: none;
    padding-bottom: 25px;
    padding-left: 0px;
    margin: 0px;
    font-size: 1.1em;

}

.last
{
    border-bottom: 1px #086130 solid;
    max-width:600px;

}

                /* Contact */
.conta
{
    height: 900px;
}

.contact h1
{
    margin: 0px;
    font-size: 2em;
    color: white;
    font-family: " eras light ITC";
    position: relative;
    top: 99px;
    background-color: #444444;
    padding-top:42px;
    padding-bottom: 43px;
    padding-left: 580px;
}

.case
{
    position: relative;
    top: 50px;
    padding-bottom: 80px;
}

.case input, textarea, .envoi
{
    width: 250px;
    height: 30px;
    font-size: 25px;
    background-color: #444444;
    border: 1px #444444 solid;
    color: white;
    position: relative;
    left: 30%
}

textarea
{

    width: 758px;
    height: 100px;
    font-size: 15px;
    margin-bottom: 30px;
}

.envoi, .envoi:hover
{
    background-color: #0B3715;
    border:1px #0B3715 solid;
    width: 150px;
    height: 50px;
}

.envoi:hover
{
    background-color: #086130;
}

h5
{
    color: white;
    float: right;
    position: relative;
    right: 245px;
    bottom: 255px;
    font-size: 1em;
    margin: 0px;
    background-color: rgba(80, 80, 80, 0.5);
    width: 250px;
    height: 143px;
    padding-left: 30px;
    padding-bottom: 15px;
    padding-top: 15px;

}

.mail a
{
    color: #086130;
    text-decoration: none;
    text-shadow: 4px 4px 8px #000000
}

.mail a:hover
{
    text-decoration: underline;
}