/* CSS Document */
body{
width:98%;
font-size:90%;
background-color:#000000;
color:#FFFFFF;
margin:auto;
   
}

.fleche, .haut{
text-align:center;
}



.livre{
text-align:center;
}

div#google{
width:728px;
height:90px;
margin:auto;
margin-bottom:20px;
}



#banniere{
position:relative;
height:162px;
margin:auto;
background:url(afrique_fichiers/banniere2.jpg) no-repeat bottom right black;
border:thin outset #FFFFFF;



}

.drapeau{
position:absolute;
top:59px;
left:93px;
visibility:visible;
z-index:1;



}
h1
{
text-indent:-50000px;
}

h2
{
text-align:center;
color:#FFFFFF;
font-weight:bold;

}


p
{
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:30px;
color:#FFFFFF;


}
.centrer{
text-align:center;
}

span{
color:#CC0000;

}


img{
border:0 none;
}
a {
text-decoration:none;
color:#336699;
font-weight:bold;


}



.mailto{
color:#000000;
font-variant:small-caps;
font-weight:bold;
}
a:hover{
color:#CC0000;
font-weight:bold;
text-decoration:none;
}




#menu1{
background:url(afrique_fichiers/bordure1.jpg) repeat-x;
margin:auto;
}

#menu2{
width:360px;
height:30px;
margin:0;

}

#menu3{
width:360px;
height:30px;
margin:0;


}

#menu4{
width:360px;
height:30px;
margin:0;


}


#menu5{
width:360px;
height:30px;
margin:0;


}



#corps {


padding:35px;
background:url(afrique_fichiers/bordure.jpg) repeat-y left;
color:#FFFFFF;


}

#corps2 {

padding:35px;
background:url(afrique_fichiers/bordure.jpg) repeat-y left;
color:#FFFFFF;

}

#corps3 {

padding:35px;
background:url(afrique_fichiers/bordure.jpg) repeat-y left;
color:#FFFFFF;

}

#corps4{
padding:35px;
background:url(afrique_fichiers/bordure.jpg) repeat-y left;
color:#FFFFFF;

}

#corps5{
padding:35px;
background:url(afrique_fichiers/bordure.jpg) repeat-y left;
color:#FFFFFF;
}

.monde{
float:left;
margin-right:5px;
margin-left:30px;
}

.enfants{
float:right;
margin-left:5px;
}



.etals{
float:left;
margin-right:5px;

}

.moutons{
float:right;
margin-left:5px;



}

.magasins{
float:left;
margin-right:5px;

}

.kiosques{
float:right;
margin-left:5px;
margin-right:10px;
}


#classe{
width:650px;
height:212px;
margin:auto;
margin-bottom:50px;

}


.entree{
width:251px;
height:210px;
float:left;
}

.cour{
width:351px;
height:136px;
float:right;
}

.te{
margin-right:35px;
}


#bus1{
width:90%;
height:96px;
margin:auto;
margin-bottom:50px;
}

.bus{
float:right;
margin-left:5px;
padding-top:50px;
}

.mini-bus{
float:left;
margin-right:5px;


}

#taxi{
width:75%;
height:174px;
margin:auto;
margin-bottom:50px;

}
.lada{
float:left;
margin-right:15px;


}

div#va{
width:765px;
height:142px;
margin:auto;
margin-bottom:80px;

}

#text{
width:500px;
height:142px;
float:left;
padding-right:10px;


}

#vache{
width:251px;
height:142px;
float:right;


}

.boue{
float:left;
margin-right:5px;
margin-left:30px;
}

.pente{
float:right;
margin-left:5px;
}

#un, #trois, #cinq{
width:90%;
height:200px;
margin:auto;
margin-bottom:50px;
}

.portail{
width:200px;
height:198px;
float:left;
margin-right:10px;
padding-top:10px;
}

.rien{
width:197px;
height:198px;
float:right;
margin-left:10px;
}

#deux, #six{
width:90%;
height:245px;
margin:auto;
margin-bottom:50px;
}

#quatre{
width:90%;
height:280px;
margin:auto;
margin-bottom:50px;
}

.quartiers{
float:left;
margin-right:8px;
margin-left:30px;



}

.anes{
float:right;
margin-left:8px;

}

.balayeuses{
float:left;
margin-right:8px;


}


#bloc3{
width:70%;
height:160px;
margin:auto;
margin-bottom:50px;
}

.batiments{
float:right;
margin-left:5px;

}

.mur{
float:left;
margin-right:5px;
margin-left:20px;
}

.toles{
float:right;
margin-left:5px;

}
#bloc{
width:680px;
height:228px;
margin:auto;
margin-bottom:50px;
}

.pierres{
float:left;
margin-right:5px;

}

.cim{
float:right;
margin-left:5px;
}
 #bloc2{
 width:700px;
 height:264px;
 margin:auto;
 margin-bottom:60px;
 }
 
.ciment{
float:left;
margin-right:5px;
}

.seau{
float:right;
margin-left:5px;
}


.lien{
background-color:#FF9900;
text-align:center;
margin:auto;
color:#000000;
font-size:14px;
margin-top:5px;
margin-bottom:5px;
font-weight:bold;


}


.lien a{
color:#000000;
}

a:hover{
color:#CC0000;
}

.mais, .securite, .accueil, .bunna, .cafe, .ecole, .cafetiere, .maison, .jebena, .awassa, .an, .repas{
text-align:center;

}

#foye{
width:790px;
height:280px;
margin:auto;
margin-bottom:50px;
}

.serategna{
float:left;
width:200px;
height:209px;
margin-right:10px;

}
.sera{
float:left;
width:370px;
height:210px;
padding-top:30px;
}
.foyer{
float:right;
width:200px;
height:280px;
padding-top:80px;
}

#foy{
width:650px;
height:234px;
margin:auto;
margin-bottom:50px;

}
.cafetiere{
float:right;
width:180px;
height:234px;
margin-left:5px;
}


.la{
float:left;
width:460px;
height:200px;
padding-top:50px;
}

.jebana{
float:right;
margin-left:5px;
margin-right:30px;
}

#torrefaction{

width:800px;
height:151px;
margin:auto;
margin-bottom:50px;
}


.casserole{
width:194px;
height:150px;
float:left;
}
.bloc6{
float:left;
text-align:left;
width:310px;
margin-left:25px;

}

.coupelle{
float:right;
width:250px;
height:131px;
}

#mout{
width:800px;
height:235px;
margin:auto;

margin-bottom:50px;
}


.pilon{ 
width:200px;
height:230px;
float:left;
margin-right:20px;

}

.pil{

float:left;
padding-top:60px;
}

.mouture{
width:251px;
height:199px;
float:right;

}

#ser{
width:780px;
height:236px;
margin:auto;
margin-bottom:50px;
}

.service{
float:left;
width:250px;
height:217px;
margin-right:5px;

}

.serv{

float:left;

}

.tasses{
float:right;
width:200px;
height:136px;
margin-left:5px;




}




#mu{
width:680px;
height:214px;
margin:auto;
margin-bottom:50px;
}
.mukecha{
float:left;
width:214px;
height:200px;


}
.muke{
float:left;
width:434px;
height:150px;
margin-left:10px;
padding-top:60px;
}




#gal{
width:780px;
height:300px;
margin:auto;
margin-bottom:50px;


}

.galette{
float:left;

margin-right:15px;
}

.panier{
float:right;

margin-left:5px;
}

#assie{
width:720px;
height:160px;
margin:auto;
margin-bottom:50px;
}


.assiettes{
float:left;
margin-right:15px;


}
.indjira{
float:right;

}


#mia{
width:680px;
height:210px;
margin:auto;
margin-bottom:50px;
}


.miam{
float:left;
margin-right:20px;

}

.degus{
float:right;
margin-left:5px;



}

.teff{
margin-left:30px;
}


#hyg{
width:720px;
height:227px;
margin:auto;
margin-top:70px;
margin-bottom:50px;
}

.hygiene{
float:left;
margin-left:20px;
margin-right:20px;
}

.map{
text-align:center;
}

#chau{
width:720px;
height:250px;
margin:auto;
margin-top:100px;
margin-bottom:50px;
}

.chauffeur{
float:left;
margin-right:5px;

}

.frère{
float:right;
margin-left:5px;

}

.images{
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
}

#partie{
width:750px;
height:505px;
margin:auto;
margin-bottom:50px;
}

#voyage{
position:relative;
height:500px;
width:360px;
float:left;

}


#voy{
height:500px;
width:360px;
float:right;
margin-left:10px;


}

.rail{
	position:absolute;
	z-index:5;
	left: 0px;
	top: 2px;
	visibility: visible;
}

.arbres{
	position:absolute;
	z-index:30;
	right: 0px;
	top: 60px;
	visibility: visible;
}


.route{
	position:absolute;
	z-index:20;
	left: 20px;
	top: 300px;
	height: 144px;
	visibility: visible;
}
.arbres2{
	position:absolute;
	z-index:40;
	left: 90px;
	top: 385px;
	visibility: visible;
}


.toukouls{
	position:absolute;
	z-index:10;
	top: 196px;
	left:0px;
	visibility: visible;
	
}

#partie2{
width:780px;
height:565px;
margin:auto;
margin-bottom:50px;
}

#voya{
position:relative;
height:564px;
width:412px;
float:left;

}


#voyag{
height:564px;
width:360px;
float:right;
margin-left:5px;


}

.laboureur{
position:absolute;
z-index:20;
left:200px;
top:16px;
visibility:visible;
}

.gardiens{
position:absolute;
z-index:22;
left:3px;
top:71px;
visibility:visible;
}

.velo{
position:absolute;
z-index:25;
right:2px;
top:132px;
visibility:visible;
}

.troupeaux{
position:absolute;
z-index:27;
left:12px;
top:209px;
visibility:visible;
}

.charette{
position:absolute;
z-index:26;
right:0px;
top:296px;
visibility:visible;
}

.proximite{
position:absolute;
z-index:28;
left:2px;
top:393px;
visibility:visible;
}

#partie3{
width:100%;
height:auto;
margin:auto;
margin-bottom:50px;
}

#lac{
float:left;
width:202px;


}

#lac2{
float:right;
width:202px;


}
#contenu{

margin-left:210px;
margin-right:210px;




}


.taxi, .singe2, .lacawassa, .barque, .hutte1, .berge, .marabout, .oiseau, .chevre, .avenue{
margin-bottom:20px;
}


#fille{

width:780px;
height:auto;
margin:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(afrique_fichiers/bordure2.jpg) top left repeat-x;




} 


.fillette{
float:left;

}  

#fille2{
background:url(afrique_fichiers/bordure3.jpg) repeat-y left;
padding:10px;
}

#fille3{
background:url(afrique_fichiers/bordure2.jpg) bottom center no-repeat;
width:360px;
margin:auto;
margin-top:10px;
}





#pied_de_page{
background:url(afrique_fichiers/bordure1.jpg) repeat-x;
color:#000000;

padding:5px;
text-align:center;
font-weight:bold;
clear:left;

}