.nospace {width:100%;margin: 0px}

.header        { background: transparent url(images/fond-bandeau.gif); margin-right: -15px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #0b4199; position: absolute; top: 0px; right: 15px; width: 100%; height: 208px; }

.main    { margin-right: -15px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #0b4199; position: absolute; top: 208px; right: 15px; width: 100% }
* html body .main {height:100%;overflow:hidden}
/* IE-mac ne voit pas les lignes qui suivent \*/
* html body .main {height:0px;overflow:visible} 
/* fin du text caché pour IE/mac */
.central      { background-color: #FFFFFF; margin: 0px 250px 0px 180px; border: solid 1px #0b4199; position: relative; top: 0px; width: auto }

.corps      { background: transparent; position: relative; min-height: 300px }
* html body .corps {height:300px}
.div-min-height {position:relative;height:300px;width:0px;float:left}
.div-min-height-bottom {position:relative;height:0px;clear:left}
.menus     { background-color: #a5c4e0; position: absolute; top: 0px; left: 0px; width: 180px; height: 100% }
.notes        { background-color: #eaebe5; margin-right: -15px; border: solid 1px #b0b1a8; position: absolute; top: 0px; right: 15px; width: 250px; height: 100% }
.pied { background: transparent url(images/fond-pied.jpg); position: relative; width: 100%; height: 70px }
.pied { color: #725f5f; font-style: normal; font-weight: normal; font-size: 0.7em; line-height: 1.1em; font-family: "Trebuchet MS", Helvetica; text-align: left; text-indent: 0px; margin-right: 0px; margin-left: 0px; padding: 2px 10px 2px 15px }
a:link   { color: #44517d; font-weight: normal; font-size: 0.9em; font-family: "Trebuchet MS", Arial, sans-serif; text-decoration: underline; background-color: transparent }
a:visited   { color: #778899; font-weight: bold; font-size: 0.9em; font-family: "Trebuchet MS", Arial, sans-serif; text-decoration: underline; background-color: transparent; }
a:hover  { 
color:#677bbf;  
font-size: 0.9em; 
font-family: "Trebuchet MS", Arial, sans-serif;
text-decoration: underline; 
background-color: transparent;
 }
ul#menu   { background: transparent no-repeat 0px 0px; list-style-type: none; margin: 0px; padding-top: 25px; padding-left: 0px; position: relative; width: auto; height: 100px; display: block; }
ul#menu li   { background-color: transparent; text-align: center; float: left; margin-top: 12px; padding-top: 15px; }
ul#menu li a  { color: #44517d; font-weight: bold; text-decoration: none; background: url(pix/bouton_blanc.gif) no-repeat; text-align: center; padding: 2px; width: 110px; height: 50px; display: block }
ul#menu li a:hover  { color: #677bbf; font-weight: bold; text-decoration: none; background: url(pix/bouton_paille.gif) no-repeat; text-align: center; padding: 2px; width: 110px; height: 50px }
ul#menu li a:visited   { color: #778899; font-weight: bold; font-size: 0.9em; font-family: "Trebuchet MS", Arial, sans-serif; text-decoration: underline; background-color: transparent; }
ul#pied{
float: top ;
display: block ;
position: relative ;
padding-top: 2px ;
list-style-type: none;
}
ul#pied li {
float: left ;
text-align: center ;
}
ul#pied li a {
color: #333333; 
font: 0.6em "Trebuchet MS", Helvetica, sans-serif;
text-decoration: underline; 
text-align: center; 
border-right: 1px solid #1d1e25; 
padding: 2px; 
width: 110px; 
height: 20px; 
display: block; 
}
ul#pied li a:hover { 
color: #0b4199; 
font: 0.6em "Trebuchet MS", helvetica, sans-serif;
text-decoration: underline;
text-align: center;  
border-right: 1px solid #1d1e25; 
padding: 2px; 
width: 110px; 
height: 20px; 
}
.titre               { color: #44517d; font-style: normal; font-weight: bold; font-size: 1.4em; line-height: 1.5em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Helvetica, "Trebuchet MS"; background-color: transparent; text-align: left; text-indent: 0px; margin-right: 0px; margin-left: 0px; padding: 2px 10px 2px 15px }
.soustitre               { color: #44517d; font-style: oblique; font-weight: 600; font-size: 0.9em; line-height: 2em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; text-indent: 5px; margin-right: 0px; margin-left: 0px; padding: 2px 10px 2px 15px; border-bottom: medium none #666666 }
.soustitre1              { color: #a688ac; font-style: normal; font-weight: bold; font-size: 1em; line-height: 1.8em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; text-indent: 0px; margin-right: 0px; margin-left: 0px; padding: 2px 10px 2px 15px; border-bottom: medium none #666666 }
.texte          { color: #736b63; font-style: normal; font-weight: normal; font-size: 0.9em; line-height: 1.2em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, "Trebuchet MS", Helvetica; text-align: left; text-indent: 0px; margin-right: 0px; margin-left: 0px; padding: 2px 10px 2px 15px }
.titrenotes            { color: #baaba3; font-style: normal; font-weight: 500; font-size: 0.9em; line-height: 1.2em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, "Trebuchet MS", Helvetica; text-align: left; text-indent: 0px; margin-right: 0px; margin-left: 0px; padding: 2px 10px 2px 15px }
.textenotes          { color: #7a706b; font-style: normal; font-weight: normal; font-size: 0.9em; line-height: 1.2em; font-family: "Trebuchet MS", Helvetica; text-align: left; text-indent: 0px; margin-right: 0px; margin-left: 0px; padding: 2px 10px 2px 15px }
.copyright     { color: #808080; font-style: normal; font-weight: normal; font-size: 0.7em; line-height: 1.1em; font-family: "Trebuchet MS", Helvetica; text-align: left; text-indent: 0px; margin-right: 0px; margin-left: 0px; padding: 2px 10px 2px 15px }

.textemenu     { color: #333333; font-style: normal; font-weight: normal; font-size: 0.8em; line-height: 1.1em; font-family: "Trebuchet MS", Helvetica; text-align: left; text-indent: 0px; margin-right: 0px; margin-left: 0px; padding: 2px 10px 2px 15px }

	.titrenotes   { color: #644f4d; font-style: normal; font-weight: 500; font-size: 1em; line-height: 1.1em; font-family: Arial, Helvetica; text-align: left; text-indent: 0px; margin-right: 0px; margin-left: 0px; padding: 2px 10px 2px 15px }

.textenotes    { color: #736b63; font-style: normal; font-weight: normal; font-size: 0.9em; line-height: 1.1em; font-family: Arial, Helvetica; text-align: left; text-indent: 0px; margin-right: 0px; margin-left: 0px; padding: 2px 10px 2px 15px }

.exemplenotes             { color: #4b5989; font-style: italic; font-weight: normal; font-size: 0.8em; line-height: 1.1em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, "Trebuchet MS", Helvetica; text-align: left; text-indent: 0px; margin-right: 0px; margin-left: 0px; padding: 2px 10px 2px 15px }
.photo { border: solid 3px #ffffff }


.white
           { color: #0c419a; font-style: normal; font-weight: normal; font-size: 0.9em; line-height: 1.2em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; text-indent: 0px; margin-right: 0px; margin-left: 0px; padding: 2px 10px 2px 15px; width: auto }
.blue
            { color: #0b4199; font-style: normal; font-weight: normal; font-size: 0.9em; line-height: 1.2em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #fbfbfb; text-align: left; text-indent: 0px; margin-right: 0px; margin-left: 0px; padding: 2px 10px 2px 15px; border-top: 1px dashed #000080; border-bottom: 1px dashed #000080 }