body {   
  background-color: #ffffff; 
  font-family: Verdana,Arial,Helvetica,sans-serif; 
  font-size: 12px;
  color: #2491c4;
  margin-top: 0px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.en-tete { position: relative;   margin-left: auto; background-color: #750f1c;
  margin-right: auto; left: 0px;  top: 0px;  width:   100%;  height: 135px; }
.banniere {   position: relative;top: 0px;  clear:both; Width: 340px; height: 135px;margin-left: auto;  margin-right: auto;background : transparent url('banniere-accueil1-340.png') no-repeat; z-index : 200;     }
   
   .date {
   position: absolute;   left: 20px;  top:   130px;  width: auto; height: auto; 
  font-size: 10px;
  font-weight: bold;
  color: #750f1c; 
  font-family: verdana,arial,helvetica,sans-serif;  
  text-align: left;}
 .mail{ position: relative;    float: left;  left:20px;   top:   20px;  width: 200px; height: auto; }  
 
 .bouton-actu{ position: relative; float: left; clear:both; margin-left: 20px;   top:    30px;  width: auto; height: auto; }
  
  .bouton-biographie{ position: relative; clear:both;  margin-left:120px; top:   8px;  width: auto; height: auto; }
  
.conteneur-corps-de-page {  position: relative; clear:both; margin-top: 20px;margin-left: auto; margin-right: auto;  width: 100%;  display: -webkit-flex; display: flex; flex-wrap: wrap;  justify-content: space-around; align-content:space-around ;-webkit-justify-content: space-around; -webkit-align-content: space-around ; }
  /* CONTENEUR 1 MAIL, ANNONCE...*/ 
   
  .conteneur1{   position: relative; order: 2;clear:both; margin-top: 10px;margin-left: auto; margin-right: auto;  width: 100%; height: auto;   }  
 .actu{
  position: relative; margin-left: auto; margin-right: auto;  top: 0px; width: 100%; height: auto; }
 .annonce {
position: relative;   margin-left: auto; margin-right: auto;  top:   0px ; width: 280px; height: auto;
text-align : center;
font-size : 12px;
font-weight : bold;
color : #675b59;
font-family : Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #750f1c; border-radius: 20px;
padding:10px; 
} 
 
.image1{
  display: block; position: relative; border: 0px solid ;margin-left: auto; margin-right: auto;    margin-top:   10px; width: 200px; height: auto;  
}

/*   Biographie*/
.bio {  position:relative;  margin-top:  0px; width:  100%;  height: auto; margin-left: auto; margin-right: auto;    }
  /*  image  */
.image2{
 display: block; position: relative;     top: 20px;margin-left: auto; margin-right: auto;  width: 225px; height: auto; }
/*texte d'introduction */
.p-bio{
  position: relative;margin-left: auto; padding-left:10px;margin-right: auto; top:  20px; max-width: 480px; height: auto; text-align : left;margin-bottom: 20px;
}

 /*  CONTENEUR2 TABLEAUX */
 
.bouton-aquarelles{ position: relative;      margin-left:auto;  margin-right: auto;   top:   15px;  width: 200px; height: 20px; }
.bouton-peintures{ position: relative;  margin-left:auto; margin-right: auto; margin-bottom: 20px;  top: 15px;  width: 200px; height: 20px; }
 
.conteneur2{ order: 1;position:relative; display: -webkit-flex; display: flex; flex-wrap: wrap;  justify-content: center; align-content:flex-start ;-webkit-justify-content: center;-webkit-align-content:flex-start ; margin-top:  5px; width:  auto; width: 90%;  height: auto; margin-left: auto; margin-right: auto;  padding-bottom: 20px; border: 1px solid #750f1c; border-radius: 20px;}  

.conteneur3{  position:relative; display: -webkit-flex; display: flex; flex-wrap: wrap;  justify-content: center; align-content:center ;-webkit-justify-content: center; -webkit-align-content:center ; margin-top:  5px; width:  auto;   height: auto; margin-left: auto; margin-right: auto;  padding-bottom: 20px;  }
.image {
  max-height: 230px; max-width: 150px; top: 0px;
  float: left;
  margin-top:10px;margin-left: 20px;  margin-right: 20px; margin-bottom: 10px;}
   
 
 .vignettes{
  border: 0px solid ;box-shadow: 2px 2px 4px #333333;  max-height: 170px;max-width: 150px;margin: 5px;overflow:hidden;  }  
 
 .vignettes:hover, .vignettes-large:hover {
-webkit-transform-origin:top left;
-moz-transform-origin:top;
transform-origin:top left;
-moz-transform:scale(2 );
-webkit-transform:scale(2 );
transform:scale(2 );
-webkit-box-shadow:2px 2px 8px #333333;
-moz-box-shadow:2px 2px 8px #333333;
box-shadow:2px 2px 8px #333333;
cursor:help;
 border-radius: 0px;
 z-index: 200;margin: 10px;
}
 
  
  

 
.pied-page { position: relative;  margin-left: auto;clear:both;  top: 40px;  margin-right: auto;    width: 320px; height: 150px; margin-top: 80px; }
.boutons-bas { position: relative;  top:0px; margin-left: auto;   margin-right: auto; width:320px;height:120px; }

 

img
{
  border: 0px solid; 
}
 
 
h1, h2 {
  display: block; position: absolute; top: 0px; left: 0px;
  text-align: left;
  visibility: hidden;
  font-size: 8px;
  color: #675b59 ;
  font-family: Verdana,Arial,Helvetica,sans-serif;
 }
 h3 {   display: block; width: 300px;text-align: center;font-size: 16px;  color: #750f1c ;font-style: italic; font-weight: bold;font-family: Verdana,Arial,Helvetica,sans-serif;}
 
 
  
div {   
  font-size: 12px;
  font-style: italic;text-align : center;
  color: #675b59; 
  background-color: transparent;
  font-family: verdana,arial,helvetica,sans-serif;
}
 
 /*BALISES DE PARAGRAPHES (tailles et couleurs des polices de texte)*/
p {
 
text-align : center;
font-size : 12px;
font-weight : bold;
color : #675b59 ;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
 
 .pl {
position : relative; float: left;text-align : left;
font-size : 18px;
font-weight : bold;
color : #675b59;
font-family : Verdana, Arial, Helvetica, sans-serif;
}

.pmini{
position : absolute;
font-size : 8px;
font-weight : normal;
color : #3467c9;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : center;
}
/*listes à puces */
ul { max-width: 480px; margin-left: auto; margin-right: auto; }
li { width: auto;text-align : left;
font-size : 12px;
font-weight : bold;
color : #675b59 ;
font-family : Verdana, Arial, Helvetica, sans-serif; }
/*BALISES DE LIENS */

a {
text-decoration : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #675b59 ;
font-size : 14px;
font-style : italic;
}
a:hover {
text-decoration : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #269a31;
font-style : italic;
font-size : 15px;
}


 .a-grand {  
  text-decoration: none;
  text-align: center;
  color: #750f1c;
  font-size:18px;font-weight: bold;
   border: 1px solid #750f1c; padding: 2px;   border-radius: 8px;   
    }