﻿body {
 font-family: 'bodoni mt', 'comic sans ms', Verdana;
 background-color: #FF9900;
 padding: 0;
 margin: 5px 0 15px 0;
 color: #800000;
 text-align: center;
 font-size: 1em;
 }

div#container {
 width: 770px;
 margin: 0 auto;
 text-align: left;
 background: url('../Images/bg.gif');
 padding-bottom: 10px;
 }

div#header {
 clear: both;
 padding: 0;
 height: 173px;
 background: url('../Images/banner.gif') no-repeat left top;
 cursor: hand;
}

#menuV {
 float: left;
 width: 150px;
 color: #ff9900;
 padding: 25px 0 0 0;
 font-size: 10pt;
 font-family: 'lucida sans', 'gill sans mt', 'bodoni mt';
 }
 
div#right {
 float: right;
 width: 150px;
 border: 0;
 text-align: center;
}

#pub {
 font-family:'Berlin sans FB';
}

a img {
 border: 0;
}

div#middle {
 padding: 0 160px 0 160px;
 margin: 0px;
 border: 0;
 text-align: justify;
 line-height: 1.2em;
}

div#middle h2 {
 padding: 0;
 font-size: 1.6em;
 font-family: 'bradley hand itc', 'script mt bold', 'maiandra gd', 'Arial Rounded MT Bold';
 border-bottom: solid 1px #ffe071;
 }

div#middle h2 img {
 vertical-align: -4px;
}

div#middle p {
 text-indent: 15px;
 }

div#middle p i {
 text-indent: 0px;
}
#txtCenter {
 font-weight: bold;
 font-family:'lucida sans';
 font-size: 18px;
 text-align: center;
}

#middle ul li {
text-indent: 20px;
}

.pCenter {
 text-align: center;
}

span.pCenter {
 text-align: center;
}

div#footer {
 clear: both;
 border: 0;
 height: 20px;
 padding-top: 10px;
 text-align:right;
}

a {
 color: #800000;
 text-decoration: none;
}

/* MENU VERTICAL */
 dl, dt, dd, ul, li {
 margin: 0;
 padding: 0;
 list-style-type: none;
 }

#menuV dt {
 background: #800000;
 height: 40px;
 line-height: 20px;
 margin: 2px 0;
 border: 0;
 text-align: center;
 font-weight: bold;
 }

#menuV #menuTop {
 background: url('../Images/menuTop.gif') no-repeat;
 }

#menuV #menuBottom {
 background: url('../Images/menuBottom.gif') no-repeat;
 }

#menuV dd {
 position: absolute;
 z-index: 2;
 margin-top: -35px;
 margin-left: 140px;
 width: 14em;
 background: #800000;
 border: 1px solid #ff9900;
 }

#menuV ul {
 padding: 2px;
 }

#menuV li {
 text-align: center;
 height: 20px;
 line-height: 20px;
 }

#menuV li a, #menuV dt a {
 color: #ff9900;
 text-decoration: none;
 display: block;
 }

#menuV li a:active, #menuV dt a:active {
 color: #CC3300;
 }

#menuV li a:hover {
 text-decoration: underline;
 }
 
 /*MENU HORIZONTAL*/
#menuH{
 position: absolute;
 margin-top: 150px;
 margin-left: 160px;
 text-align: center;
 font-family: 'lucida sans', 'gill sans mt', 'bodoni mt';
 font-weight: bold;
 }

#menuH ul{
 vertical-align: middle;
}

#menuH ul li{
 list-style-type: none;
 display: inline;
 font-size: 12px;
 }

#menuH ul li a{
 color: #800000;
 text-decoration: none;
 }

#menuH ul li a:hover{
 background-color: #ff9900;
 color: #800000;
}

ul#list {
 padding-left: 50px;
}

/* LIVRE D OR */
#showMail {font-size: 18px; text-align: center; font-weight: bold}
.book1 {font-family: Tahoma; font-size: 12px; color: #008080}
.book2 {font-family: Bauhaus 93; font-size: 16px; color: #996633}
.book3 {font-family: Tempus Sans ITC; font-size: 14px; color: #808000}
.book4 {font-family: Comic Sans MS; font-size: 14px; color: #808080}
.book5 {font-family: Cooper Black; color: #0066FF; font-size: 14px}
.book6 {font-family: Courier New; font-size: 14px; color: #000000}


/* DO NOT SHOW SMENU FIRST LOAD*/
#smenu1 {
display: none;
}

#smenu2 {
display: none;
}

#smenu3 {
display: none;
}

#smenu4 {
display: none;
}

#smenu5 {
display: none;
}

#smenu7 {
display: none;
}



/* TEXTE */

.underlined {
 text-decoration: underline;
}

.gras {
 font-weight: bold;
}

.txtCentre {
 text-align: center;
}

.txtItalique {
 font-style:italic;
}

/* IMAGES */

.imgTopLeft {
}

.imgTopRight {
 padding-bottom: 30px;
}

.imgBottomLeft{    
 padding-bottom: 30px;
}

.imgBottomRight{
 padding-left: 30px;
}

.imgCentre {
 text-align: center;
 padding-top: 10px;
 padding-bottom: 10px;
}

.imgfltleft {
 float: left;
 padding-right: 0px;
}

.imgfltright {
 float: right;
 padding-left: 10px;
}
