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

@font-face {
    font-family: Calli;
    src: url("http://www.ecoledargere.fr/assets/fonts/Calligraphic-421-BT.ttf") format("truetype");
}

html { font-size: 100% }

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

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

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

#global {
 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: 194px;
 left: 92px;
 min-height: 350px;
 border: 0px red solid;
}

#menu {
 float: left;
 margin: 20px 10px 0px 5px;
 width: 210px;
 height: auto;
}

#main {
 float: left;
 margin: 50px 0px 0px 5px;
 width: 475px;
/*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 a {
 border-bottom : 0;
}

#menu dl dt {
  color: #226329;
  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: #6B9242;
}

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

#menu dl dd a {
  color: #6B9242;
  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/puce.gif) 2px 3px no-repeat;
}

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


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



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

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

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

#main h3 {
 color: #6B9242;
 color: #86BF47;
 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: #6B9242;
}

#main h4 {
 color: #6B9242;
 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.nopuce li {
 list-style-image: none;
 list-style-type: none;
}

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

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

#main a {
 color: #226329;
}

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

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


/** Note importante encadrée **/

div#legende {
 width: 400px;
 margin: 20px auto;
 border: 2px dotted #b6c3b6;
 padding: 0px 5px 5px;
}

div#legende h3 {
 margin-top: 0;
 color: #186921;
}

div#legende ul {
 margin-bottom: 0;
}

div#main div#legende li {
 list-style-image: none;
 list-style-type: none;
}

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

#main p#p1 {
 font-size: 1.1em;
 font-weight: bold;
 text-align: left;
 color: #6B9242;
 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 0px;
 font-variant: small-caps;
}

#main p#p3 span {
 font-size: 0.8em;
 font-weight: normal;
 font-variant: normal;
}

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

#main div#bulles img {
 border: 0;
}

#main div#bulles a {
 border: 0;
 display: block;
 line-height: 48px;
 height: 52px;
 width: 372px;
 background: transparent url(images/cadre.jpg) top left no-repeat;
 margin: 0px auto;
 font-weight: bold;
 color: #002700;
 font-size: 15px;
 font-family: Calli, "Comic Sans MS";
}

/** Classes des actualités **/

#main div.actualite {
 margin-top: 20px;
 margin-bottom: 30px;
}

#main div.actualite h2 {
 font-size: 1.2em;
 font-weight: bold;
 color: #6B9242;
 color: #86BF47;
 margin: -10px 0px 10px 0px;
 font-weight: bold;
 border-bottom: 0px solid #E7EBDE;
}

#main div.actualite h3 {
 font-size: 0.8em;
 font-weight: normal;
 margin: -10px 0 0 0;
 text-align: right;
 padding: 0;
 border: 0;
 color: #6B9242;
 display: none
}

#main div.actualite p {
 margin: 5px auto;
}


#main #news p {
 text-align: left;
}


/** Les carrés de couleurs pour les Modules **/

span.d,span.a,span.b,span.c,span.m {
 color: white !important;
 border: 1px solid;
 padding: 0 3px;
 font-weight: bold !important;
 font-size: 10px;
}

span.d {
 background: #DD0004;
 border-color: #FF0000 #870002 #870002 #FF0000;
 padding: 0 3px;
}

span.a {
 background: #82009F;
 border-color: #D000FF #520065 #520065 #D000FF;
 padding: 0 2px;
}

span.b {
 background: #FF8C00;
 border-color: #FFBB00 #CB7000 #CB7000 #FFBB00;
 padding: 0 4px 0 3px;
}

span.c {
 background: #1A00C0;
 border-color: #2200FF #0A004D #0A004D #2200FF;
 padding: 0 4px 0 3px;
}

span.m {
 background: #00E043;
 border-color: #7CFF9D #00BB25 #00BB25 #7CFF9D;
 padding: 0 2px 0 3px;
}

/** Tableau des partenaires **/

table.partenaire {
 width: 470px !important;
 border: 1px solid #216129;
 border-collapse: collapse;
 margin: 10px 10px 10px auto;
 background: transparent url(images/fond-haut.jpg) -70px -225px no-repeat;
}

table.partenaire a {
 border: 0;
}

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

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

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

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

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

/** Les Crédits **/

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

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

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

#credits p#conception {
 color: #89C48D;
 float: right;
 margin: 0;
}

#credits p#conception a {
 color: #89C48D;
}

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

#credits a:hover {
  color: #89C48D;
}


/****** 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 }