/*
    Project: website for la maison de karité de Siby   
    Output device: screen, projection.    
    Author: Abdelchafi Djibrine
    Structure:
    display | position | float | overflow | width | height | border | margin | padding | background | align | font

*/
*
{
margin: 0px;
padding: 0px;
}

div   
{    
display:block;
border:0px;
margin:1px;            
padding:0;
}

/* Floating */
body
{
background:white;
font-size: 12px;
font-family: georgia,verdana,times new roman,sérif;
}

p
{
display: block;
font-size: 12px;
font-family:arial;

}

a
{
color: green;
text-decoration: none;
}

a:hover
{
text-decoration: none;
background-color:olive;
color: #FFFAF3;
}

a:visited
{
text-decoration: none;
}

em
{
font-style: italic;
}

/* Floating */
h1,h2,h3,h5,h6,th
{
font-family:arial,new times roman, serif;
text-transform: normal;
font-weight: normal;
}

h4
{
font-family:arial,new times roman, serif;
text-transform: normal;
font-weight: bold;
font-size: 16px;
padding: 2 4 5 2;
align:center;
}

/* Floating */
.foot
{
height: 1px;
line-height: 1px;
clear: both;
}

/* Floating */
.divider
{
border-bottom: solid 1px;
color:#000000;
}

.content
{

}

th strong
{
color: #fff;
}

table
{
border-collapse: collapse;
width: 100%;
}

th
{
background: #824900 url('images/thbg.gif') repeat-x;
height: 29px;
padding-left: 11px;
padding-right: 11px;
color: #fff;
text-align: center;
border-left: solid 1px #A8814D;
border-bottom: solid 2px #ffffff;
}

tr
{
height: 30px;
}

td
{
padding-left: 11px;
padding-right: 11px;
border-left: solid 1px #EED9C3;
border-bottom: solid 1px #ffffff;
}

td.first,th.first
{
border-left: 0px;
}

tr.rowA
{
background: #A5D152;
text-align:center;
}

tr.rowB
{
background: #FFFAF4;
text-align: center;
}


/* largeur extérieur */
#outer
{
width: 765px;
background: #fff;
margin: 20px auto 15px auto;
padding: 1px 1px 30px 1px;
}

/* Floating */
#outer2
{
width: 765px;
height: 60px;
font-size: 12px;
font-color:#fff;
line-height: 10px;
padding: 0px;
margin: 40px 0px 5px 40px;
}

#inner
{
background-image: url('../images/cbg2.gif');
}

#header
{
position: relative;
width:765px;
height: 122px;
background-image: url('../images/bandeau.gif');
}

#menu
{
position: absolute;
right: 0px;
padding-right: 30px;
bottom: 10px;
color: #A75300;
}

#menu ul
{
list-style: none;
}

#menu li
{
float: left;
border-left: solid 1px #A75300;
padding-left: 1px;
margin-left: 1px;
}

#menu li.first
{
margin-left: 0px;
padding-left: 0px;
border-left: 0px;
}

#menu a
{
color: #fff;
}

.english 
{
font-family: arial,Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
text-align: center;
width: 120px;
background: #C7CF00;
padding:-2px 0px 2px 2px;
align: right;
}


#main
{
position: relative;
width: 560px;
margin: 12px -50px 0px 2px;
float: left;
}

#main_inner
{
padding: 12px 12px 10px 10px;
position: relative;
z-index: 4;
}

#main ul
{
list-style: none;
}

#main li
{
padding-left: 12px;
background-image: url('../images/bullet.gif');
background-repeat: no-repeat;
background-position: 0px 10px;
}

#main h2,h3
{
color: green;
}

#main h2
{
font-size: 30px;
background-image: url('../images/db1.gif');
background-repeat: no-repeat;
height: 70px;
padding-left: 15px;
margin-bottom: -35px;
}

#main h3
{
font-size: 12px;
Font-family: arial,helvetica;
background-image: url('../images/db2.gif');
background-repeat: no-repeat;
height: 70px;
padding-left: 15px;
color: #EDFFOC;
margin-bottom: -35px;
}

#main p
{
margin-bottom: 5px;
}

#main p strong
{
color: red;
size: 14px;
}

#main .content
{
position: relative;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
}


/* Strip - breadcrumbs */
#top
{
width:530px; 
margin:-1px; 
padding:-1;
}
    
img.cpic
{
position: left;
top: -10px;
width: 85px;
height: 95px;
padding: 8px;
}

img.psiby
{
position: left;
top: -10px;
width: 490px;
height: 180px;
padding: 0px;
}

img.right
{
float: left;
margin-left: 2px;
}

img.parts
{
position: relative;
top: -10px;
width: 65px;
height:52px;
padding: 25px 10px 5px 1px;
}

img.parts3
{
position: relative;
top: -10px;
width: 110px;
height:52px;
padding: 25px 10px 5px 1px;
}

img.parts33
{
position: relative;
top: -10px;
width: 115px;
height:72px;
padding: 15px 10px 2px 1px;
}

img.parts34
{
position: relative;
top: -10px;
width: 90px;
height:82px;
padding: 10px 5px 2px 1px;
}
#main .divider
{
margin: 8px 10px 10px 10px;
color:white;
}

#ccol1
{
position: relative;
width: 204px;
float: left;
height: 155px;
border-right: solid 1px #F6F3F1;
padding-right: 11px;
}

#ccol2
{
position: relative;
width: 202px;
height: 155px;
margin-left: 242px;
}

#side
{
position: relative;
float: right;
width: 200px;
margin: -12px 0px 0px 2px;
}

#side h3
{
background-image: url('../images/rhbg.gif');
width: 192px;
height: 23px;
color: #fff;
font-size: 12px;
text-align:center;
font: Arial,times new roman;
padding: 2px 0px 0px 8px;
}

#side .content
{
background-image: url('../images/rhbg2.gif');
background-repeat:repeat-x;
padding: 6px 12px 0px 10px;
margin: 2px 0px 5px 0px;

}

#side .projet
{
background-color:#37A32C;
font-size: 15px;
align: center;
color:#fff;
border: "0";
font-family: arial;
height: 290px;
margin: 12px 0px 12px 0px;
padding: 0px 4px 4px 4px;
}

.Style12 
{
font-family: Arial, Helvetica, sans-serif; 
color: #808040; 
font-size: 13px;
align:left;
}


}

#side ul
{
list-style: none;
}

#side li
{
border-top: solid 1px #F6F3F1;
padding-top: 5px;
margin: 0px 0px 0px 0px;
}

#side li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}

#side .divider
{
margin: 12px 0px 12px 0px;
color:#C7CF00;
}


#footer
{
width: 698px;
margin: 12px auto 0px auto;
padding-bottom: px;
text-align: center;
color: navy;
}

hr 
{ 
display:block; 
height:1px;
width:700px; 
margin:4px 5px; 
padding-left:px;
background:#CCC; 
border:0 solid #CCC; 
color:#ccc;
}


#top 
{
position:relative; 
top:55px; 
left:570px;
width:35px;
height:16px; 
margin:0; 
overflow:hidden;
}

#top p span 
{ 
align:right;  
height:25px; 
background:olive;
size: 20px; 
}

#top a:hover span 
{background:url("../design/ico_top.gif") -30px 0 no-repeat;
}

#parts
{
width: 115px;
color:white;
font-size: 11px;
text-align:center;
font: arial;
background: #cccccc;
padding: 2px 10px 2px 2px;
}

#parts2
{
width: 189px;
color:white;
font-size: 11px;
text-align:center;
font: arial;
background: ;
padding: 2px 10px 2px 2px;
}
.Style23 {
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	color: #37A32C;
}

.Style82 {font-size: small}

}
.Style75 {color: #FFFFFF}
.Style82 {font-size: small}
.style15 {font-size: 10px}
.style20 {font-size: 14px}
.style211 {color: #666666; }
.style24 {	font-size: 12pt;
	color: #993300;
}

 #retour
{
width: 165px;
color:white;
font-size: 10px;
text-align:center;
font: arial;
background: orange;
padding: 2px 10px 2px 2px;
position: right; 
}