/* CSS Document */
 div#container
{
width: 620px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
border-width:4px 4px 4px 4px;
border-style:solid;
border-color:black;
 padding:2 4px;
background-color:#98B1A8;  
} 
div#container2
{
width: 800px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
border-width:4px 4px 4px 4px;
border-style:solid;
border-color:black;
 padding:2 4px;
background-color:#98B1A8;  
} 
div#contain
{
width: 600px;
position: relative;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
background-color:white;
}  
div#contain2
{
width: 760px;
position: relative;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
 border: 1px black;
background-color:#DEE1DF;
}    
div#rubrique
{
width: 600px;
position: relative;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
 border: 1px black;
background-color:white;
}  
div#livre
{
text-align: center;
margin: 0;
}
div#mess
{
margin-left: 5%;
margin-right: 5%;
}
div#mess2
{
margin-left: 10px;
margin-right: 10px;
}
div#mess3
{
margin-left: 12%;
margin-right: 12%;
} 

div#admin
{
text-align: right;
margin-right: 5%;
}

div#admin2
{
position:absolute; top:7%; right: 15%;
}

div#admin1
{
position:absolute; top:7%;
margin-left: 38%;
}
body
{
margin: 0;
padding:0;
}
.go
   {
         width: 70px; 
         height: 20px; 
         border: none;
   }

.go:hover
   {
    cursor: pointer;
   }
a /* Liens par défaut (non survolés) */
{
   text-decoration: none;
   color: blue;
}
 a:hover /* Apparence au survol des liens */
{
   text-decoration: underline;
   color: blue;
} 
div#message
{
width: 80%;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-color:white;
text-align: center;
} 
.rouge
{
    color: red;
}

section
{
    display: inline-block;    
}

div#reponse
{
width: 80%;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-color:white;
text-align: center;
}

  .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  }
  


.ribbon:after {
    border-right-color:transparent;
}

.ribbon:before {
    border-left-color:transparent;
} 

.ribbon a:link, .ribbon a:visited { 
    color:#000;
    text-decoration:none;
    float:left;
    height:3.5em;
    overflow:hidden;
}

.ribbon span {
    background:#C0C0C0;
    display:inline-block;
    line-height:3em;
    padding:0 1em;
    margin-top:0.5em;
    position:relative;

    -webkit-transition: background-color 0.2s, margin-top 0.2s;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.2s, margin-top 0.2s;  /* FF4+ */
    -ms-transition: background-color 0.2s, margin-top 0.2s;  /* IE10 */
    -o-transition: background-color 0.2s, margin-top 0.2s;  /* Opera 10.5+ */
    transition: background-color 0.2s, margin-top 0.2s;
}

.ribbon a:hover span {
    background:#FFD204;
    margin-top:0;
}

.ribbon span:before {
    content: "";
    position:absolute;
    top:3em;
    left:0;
    border-right:0.5em solid #9B8651;
    border-bottom:0.5em solid #C0C0C0;
}

.ribbon span:after {
    content: "";
    position:absolute;
    top:3em;
    right:0;
    border-left:0.5em solid #9B8651;
    border-bottom:0.5em solid #C0C0C0;
}