body {
/*background:url(../source/texture220.jpg); */
/*background-color:#DEEDDE;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#top {
height: 150px;

}
#header {
/*background:url(../source/header-bg.jpg);
background-repeat: repeat-x;*/
height: 120px;

}


#conteneur {
position: absolute;
width: 100%;

}
#main{

margin-left: 150px;
margin-right: 150px;
}
#left {
position: absolute;
left:0;
width: 130px;
}
#right {
position: absolute;
right:0;
width: 150px;
}
#bottom {
/*position:absolute;*/

clear: both;
width: 100%; 
/*bottom:0;*/
text-align: center;
height: 30px;

}





/*======================Coin arrondis===========================================*/
#cadre { 
/*width: 10%;*/
/*background-color: #A3C1FC;*/
background-color: #6C9FEC  ;
}

/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 6px; width: 6px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(../source/hautgauche.gif);
}
#hautdroit {
float: right;
background: url(../source/hautdroit.gif);
}
#basgauche {
background: url(../source/basgauche.gif);
}
#basdroit {
float: right;
background: url(../source/basdroit.gif);
}
#contenu p {
color: white;
margin: 0.5em; /*gestion des espaces interparagraphes */
}
/*===========styles ==========================*/
#style1 {font-size: 30%;}
.style3 {text-align:left;font-size: 080%;}
.style2 {text-align:center; font-family: "Bradley Hand ITC"  ; font-size: 150%;font-weight: bold;}
.style4 {text-align:center; font-size: 100%;}
.style5 {text-align:center; font-size: 300%}
.style6 {text-align:center; font-size: 150%}
.style7 {text-align:left; font-size: 120%;font-family: "Courier New" ;}
.style8 {text-align:center;font-weight: bold;font-size: 150%;font-family: "Bradley Hand ITC" ;}
.style9 {text-align:left;font-weight: bold;font-size: 100%;font-family: "Bradley Hand ITC" ;}
.style10 {text-align:right;font-weight: bold; font-size: 100%;font-family: "Arial" }
.style11 {text-align:left;font-weight: bold; font-size: 100%;font-family: "Arial" }
.style12 {text-align:left; font-size: 130%}
#left a:hover {font-weight: bold;font-size: 100%;color:black;}
#left a {text-decoration:none;color:black;}
#right a {text-decoration:none;color:black;}
#right a:hover {font-weight: bold;font-size: 100%;color:black;}