html,body{
background:transparent;
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
outline:0;
}

.encapsuleur{
clear:both;
float:left;
display:block;
position:fixed;
width: 800px;/* 428px;*/
height: 465px;
border: 0px solid #000000;
color:#000000;
 text-align:center; 
}


.titre{
clear:both;
float:left;
font-weight:bold; text-transform:uppercase;
display: block;
color:#ffffff;
width:100%;
height:30px;
background : #51090B !important;
text-align:center;
padding-top:5px;
margin-top : 15px;
margin-bottom:10px;
}

.logo{
  clear:both;
  float:left;
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  left: 364px; /*164px;*/
  border: 1px solid #000000;
  text-align:center;
}


.resumation{
   position:relative;
   clear: both;
   float: left;
   display: block;
   width: 600px; /*200px;*/
   left:114px;
   /*border: 1px solid #000000;*/
   text-align:center;
   font-weight:bold;
}

.designation{
   position:absolute;
   padding : 10px;
   clear: both;
   float: left;
   display: block;
   color:#ffffff;
   width: 550px; /*200px;*/
   background : #51090B !important;
   top:175px;
   left:220px;
   height :210px;
   border-radius:15px;
   border : 1px solid #000000;
   text-align:center;
   font-weight:bold;
}

.photos{
   position:absolute;
   clear: both;
   float: left;
   display: block;
   color:#ffffff;
   width: 200px;
   top:235px;
   left:10px;
   height :270px;
   padding-top:5px;
   
   /*border : 1px solid #000000;    */
   text-align:center;
   font-weight:bold;
}


img{
     padding-top:5px;
}