body
{
   width: 1028px;
   margin: auto;
 background-color: #671C09;
 margin-bottom: 0%;
 border: 2px solid #FAA72F;
 border-style: ridge;
}

#en_tete
{
   float: left;
   width: 100%;
  
   background-color: #671C09;
   
  
}

.premiere_entete
{
   float: left;
   width: 1024px;
   height: 95px;
   background-image: url("entete4b.png");
   background-repeat: no-repeat;
   background-color: #671C09;
   }
   
h1
{
width: 60%;
float: left;
text-align: left;
    font-family: "comic sans ms";
   color: #FAA72F;
   font-size: 40px;
   font-style: italic;
   padding-left: 25%;
   padding-top: 0px;
    margin-bottom: 0%;
  margin-top: 0px;
}   

.titre02
{
width: 75%;
float: left;
text-align: left;
    font-family: times;
   color: white;
   font-size: 20px;
   font-style: italic;
   padding-left: 20%;
   padding-top: 0px;
    margin-bottom: 2%;
  
}  



h3
{
width: 100%;
float: left;
text-align: center;
    font-family: "times new roman";
   color: #387675;
   font-size: 16px;
   font-style: normal;
 padding-left: 0%;
   margin-top: 5%;
    margin-bottom: 4%;
  text-decoration: underline;
}   

h4
{
width: 100%;
float: left;
text-align: center;
    font-family: "times new roman";
   color: #525252;
   font-size: 16px;
   font-style: normal;
 padding-left: 0%;
   margin-top: 5%;
    margin-bottom: 2%;
  text-decoration: underline;
}   

h5
{
width: 100%;
float: left;
text-align: center;
    font-family: "times new roman";
   color: #525252;
   font-size: 17px;
   font-style: normal;
 padding-left: 0%;
   margin-top: 0%;
    margin-bottom: 2%;
  text-decoration: underline;
}   


#corps
{
    float: left;
    width: 100%;
	height: 82px;
	  background-color: #671C09;
     
   margin-top: 0px;
 background-image: url("trait3b.png");
background-repeat: no-repeat;
}


.menu
{
    float: right;
    width: 50%;
	height: 20px;
	  background-color: #FAA72F;
margin-bottom: 0%;
   margin-top: 3%;
 background-image: url("menu.png");
background-repeat: no-repeat;
}


#corps2
{
    float: left;
    width: 296px;
	height: auto;
	  background-color: #671C09;
   padding-bottom: 0%;
   padding-top: 5%;
 background-image: url("trait5b.png");
background-repeat: no-repeat;
}

.menu1
{
   
    width: 212px;
	height: 138px;
	margin-left: 70px;
   padding-bottom: 0%;
   margin-top: 0%;
 background-image: url("tache4.png");
background-repeat: no-repeat;
}


.menu2
  {

    width: 250px;
	height: 150px;
	margin-left: 0%;
   padding-bottom: 0%;
   margin-top: 0%;
 background-image: url("tache3.png");
background-repeat: no-repeat;
}

.menu2b
  {

    width: 250px;
	padding-left: 20px;
	height: 250px;
	margin-left: 0%;
   padding-bottom: 0%;
   padding-top: 15%;

}

p
{
   width: 80%;
   font-family: "comic sans ms";
   font-size: 14px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  padding-left: 10%;
  margin-top: 0px;
   margin-bottom: 0px;
   font-style: normal;
   color: white;
}

a
{
   
   font-family: "comic sans ms";
   font-size: 14px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  padding-left: 0%;
  margin-top: 0%;
   margin-bottom: 0px;
   font-style: normal;
   color: white;
   text-decoration: none;
}

a :hover
{
   
   font-family: "comic sans ms";
   font-size: 14px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  padding-left: 0%;
  margin-top: 0%;
   margin-bottom: 0px;
   font-style: normal;
   color: white;
}

.tache1
{
       
   font-family: "comic sans ms";
   font-size: 14px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  padding-left: 19%;
  padding-top: 19%;
   margin-bottom: 0px;
   font-style: italic;
   color: white;
}

.tache1 a
{
   
   font-family: "comic sans ms";
   font-size: 14px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  padding-left: 0%;
  margin-top: 0%;
   margin-bottom: 0px;
   font-style: italic;
   color: white;
   text-decoration: none;
}

.tache1 a :hover
{
   
   font-family: "comic sans ms";
   font-size: 14px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  padding-left: 0%;
  margin-top: 0%;
   margin-bottom: 0px;
   font-style: italic;
   color: white;
}

.tache2
{
      
   font-family: "comic sans ms";
   font-size: 14px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  padding-left: 35%;
  padding-top: 22%;
   margin-bottom: 0px;
   font-style: italic;
   color: white;
}


.tache2 a
{
   
   font-family: "comic sans ms";
   font-size: 14px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  padding-left: 0%;
  margin-top: 0%;
   margin-bottom: 0px;
   font-style: italic;
   color: white;
   text-decoration: none;
}

.tache2 a :hover
{
   
   font-family: "comic sans ms";
   font-size: 14px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  padding-left: 0%;
  margin-top: 0%;
   margin-bottom: 0px;
   font-style: italic;
   color: white;
}


#corps3
{
    float: left;
    width: 728px;
	height: auto;
	
   padding-bottom: 0%;
   margin-top: 0px;

}

#corps4
{
    float: left;
    width: 99%;
	height: auto;
	  padding-left: 1%;
   padding-bottom: 0%;
   margin-left: 0%;
   padding-top: 5%;
 background-image: url("trait5b.png");
background-repeat: no-repeat;
   background-color: rgb(239,239,239);
}

.texte
  {
    float: left;
    width: 100%;
	height: auto;
	margin-left: 0%;
   padding-bottom: 0%;
   margin-top: 0%;
 background-color: rgb(239,239,239);
}

.texteb
  {
    float: left;
    width: 100%;
	height: auto;
	margin-left: 0%;
   padding-bottom: 1%;
   margin-top: 0%;
 background-color: rgb(239,239,239);
}

.texteb02
  {
    float: left;
    width: 100%;
	height: auto;
	margin-left: 0%;
   padding-bottom: 1%;
   margin-top: 2%;
 background-color: rgb(239,239,239);
}

.texte2
  {
    float: left;
    width: 45%;
	height: auto;
	margin-left: 0%;
   padding-bottom: 0%;
   margin-top: 0%;
   background-color: rgb(239,239,239);
}

.texte3
  {
    float: left;
    width: 50%;
	height: auto;
	margin-left: 0%;
   padding-bottom: 0%;
   margin-top: 2%;
  background-color: rgb(239,239,239);
}

.texte3b
  {
    float: left;
    width: 80%;
	height: auto;
	padding-left: 12%;
   padding-bottom: 2%;
   margin-top: 2%;
  background-color: rgb(239,239,239);
}

.texte3bis
  {
    float: left;
    width: 99%;
	height: auto;
	margin-left: 1%;
  padding-top: 2%;
   margin-top: 2%;
   padding-left: 0%;
}

.texte4
  {
    float: left;
    width: 100%;
	height: auto;
	margin-left: 0%;
   padding-bottom: 0%;
   margin-top: 0%;
   background-color: rgb(239,239,239);
}

.texte4b
  {
    float: left;
    width: 100%;
	height: auto;
	margin-left: 0%;
   padding-bottom: 0%;
   margin-top: 1%;
   background-color: rgb(239,239,239);
}

.texte4b2
  {
    float: left;
    width: 100%;
	height: auto;
	margin-left: 0%;
   padding-bottom: 2%;
   margin-top: 1%;
   background-color: rgb(239,239,239);
}


.texte4bis
  {
    float: left;
    width: 60%;
	height: auto;
	padding-left: 30%;
   padding-bottom: 0%;
   margin-top: 2%;
   margin-bottom: 1%;
}



.texte4bisbis
  {
    float: left;
    width: 60%;
	height: auto;
	padding-left: 30%;
   padding-bottom: 0%;
   margin-top: 0%;
   margin-bottom: 1%;
}


.texte5
  {
    float: left;
    width: 80%;
	height: auto;
	padding-left: 10%;
   padding-bottom: 0%;
   margin-top: 2%;
   background-color: rgb(239,239,239);
}

.texte5b
  {
    float: left;
    width: 95%;
	height: auto;
	padding-left: 5%;
   padding-bottom: 0%;
   margin-top: 0%;
   margin-bottom: 3%;
   background-color: rgb(239,239,239);
}


.texte6
  {
    float: left;
    width: 40%;
	height: auto;
	margin-left: 2%;
   padding-bottom: 0%;
   margin-top: 4%;
   background-color: rgb(239,239,239);
}



.texte61
  {
    float: left;
    width: 40%;
	height: auto;
	margin-left: 2%;
   padding-bottom: 0%;
   margin-top: 4%;
   background-color: rgb(239,239,239);
}

.texte6b
  {
    float: left;
    width: 100%;
	height: auto;
	margin-left: 0%;
   padding-bottom: 5%;
   margin-top: 0%;
   background-color: rgb(239,239,239);
}

.titretexte
{
float: left;
width: 100%;
text-align: center;
    font-family: times;
   color: #671C09;
   font-size: 26px;
   font-style: normal;
  padding-left: 0%;
   padding-top: 0px;

    margin-bottom: 1%;
  
}   


q
  {
   font-style: normal;
   color: #FAA72F;
}

.q2
 {
   font-style: normal;
   color: #800000;
   text-decoration: underline;
}

.q3
 {
   font-style: normal;
   color: #525252;
   text-decoration: underline;
}

.q4
 {
   font-style: italic;
   color: #800000;
   text-decoration: none;
}

.q5
 {font-size: 18px;
   font-style: italic;
   color: #525252;
   text-decoration: none;
}

.q6
 {
   font-style: normal;
   color: #525252;
   text-decoration: underline;
}

.textes
  {width: 100%;
     font-family: "times new roman";
   font-size: 16px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  
   margin-bottom: 0px;
   font-style: normal;
   color: #387675;
}

.textes a
  {
  
     font-family: "times new roman";
   font-size: 16px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  text-decoration: underline;
   margin-bottom: 0px;
   font-style: normal;
   color: #387675;
}

.textes a:hover
  {
  
     font-family: "times new roman";
   font-size: 16px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  text-decoration: underline;
   margin-bottom: 0px;
   font-style: normal;
   color: #387675;
}

.textes2
  {width: 100%;
     font-family: "times new roman";
   font-size: 16px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
    margin-top: 1%;
   margin-bottom: 0px;
   font-style: normal;
   color: #671C09;
}



.textes3
  {width: 100%;
     font-family: "times new roman";
   font-size: 16px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
    margin-top: 1%;
   margin-bottom: 3%;
   font-style: normal;
   color: #525252;
}

.textes-artiste01
  {
  float: left;
  width: 50%;
     font-family: "times new roman";
   font-size: 16px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  
   margin-bottom: 0px;
   font-style: normal;
   color: #387675;
}

.textes-artiste01 a
  {
  
     font-family: "times new roman";
   font-size: 16px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  
   margin-bottom: 0px;
   font-style: normal;
   color: #387675;
}

.textes-artiste01 a:hover
  {
  
     font-family: "times new roman";
   font-size: 16px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  
   margin-bottom: 0px;
   font-style: normal;
   color: #387675;
}

.textes-artiste02
  {
  float: left;
  width: 50%;
     font-family: "times new roman";
   font-size: 16px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  
   margin-bottom: 0px;
   font-style: normal;
   color: #387675;
}

.textes-artiste02 a
  {
 
     font-family: "times new roman";
   font-size: 16px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  
   margin-bottom: 0px;
   font-style: normal;
   color: #387675;
}

.textes-artiste02 a:hover
  {

     font-family: "times new roman";
   font-size: 16px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  
   margin-bottom: 0px;
   font-style: normal;
   color: #387675;
}

.pimage
{

text-align: center;
    font-family: times;
   color: #671C09;
   font-size: 26px;
   font-style: normal;
  padding-left: 0%;
   padding-top: 0px;

  
}   

.pimage2
{
width: 100%;
text-align: center;
    font-family: times;
   color: #671C09;
   font-size: 26px;
   font-style: normal;
  padding-left: 0%;
   padding-top: 0px;
 margin-bottom: 1%;
  
}   

.pformulaire
{
width: 100%;
text-align: left;
    font-family: times;
   color: #671C09;
   font-size: 14px;
   font-style: normal;
  padding-left: 0%;
   padding-top: 0px;

  
}   

.pformulaire2
{
width: 90%;
text-align: left;
    font-family: times;
   color: #B01A1A;
   font-size: 14px;
   font-style: normal;
  padding-left: 0%;
   padding-top: 0px;

  
}   

.pformulaire3
{
width: 90%;
text-align: left;
    font-family: times;
   color: black;
   font-size: 14px;
   font-style: normal;
  padding-left: 0%;
   padding-top: 1%;

  
}   

.ptoile
{  float: left;
 width: 22%;
text-align: center;
    font-family: times;
   color: #671C09;
   font-size: 26px;
   font-style: normal;
  padding-left: 2%;
   padding-top: 18px;
}   

.ptoile1
{  float: left;
 width: 22%;
text-align: center;
    font-family: times;
   color: #671C09;
   font-size: 14px;
   font-style: normal;
  padding-left: 2%;
   padding-top: 0px;
}   


.ptoile1 a
  {
 
     font-family: "times new roman";
   font-size: 14px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  
   margin-bottom: 0px;
  font-style: italic;
   color: #387675;
}

.ptoile1 a:hover
  {

     font-family: "times new roman";
   font-size: 14px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  
   margin-bottom: 0px;
   font-style: italic;
   color: #387675;
}


.ptoile2
{  float: left;
 width: 23%;
text-align: center;
    font-family: times;
   color: #671C09;
   font-size: 14px;
   font-style: normal;
  padding-left: 2%;
   padding-top: 0px;
}   

.ptoile2 a
  {
 
     font-family: "times new roman";
   font-size: 14px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  
   margin-bottom: 0px;
 font-style: italic;
   color: #387675;
}

.ptoile2 a:hover
  {

     font-family: "times new roman";
   font-size: 14px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  
   margin-bottom: 0px;
   font-style: italic;
   color: #387675;
}

a img 
{
   border: none;  
} 

legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #743434;
   font-weight: bold;
font-style: italic;

}
 
fieldset
{ float: left;
width: 95%;
padding-left: 2%;
margin-left: 2%;
padding-bottom: 0%;
margin-top: 3%;
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: rgb(239,239,239);
}

.fieldset2
{ float: left;
width: 95%;
padding-left: 2%;
margin-left: 2%;
padding-bottom: 0%;
margin-top: 3%;
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: rgb(239,239,239);
}

/*Fiche Artiste peintre*/

.texte7
  {
    float: left;
    width: 29%;
	height: auto;
	margin-left: 2%;
   padding-bottom: 2%;
   margin-top: 0%;
   background-color: rgb(239,239,239);
}

.texte8
  {
    float: left;
    width: 36%;
	height: auto;
	margin-left: 0%;
   padding-bottom: 5%;
   margin-top: 2%;
  background-color: rgb(239,239,239);
}

.texte8b
  {
    float: left;
    width: auto;
	height: auto;
	padding-left: 1%;
   padding-top: 0%;
   margin-top: 0%;
  background-color: rgb(239,239,239);
}

.texte9
  {
    float: left;
    width: 62%;
	height: auto;
	margin-left: 1%;
   padding-bottom: 0%;
   margin-top: 2%;
  background-color: rgb(239,239,239);
}

.texte10
  {
    float: left;
    width: 34%;
	height: auto;
	margin-left: 2%;
   padding-bottom: 0%;
   margin-top: 2%;
   background-color: rgb(239,239,239);
}

.textes-artiste
  {width: 100%;
     font-family: "times new roman";
   font-size: 15px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  
   margin-bottom: 3px;
   font-style: normal;
   color: #525252;
}

.textes-artiste2
  {width: 100%;
     font-family: "times new roman";
   font-size: 16px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  margin-top: 8%;
   margin-bottom: 3px;
   font-style: normal;
   color: #525252;
}

.textes-artiste3
  {width: 100%;
     font-family: "times new roman";
   font-size: 16px;
   text-align: center;
   font-weight: bold;
  padding: 0px;
  margin-top: 2%;
   margin-bottom: 3px;
   font-style: normal;
   color: #525252;
}

.textes-artiste4
  {width: 100%;
     font-family: "times new roman";
   font-size: 16px;
   text-align: left;
   font-weight: bold;
  padding: 0px;
  margin-top: 1%;
   margin-bottom: 0px;
   font-style: normal;
   color: #525252;
}

.textes-artiste5
  {width: 95%;
     font-family: "times new roman";
   font-size: 15px;
   text-align: left;
   font-weight: normal;
   font-style: oblique;
  padding: 0px;
  margin-top: 1%;
   margin-bottom: 0px;
   color: #800000;
}

.textes-artiste6
  {width: 95%;
     font-family: "times new roman";
   font-size: 15px;
   text-align: left;
   font-weight: normal;
   font-style: oblique;
  padding: 0px;
  margin-top: 1%;
   margin-bottom: 0px;
   color: black;
   margin-left: 2%;
}

.textes-artiste7
  {width: 100%;
     font-family: "times new roman";
   font-size: 16px;
   text-align: center;
   font-weight: bold;
  padding: 0px;
  margin-top: 6%;
   margin-bottom: 3px;
   font-style: normal;
   color: #525252;
}

.texte-portrait
  {
    float: left;
    width: 100%;
	height: auto;
	margin-left: 0%;
   padding-bottom: 3%;
   margin-top: 0%;
 background-color: rgb(239,239,239);
}


.titretexte2
{
float: left;
width: 100%;
text-align: center;
    font-family: times;
   color: #671C09;
   font-size: 20px;
   font-style: normal;
  padding-left: 0%;
   margin-top: 2%;

    margin-bottom: 1%;
  
}   

#basdepage
{
float: left;
   width: 100%;  
    margin-top: 2%;
   
   }

.internebas
{
float: left;
   width: 100%;  
   background-color: #FAA72F;
   
   }
   
.textebasdepage
{
   width: 90%;
   font-family: times;
   font-size: 12px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;
  padding-left: 0%;
  
  margin-top: 0px;
   margin-bottom: 0px;
   font-style: normal;
   color: white;
}
   
.textebasdepage a
{
     font-family: times;
   font-size: 13px;
   text-align: justify;
   font-weight: bold;
  padding: 0px;

   font-style: italic;
   color: white;
}
   
  

/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
} 

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 

#overlay img{ border: none; }

#overlay{ background-image: url(XXX/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="XXX/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/