p
{
   font-family: Palatino Linotype, Helvetica, sans-serif;	
   color: white;
   font-size: 14px;
}

h3
{
   font-family: Palatino Linotype, Helvetica, sans-serif;	
   color: #08386b;
   font-size: 20px;
   text-align: center;
}

img 
{
 margin: auto;
 border: 1px solid #123263;
}

.moyen
{
   font-family: Palatino Linotype, Helvetica, sans-serif;	
   color: #08386b;
   font-size: 14px;
}

.petit
{
   width: 260px;
   float: left;
}

.petit2
{
   width: 260px;
   float: right;
}

a
{
   font-family: Palatino Linotype, Helvetica, sans-serif;		
   color: #08386b; 
   text-decoration: none;
   font-size: 14px;
}

a:hover
{
   color: white;
}

body
{

   margin: auto;
   width: 640px;
   height: 730px;
   margin-top: 20px;
   margin-bottom: 20px;
   background-image: url("images_disagn_legere/arriere plan.jpg");
   background-attachment: fixed;
   background-repeat: no-repeat;
}

#cadre1
{
   width: 640px;
   height: 730px;
   padding-left : 20px;
   padding-right : 0px;
   background-image: url("images_disagn/popup2.png");
   background-repeat: no-repeat;
}

#cadre2
{
   width: 600px;
   height: 730px;
   padding-left : 0px;
   padding-right : 0px;
   background-repeat: no-repeat;
}