body { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; background:#e3e4e0 url(../Image/Fournier/images-AS/bg.jpg) top left no-repeat;}

#header {
    width: 960px;
    margin: 0px auto;
    padding: 40px 300px 40px 0px;
}


/*MENU*/
#menu { margin:15px 0px 50px;}
#menu-contenu { width:960px; margin:0px auto;}

#m-bleu { height:33px;}
#m-bleu li { display:inline-block; font-size:14px; font-style:normal; color:#fff; margin-right:22px; margin-top:10px;}
#m-bleu li a { color:#fff; text-decoration:none;}
#m-bleu li a:hover { color:#fff; text-transform:uppercase; font-weight:bold; text-decoration:none;}
#m-bleu li .actif { color:#fff; text-transform:uppercase; font-weight:bold; text-decoration:none;}
.red-alert { color:red;}

/*EN GÉNÉRAL*/
#contenu { width:960px; margin:0px auto; min-height:500px;}
#left { width:750px;}
#intro-wrap{
    background-color:rgba(255, 255, 255, 0.6); 
    border:solid 3px black;
    height:350px;
    text-align:justify;
}

#intro-wrap p{ 
    margin-top:5px;
    font-size:13px;
    line-height:16px;
}
#intro{
    padding: 10px;
    width:45%;
    float:left;
    height:100%;
}
#intro-left{
    padding: 10px;
    width:45%;
    float:left;
    height:100%;
}
h2 { font-size:22px; line-height:32px; color:#000; font-weight:normal; margin-bottom:10px;}

p { font-size:14px; line-height:20px; font-style:normal; color:#000;}
p a { color:#000; text-decoration:underline;}

.bt a { font-size:14px; line-height:14px; font-style:normal; font-weight:bold; color:#fff; padding:6px 12px; background-color:#d3af7e; display:inline-block;}
.bt a:hover { background-color:black;}

.champ { height:24px; border:1px solid black; font-size:14px; line-height:14px; font-style:normal; color:black; padding:0px 5px;}

input[type=submit] { font-size:14px; line-height:14px; font-style:normal; font-weight:bold; color:#fff; padding:6px 12px; background-color:#d3af7e; display:inline-block; border: none; cursor:pointer}
input[type=button] { font-size:14px; line-height:14px; font-style:normal; font-weight:bold; color:#fff; padding:6px 12px; background-color:#d3af7e; display:inline-block; border: none;}
input[type=submit]:hover {background-color:black;}
input[type=button]:hover {background-color:black;}


/*FOOTER*/
#footer { background-color:#e3e4e0;}
.droits { font-size:11px; line-height:12px; font-style:normal; color:black; text-decoration:none; text-align:center; padding:40px 0px 8px 0px;}
.droits a { color:black; text-decoration:none;}
#bande { background-color:#f1f0e9; padding:15px 0px;}
#bande-contenu { width:960px; margin:0px auto;}
#bande-L { width:750px; display:inline-block; vertical-align:top;}
.besoin { font-size:18px; line-height:24px; font-style:normal; color:black; font-style:normal; text-align:right; padding-right:10px;}
.besoin span { font-size:24px; font-style:normal;}
#bande-R { width:210px; display:inline-block; vertical-align:top;}
.coordonnees { font-size:12px; line-height:14px; font-style:normal; color:black; border-left:1px solid #fff; padding-left:10px; margin-top:7px;}
.coordonnees a { color:black; text-decoration:underline;}

/** Nouvelles images de header*/

#header {
    display: flex;
    gap: 20px;
}

#img-bnq {
    width: 150px;
}

#img-logo-div {
    width: 250px;
}