<style>
.page-template-templatescontact-php #intro .block-intro:has(#alertForm) > div {
width: 100%;
}
#alertForm {
background: white;
width: 100%;
padding: 10px;
margin: 0 auto;
position : relative;
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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut libero purus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras fringilla ex scelerisque ligula aliquam, at posuere diam consectetur. Fusce et mi urna. Maecenas feugiat vitae arcu sed ornare. Duis eget risus ut lectus pharetra sollicitudin. </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>
