/* 
    Created on : 6 déc. 2013, 11:40:48
    Author     : dominique SAUVIGNON
*/
body{
    margin:         0px;
}

#bandeauCookies{
    position:       absolute;   
    z-index:        5;
    left:           79%;
    top:            0%;
    width:          20%;
    height:         20%;
  
    
    
}

.boutonFermer{
    position:               absolute;
    text-align:             right;
}

header{
    position:       absolute;
    left:           0px;
    top:            0px;
    width:          100%;
    height:         15%;
    
}

#slogan{
    position:       absolute;
    left:           28%;
    top:            0%;
    width:          60%;
}

#qualites{
    position:       absolute;
    left:           0%;
    top:            50%;
    width:          100%;
    
}

nav{
   position:        absolute;
   left:            0%;
   top:             23%;
   width:           17%;
   height:          70%;
      
}

#ecran{
    position:       absolute;
    left:           18%;
    top:            15%;
    width:          75%;
    height:         74%;
}

#reseauxSociaux{
    position:       absolute;
    left:           25%;
    top:            84%;
    width:          50%;
    height:         6%;
               
}

footer{
    position:       absolute;
    left:           0px;
    top:            95%;
    width:          100%;
    height:         5%;
}

#mesCreations,#moi,#informatique{
     margin-left:           10px;

}

#repPoeme{
    position:       absolute;
    top:            60px;
    left:           30%;
    width:          60%;
    height:         80%;
    overflow:       auto;
}

#detailsRep{
    position:       absolute;
    top:            50px;
    left:           22%;
    width:          77%;
    height:         88%;
}

#diapo{
    width:          95%;
    height:         90%;
    overflow:       auto;
}