@charset "iso-8859-1";
 
<!--					 
html{font-size:100%}
body{font-size: 1em }
html, body {text-align: left; margin: 0; border: 0px; height: 100%; padding: 0; background: url(images/fond.gif); background-image: url(images/fond.gif)}

a img {border: 0px} 		   

.conteneur    {margin: 0px; padding: 0px; width: 100%; background-repeat: repeat-y; border: 0px; background-attachment: fixed; min-height: 100%; min-width: 900px; margin-bottom: 0%; position: absolute; text-align: center}

.gauche   {text-align: center; background-color: transparent; background-image: url("images/ztranchebandeau.png"); height: 100%; width: 215px; top: 0px; position: absolute; margin-left: 0%; left: 0px; z-index: 5; float: left}	

.centre {position: relative; padding-left: 220px; padding-right: 14em; z-index: 2; margin-bottom: 5%; text-align: center; max-width: 56em; margin-left: auto; margin-right: auto}	
.colec {position: relative; padding-left: 220px; padding-right: 5px; z-index: 2;text-align: center; max-width: 70em; margin-left: auto; margin-right: auto}	
.dossier {position: relative; padding-left: 235px; padding-right: 25px; z-index: 2; text-align: left; max-width: 50em; margin-left: auto; margin-right: auto}	
.commentcolec {position: relative; padding-left: 6em; padding-right: 7em; z-index: 2; text-align: left; max-width: 50em; margin-left: auto; margin-right: auto}	

.droite {text-align: center; background-color: transparent; background-image: url("images/tranchebandeaudroit2png8.png"); height: 100%; width: 14em; top: 0px; position: absolute;  right:0px ;z-index: 4}	
.contenudroite {width: auto; margin-left:10px}
.footer {text-align: center; margin-left:214px;margin-right:0px; display: block; z-index: 6; clear: both;font: medium "times new roman" serif; color: #993300}
.head {text-align: center; display: block; position: relative; margin-top: 0.5em; z-index: 6; clear: both; width: 100%;  font: medium "times new roman" serif;}

.logo {margin-left: auto; margin-right: auto; background-image: url('images/logo1png8.png'); display: block; width: 192px; height:86px}

.textmenu {width: 160px; height: 32px; margin-top: 21px}

a { text-decoration:none; } 
a:focus, a:active { outline: 0;-moz-outline: none;}
a:hover { text-decoration: underline;}

a.halo {margin-left: auto; margin-right: auto; background-image: url('images/smallhalopng8.png'); display: block; width: 192px; height: 80px; overflow: hidden; float: none}
a.halo:hover { background: url('images/smallhalopng8.png') 0 80px ;display: block;}	

a.RfondA4 {background: url('images/new-ombres-A4.png'); width: 310px; height: 433px; float: right; margin-left: 2%; margin-right: 2%}
a.LfondA4 {background-image: url('images/new-ombres-A4.png');width: 310px; height: 433px; float: left; margin-left: 2%; margin-right: 2%}
a.RfondA4 img {margin-top: 3px; margin-left: 4px; float: left}
a.RfondA4:hover img {margin-top: 1px; margin-left: 2px}
a.LfondA4 img {margin-top: 3px; margin-left: 4px; float: left}
a.LfondA4:hover img {margin-top: 1px; margin-left: 2px}

a.RfondA4it {background-image: url('images/new-ombres-A4-ital.png'); width: 433px; height: 310px; float: right; margin-left: 2%; margin-right: 2%}
a.LfondA4it {background-image: url('images/new-ombres-A4-ital.png');width: 433px; height: 310px; float: left; margin-left: 2%; margin-right: 2%}
a.RfondA4it img {margin-top: 3px; margin-left: 4px; float: left}
a.RfondA4it:hover img {margin-top: 1px; margin-left: 2px}
a.LfondA4it img {margin-top: 3px; margin-left: 4px; float: left}
a.LfondA4it:hover img {margin-top: 1px; margin-left: 2px}

a.imglettrine {padding:0px; width: 200px; height: 278px; float: left; margin-top:0.3em; margin-bottom:0px; margin-left: 0px; margin-right: 0.8em; border:0px solid}
a.imglettrine img {margin: 0px}

.formparag {font-size: 1.0em "times new roman" serif; color: #993300; font-style: normal; font-weight: 500;}
.parag {font-size: 1.0em "times new roman" serif; color: #993300; font-style: normal; font-weight: 500}
.mini {color: #113300; font-size: 0.9em}  
.jparag {font-size: 1.0em "times new roman" serif; color: #993300; text-align: justify; margin-left: 1em; margin-right: 1em}
.jparag2 {font-size: 1.1em; font-family: "times new roman" serif; color: #993300; text-align: justify; margin-left: 1em; margin-right: 1em; font-style: normal; font-weight: 500}

.justif {text-align: justify; margin-left: 1em; margin-right: 1em}
h1 {font-size: 1.5em; color: #993300; font-family: "times new roman" serif; font-style: normal}
h2 {font-size: 1.3em; color: #993300; font-family: "times new roman" serif; font-style: normal}
h2.pg1 {font-size: 1.15em; color: #993300; font-family: "times new roman" serif; font-style: normal; font-weight: 500;margin-left: 1em; text-align: left;}
h3 {font-size: 1.1em; color: #993300; font-family: "times new roman" serif; font-style: normal; font-weight: 500}
h4 {font-size: 1.0em; color: #993300; font-family: "times new roman" serif; font-style: normal; font-weight: 500}

.diapasonleft {float: left; width: 160px; height: 120px; overflow: auto}
.diapasonright {float: right; width: 160px; height: 120px; overflow: auto}
.diapasonText {text-align: justify; border-top: 1px double; border-top-color: #CC6600; padding-bottom: 1em; font-size: 1em; color: #993300; font-family: "times new roman" serif; font-style: normal; min-height: 122px}
.strad {float: left; width: 79px; height: 139px}
.minidiapason {float: left; width: 32px; height: 150px}
.verdi {float: left; width: 90px; height: 117px}
.LARouge {float: left; width: 104px; height: 80px}
.parag3 {font-size: 1.0em; font-weight: 500; text-align: justify;  color: #993300; border-left: 0.4em solid #993300; padding-left: 1em; margin-bottom:2em}	   

.clignored {color: #CC0000; text-decoration: blink}

.inverstitle {padding:0.3em ;margin-top:1em;margin-bottom:2em; color: #FFCC66; background-color: #990000; text-align:center}

.centerbox {margin-top: 0.5em; margin-bottom: 0.5em; width: auto; text-align: center}
.sizebox1{ width: 25em; margin-left: auto; margin-right: auto}
.sizebox2{ margin-left: auto; margin-right: auto; width:90%; max-width:35em}
.leftfloatbox {margin-top: 0.5em; margin-left: 0px; margin-right: 0.8em; float: left; width: 14em}
.rightfloatbox {margin-top: 0.5em;margin-right: 0px; margin-left: 0.8em; float: right; width: 14em}
.tablo1 {auto}
.tablo1 table {border: 2px solid #993300; width: 100%; margin: auto; border-collapse: collapse;}
.tablo1 thead tr{background-color: #CC6600; border: 1px solid #C00000; color: #FFEBC0}
.tablo1 tfoot tr{background-color: #CC6600; border: 1px solid #C00000; color: #FFEBC0}
.tablo1 thead th {background-color: #CC6600;font-family:sans-serif;	font-size:80%; border:1px solid #993300; padding:5px; text-align: justify; width: 50%}
.tablo1 tfoot th {background-color: #CC6600;font-family:sans-serif;	font-size:60%; border:1px solid #993300; padding:5px; text-align: justify; width: 50%}
.tablo1 tbody {background-color:#FFFFF2; border:1px solid #993300}
.tablo1 th {font-family: monospace; border: 1px solid #993300; padding: 5px; background-color: #FFEBC0; width: 25%; text-align: center}
.tablo1 td {font-family:sans-serif;	font-size:80%; border:1px solid #993300; padding:5px; text-align: center; width: 50%}
.tablo2 {auto}
.tablo2 table {border: 2px solid #993300; width: 100%; margin: auto; border-collapse: collapse;}
.tablo2 tbody {background-color:#FFFFF2; border:1px solid #993300}
.tablo2 th {font-family: monospace; border: 1px solid #993300; padding: 5px; background-color: #FFEBC0;  text-align: center}
.tablo2 td {font-family:sans-serif;	font-size:80%; border:1px solid #993300; padding:5px; text-align: center; background-color: #FFEBC0}

.newsbox {height: 26em; width: 15em; top: 0px; font-size: 0.7em; padding: 0em; border: 0px; font-family: arial, sans-serif; margin: auto; display: inline; top: 5em; right: 22.5em; position: absolute}
.newsbox .title{height: 1.4em; width: 15em; color: #336633; text-align: left; margin: 0px; padding: 0px}
.newsbox .scrollbox{border: 2px inset #CC9966; height: 24em; width: 15em; overflow: auto;
											color: #993300; padding-left: 0.5em; padding-right: 0.5em; background-color: oldlace; 
													background-image: url(images/fond2.gif); text-align: left}
.tablonews{width: 100%; height: 25em; table-layout: fixed; text-align:center;border:0px solid}
*html .tablonews{width: auto; height: 25em; table-layout: fixed; text-align:center}
.tablonews td.c1{width:auto; border:0px solid; margin:3em}
.tablonews td.c2{width:12em; text-align:center}



.Compteur {text-align: center; margin-right: 7px; color: #CC6600; font-size: 0.8em}
.clefdesol {background-image: url(images/clef-de-sol-png8.png); top: -50px; left: 3px; position: relative; height: 76px; width: 36px; display: block;float:right}
.rotatekey {background-image: url(images/BigKey.gif); border: 0px; width: 320px; height: 240px; margin-left: auto; margin-right: auto}
.rotatekey2 {background-image: url(images/BigKey2.gif); border: 0px; width: 160px; height: 200px; margin-left: auto; margin-right: auto}

.hligne {height: 4px; border-color: maroon; border-top-color: #CC6633; border-bottom-color: #CC6600; margin-top: 10px; margin-bottom: 15px}

.search {border: 1px solid tan; margin-left: auto; margin-right: auto; text-align: left; width: 12em } 
.search img {border: 0px; margin: 0px; vertical-align: middle}
.search input {margin-bottom: 2px; margin-top: 0px; margin-left: 2px; margin-right: 2px;}
.search form {margin-bottom: 0px; padding-bottom: 0px; margin-left: auto; margin-right: auto;}

.liens {margin-left: auto; margin-right: auto; font-size: 0.9em; color: #993300; width: 14em; font-family: sans-serif; line-height: 1.4em} 	
.liens img {border: 0px; margin: 0px; vertical-align: middle; margin-bottom: 0.2em; margin-top: 0.2em}

.as160x600 {border: 0px solid #FFcc00; margin-left: auto; margin-right: auto;  margin-top: 2em; margin-bottom: 1em; width: 160px; height: 600px; font-family: monospace; font-size-adjust: none} 	
.as468x60 {border: 0px solid #FFcc00; margin-left: auto; margin-right: auto; margin-top: 2em; margin-bottom: 2em; width: 468px; height: auto; font-family: monospace; font-size-adjust: none} 	

.liste1 {text-align: left; font: medium/2 "times new roman" serif; color: #993300;}
.liste1 ul {text-align: left; color: #993300; margin-bottom: 1.6em}
.liste1 li {text-align: left; font: medium "times new roman" serif; color: #993300; margin-top: 1em}

.mel {background-image: url(images/pmmel-left.gif); width: 350px; height: 40px; margin-left: auto; margin-right: auto}

.margeslogoacrobat {margin-top: 0.0em; margin-bottom: 0.0em; border 0px solid; vertical-align: middle}
.margeslogo {margin-top: 0.3em; margin-bottom: 0.6em; border 1px solid; vertical-align: middle}
.titre1 {font-size: 1.1em; color: #993300; font-family: "times new roman" serif; font-style: normal; font-weight: bold}
.alignlogo {border: 0px; vertical-align: middle}
.legalbox {font-size: 0.8em; border: 1px solid #CC0000; margin-left: auto; margin-right: auto; display: block; color: #993300; text-align: center; background: #f5c690}
.citation {font-size: 1.1em; font-weight: 700; color: #993300; font-family: "times new roman" serif; font-style: italic}
.rem {font-size: 0.9em; margin-top: 0.2em; font-weight: 500; text-align: justify;  color: #993300}	   
.parag2 {font-family:"times new roman" serif;font-weight: 500; text-align: justify;  color: #993300}	   
.scorethumb01 {margin-top: 3px; margin-right: 10px; margin-left: 20px; float: right; border: 0px; background: url(images/scorethumb01.png); height: 387px; width: 275px}
.plume {background-image: url(images/plume.png); top: -10px; left: 34px; position: relative; height: 124px; width: 124px; display: block}
.plume2 {background-image: url(images/plume.png); height: 124px; width: 124px; float: left; vertical-align: middle}
.vrai {background: #00ae00;color: #FFFF00}
.faux {background: #ff0000;color: #FFFF00} 

-->