body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: rgb(224, 224, 224);
    width: auto;
    margin: 0%;
    
}
#contenu{
    margin-right: 15%;
    margin-left: 15%;
    background-color: white;
    
}
#BackgroundImage{
    width: 100%;
}
h1{
    color: rgb(114, 114, 114);
    margin-top: 100px;
    text-align: center;
}
p{
    font-size: 20px;
    text-align: justify;
    margin-left: 20%;
    margin-right: 20%;
}
#titre{
    margin-left: 4%;
}
#lien a{
    color: rgb(89, 127, 199);
    text-decoration: none;
    font-size: 20px;
}
#lien a:hover{
    color: rgb(51, 74, 116);
}

/*Menu*/
#menu {
    top:-10px;
    position: fixed;
    background-color: rgb(89, 127, 199);
    width: 100%;
    height: 75px;
    margin: 10px 10px 10px -10px;
    padding: 10px 20px 10px 10px;
}
#menu a {
    color: rgb(224, 224, 224);
    text-decoration: none;
    font-size: 22px;
    padding: 10px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
}
#menu a:active{
    color: rgb(139, 139, 139);
}
#menu a:hover{
    color: rgb(170, 170, 170);
}
#menu-mots {
    text-align: right;
    margin-top: -55px;
    margin-left: 20%;
    margin-right: 3%;
}
#logo img{
    width: 110px;
    text-align: left;
    margin-left: 3%;
    margin-left: 3%;
}

/*Accueil*/
#imagesPC {
    width: 500px;
}

/*configurateur*/
#utilisation a {
    color: rgb(89, 127, 199);
    text-decoration: none;
    text-align: left;
    font-size: 20px;
    margin-left: 15%;
}
#utilisation a:hover{
    color: rgb(51, 74, 116);
}
#retour a {
    color: rgb(89, 127, 199);
    text-decoration: none;
    text-align: left;
    font-size: 20px;
    margin-left: 2%;
}
#retour a:hover{
    color: rgb(51, 74, 116);
}
#boîtiers{
    width: 300px;
}
#boîtiersG{
    width: 300px;
    margin-right: 10%;
}
#boîtiersbe{
    width: 250px;
    margin-top: 1%;
}
#boîtiersGbe{
    width: 250px;
    margin-right: 14.5%;
    margin-top: 1%;
}
#MeunuBoîtiers a{
    text-decoration: none;
}
#illustration{
    width: 35%;
}
#illustrationB{
    width: 24%;
}
#illustrationC{
    width: 29%;
}
#Codeproduit{
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 10px;
    width: 50%;
    border: 2px solid rgb(114, 114, 114);
    border-radius: 10px;
}
#FicheTechnique{
    font-size: 20px;
    width: 60%;
}
#TitreTable{
    text-align: center;
}
#detail{
    text-align: right;
}

/*QuiSommesNous*/
#QuiSommesNous {
    font-size: 20px;
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
}

/*Contact*/
#questions{
    text-align: center;
}
form{
    text-align: center;
}
#descri{
    text-align: center;
}
#prenom{
    height: 30px;
    width: 50%;
    border: 2px solid rgb(114, 114, 114);
    border-radius: 10px;
}
#email{
    height: 30px;
    width: 50%;
    border: 2px solid rgb(114, 114, 114);
    border-radius: 10px;
}
#objet{
    height: 30px;
    width: 50%;
    border: 2px solid rgb(114, 114, 114);
    border-radius: 10px;
}
#message{
    font-family: Arial, Helvetica, sans-serif;
    min-height: 200px;
    max-width: 50%;
    min-width: 50%;
    padding: 10px 10px;
    height: 150px;
    width: 48%;
    border: 2px solid rgb(114, 114, 114);
    border-radius: 10px;
}
#MailMessage{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    padding: 10px 10px;
    width: 50%;
    border: 2px solid rgb(114, 114, 114);
    border-radius: 10px;
}
#envoyer{
    font-size: 15px;
    height: 30px;
    padding-left: 10%;
    padding-right: 10%;
    border: 2px solid rgb(114, 114, 114);
    border-radius: 20px;
}