body {
background-color: #ffffff;
margin: 0px;
padding: 0px;
border: 0px;
}
form {
margin: 0px;
}
a:after {
content: " ("attr(href)") ";
}

/* le chtit menu a gauche : decalage entre logo et menu*/
td.menu {
padding-top: 20px;
}

h1 {
color: #940000;
font-size: 16pt;
font-family: Arial, Helvetica, sans-serif;
}
h2 {
color: #470000;
font-size: 14pt;
font-family: Arial, Helvetica, sans-serif;
}

/* Les 3 style d'ecritures sur le site */
.st1 {
color: #000000;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
}
.st2 {
color: #d4001b;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: justify;
}
.st3 {
color: #000000;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: justify;
}
ul {
}
li {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
padding: 1px;
display: list-item;
list-style-image: url(puce2.gif);
}
a {
text-decoration: none;
color: #000080;
}
a:hover {
text-decoration: underline;
}


/* page contact */
td.boxcontact {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
background-color: #dedff7;
padding: 5px;
margin: 15px;
border: #333333 1px dotted;
text-align: left;
}
td.boxcontact td {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
td.boxcontact a {
text-decoration: none;
color: #000000;
}
td.boxcontact a:hover {
text-decoration: underline;
}

.zone {
margin: 0px;
font: 10pt Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #080;
background-color: #eef;
border: 1px solid black;
}
.zone:focus {
border: 1px solid #00699c;
background-color: #00699c;
color: #ffffff;
}
.zone:hover {
border: 1px solid #00699c;
}
.bouton {
font: 10pt Verdana, Arial, Geneva, Helvetica, sans-serif;
}

/* l'adresse qui est ecrite en bas du site */
td.adresse {
color: #ffffff;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
letter-spacing: 1px;
text-align: center;
}
td.adresse a {
text-decoration: none;
color: #ffffff;
}
td.adresse a:hover {
text-decoration: underline;
}

/* actu affiché sur la page d'acceuil */
td.miniactu {
background: url(actu-fond.png);
padding: 5px;
padding-left: 10px;
padding-right: 10px;
color: #ffffff;
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
}
td.miniactu a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
td.miniactu a:hover {
text-decoration: underline;
}

/* actu affiché dans la page actualites */
div.actualites {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
padding: 5px;
clear: both;
}
div.actualites a {
color: #d4001b;
font-weight: bold;
text-decoration: none;
}
div.actualites a:hover {
text-decoration: underline;
}

/* tout ce qui est nb de pages */
td.nbpages {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color: #000000;
}
a.actualites {
text-decoration: none;
color: #040545;
}
a.actualites:hover {
text-decoration: underline;
}


/* actu affiché dans la popup*/
td.actu {
color: #000000;
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
}

/* fenetre popup */
td.hautpopup {
vertical-align: top;
text-align: center;
color: #ffffff;
font-size: 11pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

/* champs obligatoires */
span.oblig {
color: #ff0000;
}