body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #e4e4e4;
color:#000;
background-image: url(images/bg-body.gif);
background-repeat: repeat-x;
}
img {
border: 0;
}

p {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #51421A;
}
a:hover {
text-decoration: underline;
}
#conteneur {
width: 820px;
margin: auto;
background-color: #fff;
background: url(images/bg-largeur.gif) repeat-y;
}
/* TinyMCE specific rules */
body.mceContentBody {
background-color: #fff;
background: url(images/bg-contenu.gif) repeat-x;
}
#header {
background-image: url(images/header.gif);
width: 820px;
height: 196px;
position: absolute;
top: 0;
}
#header h1 {
font-size: 11px;
color: #014687;
margin: 15px 0 0 225px;
border: 0;
}
span.adresse {
font-weight: normal;
letter-spacing: 1px;
color: #afbfd0;
}

/**********************************************************************
                               Colonne GAUCHE
**********************************************************************/
#colonne {
float: left;
width: 233px;
color: #014687;
font-size: 11px;/*
background-color: #659934;*/
background-image: url(images/bg-col.jpg);
background-repeat: repeat-x;
}
#colonne a {
color: #014687;
}
#colonne li {
margin : 15px 5px 0px 5px;
}
div.titreColGauche {
margin-top: 50px;
width: 233px;
height: 132px;
background: url(images/titreColGauche.gif) no-repeat;
}
div.titreColGauche span {
display: none;
}

/**********************************************************************
                               Pratique : MENSUALITES
**********************************************************************/
.pratique {
font-size: 10px;
}
.pratique p {
margin: 3px 0 3px 0;
}
.pratique input {
font-size: 10px;
border: 1px solid #a4b1c1;
}
.pratique input.resultatPratique {
background-color:#e7e8e3; 
border-color: #e7e8e3;
font-weight: bold;
color: #014687;
}
#centre {
float: left;
width: 587px;
}
#centre table, #centre td {
border:0;	
}
/************* POUR FIXER UNE HAUTEUR MINIMUM **********************/
#contenu {
width: 820px;
margin-top: 146px;
background: url(images/bg-contenu.gif) repeat-x;
}
html>body #contenu {
height: auto;
min-height: 420px;
margin-top: 146px;
}
/************* FIN FIXER UNE HAUTEUR MINIMUM **********************/




#footer {
clear: both;
background-color: #41699c;
padding: 20px;
text-align: center;
font-size: 11px;
color: #a4b1c1;
font-weight: bold;
}
#footer a {
color: #a4b1c1;
}
#footer a:hover {
color: #fff;
}

h1, h3 {
font-size: 24px;
color: #659934;
border-left: 5px solid #e4e4e4;
margin: 10px 0 10px -15px;
padding-left: 10px;
}
h2 {
}
h3 {
font-size: 14px;
}
h4 {
}
div.blocActu {
width: 178px;
margin: 65px auto 20px 35px ;
}
div.actu {
width: 158px;
background-image: url(images/fond-actu.gif);
background-position: bottom;
padding: 10px;
font-weight: bold;
font-size: 20px;
text-align: center;
}

/**********************************************************************
                               MENU
**********************************************************************/
#menu {
margin-left: 235px;
position: absolute;
top: 96px;
}
.menu1 span, .menu2 span, .menu3 span, .menu4 span, .menu5 span{

}
.menu1 , .menu2, .menu3, .menu4, .menu5 {
color: #325073;
height: 37px;
display: block;
float: left;
width: 117px;
text-align: center;
font-size: 11px;
font-weight: bold;
padding-top: 20px;
}

.menu1:hover , .menu2:hover , .menu3:hover , .menu4:hover , .menu5:hover {
background-image: url(images/menu-hover.gif);
background-repeat: no-repeat;
text-decoration: none;
}
.active {
background-repeat: no-repeat;
background-image: url(images/menu-active.gif);
}
table.formulaire {
font-size: 11px;
}
table.formulaire  td {
padding: 5px 2px 5px 2px;
}
table.formulaire input, table.formulaire textarea {
font-size: 10px;
border: 1px solid #a4b1c1;
}