body.hima { 
  color:#fff;
   background-color:#000;
   margin:0;
   padding:0;
}

div.titre {
  position:absolute; 
  left:160px; 
  top:0; 
  width:80%; 
  text-align:left;
/*  border:1px solid #888;*/
}

div.corps { 
  position:absolute; 
  left:170px; 
  top:30px; 
right:40px;
}

.corps h1,h2.titre-texte {
  font-size: 120%;
  font-weight: bold;
  font-family: arial, sans-serif;
  color:#554488;
}

/* corps pages textes*/

.titre-texte {
  font-size: 130%;
  font-weight: bold;
  font-family: arial, sans-serif;
  text-align:right;
  color:#000;
  background-color:#ef9717;
  margin-left : 10px;
  margin-right: 10px;
  letter-spacing: 5px ;
}


.titre-texte2 {
  font-size: 130%;
  font-weight: bold;
  font-family: arial, sans-serif;
  text-align:right;
  color:#fff;
  background-color:#ef9717;
  margin-left : 10px;
  margin-right: 10px;
  letter-spacing: 5px ;
}


.texte2 { 
  font-family: arial, sans-serif;
  font-size:85%;
  font-weight: bold;
  background-color:#c00004;
  color:#fff; 
  text-align:justify;
  vertical-align: top;
  margin:15px 0px 0px 15px;
  padding:2px 20px 2px 20px;
}

h2.texte4 {
  color:#fff;
  font-size: large;
  font-family: arial, sans-serif;
  text-align:left;
  vertical-align: top;
}

h2.texte5 {
  color:#fff;
  font-size: large;
  font-family: arial, sans-serif;
  text-align:center;
  vertical-align: top;
}


.texte3 { 
  font-family: arial, sans-serif;
  font-size:85%;
  font-weight: bold;
  background-color:#c00004;
  color:#ef9717; 
  text-align:left;
  vertical-align: top;
  margin:10px;
  padding:15px 15px 10px 15px;
}

.texte5 {
  font-family: arial, sans-serif;
  font-size:85%;
  font-weight: bold;
  background-color:#c00004;
  color:#ef9717; 
  text-align:center;
  vertical-align: top;
  margin:0px;
  padding:15px 15px 10px 15px;
}

.texte6 {
  font-family: arial, sans-serif;
  font-size:60%;
  font-weight: bold;
  background-color:#c00004;
  color:#ef9717; 
  text-align:center;
  vertical-align: top;
  margin:0px;
  padding:15px 15px 10px 15px;
}

.titres {
margin-left:15px;
}


table.vignettes { 
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.detouree { border:0;}
.centree { 
  margin-left:auto;
  margin-right:auto;
}



/* menu */

div.menuhi { 
  width:149px;
  margin: 0px 0px 0px 0px;
  padding:0 0 0 0px;
}

div.menuha { 
text-align:left;
  text-decoration:none;
background-color: #EF9717;
  margin: 0px 0px 0px 0px;
  padding:20px 0 10px 0px;
}

.item_menu { 
  font-family: arial, sans-serif;
  font-weight:bold;
  color:#000;
}

ul.item_menu {
  font-size: 15px;
  list-style-type:none;
  margin:0;
  padding:0px 0 0 13px;
  font-size-adjust: .5;
}


div.contact { text-align:center; margin-top:200px; }
div.contact_accueil { text-align:center; margin-top:20px; }

a.reperages { background:#000;  }
a.reperages:link { background:#000;   }
a.reperages:visited { background:#000;  }
/*a.reperages:hover { color:#EF9717; background-color:#000; }*/
a.reperages:visited div { background:#000; }
a.reperages:hover div { color:#f00; background:#fff;}

a.menu_a { color:#fff;   text-decoration:none;}
a.menu_a:link { color:#c00004; }
a.menu_a:visited {  color:#000;  }
a.menu_a:hover { color:#EF9717; background:#000; }
a.menu_a:hover div { color:#EF9717; background:#000; }

menu_b {
font-size:x-small;
}

a.menu_b {  }
a.menu_b:link { color:#aaa; }
a.menu_b:visited {  color:#666;  }
a.menu_b:hover { color:#000; background-color:#c00004;}

a.menu_b {  }
a.menu_b:link { color:#ccc; }
a.menu_b:visited {  color:#aaa;  }
a.menu_b:hover { color:#EF9717; background-color:#c00004;}


div.nom_port { 
  padding:0 4px 0 4px;
  font-size:12px;
  font-family: "lucida console", courier, sans-serif;
}


.portf {
display:inline;
vertical-align: center; font-size: 1500%;
}

.spip_logos_portfolio {
  display:inline;
}

.spip_logos {
display:inline;
  margin:0;
  padding:4px;
  border: 0x solid #666;

}


/*#portfolio {
  display:inline;  
  float: left;    
  text-align:center; 
  padding:0;
  margin:0; 
  border:0;  
  border-top:0px solid #aaa;  
  border-left:0px solid #ccc;  
  background-color:#fff;  
}

.spip_logos {
background-color:#000;
  margin:0;
  padding:10px;
/*  height:128px;  
border:1px solid #555;
}

.spip_logos_portfolio {
  margin:0;
  padding:0;
  border: 0px solid #666;
/*  height:128px;  
}
*/
div.corps_image { 
  position:absolute;  
  left:40px; 
  top:20px; 
  width:90%; 
  text-align:left;
   
}
.corps_image h1,h2.titre-texte {
  font-size: 120%;
  font-weight: bold;
  font-family: arial, sans-serif;
}
 
#item_reperages {
 display:inline;  
  float: left;    
  text-align:center; 
 padding:0; 
  border-top:0px solid #aaa;  
  border-left:0px solid #ccc;  
  background-color:#fff;  
}

td.titre {
  background-color:#ef9717;
  border-top:2px solid #ef9717; 
  font-family: arial, sans-serif;
  font-size:10px;
  font-weight:bold;
  text-align:center;
}

.couleurOrange {
background-color:#ef9717;
}
.couleurRouge {
background-color:#c00004;
padding:10px;
color:#ef9717;
  font-family: arial, sans-serif;
  font-size:85%;
  font-weight: bold;

}


.legende {
color: #000;
  font-family: arial, sans-serif;
font-weight:bold;
  font-size: 11px;
}


.pied {
  font-family: arial, sans-serif;
  font-weight:bold;
  font-size: 11px;
  color:#ef9717;

}