body{
margin:0px;
padding:0px;
font-size:0.7em ;
font-family:arial;
}
.center{
text-align:center;
}
#header img{
border:0px;
}
#pubheader img{
top:3px;
position:absolute;
margin:0px 0 0 56px;
}
h1{
font-size:140%;
margin:0;
padding:0;
color:#006666;
}
h2{
font-size:120%;
margin:0px;
padding:0px;
color:#006666;
font-style:italic;
}
.gauche h2{
text-align:center;
}
h3{
font-size:120%;
margin:10px 0 10px 0;
padding:0;
color:#006666;
}
h4{
font-size:120%;
margin:15px 0 10px 0;
padding:0;
color:#006666;
}
.entete{
background-image:url('image/fond-entete.gif');
height:120px;
width:817px;
font-weight:bold;
}
.entete span{
position:relative;
top:28px;
left:38px;
width:740px;
}
.signature{
height:20px;
font-weight:bold;
margin:auto;
padding:5px 0 0 0;
color:#006666;
text-align:center;
}
.signature a{
color:#006666;
}
.top{
height:140px;
border-bottom:1px solid #006666;
width:100%;
background:#FFF left center no-repeat;
}
.menu{
height:24px;
border-bottom:1px solid #006666;
width:100%;
}
.menu span a{
display:block;
float:left;
margin:0 0 0 18px;
padding:4px 10px 0 10px;
list-style:none ;
font-weight:bold;
text-decoration:none;
height:20px;
}
.menu span a:hover{
color:#fff;
background:#CCC;
}
.menu ul{
margin:0 0 0 268px;
padding:0;
list-style:none;
font-weight:bold;
}
.menu li{
float:left;
}
.menu li a{
float:left;
display:block;
margin:0 0 0 1px;
padding:4px 20px 0 20px;
text-decoration:none;
height:20px;
color:#006666;
}
.menu li a:hover{
color:#fff;
background:#333333;
}
.on{
float:left;
color:#fff;
background:#333333;
display:block;
padding:2px 20px 0 20px;
text-decoration:none;
height:20px;
}
.centre{
height:260px;
width:100%;
margin-top:15px;
}
html>body .centre{
height:auto;
min-height:260px;
}
.gauche{
border-top:1px solid #fff;
float:left;
margin-left:20px;
width:260px;
}
.gauche p{
margin:0;
padding:0;
}
.gauche ul{
margin:20px 0 0 80px;
padding:0;
list-style:none
}
.gauche img{
width:246px;
}
.droite{
border-top:1px solid #fff;
float:left;
width:65%;
margin-left:10px;
padding-bottom:30px;
}
.droite p{
margin:0;
padding:0;
color:#000;
}
.right{
float:right;
width:130px;
}
.bas{
margin-top:-30px;
height:15px;
border-bottom:1px solid #006666;
width:100%;
}
.spacer{
clear:both;
height:13px;
}
a{
text-decoration:none;
color:#006666;
}
p a{
text-decoration:underline;
color:#006666;
}
a.class4{
text-decoration:none;
color:#006666;
font-weight:bold;
}
a:hover.class4{
text-decoration:none;
color:#006666;
}
a.class3{
text-decoration:underline;
color:#006666;
}
a:hover.class3{
text-decoration:none;
color:#006666;
}
.titleleft{
float:left;
width:300px;
height:140px;
}
.titleright{
float:left;
width:500px;
height:140px;
}
.formcaptcha{
background-image:url('image/fondcaptcha.png');
height:370px;
width:700px;
color:#006666;
}
.formcaptchadiv{
padding:12px 2px 4px 12px;
}
.btsubmit{
padding-left:108px;
}
input[type=submit], input[type=reset] {
border:2px outset #006666;
background-color:#FFFFFF;
font-weight:bold;
cursor:pointer;
}
input[type=submit]:hover, input[type=reset]:hover {
border:2px outset #FFFFFF;
background-color:#006666;
}
input[type=submit]:active, input[type=reset]:active {
border:2px inset #006666;
background-color:#006666;
color:black;
}
.comp{
padding:2px;
width:690px;
}
.comp p{
border:2px outset #006666;
padding:4px;
}
.name{
font-weight:bold;
}
.date{
font-style:italic;
}