@charset "iso-8859-1";

html { height: 100%; }
body {
 height: 100%;
 font-family: Lucida Grande,Lucida Sans Unicode,Verdana,Arial,Helvetica,sans-serif;
 font-size: 12px;
 margin: 0px;
 background-color: #FFFAF0;
 background-image: url(background.gif); /* background */ 
}
.page {
 position:relative;
 height: auto!important;
 min-height: 100%;
 height: 100%;/* IE 6 */ 
 width: 800px;
 background-color: #ffffff;
 border: 1px solid #696969;
 margin-left: auto;
 margin-right: auto;
 background-image: url(fond_01.jpg); /* background page */
}
/* -------------------- Banner -------------------- */
.inset-banner {
 width: 99.3%;
 border: 1px solid #696969; 
 margin: 2px 2px 2px 2px;/* top right bottom left */
 background-color: #DCDCDC;
 background-image: url(./banniere.jpg);
 display: inline-block;  
 } 
.banner-img-left { 
  float: left;
  height: 65px;/* Logo's height */
  margin-top: 10px; margin-left: 20px;
  }  
.banner-img-right { 
  float: right;
  height: 48px;/* Logo's height */
  margin-top: 7px; margin-right: 5px;
  }
.banner-text h1 {
 padding-top: 14px;/* Set top of website's title in the banner */
 margin: 8px 0px 0px 280px; 
 color: #696969; 
 font-size: 28px;
 font-weight: bold;
 font-family: Times New Roman;
 text-align: left;
 }  
.banner-text h2 {
 margin: 2px 0px 0px 70px;
 padding: 0px;
 color: #696969;
 font-size: 15px;
 font-weight: bold;
 font-family: Times New Roman;
 text-align: left;
 }
/* -------------------- Horizontal Menu -------------------- */
.menu-h {
 width: 99.3%;
 height: 20px;
 border: 1px solid #696969;
 margin: 0px 2px 2px 2px; 
 background-image: url(./fond_02.jpg); /* background menu_horizontal */
 /* color: #F5F5F5;*/
 font-size: 12px; 
 display: inline-block;
 float: left; 
}
.menu-h-cell {
 border-right: #696969 1px solid;
 float: left; 
 line-height: 20px; 
 white-space: nowrap;
 text-align: center;
}
.menu-h-cell a {
 display: block;
 padding: 0px 15px 0px 15px;/* automatic spacing in horizontal menu labels */
 background: none transparent scroll repeat 0% 0%; 
 color: #696969;/* Horizontal menu color */ 
 text-decoration: none;
 font-weight: bold;
}
.menu-h-cell a:hover {
 background: #ffffff;/* Color on mouse move */ 
} 
/* -------------------- Middle of the page -------------------- */
.page-middle {
 display: inline-block;
}
/* -------------------- Vertical Menu -------------------- */
.column-menu {
 float: left;
 margin: 5px 0px 0px 2px;
 width: 22%;/* if column-menu width is modified, column-text width must be adjusted */ 	 
 }
.menu-v-cadre { 
 margin-bottom: 5px;
 border-left: 1px solid #696969; 
 border-right: 1px solid #696969;
 border-bottom: 1px solid #696969; 
}
.menu-v-titre { 
 border-top:  1px solid #696969; 
 border-bottom: 1px solid #696969;
 padding-left: 3px;
 font-weight: bold; 
 font-size: 10px;
 background: url(./banniere.jpg); /* background Menu Title */
 color: #696969;
 text-transform: uppercase;
 line-height: 21px;
 height: 21px;
 text-align: left; 
}
.menu-v-cadre a {
 padding: 3px 0px 3px 5px;
 border-bottom: 1px solid #D7D7D7;
 font-size: 8pt;
 text-align: left;
 text-decoration: none;
 display: block;
 color: #696969;/* Vertical menu color */
 background-color: #FEFEFE;
 background-image: url(./fond_02.jpg);
}
.menu-v-cadre a:hover {
 background-color: #ffffff;/* Color on mouse move */
 background-image: none;
 padding: 2px 0px 3px 4px;
 border: #1E90FF 1px solid;
 /* text-decoration: underline; */
}
/* -------------------- Text Content -------------------- */
.column-text { 
 margin-left: 0px;
 padding: 0px 0px 0px 0px;
 margin-top: 5px;		  
 text-align: justify;
 float: right;	 
 width: 77%;/* if menu-v-cadre width is modified, column-text width must be adjusted. eg : menu 20% + text 79 % (80% - 1%)/*/
 }
.paragraph-image {
 float: left;
}
.paragraph-title {
 padding: 4px 0px 0px 0px;/* Setting of top of the paragraph title */
 margin: 0px 0px 0px 35px;/* left = width of paragraph-image */
}
.paragraph-text {
 margin: 0px 35px 0px 35px;/* left & right = width of paragraph-image */
 font-size: 13px;
 }
.paragraph-title h3 {
 color: black;
 margin: 0px;			 
 text-align: left;
 font-size: 14px;
 height: 14px;/* In this title, height must be the same as font-size */
 }
/* -------------------- Others -------------------- */
p {
 padding: 0px 0px 0px 0px;
 margin: 4px 0px 10px 0px;
 }
 
i { margin-right: 4px; }
em { margin-right: 4px; }
 
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

.bold { font-weight: bold; } 
.italic { font-style: italic; } 
.underline { text-decoration: underline; }  
 
a img { border: 0px none; }
.border1 { border: 1px solid gray; }
.border2 { border: 2px solid gray; }
.border3 { border: 3px solid gray; }
.border4 { border: 4px solid gray; }
.border5 { border: 5px solid gray; }

.border-blue1 { border: 1px solid #0000CD; }
.border-blue2 { border: 2px solid #0000CD; }
.border-blue3 { border: 3px solid #0000CD; }
.border-blue4 { border: 4px solid #0000CD; }
.border-blue5 { border: 5px solid #0000CD; }

del.u { text-decoration: underline; }	  
strong { font-weight: bold; }
em { font-style: italic; }
.font90 { font-size: 90%; }  
.font80 { font-size: 80%; }
.font70 { font-size: 70%; }

.font-red { color: red; }
.font-blue { color: blue; }
.font-green { color: green; }

.bg-oldlace { background-color: #FDF5E6; } 
.bg-white { background-color: #FFFFFF; } 
.bg-gray { background-color: gray; }  
.bg-dimgray { background-color: #696969; }
.bg-black { background-color: #000000; }
.bg-silver { background-color: silver; }
.bg-blue { background-color: #87CEFA; }  

.bg-headtable { background-color: #ffdcb9; } 
.bg-altern1 { background-color: #a2c9f5; } 
.bg-altern2 { background-color: #daf0fb; }

table.center { margin-left: auto; margin-right: auto; }
table.margin { margin-top: 10px; margin-bottom: 10px; }
table.collapse { border-collapse: collapse; }
td.padding { padding: 4px; margin: 10px; }
td.h-pad { padding: 0px 4px 0px 4px; }
table.allwidth { width: 99%; }

form {
 padding-top: 0px 0px 0px 0px;  
 margin: 0px; 
}
ul {
 padding: 0px 0px 0px 0px;
 margin: 2px 0px 7px 0px;
 margin-left: 15px; margin-right: 20px;
}
.subtitle {
 margin: 2px 0px 5px 0px;
 font-weight: bold;
 font-size: 13px;
} 
.arrow-green {
 background-image: url(arrow-green.gif);
 background-repeat: no-repeat;
 vertical-align: -4px;
 padding-right: 12px;
}
.arrow-blue {
 background-image: url(arrow-blue.gif);
 background-repeat: no-repeat;
 vertical-align: -4px;
 padding-right: 12px;
} 
.left-extras {
 margin-left: 5px; 
 position: relative;
 z-index: 1;
}
.mention {
 padding-left: 8px; 
 font-size: 9px; 
 font-family: Verdana, Arial;
}
.results {
 margin: 0px 0px 5px 5px;
 font-size: 10px;
}
/* -------------------- Old part -------------------- */
.texte_poeme {
 margin-top: 10px;
 margin-left:100px; margin-right: 20px;
 padding: 0px; 
 text-align:left;
}
.nota {
 margin: 10px;
}
/* -------------------- Footer -------------------- */
.footer {
 position: absolute;
 bottom: 0;	
 width: 99.5%;
 margin: 2px;
}
.slice {
 border: #696969 1px solid;
 background-image: url(./fond_02.jpg); /* background footer */
 margin: 0px;
 text-align: center;
 color: #696969;
}