/* CSS Document */


html,body {
font-size : 12px; 
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #6B4E3E;
height:100%;
scrollbar-3dlight-color:#6B4E3E;
scrollbar-arrow-color:#6B4E3E;
scrollbar-base-color:#D4A87B;
scrollbar-darkshadow-color:#6B4E3E;
scrollbar-face-color:#D4A87B;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF
}

p,ul,li,td {
font-size : 12px; 
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : #4a3d34;  
}

texte {
font-size : 12px
font: verdana;
color: #4a3d34;
}

texteb {
font-size : 12px
font: verdana;
color: #FFFFFF;
}

textepied {
font-size : 12px verdana; 
font : Verdana, Arial, Helvetica, Geneva, sans-serif;
font: 12px verdana;
color:#FFFFFF;
}

titre1 {
font: bold 25px/25px verdana, sans-serif;
color: blue;
font-align: center;
}

.h1 {
font: bold 25px/25px verdana, sans-serif;
color: blue;
}

.h1:after {
display: block;
margin-left: -2px;
margin-top: -26px;
color: red;
content: attr(title);
}

h2 {
font-size : 150%; 
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : red;
padding-left:15px;
}

.lienmenu a:link {color: #FDF2E1; text-decoration:none; font-size:12px; font-weight:bold; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;}
.lienmenu a:visited {color: #FDF2E1; text-decoration:none; font-size:12px; font-weight:bold; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;}
.lienmenu a:hover {color:#F4A760; text-decoration:underline; font-size:12px; font-weight:bold; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;}

.lienmenu2 a:link {color: #FDF2E1; text-decoration:none; font-size:12px; font-weight:bold; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;}
.lienmenu2 a:visited {color: #FDF2E1; text-decoration:none; font-size:12px; font-weight:bold; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;}
.lienmenu2 a:hover {color:#6B4E3E; text-decoration:underline; font-size:12px; font-weight:bold; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;}

.lieninterne a:link {color: #6B4E3E; text-decoration:none; font-size:12px;  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;}
.lieninterne a:visited {color: #6B4E3E; text-decoration:none; font-size:12px;  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;}
.lieninterne a:hover {color:#6B4E3E; text-decoration:underline; font-size:12px;  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;}

.lien a:link {color: #6B4E3E; text-decoration:underline; font-size:12px; font-weight:bold; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;}
.lien a:visited {color: #6B4E3E; text-decoration:underline; font-size:12px; font-weight:bold; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;}
.lien a:hover {color:#F4A760; text-decoration:none; font-size:12px; font-weight:bold; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;}

a:link {color: #FDF2E1; text-decoration:none;}
a:visited {color: #FDF2E1; text-decoration:none;}
a:hover {color:#FDF2E1; text-decoration:underline;}

#conteneur {
position:absolute;
width: 100%;
background-image:url(../images/fond_afrique5.gif);
}

#imagetexte {
border-width: 0px;
float:left;
left:0px;
top:0px;
margin-right:10px;
}

#texteimage {
float:left;
width:100%;
left: 0px;
top:0px;
}

#logo {
background-image: url(../images/logo4.gif);
border-width: 0px;
float:left;
left:0px;
top:0px;
width:109px; 
height:106px;
}

#fondmenu {
background-image: url(../images/fond_sable4.gif);
border-width: 0px;
margin-left: 109px;
height: 106px;
}
* html #logo{margin-right:-3px} /* reduit la marge droite de 3 pixels*/
* html #fondmenu {margin-left:106px}/* regle le bug 3 pixel jog */

#pagecentre {
z-index:0;
border-width: 0px;
width: 100%;
left: 0px;

}

#menu {
	position: absolute;
	border-width:0px;
	margin-left:109px;
	top:45px;
	padding:10px;
	height:10px;
	width: 669px;
	left: 6px;
}

#menu2 {
position: absolute;
border-width:0px; 
margin-left:109px;
top:70px;
padding:10px; 
height:10px;
}

#compteur {
background-color:#6B4E3E;
position: absolute;
text-align:center;
vertical-align:center;
border-style:dashed;
border-width:1px; 
border-color:#FFFFFF;
float:right;
right:111px;
top:0px;
padding:10px; 
height:78px;
width:95px;
}

#collecte {
background-color:#6B4E3E;
position: absolute;
text-align:center;
vertical-align:center;
border-style:dashed;
border-width:1px; 
border-color:#FFFFFF;
float:right;
right:10px;
top:0px;
padding:10px; 
height:78px;
width:80px;
}

#afrique {
background-image: url(../images/fond_afrique2.gif);
border-width:0;
width:512px;
height:510px;
top:106px;
left:512px;
position:absolute;
}



#divtext2 {
background-image: url(../images/fond_afriquetransp.gif);
position:absolute;
border-width: 0px;
float:right;
right:0;
top:0;
width:753px; 
height:750px;
}

#essaitransparence {
position:absolute;
background-image: url(../images/afriquetransp.gif);
border-width: 0px;
float:right;
right:0;
top:0;
width:753px; 
height:750px;
}

#titre {
vertical-align:middle;
margin-bottom:10px;
text-align:center;
z-index:10;
float: left;
width: 100%;
height: 20px;
border-width: 2px;
background-color:#6B4E3E;
font-size: 14px;
font-family: verdana;
font-weight: bold;
color: #FFFFFF;
}

#pieddepage {
position:absolute;
bottom:0;
width:100%;
	text-align:center;
	z-index:10;
	height: 30px;
	border-width: 2px;
	background-color:#6B4E3E;
}

#divtext{
margin-bottom:35px;
position:absolute;
margin-left: 275px;
margin-right: 10px;
top:106px;
border-color:#6B4E3E;
border-width:1px;
border-style: dashed ;
padding:5px;
color:#6B4E3E;
text-align: justify;
}

#actualites {
left:5px;
width: 250px;
margin-bottom:35px;
border-color:#6B4E3E;
border-width:1px;
border-style: dashed ;
padding:5px;
color:#6B4E3E;
text-align: justify;
}