html {font-size: 100%;}
body{
   font-size: 0.9em;
   background-image: url(../images/fond_01.gif);
   margin: 0px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #660033;
}
p{
   color: #660033;   
}
p.S{
   background-image: url(../images/puce_s.png);
   background-repeat: no-repeat;
   background-position: left;
   height: 60px;
   padding-left: 45px;
   padding-top: 10px;
   font-weight: bold;
   font-size: 1.1em;
}
p.p2{
   background-image: url(../images/puce_2.png);
   background-repeat: no-repeat;
   background-position: left top;
   height: 21px;
   padding-left: 25px;
   padding-top: 2px;
   font-weight: bold;
   font-size: 1em;
}
p.cadre{
   margin: 10px;
   padding: 5px;
   border:1px solid #660033;
}
p.titre{
   font-size: 1.1em;
   font-weight: bold;
}
div{
   border: 0px solid blue;
   text-align: left;
}
div.semitransparent{
   background-image: url(../images/semi-transparent.gif);
   background-repeat: repeat;
   padding: 10px;
}
div#paquet{
   width: 947px;
   margin: 0px;
   padding: 0px;
}
div#enveloppe{
   width: 781px;
   background-image: url(../images/frise_01.gif); 
   height:500px;
   border: 0px solid red;
   margin: 0px;
   padding: 0px;
   background-repeat: no-repeat;
	 float:left;
}
div#accueil{
   height: 220px;
   float: left;
   width: 770px;
   background-image: url(../images/logo_accueil.gif);
   background-repeat: no-repeat;
   border:0px solid red;
   margin: 0px;
}
div#bandeau{
   height: 121px;
   float: left;
   width: 770px;
   margin: 0px;
   padding: 0px;
   border: 0px solid red;
}
div#logo1{
   width: 87px;
   height: 121px;
   float: left;
   margin: 0px;
   padding: 0px;
}
div#logo2{
   width: 568px;
   height: 97px;
   float: left;
   margin: 0px;
   padding: 0px;
}
div#image_bandeau{
   width: 109px;
   float: left;
}
div#contenu{
  font-size: 0.9em;
   width:750px;
   //width: 770px;
   height: 50px;
   margin: 0px;
   margin-top: 5px;
   padding: 10px;
   overflow: auto;
   //overflow-y: auto;
   border: 0px solid red;
   text-align: justify;
   float: left;
}
a{
/*
  color: #cc3333;
*/
  color: #B22D2D;
  font-weight: bold;
  text-decoration: none;
}
a:hover{
   text-decoration: none;
}
a#english, a#english:visited{
   text-decoration: none;
   background-image: url(../images/english.gif);
   width: 146px;
   height: 29px;
   border: none; 
   background-color: transparent;
   float:left;
   background-position: top left;
   background-repeat: no-repeat;
   margin: 0px;
   padding: 0px;
}
a#english:hover{
   background-position: bottom left;
}
a#francais, a#francais:visited{
   text-decoration: none;
   background-image: url(../images/francais.gif);
   border: none;
   background-color: transparent;
   background-position: top left;
   width: 146px;
   height: 29px;
   float:left;
   margin: 0px;
   padding: 0px;
}
a#francais:hover{
   background-position: bottom left;
}
a#mecenat, a#mecenat:visited{
   text-decoration: none;
   background-image: url(../images/mecenat.gif);
   border: none;
   background-color: transparent;
   background-position: top left;
   width: 212px;
   height: 26px;
   float:left;
   margin: 0px;
   padding: 0px;
}
a#mecenat:hover{
   background-position: bottom left;
}
div#contenu a:hover{
   text-decoration: underline;
}
div.separateur{
font-size: 0px;
 width:90%;
 height:1px;  
 margin: 0px;
 padding: 0px;
 border:0px solid green;  
}
div#filet{
background-image: url(../images/filet_01b.gif);
background-repeat: repeat-y;
 float:left;
 height:121px;
 width:11px;
 border:0px solid green;  
}
div#boule{
    width:11px;
    height:11px;
    background-image: url(../images/rond_01.gif);
    background-repeat: no-repeat;
    float: left;
}
div#credit{
   float:left;
   width:759px;
   border-top:1px solid #660033;
   font-size: 0.7em;
	 padding-top:3px;
}
div#credit a{
   text-decoration: none;   
}
table.agenda{
   width: 95%;
   padding: 10px;
   margin: 10px;
}
table.agenda tr th{
   font-size:0.9em;
   font-weight:bold;
   border-bottom:1px solid #660033;
   padding: 10px;
   margin: 0px;
}
table.agenda tr td{
   font-size:0.7em;
   border-bottom:1px solid #660033;
   padding: 10px;
   margin: 0px;
}
table.agenda tr.paire td{
   font-size:0.7em;
   border-bottom:1px solid #660033;
   padding: 10px;
   margin: 0px;
   background-image: url(../images/semi-transparent.gif);
}

table.audio{
   width: 80%;
   padding: 10px;
   margin: 10px;
}
table.audio tr td{
   font-size:0.7em;
   border-bottom:1px solid #660033;
   padding: 10px;
   margin: 0px;
}
table.video{
   width: 80%;
   padding: 10px;
   margin: 10px;
}
table.video tr td{
   font-size:0.7em;
   border-bottom:1px solid #660033;
   padding: 10px;
   margin: 0px;
}
td{
  font-size: 0.8em;
}
ul li{
   font-size: 1em;
}
span.transparent{
   color: transparent;
}

table.coord{
   border-top: 0px solid #89A5BE;
   border-right: 0px solid #BBBCBB;
   border-left: 0px solid #D5D5D4;
   border-bottom: 0px solid #BBBCBB;
}
table.coord th{
   font-size: 1.2em;
/*
   background-image: url(../images/fond_th.jpg);
*/
   background-position:left top;
   height: 30px;
   text-align: left;
   padding-left: 50px;
/*
   color: #C10200;
*/
   color: #660033;
   
}
table.coord td{
   font-size: 0.9em;
/*
   border-left: 1px solid #D5D5D4;
   border-bottom: 1px solid #BBBCBB;
   background-color: #FFFFFF;
*/
}
table.coord td.right{
   border-right: 0px solid #BBBCBB;
   border-bottom: 0px solid #BBBCBB;
}

table.coord td input{
   width: 60%;
   background-color: #F8F8F8;
   height: 24px;
}

table.coord td textarea{
   width: 60%;
   background-color: #F8F8F8;
   height: 100px;
}

table.coord td input.radio{
   background-color: transparent;
   width: 16px;
   float: left;
   
}

table.coord td select{
   width: 20%;
   background-color: #F8F8F8;
   height: 24px;
}

table.coord td input.erreur, table.coord td textarea.erreur{
   border: 2px solid #DC143C;
   color: #333333;
}
table.coord td select.erreur{
   background-color: #DC143C;
   color: #333333;
   height: 24px;
}
.etoile{
  color: #DC143C;
  margin:0px;

/*
   margin-top: -2px;
   margin-left: 2px; 
*/
}
.exemple {
  font-size:.75em;
  font-style:italic;
  float:right;
  margin-top:-15px;
  display:none;
}
table.coord td input.focus, table.coord td select.focus,  table.coord td textarea.focus { /*** Retour à l'état normal après l'utilisation ***/
  background-color: #E2E2E2;
  border-top: 2px solid #660033;
  border-left: 2px solid #660033;
  border-bottom: 2px solid #660033;
  border-right: 2px solid #660033;
}


table.coord td textarea.normal{
   background-color: #F8F8F8;
}
table.coord td input.normal,  table.coord td select.normal{
   background-color: #F8F8F8;
   height: 24px;
}
/**********/
div#msg{
   display:none;
   background-color: #F8F8F8;
   border:1px solid #DC143C;
   width:400px;
   height:30px;
   padding:10px;
   margin-bottom:10px;
}
span.err_titre{
  font-size: 1em;
   color:#DC143C;
}
span.err_texte{
  font-size: 0.8em;
   color:#DC143C;
   border: 1px solid #DC143C;
   padding:5px;
}
/*************/