body{
         margin: 0% 8% 0% 8%;
         color:#000000;
         font-family:verdana;
         font-size:13px;
         border:1px solid #6b99c9; /* 9b99c9 ou 6b99c9 */
         background-image:url("images/fond.jpg");
         /*width:870px;*/
}
     
h1,h2,h3,h4{
         text-align:center;
}

/* barre de titre avec logos */
.header{
         background-color:#6b99c9;
         font-family:verdana;
         color:#000000;
         padding-top : 0px;
         padding-bottom : 0px;
         height:157px;
}

/* barre de gauche avec le menu */
.left{
         height:400px;
         background: url("images/backmenu.jpg");
         float:left;
         width:200px;
         
         /*
         margin: 40px 0 0 32px;
         
         font-size:0.70em;
         color:#ffffff;
         width : 200px;
         float:left;
         //background-color:#000000;
         height:400px;*/
}

.basgauche{
         float:left;
         clear:both;
         width:200px;
         height:150px;
         background:url(images/basgauche.jpg);
         background-color:#6b99c9; /*CCB25B;*/
}

/* barre en bas avec copyright */
.footer{
         background-color:#ffffff;
         font-size:10px;
         color:#000000;
         clear:both;
}

/* partie centrale des pages */
.corps{
        background-color:#ffffff;
        background-image:url("images/charpente.jpg");
        padding:10px;
}

/* liens généraux */
a{      text-align:center;
        text-decoration:none;
        color:#6b99c9;
}

a:hover{
        color:#000000;
}

/* liens du menu */ 
a.menu { 
        text-align:left;
}

.barre_entre_menu{background-color:#6b99c9;}

.barre_head{background-color:#6b99c9;height:5px;}

/* barre bleue des titres */
.barretitre{
        background-color:#6b99c9;
        height:15px;
        text-align:center;
        border:1px solid #6b99c9;
        width:500;
        color:#ffffff;
}

/* formulaires */
input.inscr{
        font-size:14px;
        background-color:#ffffff;
        border:1px solid #6b99c9;
}

.tablo{
        font-family:verdana;
        font-size:11px;
        color:#000000;
}

/* tableaux page d'accueil */
.tab{
        font-family:verdana;
        font-size:11px;
        border:1px solid #000000;
        color:#000000;
        float:none;
}

.tab2{
        font-family:verdana;
        font-size:11px;
        border:1px solid #ffffff;
        color:#ffffff;
        background-color:#000031;
}

/* bouton formulaire */
.bouton{
        font-family:verdana;
        font-size:11px;
        border:1px dotted #CCCCCC;
        color:#6b99c9;
        background-color:#ffffff;
        font-weight:bold;
}

.bouton:hover{
        font-family:verdana;
        font-size:11px;
        border:1px dotted #CCCCCC;
        color:#CCCCCC;
        background-color:#6b99c9;
        font-weight:bold;
}
               
.titre_menu_haut{
        background-image:url("images/menu_haut.jpg");
        font-size:15px;
        color:#000000;
}

.titre_menu_bas{
        background-image:url("images/menu_bas.jpg");
        font-size:15px;
        color:#000000;
}

ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}
ul {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
top: 160px;
left: 8.1%;/*102px;*/
/*background: url(backmenu.jpg) top left no-repeat;	/* arrière-plan général du menu */
width: 200px;
padding-top: 57px;
text-align: center;
}
li {display: inline;}	/* correction pour IE5 et IE5.5 */

li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 30px;
width: 200px;
color: #CA052A;/*#f94506;*/
font-size: 12px;
font-weight:bold;
font-family: arial,georgia, serif;
text-decoration: none;
line-height: 25px;	/* hauteur de ligne pour éviter les paddings */
}
li a:hover {
color: #fff;
background: url(images/backmenu.jpg) top left no-repeat;
}
a#menu1:hover {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0% -457px;
}
a#menu2:hover {
background-position: 0% -487px;
}
a#menu3:hover {
background-position: 0% -517px;
}
a#menu4:hover {
background-position: 0% -547px;
}
a#menu5:hover {
background-position: 0% -577px;
}
a#menu6:hover {
background-position: 0% -607px;
}
a#menu7:hover {
background-position: 0% -637px;
}
a#menu8:hover {
background-position: 0% -667px;
}
a#menu9:hover {
background-position: 0% -697px;
}
a#menu10:hover {
background-position: 0% -727px;
}