body  {background-color: white; width: 1265px; margin: 0; padding: 0  }


.header {display : inline; clear: left; float: left; margin: 7px 7px 0px 7px; padding: 0; width: 1249px; height: 120px; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3 } 
.blocheaderL {display : inline; clear: left; float: left; margin: 0; padding: 0; width: 497px; height: 120px; border-style: none } 
img.imageheader { float: left; display: block; margin: 0; padding: 0; width: 497px; height: 120px; border-style: none}
.blocheaderR {display : inline; float: left; margin: 0; padding: 0; width: 752px; height: 120px; border-style: none } 
.texteheader { margin: 100px 7px 0px 0px; padding: 0; color: black; text-decoration: none; background-color: white; text-align: right; word-spacing: -1px; font-family: "Courier New"; line-height: 1.0; border-style: none; font-size: 12px}

.col1 {display: inline; clear: left; float: left; margin: 0; padding: 0px 0px 0px 7px; width: 183px; color: black; border-style: none; line-height: 1.5}

.blocmenu {display: inline; float: left; clear: left; width: 179px; margin: 0px 3px 0px 1px; padding: 0; border-style: none; line-height: 1.0 }
.menuI { outline: none; font-family: "Courier New"; letter-spacing: -1px; word-spacing: -1px; background-color: #00ffff; font-size: 14px; border-style: none; color: black; line-height: 1.0; text-decoration: none }
.menu { outline: none; font-family: "Courier New"; letter-spacing: -1px; word-spacing: -1px; font-size: 14px; color: black; line-height: 1.0; border-style: none; text-decoration: none }
a.menu:link { color: black }
a.menu:visited { color: black }
a.menu:hover { color: black; background-color: #00ffff }
a.menu:active { color: black; }
.menuitem { margin: 0; padding: 0; color: black; background-color: white; text-decoration: none; font-family: "Courier New"; letter-spacing: -1px; word-spacing: -1px; line-height: 1.0; border-style: none; font-size: 14px}

.col2 {display: inline; float: left; margin: 0; padding: 0px 0px 0px 3px; width: 194px; color: black; border-style: none}

.bloccol2 {display: inline; float: left; clear: left; margin: 0px 3px 0px 3px; padding: 0; width: 188px; line-height: 1.0}
.sommaireitem { margin: 0px 0px 5px 0px; padding: 0; color: black; text-decoration: none; background-color: white; font-family: "Courier New"; letter-spacing: -1px; word-spacing: -1px; line-height: 1.0; border-style: none; font-size: 12px}
.blocimage {display: inline; float: left; clear: left; width: 188px; margin: 25px 3px 10px 3px; padding: 3px 0px 3px 0px}
img.iconeressource { float: left; display: inline; margin: 3px 3px 3px 3px; border-style: none}
.textecontrib { margin: 0; padding: 0px 0px 5px 0px; color: black; text-decoration: none; background-color: white; letter-spacing: -1px; word-spacing: -1px; font-family: "Courier New"; line-height: 1.0; border-style: none; font-size: 12px}
.blocbreviaire {display: inline; float: left; clear: left; margin: 60px 3px 0px 3px; padding: 0; width: 188px; line-height: 1.0; border-top: 1px solid #008B8B; border-bottom: 1px solid #008B8B; border-right: 0px none #D3D3D3; border-left: 0px none #D3D3D3}
.blocstuff {display: inline; float: left; clear: left; margin: 0px 3px 0px 3px; padding: 10px 0px 10px 0px; width: 188px; line-height: 1.0; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; border-left: 0px none #D3D3D3; border-right: 0px none #D3D3D3}
.blocressources {display: inline; float: left; clear: left; margin: 0px 3px 0px 3px; padding: 10px 0px 10px 0px; width: 188px; line-height: 1.0; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; border-left: 0px none #D3D3D3; border-right: 0px none #D3D3D3}


.col3 {display: inline; float: left; margin: 0; padding: 0px 0px 0px 3px; width: 740px; border-style: none}

.blocframetexte {overflow: auto; display: inline; float: left; clear: left; margin: 0px 3px 0px 3px; padding: 0; width: 732px; height: 575px; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; text-align: center; background-image: url("fondheaderpage.gif")}
.bloccouverturetexte { margin: 0; padding: 0; text-align: center; background-color: black; border-style: none}

.bloctexte { width: 690px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding: 0; text-align: left; background-image: url("fondheaderpage.gif"); border-style: none }
.blocpagetexte {display: inline; float: left; clear: left; text-align: center; background-image: url("fondheaderpage.gif"); width: 690px; height: 1025px; margin: 0; padding: 30px 0px 0px 0px;
border-left: 0px none #D3D3D3; border-right: 0px none #D3D3D3; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3}

.blociframe {display: inline; float: left; clear: left; margin: 0px 3px 0px 3px; padding: 0; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; width: 732px; height: 550px; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3 }
.blociframe31 {display: inline; float: left; clear: left; background-color: black; margin: 0px 3px 0px 3px; padding: 0; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; width: 732px; height: 732px; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3 }
.blociframe32 {display: inline; float: left; clear: left; background-color: black; margin: 0px 3px 0px 3px; padding: 0; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; width: 732px; height: 650px; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3 }
.blociframe33 {display: inline; float: left; clear: left; margin: 0px 3px 0px 3px; padding: 0; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; width: 732px; height: 650px; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3 }
.blociframe34 {display: inline; float: left; clear: left; background-color: black; margin: 0px 3px 0px 3px; padding: 0; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; width: 732px; height: 860px; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3 }
.blociframe35 {display: inline; float: left; clear: left; background-color: black; margin: 0px 3px 0px 3px; padding: 0; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; width: 732px; height: 875px; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3 }
.blociframe36 {display: inline; float: left; clear: left; margin: 0px 3px 0px 3px; padding: 0; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; width: 732px; height: 885px; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3 }
.blociframe37 {display: inline; float: left; clear: left; margin: 0px 3px 0px 3px; padding: 0; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; width: 732px; height: 800px; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3 }
.blociframe38 {display: inline; float: left; clear: left; margin: 0px 3px 0px 3px; padding: 0; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; width: 732px; height: 650px; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3 }
.blociframe39 {display: inline; float: left; clear: left; margin: 0px 3px 0px 3px; padding: 0; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; width: 732px; height: 850px; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3 }
.blociframe51 {display: inline; float: left; clear: left; background-color: black; margin: 0px 3px 0px 3px; padding: 0; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; width: 732px; height: 830px; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3 }
.blociframe42 {display: inline; float: left; clear: left; margin: 0px 3px 0px 3px; padding: 0; background-color: black; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; width: 732px; height: 850px; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3 }
.blociframe7 {display: inline; float: left; clear: left; margin: 0px 3px 0px 3px; background-color: #333333; padding: 0; border-top: 0px none #D3D3D3; border-bottom: 0px none #D3D3D3; width: 732px; height: 750px; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3 }


img.ouvertures { display: block; margin: 0; padding: 3px 0px 0px 3px; width: 726px; border-style: none}
.blocheaderframe {display: inline; float: left; clear: left; background-image:url(fondheaderpage.gif); margin: 0px 3px 0px 3px; padding: 0; border-top: 0px none #D3D3D3; border-bottom: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; width: 732px}
.titreheaderframe { margin: 0; padding: 15px 15px 10px 15px; color: black; text-decoration: none; word-spacing: -1px; font-family: "Courier New"; line-height: 1.2; border-style: none; font-size: 14px; text-align: left}
.texteheaderframe { margin: 0; padding: 0px 15px 15px 15px; color: #666666; text-decoration: none; word-spacing: -1px; font-family: "Courier New"; line-height: 1.2; border-style: none; font-size: 12px; text-align: justify}

.bloccol3 {display: inline; float: left; clear: left; width: 734px; margin: 0px 3px 0px 3px; padding: 0 }
.textemerci { margin: 0; padding: 5px 0px 0px 0px; ; color: black; text-decoration: none; background-color: white; font-family: "Courier New"; word-spacing: -1px; line-height: 1.0; border-style: none; font-size: 12px}

.col4 {display: inline; float: left; margin: 0; padding: 0px 7px 0px 0px; width: 128px; color: black; border-style: none}

.bloccol4 {display: inline; float: left; clear: left; width: 121px; margin: 0px 1px 0px 6px; padding: 0}
.blocrenard {display: inline; float: left; clear: left; width: 80px; margin: 0px 1px 0px 6px; padding: 0px 21px 0px 20px}
img.renard { float: left; clear: left; display: block; margin: 0; padding: 0; width: 80px; height: 56px; border-style: none}




img.image { float: left; display: block; margin: 0; padding: 0; background-color: white; border-style: none }
.textejustify { margin: 0; padding: 0; color: black; text-decoration: none; background-color: white; letter-spacing: -1px; word-spacing: -1px; font-family: "Courier New"; line-height: 1.0; border-style: none; font-size: 12px; text-align: justify}
.titre { margin: 0; padding: 25px 0px 15px 0px; color: #008B8B; background-color: white; text-decoration: none; font-family: "Courier New"; letter-spacing: -1px; word-spacing: -3px; line-height: 1.0; border-style: none; font-size: 16px}
.textesimple { margin: 0; padding: 0px 0px 10px 0px; color: black; text-decoration: none; background-color: white; font-family: "Courier New"; letter-spacing: -1px; word-spacing: -1px; line-height: 1.0; border-style: none; font-size: 12px}
.lien { margin: 0;  padding: 0px 0px 10px 0px; color: black; background-color: white; text-decoration: none; line-height: 1.2; font-family: "Courier New"; letter-spacing: -1px; word-spacing: -2px; font-size: 12px }
.lien4 { margin: 0;  padding: 0px 0px 5px 0px; color: black; background-color: white; text-decoration: none; line-height: 1.2; font-family: "Courier New"; letter-spacing: -1px; word-spacing: -2px; font-size: 12px }
.lienfavoris {outline: none; color: black; line-height: 1.2; font-family: "Courier New"; letter-spacing: -1px; word-spacing: -2px; font-size: 12px; border-style: none; text-decoration: none }
a.lienfavoris:link {color: black}
a.lienfavoris:visited {color: black}
a.lienfavoris:hover {color: black; background-color: #00FFFF }
a.lienfavoris:active {color: black;  }


/* conserver un padding-top pour avoir la surbrillance de bonne hauteur avec IE */
/* le display: inline est là pour le bug IE concernant margin */
/* utilité du width pour le body ? */
/* outline: none pour supprimer les pointillés avec Firefox */