* { padding: 0; margin: 0; border: 0; }
body { text-align: center; background-color: #FFF; font-size: 13px; font-family: arial; margin-left: 0px; margin-top: 0px; height: 100%; }

#header { width: 980px; height:90px; margin: auto; background: url('/img/header.png') no-repeat;}
#logo { width:200px; height:90px; float:left;}
#ban { width:468px; height:60px; float:right; margin:5px 6px 0 0;}
#page { width: 980px; padding:0 20px 0 0; margin: auto; text-align: left; color:#333; background: url('/img/page.png') repeat-y;}
#contenu {width: 720px; padding: 0 10px 0 0; margin:0 10px 0 10px; float:right; }
#menu {width: 200px; padding: 0 10px 0 10px; margin:0 10px 0 0px; float:left; }
#bas { width: 970px; background-color: #333; margin: auto; text-align:center; color:#FFF; padding:5px; font-weight: bold;}

/*Liens*/
a:link , a:visited { color: #3782BA; text-decoration: underline; }
a:hover { color: #3782BA; text-decoration: none; }

a.bas:link , a.bas:visited { color: #FFF; text-decoration: underline; }
a.bas:hover { color: #FFF; text-decoration: none; }

a.avert:link , a.avert:visited { color: #8BB01D; text-decoration: underline; }
a.avert:hover { color: #8BB01D; text-decoration: none; }
a.arouge:link , a.arouge:visited { color: #E02500; text-decoration: underline; }
a.arouge:hover { color: #E02500; text-decoration: none; }
a.aorange:link , a.aorange:visited { color: #FF7F00; text-decoration: underline; }
a.aorange:hover { color: #FF7F00; text-decoration: none; }
a.amauve:link , a.amauve:visited { color: #68167A; text-decoration: underline; }
a.amauve:hover { color: #68167A; text-decoration: none; }
a.infocat:link , a.infocat:visited { color: #666; text-decoration: underline; }
a.infocat:hover { color: #666; text-decoration: none; }

/*Titre*/
h1 { font-size: 17px; font-weight: bold; }
h2 { font-size: 17px; font-weight: bold;}
h3 { font-size: 14px; font-weight: bold; color:#FFF; text-align:center; padding:5px; margin: 0 0 5px 0;}

.bleu {background:#007DC3;}
.vert {background:#8BB01D;}
.rouge {background:#E02500;}
.orange {background:#FF7F00;}
.mauve {background:#68167A;}

/*Mise en page*/
p {padding: 0 0 15px 0;}
img { border:0; }
ul { margin: 0 0 15px 15px; list-style-type: square; }
li { margin: 0 0 1px 0;}
.spacer {clear: both;}
.catimage {float:left; margin:2px 10px 0 0;}
.info {color:#666;}
.post {padding:15px 0 0 0; border-top: 1px dashed #CCC; }
.pagenav {text-align:center; border-top: 1px dashed #CCC; padding:10px 0;}
.image {float:left; margin: 0 5px 0 0;}
.centrer{text-align:center;}

/*Formulaire*/
form {margin: 0; padding: 0;}
input , textarea , .select1 { color: #333; padding: 2px 2px 2px 2px; background-color: #FFF; border: #CCC 1px solid; font-size: 14px; }
#searchform #s, #newsletter #maile { border:1px solid #efbacc; width: 152px; height: 22px; padding: 4px 5px 0px 5px; border: 1px solid #CCC; background: #FFF; margin-right: 2px; color: #000000; font-weight: normal; }
#searchform input, #newsletter input { background:#333; border: 1px solid #CCC; width: 30px; height: 28px; font: bold 12px Arial; color: #FFF; vertical-align: middle; }