body{
background-image:url(trame_fond.png);
background-repeat:repeat;
font-size:12px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#conteneur{
margin-left: auto;
margin-right: auto;
width:800px;
background-image:url(fond_conteneur.png);
background-repeat:repeat;
}

#entete{
height:61px;
background-image:url(entete.png);
background-repeat:no-repeat;
}

.flottant_droite{
  float:right;
}

#fond_menu{
    float:right;
    margin-top:-2px;
    height:62px;
    width:449px;
    background-image:url(montagne.png);
    background-repeat:no-repeat;
    border-bottom-width:3px;
    border-bottom-style: solid;
    border-bottom-color: #003366;
}
/*    opacity: 0.5;  filter:alpha(opacity=50);*/

img{
border:none;
}

#bas2page{
 position:absolute;
width:800px;
margin-top:-20px;
height:20px;
text-align:center;
background-image:url(bas2page.png);
background-repeat:no-repeat;
}

#bas2page a{
font-size: 11px;
padding: 2px .4em 0 0;
border-right: 1px solid #999999;
}
#bas2page a.noborder{border:none}

.align_droite{
float:left;
}

#menu{
height:62px;
border-left-width:45px;
border-left-style: solid;
border-left-color: #999999;
 border-bottom-width:1px;
border-bottom-style: solid;
border-bottom-color: #003366;
}

.centrer_{
    text-align:center;
}
#skyline {
    position: absolute;
    width: 266px;
    height: 62px;
    background: url(menu_.png);
    margin: 0 auto; padding: 0;
}

#skyline li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#skyline li, #skyline a {height: 62px; display: block;}
#panel1b {left: 0; width: 89px;}
#panel2b {left: 89px; width: 89px;}
#panel3b {left: 178px; width: 110px;}
#panel4b {left: 267px; width: 110px;}

#panel1b a:hover,#panel1b a.current {background: transparent url(menu_.png) 1px -63px no-repeat;}
#panel2b a:hover,#panel2b a.current {background: transparent url(menu_.png) -88px -63px no-repeat;}
#panel3b a:hover, #panel3b a.current {background: transparent url(menu_.png) -177px -63px no-repeat;}
#panel4b a:hover, #panel4b a.current {background: transparent url(menu_.png) -177px -63px no-repeat;}


#lettre {
    position: absolute;
    padding-left:200px;
    width: 23px;
    height: 19px;
    background: url(lettre_.png);
    margin: 10px 330px; padding: 0;
}

#lettre li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#lettre li, #lettre a {height: 19px; display: block;}
#lettre1b {left: 0; width: 23px;}
#lettre1b a:hover,#lettre1b a.current {background: transparent url(lettre_.png) 0 -20px no-repeat;}



.clear{
clear:both;
}
.soulignement{
/*
border-bottom:thin;
border-bottom-color:#FFFFFF;
border-bottom-style:solid;*/
line-height:20px;
border-bottom-width:100%;
background-color:#cccccc;
margin-right:-5px;
margin-left:-10px;
padding-left:15px;
color:black;
}

.flottant_gauche{
font-weight:bold;
float:left;
/*width:40px;*/
}
.saut2ligne{
font-weight:bold;
}
.retrait_gauche{
/*border-left-style:solid;
border-left-color:#003366;
*/
text-align:justify;
padding-left:125px;
margin-bottom:5px;
}

h1{
font-size:14px;
}
h2{
font-size:12px;
}
a:link {color: #FFFFFF}
a:active {color: #001A41}
a:visited {color: #FFFFFF}
a:hover {color: #FFFF00}
.centrer{
color:#999999;
font-size:10px;
text-align:center;
}

.centrer a{
color:#999999;
font-size:10px;
text-align:center;
}

#pop{
display:block;
position:absolute;
text-align:center;
width: auto;
border: 3px double black;
background: #999999;
z-index: 500;
cursor: pointer;
font-size: 80%;
}

#pop p{
margin: 0 0.3em;
}


#pop p.explication{
text-align:left;
margin-bottom:10px;
}

#pop h1{
font-size: 110%;
margin: 0 0 0.5em 0;
border-bottom: 1px solid black;
background: white url(top.gif) left top repeat-x;
color: black;
text-align: center;
}
.fermer {
margin: 0.5em 0 0 0;
border-top: 1px solid black;
background: white url(bottom.gif) left top repeat-x;
color: black;
text-align: center;
}