#cadre_principal
{
position:relative;
width:100%;
height:500px;
margin-left:auto;
margin-right:auto;
font-family:arial,serif;
color:green;
font-size:1;
font-weight:bold;
/*border:solid black;*/
}

.cadre_gauche
{
float:left;
width:45%;
height:100%;
margin-left:5%;
text-align:left;
/*border:solid red;*/
}

.cadre_gauche_haut
{
width:100%;
height:85%;
/*border:solid lime;*/
}

.cadre_gauche_bas
{
width:100%;
/*border:solid green;*/
}


.cadre_gauche_bas a
{
color:navy;
font-size:0.8em;
font-weight:normal;
}

.cadre_droit
{
float:right;
width:40%;
height:100%;
margin-top:0%;
margin-right:5%;
/*border:solid maroon;*/
}



.cadre_gauche h1
{
text-align:center;
top:10%;
}


.cadre_droit img
{
display:block;
position:relative;
width:100%;
margin-left:auto;
margin-right:auto;
top:20%;
right:0%;
}




a
{
color:blue;
font-size:1.1em;
}



#submit
{
display:block;
position:absolute;
top:80%;
left:35%;
border:outset;
color:green;
width:10%;
height:5%;
font-size:0.8em;
background-color:RGB(240,240,240);
font-weight:bold;
vertical-align:10%; 
}