body {
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: white;
    font-family: "Alegreya Sans", serif;

}


a {
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    text-decoration: none;
    transition: border-radius 0.3s;

}

a:hover {
    background: linear-gradient(red,orange);
    border-radius: 50px;
    transition: border-radius 0.3s;
}

h1 {
    text-align: center;
    font-family: "Outfit", serif;
    font-weight: bold;
    font-size: 62px;
    text-transform: lowercase;
    color: white;
}

h1::first-letter {
    text-transform: uppercase;
}

.banner {
    position: relative;
    overflow: hidden;
    height: 550px;
    z-index: 1;
}

.banner>img {
    width: 100%;
    z-index: 1;
}

.banner>.page-title {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
   
}


.dashboard-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.dashboard-header a {
    background-color: white;
    color: black;
    margin: 5px;
}

.menu-container {
    padding: 20px;
}

.dashboard-header .menu-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.2);
}

.yoangrech {
    font-size: 500%;
    text-align: left;
    color: orange;
}

.informationperso {
    font-size: 150%;
    text-align: left;
    margin-bottom: 5%;
}

.niveauscolaire {
    text-align: left;
    font-size: 150%;
}

.experience {
    color: orange;
    font-size: 225%;
    text-align: left;
}

.diplome {
    font-size: 225%;
    color: orange;
    text-align: right;

}

.textediplome {
    font-size: 150%;
    text-align: right;

}

.bloc-parent {
    border: 1px solid red;
}

.bloc-enfant {
    border: 1px solid blue;
}

.bloc-1 {
    text-align: center;
    padding: 2%;
}

.bloc-1 h2 {
    font-size: 42px;
}

.bloc-2 {
    border: 1px solid green;
    padding: 10px;
    display: flex;
}

.bloc-2 .bloc-enfant {
    width: 50%;
}

footer {
    background-color: black;
}

.footer1 {
    display: flex;
    align-items: center;
}

.footer1 img {
    width: 250px;
}

.footer1 .menu-container {
    width: 100%;
    text-align: right;

}

.imagecontact {
    display: flex;
    height: 600px
}

.callofimage {
    font-size: 150%;
}

.colorarticles {
    background-color: black;
}

.colorcontact {
    background-color: black;
}
.main{
font-size: 20px;
position:relative;
min-height:400px;

}
.contact-form{
    border: 1px solid transparent;
    margin:0 30%;
}
.contact-form input,textarea,button{
    width:100%;
    padding:5px;
    font-family: "Alegreya Sans", serif;
    margin: 10px 0;

}

*, *:before, *:after {
    box-sizing: border-box;
}

.boutique{
text-align: left;
display:flex;
flex-wrap:wrap;
justify-content: center;
gap:10px;
padding:20px 0;
}

.tailleimgboutique1{
    width:calc(25% - 10px) ;
    border:1px solid grey;
text-align:center;
border-radius: 4px;
overflow: hidden;
}


.fondboutique{
    background: white;
}

.prix{
    border-radius: solid red;
    font-size: 300%;
}
.listarme{ 
    padding-left: 25%;
    font-size: 25%;
    text-align: left;
}
.listedesarme{
font-size:50px ;
text-align: left;
    
}
.tailleimgboutique2{
    text-align: left;
    border: 25px solid red;
}
.description{
    text-align: left;
    font-size: 35%;
}
.boutonarmes{
    text-align: center;
    color: linear-gradient(red,orange);
    padding: 7%;

}
.imgarmes{
    font-size: 700%;
    text-align: center;

}
.textearmes{
    text-align: left;
    border: 3px solid black;
    background-color: rgb(199, 198, 198);
    border-radius: 25px;
    font-size: 120%;
    padding: 4%;
  
}
.menupistoletfusil{
padding: 2%;

}