body 
{
margin: 0;
background-image:url("fond-kanbo.gif");
font-size: 0.8em;
font-family: Verdana, Arial, Lucida, Sans-serif;
}
#conteneur {
margin: auto;
width: 960px;
}
#page {
border-right: 1px solid rgb(76, 107, 141);
border-left: 1px solid rgb(76, 107, 141);
background-color:white;
margin: auto;
padding:0;
float: left;
width: 748px;
}
/* banniere*/
#banniere {
height: 100%;
background-image: url("images/cambo2.gif");
background-position: left top;
background-repeat: no-repeat;
}
#banniere h1 {
margin: 0px;
text-indent: -4000px; 
line-height: 0px;
}
#banniere h2 {
margin: 0px;
text-indent: -5000px; 
line-height: 0px;
}
hr {
color: #006633;
background-color: #006633;
height: 1px;
border: 0;
margin: 1% 0 0 1%;
}
#banniere p {
margin: 80px 5px 10px 15px;
font-size: 1em;
}
#logo {
float: right;
background-image:url("images/logob2.gif");
height: 103px;
width: 130px;
margin: 3px 5px 0 0;
}
/* fin banniere*/
a:link {
color: #003300; 
text-decoration: underline;
}
a:hover {
color: #990033;
text-decoration: underline ;
}

a:visited{
color: #999999; 
text-decoration: none ;
}
a:active{
color: #990033;
text-decoration: none;
}
#menu {
margin-top: 2%;
font-size: 1em; 
margin-bottom: 2%; 
color: #bf0005; 
font-family: verdana; 
text-align: center;
}
.img_centre {
border: 0px;
}
/* fin banniere */
/* image gauche*/
.img_gauche {
border: #76a9dd 0px solid;
float: left; 
margin: 0px 10px 0px 0px; 
}
.img_droite{
float: right;
margin: 0px 0px 0px 15px;
border: 0px solid #76a9dd;
}
.img_droite2{
float: right;
margin: 0px 6px 0px 6px;
border: 0px solid #76a9dd;
}
h4{
text-align: center;
margin-bottom: 0px;
margin-top: 0px;
font-size: 1.1em;
font-weight: bold; 
color: #006633;
}
h3{
text-align: center;
margin: 0px;
padding: 0px;
font-size: 1em;
font-weight: bold; 
color: #cc0000;
}
.rouge
{
font-size:1em;
font-weight: bold; 
color: #cc0000;
}
.vert
{
font-size: 1em;
font-weight: bold; 
color: #006633;
}
.office{
margin: 15px;
text-align: left;
margin-top: 0px;
font-size: 0.9em;
width: 100px;
}
ul
{
list-style-type: none;
padding: 0;
margin-left:3%;
margin-top: 10px;
}
li {
font-size: 1em;
color: black;
padding-left:10px;
} 
#un {
margin-top: 20px;
float: left;
width: 140px;

}
#deux {
margin-top: 20px;
padding-right: 18px;
border-right: rgb(76, 107, 141) 1px dotted;
float: left;
width: 210px;
height: 270px;
}
#trois {
margin-top: 20px;
border-right: rgb(76, 107, 141) 1px dotted;
float: left;
width: 190px;
height: 270px;
}
#quatre {
margin-left:5px;
margin-top: 20px;
padding-left: 6px;
padding-right: 4px;
float: left;
width: 140px;
height: 270px;
}
#office {
margin-left: 15px;
}
#basque {
clear: both;
float: left;
margin-top: 2%;
border-top: #ccc 1px dotted;
padding-top: 15px;
padding-left: 6px;
padding-bottom: 2px;
font-size:0.9em;
width: 99%;
}

#mentions {
clear: both;
float: left;
margin-top: 2%;
border-top: #ccc 1px dotted;
border-bottom: #ccc 1px dotted;
padding-top: 2px;
padding-left: 4px;
padding-bottom: 2px;
text-align: center;
font-size:0.9em;
font-weight: bold; 
color: #cc0000;
width: 99%;
}
#pied {
margin-top: 1%;
float: left;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
border-bottom: #ccc 1px dotted;
width: 100%;
}
.petit 
{
font-size:0.8em; 
}
.gros
{
font-weight: bold; 
}
#pub {
border: rgb(76, 107, 141) 1px dotted;
float: right;
padding: 1px 4px 6px 6px;
width: 160px;
background-color: white;
}
#xiti-logo {
text-align: center;
}

.noborder
{
border: 0;
}