html
{
width: 100%;
height:100%;
background-color:#58ACFA;
/* background: repeating-radial-gradient(#58ACFA 5%, white 8%, green 5%);*/
}

body
{
width: 90%;
margin-left: auto;
margin-right: auto;
height:100%;
padding:1px;

font-family:'Times New Roman', 'Arial' , 'helvetica';
font-size: 1.1em;
color:black;
}


div.P1
{
width: 99%;
background-color:#FFFFFF;  /* Blanc */
-webkit-border-radius:5%;
-moz-border-radius:5%;
-o-border-radius:5%;
-ms-border-radius:5%;
-khtml-border-radius: 5%; 
border-radius:5%;
box-shadow: 6px 6px 16px white;
padding-left:3%;
margin-right:3%;
background: linear-gradient(#CEE3F6 , #FFFFFF, rgb(169, 177, 246));
border: 15px solid #A9A9A9;
}

h1
{
font-size: 1.4em;
padding-left:8%;
color:#08088A;
text-shadow:  #F6DC12 3px 1px, #F6DC12 -1px 3px,  #F6DC12 -1px -1px, #F6DC12 1px -1px; 
}

h2
{
font-size: 1.3em;
background-color:#58ACFA;
-webkit-border-radius:5%;
-moz-border-radius:5%;
-o-border-radius:5%;
-ms-border-radius:5%;
-khtml-border-radius: 5%; 
border-radius:5%;
padding-bottom:2px;
margin-bottom:2px;
width: 95%;
}

h2.h2titre
{

background-color:#58ACFA;
-webkit-border-radius:5%;
-moz-border-radius:5%;
-o-border-radius:5%;
-ms-border-radius:5%;
-khtml-border-radius: 5%; 
border-radius:5%;
padding-bottom:2px;
margin-bottom:2px;
width: 70%;
}

h3
{
font-size: 1.2em;
padding-bottom:2px;
margin-bottom:2px;
}



.ImgTitre
{
position: absolute;
right:8%;
-webkit-border-radius:5%;
-moz-border-radius:5%;
-o-border-radius:5%;
-ms-border-radius:5%;
-khtml-border-radius: 5%; 
border-radius:5%;
width: 15%;
padding:2%;
box-shadow: 6px 6px 16px #A9A9A9;
}	
.AdroiteMessage
{
float: right;
width: 22%;
height:35%;
background-color:#5882FA;
text-align: center;
-webkit-border-radius:5%;
-moz-border-radius:5%;
-o-border-radius:5%;
-ms-border-radius:5%;
-khtml-border-radius: 5%; 
border-radius:50%;
border: 10px solid #A9A9A9;
box-shadow: 6px 6px 16px #A9A9A9;
margin-right:12%;
padding-top:1%;
padding-bottom:1%;
color:#FFFFFF;
}

.L30
{
-webkit-border-radius:5%;
-moz-border-radius:5%;
-o-border-radius:5%;
-ms-border-radius:5%;
-khtml-border-radius: 5%; 
border-radius:5%;
width: 27%;
padding:1%;
margin-bottom:5px;
box-shadow: 6px 6px 16px #A9A9A9;
}	

.L15
{
-webkit-border-radius:5%;
-moz-border-radius:5%;
-o-border-radius:5%;
-ms-border-radius:5%;
-khtml-border-radius: 5%; 
border-radius:5%;
width: 15%;
padding:1%;
margin-bottom:5px;
box-shadow: 6px 6px 16px #A9A9A9;
}