* {
 margin: 0px;
 padding: 0px;
}

html { font-size: 100% }

body {
 margin: 0 0 0 0;
 color: #214563;
 background-color: #214563;
 text-align: center;
 font-size: 0.70em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

a         { border-bottom: 1px dotted #214563; text-decoration:none; color: #214563; }
a:visited { text-decoration:none; }
a:hover   { color: #427942; }
a:active  { color : #214563; }

/****** Définition des zones ******/

#global {
 position: relative;
 width: 906px;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
 background: transparent url(images/fond-extensible.jpg) top left repeat-y;
}

#global-haut {
 background: transparent url(images/fond-haut.jpg) top left no-repeat;
}

#global-bas {
 position: relative;
 background: transparent url(images/fond-bas.jpg) bottom left no-repeat;
 padding-bottom: 277px;
}

#contenu {
 position: relative;
 width: 724px;
 top: 189px;
 left: 92px;
 min-height: 350px;
 border: 0px red solid;
}

#menu {
 float: left;
 margin: 60px 10px 0px 10px;
 width: 180px;
 height: auto;
}

#main {
 float: left;
 margin: 10px 0px 0px 5px;
 width: 500px;
 min-height: 540px;
 border: 0px red solid;
}

a#mon-panier {
 display: block;
 text-align: center;
 width: 150px;
 margin-top: 20px;
 margin-left: 00px;
 font-weight: bold;
 color: #AD494A;
}


/****** Styles du Menu ******/

/*
#menu dl dt {
  line-height: 1.8em;
  margin-bottom: 10px;
}

#menu dl dt a {
  color: #214563;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  display: block;
  width: 100%;
  margin: 3px 0px;
  padding-left: 15px;
  border-bottom: 0;
  line-height: 1.2em;
}

#menu dl dt a:hover,#menu dl dt span:hover {
  background-image: none;
  background-color: transparent;
  color: #5F94BF;
}

#menu dl dd  {
 line-height: 1.4em;
}

#menu dl dd a {
  color: #306692;
  font-size: 0.95em;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  background-image: none;
  background-color: transparent;
  margin-left: 5px;
  padding-left: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0
}

#menu dl dd a:hover {
 color: #1A6927;
}

#menu dt.here {
  background: url(images/puce2.png) 0px 0px no-repeat;
}

*/


/****** Styles du Menu ******/

#menu a {
 border-bottom : 0;
}

#menu dl dt {
  color: #214563;
  text-transform: uppercase;
  /*font-variant: small-caps;*/
  /*font-size: 13px;*/
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  display: block;
  width: 190px;
  margin: 8px 0 4px;
  padding-left: 15px;
  border-bottom: 0;
}

#menu dl dt a:hover {
  background-image: none;
  background-color: transparent;
  color: #5F94BF;
}

#menu dl dd {
  width: 190px;
  line-height: 1.6em;
  margin: 0 auto 5px 5px;
  padding-left: 20px;
}

#menu dl dd a {
  color: #306692;
  display: inherit;
  line-height: 1.2em;
  font-size: 0.95em;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  background-image: none;
  background-color: transparent;
}

#menu dl dd a:hover {
 color: #1A6927;
}

#menu dt.here {
  background: url(images/puce2.png) 0px 0px no-repeat;
}

#menu dd.here {
  background: url(images/souspuce.png) 10px 2px no-repeat;
}




/****** Styles de la zone main ******/



#main h1 {
 color: #214563;
 font-size: 2em;
 margin: 0px 0px 30px 0px;
 font-weight: bold;
 text-align: right;
 border-bottom: 0px solid #310C31;
}

#main h2 {
 color: #214563;
 font-size: 1.4em;
 margin: 10px 0px 10px 0px;
 font-weight: bold;
 border-bottom: 1px solid #214563;
}

#main h2.duree {
 font-size: 0.8em;
 font-weight: normal;
 margin: -10px 0 15px 0 !important;
 text-align: right;
 padding: 0;
 border: 0;
 color: #306692;
}

#main h3 {
 color: #306692;
 font-size: 1.1em;
 margin: 15px 10px 5px 0px;
 font-weight: bold;
 border-bottom: 0px dashed #310C31;
}

#main h3 span {
 font-size: 0.8em;
 font-weight: normal;
 color: #306692;
}

#main h4 {
 color: #306692;
 font-weight: bold;
 margin-top: 10px;
 margin-bottom: 0px;
}

#main p {
 margin: 5px 0px 10px 0px;
 line-height: 1.3em;
 text-align: justify;
}

#main blockquote {
 font-size: 11px;
 font-style: italic;
 margin: 5px 20px 10px 20px;
 line-height: 1.2em;
 border: 1px dashed #b6c3b6;
 padding: 5px;
 text-align: center;
}

#main ol,#main ul {
 margin: 10px 15px 10px 20px;
 line-height: 1.3em;
}

#main ul a {
 font-weight: bold;
}

#main ul.alpha li {
 list-style-type: upper-alpha;
 list-style-image: none;
 margin-left: 10px;
}

#main ul.alpha ul {
 margin: 0px 0 0 7px;
}

#main ul li li {
 list-style-image: url(images/sous-puce.gif) !important;
}

#main li {
 list-style-image: url(images/souspuce.png);
 list-style-position: outside;
 margin-bottom: 3px;
}

#main a {
 color: #214563;
}

#main div.separateur {
 height: 19px;
 width: 400px;
 background: url(images/separateur.jpg) no-repeat;
 border: 0px;
 margin: 15px auto;
 padding: 0;
}

#main sup {
 font-size: 0.8em;
}

/** Classes du texte de la page d'accueil **/

#main p#p1 {
 font-size: 1.1em;
 font-weight: bold;
 text-align: left;
 color: #306692;
 margin: 30px auto 20px;
}

#main p#p2 {
 font-size: 1.4em;
 font-weight: bold;
 text-align: center;
 margin: 0px auto 10px;
 font-variant: small-caps;
}

#main p#p3 {
 font-size: 1.2em;
 font-weight: bold;
 text-align: center;
 margin: 10px auto 30px;
}

#main p#p4 {
 font-size: 1.2em;
 font-weight: bold;
 font-style: italic;
 color: #306692;
 text-align: center;
 margin: 0px auto 20px;
}

div#origine {
 float: right;
 width: 250px;
 border: 1px #306692 solid;
 padding: 2px;
 margin: 0 0 5px 10px;
}

div#origine h3 {
 margin-top: 0;
 text-align: center;
}

div#origine p {
 text-align: center;
 font-size: 0.9em;
 margin: 5px 0 0 0;
 padding: 0;
}

/** Tableau des partenaires **/

table.partenaire {
 width: 470px !important;
 border: 1px solid #306692;
 border-collapse: collapse;
 margin: 10px 10px 10px auto;
}

table.partenaire a {
 border: 0;
}

table.partenaire img {
 border: 0px;
 display: block;
}

table.partenaire a:hover {
 color: #306692 !important;
}

table.partenaire h3 {
 color: #214563 !important;
}

table.partenaire p {
 text-align: left !important;
}

table.partenaire td.col2 {
 width: 100%;
 padding-left: 10px;
 padding-right: 10px;
 border-left: 1px solid #306692;
}

/* Cadre de téléchargement */

a.dld {
 display: block;
 color: #b94a55;
 font-size: 14px;
 height: 37px;
 width: 400px;
 margin: 10px auto;
 padding-left: 57px;
 padding-top: 14px;
 background: transparent url(images/fichier-pdf.jpg) 5px 0 no-repeat;
 border: 1px #306692 solid;
 -moz-border-radius: 15px;
}

a.dld:hover {
 color: #633031;
 border: 1px #214563 solid;
}

a.dld span {
 font-size: 9px;
 font-style: italic;
 color: #306692;
 float:right;
 margin-right: 5px;
 margin-top: -12px;
}

/** Les Crédits **/

#credits {
 position: absolute;
 color: #427942;
 font-size: 9px;
 bottom: 62px;
 left: 92px;
 width: 680px;
 /*margin: 20px auto -5px auto;
 color: #8C659C;
 font-size: 9px;
 border: 1px red solid;*/
}

#credits a {
 color: #306692;
 border-bottom: 0px dotted #D6A2EF;
}

#credits p#sites {
 float: left;
 margin: 0;
}

#credits p#conception {
 color: #7C9CD3;
 float: right;
 margin: 0;
}

#credits p#conception a {
 color: #7C9CD3;
}

#credits p#conception a:hover {
 color: #306692;
}

#credits a:hover {
  color: #7C9CD3;
}


/****** Classes utiles ******/

.centrage { text-align: center !important; }
.spacer { clear: both; }
.noborder { border: 0 !important; }
img.droite, div.droite { float: right; }
span.asterisk { color: red; font-weight: bold; font-size: 1.2em }