body {
font-family: verdana, arial , sans-serif;
font-size: 12px;
margin: 0px;/*pour supprimer toute marge predefinie par le navigateur*/
}

#header1 {
background-color: orange;
/*width: 900px;*/
height: 100px;
}

#titre{
font-size: 30px;
color: green;
font-weight: bold;
margin-left: 100px; /*pour positionner la boite titre*/
margin-top: 6px;
padding: 8px; /* pour bien positionner le texte dans sa boite*/
}

#logo {
float: left; /*pour aligner notre logo a gauche*/
margin-left: 5px; 
margin-right: 30px;
}

.info1 {
background-color: green;
width: 900px;
height: 50px;
}

#infoBis{
font-size: 18px;
color: yellow;
font-weight: bold;
word-spacing: 60px;
margin-left: 40px; 
margin-top: 5px;
padding: 10px; 
}

#main{
background-color: orange;
}


.info2 {
width: 600px;
height: 100px;
}

#state{
font-size: 24px;
color: black;
font-style: italic;
font-weight: bold;
margin-left: 200px; /*pour positionner la boite titre*/
margin-top: 100px;
padding: 8px; /* pour bien positionner le texte dans sa boite*/
border: 1px dotted black;
}

.info3 {
background-color: #FAFAD2;
/*width: 900px;*/
margin-top: 150px;
margin-left: 100px;
width: 500px; 
height: 80px;
border: 3px solid violet;
}

 
#mailTo{
font-size: 18px;
color: black;
font-weight: bold;
margin-left: 20px; /*pour positionner la boite titre*/
margin-top: 6px;
padding: 8px; /* pour bien positionner le texte dans sa boite*/
text-align: center;
}