/* css 1 / principale*/
body {margin:0px;font-family: arial,calibri, verdana, Helvetica, sans-serif; color: #000;background-color: #000;}
html {font-size: 100%;}
p {line-height:1.3em}
.h1texte {font-family: Arial, calibri, verdana,Helvetica, sans-serif; color: #000; font-size: 12px;margin:0px; padding-top:0px;margin-bottom:3px;}
/* div principale contenu */ 
#conteneur {margin:10px auto auto auto; width:830px; height:545px; border: solid 1px #fff;font-size: 12px;background-color: #000; position:relative;}/* centre la totalité du site*/ 
/* divs internes*/ 
#photo1 {margin:30px auto auto auto; width:635px; height : 419px;background-color: #000; }
#intro {margin:0px auto  auto auto; width:635px; height : 100px; text-align: right;background-color: #000; letter-spacing : 1px; padding-top:10px;}
#liens {margin:0px auto  0px auto;width:830px; padding-top:0px; padding-bottom:0px; height :30px;background-color: #000;z-index:2;}
/* div liens */ 
#liens2{margin:0px auto  0px auto;width:820px; padding: 5px; height :19px;background-color: #000; border: solid 1px #fff; color: #fff;}
#liens3{padding: 5px;  width:300px; float:left; color: #fff;}
#blog{ width:300px;float:left;margin:0px 0px 4px 0px;}
#fleche1{float: left; margin:1px 0px 0px 0px; width:60px;}
#fleche2{float: left; margin:1px 0px 0px 0px; width:60px;}
/* liens */ 
a {color: white;text-decoration: none;font-size: 12px;}
a:visited {text-decoration: none;color: white;}
a:hover {text-decoration: none;color: white;}
a:active {text-decoration: underline;color: white;}
/* menu1 */ 
#menu1{float: left; margin:0px 20px 0px 27px; width:40px;}
#menu1 a {height:30px;width:30px;float:left;display:block;margin:0px;background: url("img/architecture.png") 0 0 no-repeat;}
#menu1 a:hover {background-position: 0 -30px;height:30px;width:30px;margin:0px;}
/* menu2 */ 
#menu2{float: left; margin:0px 20px 0px 0px; width:40px;}
#menu2 a {height:30px;width:30px;float:left;display:block;margin:0px;background: url("img/basque.png") 0 0 no-repeat;}
#menu2 a:hover {background-position: 0 -30px;height:30px;width:30px;margin:0px;}
/* menu3 */ 
#menu3{float: left; margin:0px 20px 0px 0px; width:40px;}
#menu3 a {height:30px;width:30px;float:left;display:block;margin:0px;background: url("img/identitaire.png") 0 0 no-repeat;}
#menu3 a:hover {background-position: 0 -30px;height:30px;width:30px;margin:0px;}
/* menu4 */ 
#menu4{float: left; margin:0px 20px 0px 0px; width:40px;}
#menu4 a {height:30px;width:30px;float:left;display:block;margin:0px;background: url("img/barcelona.png") 0 0 no-repeat;}
#menu4 a:hover {background-position: 0 -30px;height:30px;width:30px;margin:0px;}
/* menu5 */ 
#menu5{float: left; margin:0px 20px 0px 0px; width:40px;}
#menu5 a {height:30px;width:30px;float:left;display:block;margin:0px;background: url("img/halles.png") 0 0 no-repeat;}
#menu5 a:hover {background-position: 0 -30px;height:30px;width:30px;margin:0px;}
/* menu6 */ 
#menu6{float: left; margin:0px 20px 0px 0px; width:40px;}
#menu6 a {height:30px;width:30px;float:left;display:block;margin:0px;background: url("img/fourmiliere2.png") 0 0 no-repeat;}
#menu6 a:hover {background-position: 0 -30px;height:30px;width:30px;margin:0px;}
/* liens div blog */ 
#lienblog {float: left; margin:1px 30px 2px 0px; width:170px;}
/* lien 1 architecture  */ 
a.info:link  span.info_bulle { display: none; } 
a.info:visited  span.info_bulle { display: none; } 
a.info:hover span.info_bulle, a.info:hover focus span.info_bulle { display: inline; position: absolute;margin-top: 35px; margin-left: -36px;
padding: 2px 5px; background: #000; color: #fff;font-family: calibri, verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; 
font-size: 14px;} 
a.info:active  span.info_bulle { display: none; }
/* lien 2 architecture Euskal  */ 
a.info2:link  span.info_bulle2 { display: none; } 
a.info2:visited  span.info_bulle2 { display: none; } 
a.info2:hover span.info_bulle2, a.info2:hover focus span.info_bulle2 { display: inline; position: absolute;margin-top: 35px; margin-left: -79px;
padding: 2px 5px; background: #000; color: #fff;font-family: calibri, verdana, Arial, Helvetica, sans-serif; 
font-size: 14px;} 	
a.info2:active  span.info_bulle2 { display: none; }
/* lien 3 architecture identitaire */ 	
a.info3:link  span.info_bulle3 { display: none; } 
a.info3:visited  span.info_bulle3 { display: none; } 
a.info3:hover span.info_bulle3, a.info3:hover focus span.info_bulle3 { display: inline; position: absolute; margin-top: 35px; margin-left: -76px;
padding: 2px 5px; background: #000; color: #fff;font-family: calibri, verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; 
font-size: 14px;} 	
a.info3:active  span.info_bulle3 { display: none; }
/* lien 4 Projet Barcelona */ 
a.info4:link  span.info_bulle4 { display: none; } 
a.info4:visited  span.info_bulle4 { display: none; } 
a.info4:hover span.info_bulle4, a.info4:hover focus span.info_bulle4 { display: inline; position: absolute; margin-top: 35px; margin-left: -50px;
padding: 2px 5px; background: #000; color: #fff;font-family: calibri, verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; 
font-size: 14px;} 	   
a.info4:active  span.info_bulle4 { display: none; }         
/* lien 5 Projet Barcelona */ 
a.info5:link  span.info_bulle5 { display: none; } 
a.info5:visited  span.info_bulle5 { display: none; } 
a.info5:hover span.info_bulle5, a.info5:hover focus span.info_bulle5 { display: inline; position: absolute; margin-top: 35px; margin-left: -48px;
padding: 2px 5px; background: #000; color: #fff;font-family: calibri, verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; 
font-size: 14px;} 	   
a.info5:active  span.info_bulle5 { display: none; }        
/* lien 6 fourmiliere */ 
a.info6:link  span.info_bulle6 { display: none; } 
a.info6:visited  span.info_bulle6 { display: none; } 
a.info6:hover span.info_bulle6, a.info6:hover focus span.info_bulle6 { display: inline; position: absolute; margin-top: 35px; margin-left: -50px;
padding: 2px 5px; background: #000; color: #fff;font-family: calibri, verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; 
font-size: 14px;} 	   
a.info6:active  span.info_bulle6 { display: none; }  	  
a.info8 span.info_bulle8 { display: none; } 
a.info8:hover span.info_bulle8, a.info8:focus span.info_bulle8 { display: inline; position: absolute; margin-top: -25px; margin-left: -40px; 
padding: 2px 5px; background: #000;  color: #fff;  font-family: calibri, verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
 font-size: 14px; } 
 a.info9 span.info_bulle9 { display: none; } 
a.info9:hover span.info_bulle9, a.info9:focus span.info_bulle9 { display: inline; width:200px; position: absolute; margin-top: -25px; margin-left: -40px; 
padding: 2px 5px; background: #000;  color: #fff;  font-family: calibri, verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
 font-size: 14px; } 
 .blanc {color: #fff}
/* Div marqueur xiti */ 	  
#xiti{margin:10px auto auto auto; padding-top: 50px; width:830px; height : 40px;}
/* class fleche*/ 	
.borderno{border:0px #000}
/* Description page */ 	  
.hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.gras {font-weight:bold;}
.souligne{text-decoration:underline};