<style>
.page-template-templatescontact-php .form-contact .container > .row .col-lg-6 { background-color: white;}
.page-template-templatescontact-php #intro .block-intro:has(#alertForm) > div {
width: 100%;
}
#alertForm {
background: white;
width: 100%;
padding: 10px;
margin: 0 auto;
color: black;
display: flex;
flex-flow: row wrap;
justify-content: space-evenly;
align-items: center;
}
#alertForm p { 
font-size: 14px; 
text-align: justify;
}
#alertForm h4 { 
font-size: 16px; 
font-weight: bold; 
padding-bottom: 5px;
}
#alertForm img {
width: 100%;
}
#alertForm div {
width: 100%;
}
@media screen and (min-width: 975px) {
#alertForm div {
width: 40%;
}
}
#alertForm a {
    width: 200px;
    background: cadetblue;
    border-radius: 10px;
    margin-top: 10px;
    color: white;
}
#alertForm a:hover {
cursor: pointer;
}

</style>

<div id="alertForm" >
  <div>
    <h4>Formulaire de signalement Valfrance</h4>
    <p>
       Dans le cadre de son dispositif d’alerte, la Coopérative Valfrance permet à toute personne, interne ou externe, témoin ou victime d’un comportement contraire à ses valeurs. Tous les signalements sont traités avec la plus grande confidentialité par le référent désigné. 
Les informations recueillies via ce formulaire sont utilisées pour analyser et quantifier les alertes.
    </p>
  </div>
  <div>
    <img src="http://www.valfrance.fr/wp-content/uploads/2025/03/PoleTESIActualites_Alerte-entreprises_©PoleTES_700x350.png"/>
    <a traget="_blank" href="https://forms.office.com/Pages/ResponsePage.aspx?id=cNx3OHksHU-YlI3G383u24zVtsA7bi1AmypbdsBmd4xUM0JYTjYySDVXUEFEMUZWUkVGRU9DTkNJVy4u">Acceder au formulaire</a>
  </div>
</div>
