/* CSS Document */
.titre {
 font-family: 'Didact Gothic', sans-serif;
  font-size:18px;

}
.texte-phrase {
  background-color: rgba(150, 185, 105, 0.8);
  padding: 20px;
  margin-left:50px;
 font-family: 'Didact Gothic', sans-serif;
  font-size:18px;
 color:#ffffff;
  text-align:center;
  line-height:20px;
  /*arrondir les coins en haut à gauche et en bas à droite*/
-moz-border-radius:10px ;
-webkit-border-radius:10px ;
border-radius:10px ;
 
}
.sous-titre {
 font-family: 'Didact Gothic', sans-serif;
  font-size:16px;
 color:#666667;
  text-align:left
  line-height:20px;
 
}

.lien {
 font-family: 'Didact Gothic', sans-serif;
  font-size:16px;
 color:#666667;
  text-align:left;
  line-height:20px;
 }
.lien a{
 font-family: 'Didact Gothic', sans-serif;
  font-size:16px;
 color:#666667;
  text-align:left;
  line-height:20px;
  text-decoration:none;
 }
.lien a:link{
 font-family: 'Didact Gothic', sans-serif;
  font-size:16px;
 color:#666667;
  text-align:left;
  line-height:20px;
  text-decoration:none;
 }
.lien a:hover {
 font-family: 'Didact Gothic', sans-serif;
  font-size:16px;
 color:#e31111;
  text-align:left;
  line-height:20px;
  text-decoration:underline;
 }

.exemple {
 font-family: arial, sans-serif;
  font-size:16px;
 color:#ffffff;
  text-align:left
  line-height:20px;
  background-color:#E4EFFF;
border:1px solid #9FC6FF;
padding:25px;
/*arrondir les coins en haut à gauche et en bas à droite*/
-moz-border-radius:10px ;
-webkit-border-radius:10px ;
border-radius:10px ;
 
}