﻿body 
{
 background-color:#f6fff5;
 /*text-align: center;*/
 margin:0px;
 padding:0px;
 /*font-family:Verdana, Geneva, Arial, Sans-Serif;*/
 font-family:Verdana, Arial, Geneva, Sans-Serif;
 font-size:12px;
}

.wrap
{
    position:relative;
    width:1000px;
    margin:0 auto;
}


html*.wrap /* Google Chrome hack */
{
 margin-top:-12px;   
}

.fond {
 background-color:#ffffff;
 width:998px;
 border-style:solid;
 border-color:#004000;
 border-width:1px;
}

.filetGauche {
 width:6px;
 border-style:none;
 border-right-style:solid;
 border-right-color:#004000;
 border-right-width:1px;
}

.colGauche {
 background-color:#f6fff5;
 width:195px;
 margin-left:6px;
 border-style:none;
 border-right-style:solid;
 border-right-color:#004000;
 border-right-width:1px;
}

.colCentre {
 background-color:#ffffff;
 width:625px;
 border-style:none;
}

.colDroite {
 background-color:#fff0d3;
 width:162px;
 margin-right:6px;
 border-style:none;
 border-left-style:solid;
 border-left-color:#fbb93b;
 border-left-width:1px;
 border-right-style:solid;
 border-right-color:#004000;
 border-right-width:1px;
}

.filetDroite {
 width:6px;
 border-style:none;
}

td {
 vertical-align:top;
}

.colGaucheSep {
 background-color:#c4d9c3;
 height:30px;
 border-style:none;
 border-right-style:solid;
 border-right-color:#004000;
 border-right-width:1px;
}

.colCentreSep {
 background-color:#e3ece2;
 height:30px;
 border-style:none;
}

.colDroiteSep {
 background-color:#ffd997;
 height:30px;
 border-style:none;
 border-left-style:solid;
 border-left-color:#fbb93b;
 border-left-width:1px;
 border-right-style:solid;
 border-right-color:#004000;
 border-right-width:1px;
}

.colBanniere {
 border-style:none;
 padding:0px;
}

.filetGaucheBanniere {
 width:6px;
 border-style:none;
 border-right-style:solid;
 border-right-color:#004000;
 border-right-width:1px;
}

.colGaucheBanniere {
 background-color:#f6fff5;
 width:195px;
 margin-left:6px;
 border-style:none;
 border-right-style:solid;
 border-right-color:#004000;
 border-right-width:1px;
}

.zoneContenu {
 padding:20px;
}

.zoneContenu a
{
 color:blue;
 text-decoration: underline;
}

.zoneContenu a:hover
{
 color:#FF8000;
 text-decoration:none;
 background-color:#FF8000;
 color:White;
}

.zoneContenu h1 {
    font-size:150%;
    /*color:#fcb131;*/
    color:#00529c;
    text-align:left;
    font-weight:bold;
    margin-bottom:0px;
}

.zoneContenu h2 {
    font-size:130%;
    color:#00529c;
    text-align:left;
    font-weight:bold;
}

.zoneContenu h2 a {
 text-decoration:underline;
}

.zoneContenu h2 a:hover {
 text-decoration:none;
}

.zoneContenu h3 {
    font-size:110%;
    text-align:left;
    font-weight:bold;
}

.zoneContenu h4 {
    font-size:90%;
    color:#DE9C21;
    text-align:left;
    font-weight:bold;
}

.cadreProposez
{
    margin-top: 50px;
    padding:10px;
    border-color:Orange;
    border-width:1px;
    border-style:solid;
    background-color:#eeeeee;
    font-size:10pt;
    text-align:justify;
}

.ActusDivAccueil
{
 background-color:white;
 padding:0px;
}

.ActusTexteAccueil
{
    margin-bottom: 10px;
    font-size:100%;
}

.AgendaDivAccueil
{
 background-color:#0098e8;
 width: 150px;
 height:auto;
 float:right;
 overflow:hidden;
 padding:10px;
 padding-top:0px;
 color:White;
 margin-left:20px;
 margin-bottom:20px;
}

.AgendaTexteAccueil
{
    margin-top: 10px;
    font-size:90%;
    text-align:center;
}

.AgendaTexteAccueil a
{
    color:White;
}

.AgendaLienCarteAccueil
{
    padding: 5px;
    color:White;
     background-color:Orange;
     text-decoration:none;
     margin-bottom:5px;
}

.AgendaLienListeAccueil
{
   padding: 5px;
    color:White;
    background-color:Green;
    text-decoration:none;
     margin-bottom:5px;
}

.AgendaLienCarteAccueil:hover
{
 background-color:White;
  text-decoration: underline;
  color:Orange;
}

.AgendaLienListeAccueil:hover
{
  background-color:White;
  text-decoration: underline;
  color:Green;
}

.AgendaLien a
{
    color:White;
}

.AgendaLienCarte
{
    padding: 10px;
    color:White;
     background-color:Orange;
     text-decoration:none;
     margin-bottom:5px;
     font-size:100%;
}

.AgendaLienListe
{
   padding: 10px;
    color:White;
    background-color:Green;
    text-decoration:none;
     margin-bottom:5px;
     font-size:100%;
}

.AgendaLienCarte:hover
{
 background-color:White;
  text-decoration: underline;
  color:Orange;
}

.AgendaLienListe:hover
{
  background-color:White;
  text-decoration: underline;
  color:Green;
}

.AgendaLienCarteOn
{
 background-color:White;
  color:Orange;
  border-style:solid;
  border-width:1px;
  border-color:Orange;
  padding: 9px;
  margin-bottom:5px;
  font-size:100%;
}

.AgendaLienListeOn
{
 background-color:White;
  color:Green;
  border-style:solid;
  border-width:1px;
  border-color:Green;
  padding: 9px;
  margin-bottom:5px;
  font-size:100%;
}

.ActusArchivesBox
{
 background-color:#ffffff;
 border-color:#0098e8;
 border-style:solid;
 border-width:1px;
 width: 100px;
 height:auto;
 float:right;
 overflow:hidden;
 padding:10px;
 padding-top:0px;
 color:#0098e8;
 margin-left:20px;
 margin-bottom:20px;
}

.ActusArchivesBox h2
{
 color:#0098e8;
}

.ActusArchivesBox a
{
 color:blue;
 font-size:90%;
 text-decoration:none;
}

.ActusArchivesBox a:hover
{
 color:#FF8000;
 font-size:90%;
 text-decoration: none;
 background-color:#FF8000;
 color:White;
}

.note
{
    font-size: 8pt;
    padding-top:10px;
     text-align:right;
}

.copyright
{
    font-size: 80%;
    padding:10px;
    text-align:right;
    color:#000000;
}

.copyright a
{
    color:#000000;
    text-decoration:underline;
}

.copyright a:hover
{
    color:#000000;
     text-decoration:none;
}

.LiensListe
{
    margin-bottom: 10px;
    font-size:100%;
}

.LiensBoutiques
{
    margin-top: 30px;
    font-size:120%;
    text-align:center;
    font-weight:bold;
}