#head { /* header area */
}

.Style10 {color: #0000A0; }
.Style11 {color: #8000FF; }
.Style13 {color: #0000FF; }
.style3 { color: #AFAFAF; }
.style5 { color: #0000FF;
  font: 12px Arial, Helvetica, sans-serif;
}
.style6 {   font: 20px Arial, Helvetica, sans-serif;
	margin-left: 250px;

}

.font14 { font: 14px Arial, Helvetica, sans-serif;
}

html { /*  document */
  font: 12px Arial, Helvetica, sans-serif;
  margin: 3px 3px;
  padding: 5px 5px;
  border: 1px solid #D42FB7; /* 1er Bordure exterieur   #RRVVBB*/
  color: #993300;
  background-color:#808080; /* Font en arriere plan */
}

body { /*  corps du document */
  margin: 0px; /* 5px 5px */
  padding: 8px 3px; /* 8px 3px */
  border: 0px solid #00FF00;  /* opx solid 00FF00 2er Bordure exterieur */
  color: #000000; /* 000066 */
  background-color: #E0E0E0; /* E0E0E0 Font en arriere plan */
  font-size: 100%;
}

#page{ /* all the page */
  border: 3px solid #944E94; /* Bordure de la page du sitee */
  color: #F0F0F0;
  background-color:#D0B8D0;
  margin: 0 auto;
  padding: 3px 3px;
  width: 1100px;  /* 1000*/
  height: auto;  /* 800*/
}

#headTop { /* Logo Principale du bandeau */
  z-index: 15;
  margin: 1px 1px;
  padding: 1px 1px;
  color: inherit;
  background-color: #EAE2EF;
}

div.logo { /* block logo */
  padding: 0 8px;
  text-align: center;
}

#MainContent {
  border: 0px solid #C0C0FA; /* 0px solid #C0C0FA; */
  min-height: 630px;
}

/* Cote Gauche */
.leftside {
  float: left;
  border: 0px solid #ff0000;
  margin: 0px 8px 0px 1px;
}

.gras {
  font: bold;
}

.souligne {
  text-decoration: underline
}

.italique {
  font-style: italic;
}


.left {
  float: left;
}

.clear {
  clear:both;
}

.centrer {
	text-align: center;
}

.titrebox { /* Titre */
  width: 240px;  /* 200*/
  background-color: #976EAA;
  border: 1px solid #944E94;
  margin: 2px 2px;
  padding: 2px 2px;
  white-space: nowrap;
  font: bold 15px Arial, Helvetica, sans-serif;
  color: #c0c0c0;
  text-align: center;
}

.titre {
  width: 229px;  /* 200*/
  background-color: #976EAA;
  border: 1px solid #701B71;
  margin: 3px 3px 0px 3px;
  padding: 3px 3px;
  white-space: nowrap;
  color: #FFFFFF;
  text-align: left;
}

.titreover {
  background-color: #976EAA;
  border: 3px solid #701B71;
  margin: 3px 3px;
  padding: 3px 3px;
  white-space: nowrap;
  color: #FFFFFF;
  text-align: left;
}

/* Cote Droit */
.body {
	overflow: auto;
	font: 13px Arial, Helvetica, sans-serif;
	text-align:left;
	font-style:normal;
	scrollbar-face-color: #e9e9e9;
	scrollbar-shadow-color: #7098C6;
	scrollbar-highlight-color: #7098C6;
	scrollbar-3dlight-color: #7098C6;
	scrollbar-darkshadow-color: #7098C6;
	scrollbar-track-color: #7098C6;
	scrollbar-arrow-color: silver;
    background-color: #FFFFE0; /* FFFFDF */
    border: 2px solid #701B71; /* 2px solid #701B71; */
    color: #0000FF;
    padding: 1px 1px;
    margin: 1px 1px;
}

.photo {
  text-align: left;
  background-color: #976EAA;
  border: 6px solid #944E94;
  margin: 1px 1px 1px 1px;
  padding: 1px 1px;
}

.phototest {
  vertical-align: top;
  color: #FFFFFF;
  font: bold 22px Arial, Helvetica, sans-serif;
  border: 0px dotted #F000F0;
}

.quisuisje {
  border: 6px solid #944E94;
  width: 400px;  /* 1000*/
  height: 500px;  /* 800*/
  vertical-align: top;
}

.bord {
  border: 0px solid #D42FB7;
  padding: 1px;
  text-align: left;
}

/*******************************************
 * Mise en page des blocks dans le header */

p { /* paragraphe */
  margin: 6px 0px;
  color: inherit;
  background: inherit;
}

#foot {
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  color: #0F0F0F;
  background-color: #EAE2EF;
  margin: 3px 3px;
  padding: 3px 3px;
}			

.arbre{
  background-color: #D0B8D0;
  border:double;   
  border-color:#FFFFFF;
  }