/* ------ La feuille de Style ------ */

html 
{  /* Taille caract - Evite un bug d'IE 6-7. */
   font-size: 100% ;
}

body 
{  margin: 0 ;
   padding: 30px 0 ;
   text-align: center ;
   color: #000 ;
   background-color: #888 ;
   font-family: Arial, sans-serif ;
   font-size: 1em ;
}

div 
{  margin: 0 ;
   padding: 0 ;
}

/* --- Mise en Page --- */

div#page 
{  position: relative ;
   width: 900px ;
   background-color: #fff ;
   margin: 0 auto ;
   padding: 0 0 50px 0 ;
   text-align: left ;
   border-radius: 16px ;
   -moz-border-radius: 16px ;
   -khtml-border-radius: 16px ;
   -webkit-border-radius: 16px ;
   box-shadow: 3px 3px 3px #444 ;
   -moz-box-shadow: 3px 3px 3px #444 ;
   -webkit-box-shadow: 3px 3px 3px #444 ;
   -khtml-box-shadow: 3px 3px 3px #444 ;
}

body.var div#page 
{  width: auto ;
   min-width: 750px ;
   margin: 0 30px 0 30px ;
}

body.varpc div#page 
{  width: 95% ;
   min-width: 600px ;
   max-width: 1440px ;
}

body.fix500 div#page 
{  width: 500px ;
}

body.fix600 div#page 
{  width: 600px ;
}

body.fix700 div#page 
{  width: 700px ;
}

body.fix800 div#page 
{  width: 800px ;
}

body.fix900 div#page 
{  width: 900px ;
}

body.fix1000 div#page 
{  width: 1000px ;
}

body.fix1100 div#page 
{  width: 1100px ;
}

body.fix1200 div#page 
{  width: 1200px ;
}

body.fix1400 div#page 
{  width: 1400px ;
}

body.nopage 
{  padding: 0 ;
   background-color: white ;
}

body.nopage div#page 
{  padding: 0 ;
   margin: 0 0 50px 0 ;
   border-radius: 0 ;
   -moz-border-radius: 0 ;
   -khtml-border-radius: 0 ;
   -webkit-border-radius: 0 ;
   box-shadow: 0 0 0 transparent ;
   -moz-box-shadow: 0 0 0 transparent ;
   -webkit-box-shadow: 0 0 0 transparent ;
   -khtml-box-shadow: 0 0 0 transparent ;
   width: 100% ;
}

body.nopage div#page h1 
{  border-radius: 0 ;
   -moz-border-radius: 0 ;
   -khtml-border-radius: 0 ;
   -webkit-border-radius: 0 ;
}

body.fine div#page 
{  
}

body.fine div#page h1 
{  padding: 0.2em 0 ;
   font-size: 1.2em ;
}

body.fine.degrad div#page h1 
{  background-image: url(degradptit.png) ;
}

body.fine.degrinv div#page h1 
{  background-image: url(degradptitInv.png) ;
}

body.nomarg p, body.nomarg ul, body.nomarg ol, body.nomarg address, body.nomarg pre, body.nomarg dl, body.nomarg table, body.nomarg fieldset, body.nomarg blockquote 
{  margin: 0.75em 30px 0.75em 80px ;
}

/* --- Couleur --- */

h1 
{  background-image: none ;
}

body.degrad div#page h1 
{  background-image: url(degrad.png) ;
   background-attachment: scroll ;
   background-repeat: repeat-x ;
   background-position: center center ;
}

body.degrad div#page th 
{  background-image: url(degradptit.png) ;
   background-attachment: scroll ;
   background-repeat: repeat-x ;
   background-position: center center ;
}

body.degrinv div#page h1 
{  background-image: url(degradInv.png) ;
   background-attachment: scroll ;
   background-repeat: repeat-x ;
   background-position: center center ;
}

body.degrinv div#page th 
{  background-image: url(degradptitInv.png) ;
   background-attachment: scroll ;
   background-repeat: repeat-x ;
   background-position: center center ;
}

body.verre div#page h1, body.verre div#page th 
{  background-image: url(SombreClair.png) ;
   background-attachment: scroll ;
   background-repeat: repeat-x ;
   background-position: center center ;
}

body.verrinv div#page h1, body.verrinv div#page th 
{  background-image: url(SombreClairInv.png) ;
   background-attachment: scroll ;
   background-repeat: repeat-x ;
   background-position: center center ;
}

body.rouge div#page h1, body.rouge div#page h2, body.rouge div#page h3 
{  color: #C00029 ;
}

body.rouge div#page h1, body.rouge div#page th 
{  background-color: #C00029 ;
   color: white ;
}

body.vert div#page h1, body.vert div#page h2, body.vert div#page h3 
{  color: green ;
}

body.vert div#page h1, body.vert div#page th 
{  background-color: green ;
   color: white ;
}

body.bleu div#page h1, body.bleu div#page h2, body.bleu div#page h3 
{  color: #00318E ;
}

body.bleu div#page h1, body.bleu div#page th 
{  background-color: #00318E ;
   color: white ;
}

body.blsombre div#page h1, body.blsombre div#page h2, body.vrtsombre div#page h3 
{  color: #1C3457 ;
}

body.blsombre div#page h1, body.blsombre div#page th 
{  background-color: #1C3457 ;
   color: white ;
}

body.rgsombre div#page h1, body.rgsombre div#page h2, body.rgsombre div#page h3 
{  color: #750000 ;
}

body.rgsombre div#page h1, body.rgsombre div#page th 
{  background-color: #750000 ;
   color: white ;
}

body.vrtsombre div#page h1, body.vrtsombre div#page h2, body.vrtsombre div#page h3 
{  color: #0B4C0A ;
}

body.vrtsombre div#page h1, body.vrtsombre div#page th 
{  background-color: #0B4C0A ;
   color: white ;
}

body.ard div#page h1, body.ard div#page h2, body.ard div#page h3, body.ard div#page a:link, body.ard div#page a:visited, body.ard div#page a:active 
{  color: #0B4C0A ;
}

body.ard div#page a:hover, body.ard div#page a:focus 
{  color: #aa324e ;
}

body.ard div#page h1, body.ard.degrad div#page h1, body.ard.verre div#page h1, body.ard.degrinv div#page h1, body.ard.verrinv div#page h1 
{  position: relative ;
   width: 100% ;
   height: 150px ;
   background-image: url(Ard01.jpg) ;
   background-repeat: repeat ;
   background-position: right ;
   padding: 0 ;
   text-align: left ;
   line-height: 245px ;
   color: white ;
   text-indent: 10px ;
}

body.ard div#page th, body.ard.degrad div#page th, body.ard.verre div#page th 
{  background-color: #0B4C0A ;
   color: white ;
}

body.alp div#page h1, body.alp div#page h2, body.alp div#page h3 
{  color: #1C3457 ;
}

body.alp div#page h1, body.alp.degrad div#page h1, body.alp.verre div#page h1, body.alp.degrinv div#page h1, body.alp.verrinv div#page h1 
{  position: relative ;
   width: 100% ;
   height: 150px ;
   background-image: url(Alp01.jpg) ;
   background-repeat: repeat ;
   background-position: left ;
   padding: 0 ;
   text-align: left ;
   line-height: 50px ;
   color: white ;
   text-indent: 20px ;
}

body.alp div#page th 
{  background-color: #1C3457 ;
   color: white ;
}

body.f01 
{  background-color: #D2D2D2 ;
}

body.f02 
{  background-color: #A9A9A9 ;
}

body.f03 
{  background-color: gray ;
}

body.f04 
{  background-color: #656565 ;
}

body.f05 
{  background-color: #3B3B3B ;
}

/* --- Caracteres --- */

body.t08 div#page 
{  font-size: 0.8em ;
}

body.t09 div#page 
{  font-size: 0.9em ;
}

body.t95 div#page 
{  font-size: 0.95em ;
}

body.t11 div#page 
{  font-size: 1.1em ;
}

body.t12 div#page 
{  font-size: 1.2em ;
}

body.verdana div#page, body.verdana div#page h1, body.verdana div#page h2, body.verdana div#page h3, body.verdana div#page th 
{  font-family: Verdana, sans-serif ;
}

body.times div#page 
{  font-family: "Times New Roman", Times, serif ;
}

body.georgia div#page 
{  font-family: Georgia, serif ;
}

body.papyrus div#page, body.papyrus div#page h1, body.papyrus div#page h2, body.papyrus div#page h3, body.papyrus div#page th 
{  font-family: Papyrus, sans-serif ;
}

body.century div#page, body.century div#page h1, body.century div#page h2, body.century div#page h3, body.century div#page th 
{  font-family: 'Century Gothic', 'Kozuka Gothic Pro', sans-serif ;
}

body.garamond div#page 
{  font-family: Garamond, 'Garamond Premier Pro', serif ;
}

/* --- Style --- */

h1, h2, h3 
{  padding: 0 ;
   margin: 1.3em 30px 0.75em 80px ;
   color: #335c91 ;
   font-family: Arial, sans-serif ;
   font-weight: Bold ;
}

h1 
{  margin: 0 0 1.5em 0 ;
   padding: 0.5em 0 ;
   background-color: #125799 ;
   color: #fff ;
   font-size: 2em ;
   text-align: center ;
   border-radius: 16px 16px 0 0 ;
   -moz-border-radius: 16px 16px 0 0 ;
   -khtml-border-radius: 16px 16px 0 0 ;
   -webkit-border-top-left-radius: 16px ;
   -webkit-border-top-right-radius: 16px ;
   -webkit-border-bottom-right-radius: 0 ;
   -webkit-border-bottom-left-radius: 0 ;
}

h2 
{  font-size: 1.3em ;
}

h3 
{  font-style: italic ;
   font-size: 1em ;
}

p, ul, ol, address, pre, dl, table, fieldset, blockquote 
{  margin: 0.75em 30px 0.75em 110px ;
   padding: 0 ;
}

blockquote 
{  padding-left: 1em ;
   border-left-width: 2px ;
   border-left-color: #BBB ;
   border-left-style: solid ;
}

ul ul, ul ol, ol ul, ol ol 
{  margin: 0 ;
}

fieldset p, fieldset ul, fieldset ol, fieldset address, fieldset pre, fieldset dl, fieldset table 
{  margin: 0.75em 30px 0.75em 30px ;
   padding: 0 ;
}

ul, ol 
{  list-style-position: outside ;
}

li 
{  margin-left: 2.2em ;
   padding: 0 ;
}

dt 
{  margin: 0.75em 0 0 0 ;
   padding: 0 ;
}

dd 
{  margin: 0.25em 0 0.25em 2.2em ;
   padding: 0 ;
}

table 
{  border-style: none ;
   border-collapse: separate ;
   border-spacing: 2px ;
   box-shadow: 1px 1px 6px #B2B2B2 ;
   -moz-box-shadow: 1px 1px 6px #B2B2B2 ;
   -webkit-box-shadow: 1px 1px 6px #B2B2B2 ;
   -khtml-box-shadow: 1px 1px 6px #B2B2B2 ;
}

th 
{  padding: 3px 0.5em ;
   margin: 0 ;
   background-color: #125799 ;
   color: #fff ;
   font-family: Arial, sans-serif ;
   font-weight: Bold ;
   text-align: center ;
}

td 
{  padding: 0 0.5em ;
   margin: 0 ;
}

tr, tr.impair 
{  background-color: #dcdcdc ;
}

tr.pair 
{  background-color: #ebebeb ;
}

a:link, a:visited 
{  color: #2f559c ;
}

a:hover, a:focus 
{  color: #aa324e ;
}

a:active 
{  color: #2f559c ;
}

abbr, acronym 
{  border-bottom-width: 1px ;
   border-bottom-style: dotted ;
   cursor: help ;
}

pre, code, kbd 
{  font-family: 'Courier New', monospace ;
}

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section 
{  display: block ;
}

form 
{  margin: 0 ;
   padding: 0 ;
}

input, button, select 
{  vertical-align: middle ;
}

.gauche 
{  text-align: left ;
}

.centre 
{  text-align: center ;
}

.droite, .nb 
{  text-align: right ;
}