* { margin: 0; padding: 0; }
.clear { clear: both; }
a { color: #f29400; text-decoration: none; }
a:hover { text-decoration: underline; }
a.ancre { color: #787767; }
a:hover.ancre { text-decoration: none; }

body {
  background: #ffd83f;
  font: 11px/1.3 'Lucida Sans Unicode', Verdana, sans-serif;
  color: #787767;
}

div#page {
  margin: 0 auto;
  width: 1090px;
}

/* header 
div#header {
  background: transparent url('../images/headerbanniere.jpg') right top no-repeat;
  margin: 0 auto;
  width: 1090px;
  height: 320px;
}*/

div#header {
  background: transparent url('../images/headerbanniere.jpg') right top no-repeat;
  margin: 0 auto;
  width: 1090px;
  height: 253px;
}

h1 span { visibility: hidden; }
/*div#logo a { display: block; margin-left: 70px; text-decoration: none; width: 400px; height: 270px; }*/
div#logo a { display: block; margin-left: 70px; text-decoration: none; width: 400px; height: 235px; }

div#nav { background: url('../images/nav.gif') repeat-x; height: 52px; }
div#nav p { padding: 25px 0 0 100px; font-size: 13px; }

/* contenu */
div#container { 
  background: url('../images/bodybackground.gif') center top repeat-y; 
  margin: 0 auto; 
  padding-left: 70px; 
  width: 1020px; 
}

/* page - col A */
div#cola {  float: left; width: 290px; }

dl#menupri { width: 270px; }
dl#menupri a { color: #3e516c; }

dl#menupri dt a { 
  display: block;
  background: url('../images/pucegrise.png') 15px 9px no-repeat;
  border-top: 1px dotted #d20002;
  padding: 5px 0 5px 30px;
  color: #3e516c; 
  text-transform: uppercase;
}

dl#menupri dt a#premier { border-top: none; }

dl#menupri dt a:hover {
  background: #d20002 url('../images/puceblanche.png') 15px 9px no-repeat; color: #fff; text-decoration: none;
}

dl#menupri dt a.selected {
  background: #f29400 url('../images/puceorange.png') 15px 9px no-repeat; color: #fff; text-decoration: none;
}

dl#menupri dd a { display: block; padding: 3px 0 3px 50px; color: #787767; }

dl#menupri dd a:hover {
  background: transparent url('../images/pucerouge.png') 35px 8px no-repeat; color: #d20002; text-decoration: none; 
}

dl#menupri dd a.selected {
  background: transparent url('../images/puceorange2.png') 35px 8px no-repeat; color: #f29400; text-decoration: none;
}

/* page - col B */
div#colb { float: left; width: 440px; }
div#colb img { padding: 5px; }

/* page - col C */
div#colc { float: left; width: 200px;  }

/* footer */
div#footer {
  border-top: 1px solid #8e8e8e;
  margin: 25px 0 0 10px;
  padding: 1em 0 2em;
  text-align: right;
  width: 930px;
}

div#footer li { display: inline; } 
div#footer a { color: #8e8e8e; }

/* Style défini dans Spaw */
h2 { border-bottom: 1px dotted #d20002; margin-bottom: 15px; color: #d20002; font-size: 16px; /*text-transform: uppercase;*/ }

span.lien {
  background: url('../images/pucegrise.png') no-repeat 0 7px; padding-left: 10px; font-size: 13px; font-weight: bold;
}

span.intro { font-size: 12px; }

/* Navigation intérieure */
p#navig { margin-bottom: 15px; }

/* Mise en page Contributions */
dl.contrib { margin: 5px 0 15px 0; }

dl.contrib dt { 
  float: left; 
  background: url('../images/pucegrise.png') no-repeat 0 7px; 
  padding-left: 10px; 
  font-size: 14px; 
  font-weight: bold;
  text-decoration: underline;
}

dl.contrib dt a { color: #787767; }
dl.contrib dd { margin-top: 3px; }
dl.contrib dd.date { float: right; }
dl.contrib dd.txt { margin-top: 15px; }
div.sep { border-top: 1px dotted #f18e00; margin: 15px 0; font-size: 1px; line-height: 1px; height: 1px; }

p.nav_contrib {
  background: url('../images/pucegrise.png') no-repeat 0 7px; padding-left: 10px; font-size: 13px; font-weight: bold;
}

/* Poster une contribution */
p#rep_form { margin: 0 0 15px 15px; color: #ff0000; font-weight: bold; list-style: none; }
form#post_contrib table { margin-top: 15px; }
form#post_contrib table td.td1 { padding-right: 15px; color: #f29400; text-align: right; width: 175px; }
form#post_contrib table td.td1 span { color: #787767; }
form#post_contrib input.style, form#post_contrib textarea { border: 1px solid #d20002; width: 240px; }
form#post_contrib input.style_radio { border: 1px solid #d20002; }

/* Contact */
form#post_contact table { margin-top: 15px; }
form#post_contact table td.td1 { padding-right: 15px; color: #f29400; text-align: right; width: 75px; }
form#post_contact table td.td1 span { color: #787767; }
form#post_contact input.style, form#post_contact textarea { border: 1px solid #d20002; width: 340px; }
form#post_contact input.style_radio { border: 1px solid #d20002; }

/* Plan du site */
dl#plan dt { margin-left: 15px; }
dl#plan dd { margin-left: 35px; }