body {
background-color:black;
margin: 0px;
padding: 0px;
}

#c img {
display:block;
position:absolute;
border-left:5px solid #1486BC;
}
/* propriétés de la boîte à images;"position" et "overflow" sont nécessaires;*/
#c {
display:none;
background-color:#1486BC;
position:absolute;
overflow:hidden;
z-index:100;
}

#container {
position: relative;
background-image:url(Images/bg.jpg);
margin: 30px auto 0px auto;
padding: 0px;
width: 800px;
height:525px;
border: 5px solid #fff;
z-index:50;
}

#contindex {
position: relative;
background-image:url(Images/bg.jpg);
margin: 30px auto 0px auto;
padding: 0px;
width: 800px;
height:525px;
border: 5px solid #fff;
z-index:50;
}


#cdc img {
position: absolute;
border:none;
right:5px;
bottom:7px;
}

#cdc a{
position: static;
}

#cdc a:hover{
position: static;
}

#out {
position: relative;
margin: 0 auto 0 auto;
width: 800px;
height:20px;
}

#out dl {
float: right;
margin: 4px 4px;
color:white;
}

#out p {
position: relative;
text-align:center;
background:black;
}

#out a{
position: static;
color:white;
text-decoration:underline;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
text-align:center;
width:95px;
}

#out a:hover{
position: static;
color:white;
text-decoration:underline;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
text-align:center;
width:95px;
}

#langue {
position: absolute;
right:5px;
top:2px;
}

#langue dl {
float: right;
margin: 1px 1px;
color:white;
}

#langue img {
position: relative;
border:none;
height:28px;
width:28px;
}

#langue a{
position: static;
width:35px;
}

#langue a:hover{
position: static;
width:35px;
}

p {
color:white;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;

}

#plan {
color:white;
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
}

#plan a{
color:white;
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
text-decoration:underline;
}

#plan a:hover {
color:#FFA500;
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
text-decoration:underline;
}

#ssplan a:hover {
color:#FFA500;
}

#ul1{
position:relative;
list-style:none;
padding: 0px;
margin: 0px;
width:174px;
height:183px;
}

a{
border:0;
color:white;
text-decoration:none;
}

a:hover{
border:0;
color:white;
text-decoration:none;
}

#menu1{
position:absolute;
display:block;
left:0px;
height:12px;
text-decoration:none;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
color:#000000;
z-index:2;
top:20px;
padding-left: 160px;
border:0;
}

#menu1:hover{
color:#A5D0E3;
z-index:1;
top: 0px;
padding-top: 20px;
border:0;
}

#menu2{
position:absolute;
display:block;
left:0px;
height:12px;
text-decoration:none;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
color:#000000;
z-index:2;
top: 55px;
padding-left: 175px;
}

#menu2:hover{
color:#A5D0E3;
z-index:1;
top: 0px;
padding-top: 55px;
}

#encours2{
color:#FFA500;
top: 55px;
padding-left: 175px;
background-position: 0% -12px;
position:absolute;
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
}

#menu3{
position:absolute;
display:block;
left:0px;
height:12px;
text-decoration:none;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
color:#000000;
z-index:2;
top: 87px;
padding-left: 158px;
}

#menu3:hover{
color:#A5D0E3;
z-index:1;
top: 0px;
padding-top: 87px;
}

#encours3{
color:#FFA500;
top: 87px;
padding-left: 158px;
position:absolute;
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
}


#menu4{
position:absolute;
display:block;
left:0px;
height:12px;
text-decoration:none;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
color:#000000;
z-index:2;
top: 117px;
padding-left: 120px;
}

#menu4:hover{
color:#A5D0E3;
z-index:1;
top: 0px;
padding-top: 117px;
}

#encours4{
color:#FFA500;
top: 117px;
padding-left: 120px;
position:absolute;
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
}

#menu5{
position:absolute;
display:block;
left:0px;
height:12px;
text-decoration:none;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
color:#000000;
z-index:2;
top: 143px;
padding-left: 75px;
}

#menu5:hover{
color:#A5D0E3;
z-index:1;
top: 0px;
padding-top: 143px;
}

#encours5{
color:#FFA500;
top: 143px;
padding-left: 75px;
position:absolute;
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
}

#menu6{
position:absolute;
display:block;
left:0px;
height:12px;
text-decoration:none;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
color:#000000;
z-index:2;
top: 170px;
padding-left: 25px;
}

#menu6:hover{
color:#A5D0E3;
z-index:1;
top: 0px;
padding-top: 170px;
}

#encours6{
color:#FFA500;
top: 170px;
padding-left: 25px;
position:absolute;
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
}

.news {
font: 11px Verdana,Arial,Helvetica,sans-serif;
color:white;
position:absolute;
bottom:1px;
height:100px;
width:200px;
background-color:#1486BC;
padding-left:5px;
}

.news_acc {
font: 12px Verdana,Arial,Helvetica,sans-serif;
color:white;
position:absolute;
bottom:30px;
height:200px;
width:220px;
background-color:#1486BC;
padding-left:5px;
}


h1 {
color:#FFA500;
font: bold italic 15px Verdana,Arial,Helvetica,sans-serif;
text-decoration:underline;
}

h3 {
color:#87ceeb;
font: bold italic 36px Verdana,Arial,Helvetica,sans-serif;
}

#langue_fr{
position: absolute;
top:1px;
right:40px;
width:100px;
}

#langue_fr a{
display:inline;
height:29px;
width: 29px;
border: 0 none;
}

#langue_fr a:hover{
display:inline;
height:29px;
width: 29px;
border: 0 none;
}

#droite {
position: absolute;
right:5px;
top:35px;
width: 500px;
color:white;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
}

#droite_dem {
position: absolute;
right:5px;
top:35px;
width: 500px;
color:white;
font: normal 12px Verdana,Arial,Helvetica,sans-serif;
}

#droite_scroll {
position: absolute;
right:5px;
top:35px;
width: 500px;
color:white;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
overflow: auto;
height:480px;
scrollbar-face-color: #1486BC;
}

#image {
position: absolute;
right:0;
top:325px;
width: 500px;
height:100px;
color:white;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
}

#legende {
position: absolute;
right:0;
top:450px;
width: 500px;
height:100px;
color:white;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
}

#ssmenu0 {
position: absolute;
display:block;
list-style:none;
left:25px;
top:210px;
width: 150px;
color:#FFA500;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
}

#ssmenu1 {
position: absolute;
display:block;
list-style:none;
left:25px;
top:240px;
width: 150px;
color:#FFA500;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
}

#ssmenu2 {
position: absolute;
display:block;
list-style:none;
left:25px;
top:270px;
width: 200px;
color:#FFA500;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
}

#ssmenu3 {
position: absolute;
display:block;
list-style:none;
left:25px;
top:300px;
width: 150px;
color:#FFA500;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
}

#ssmenu4 {
position: absolute;
display:block;
list-style:none;
left:25px;
top:330px;
width: 150px;
color:#FFA500;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
}

#ssmenu5 {
position: absolute;
display:block;
list-style:none;
left:25px;
top:360px;
width: 150px;
color:#FFA500;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
}

#ssmenu6 {
position: absolute;
display:block;
list-style:none;
left:25px;
top:390px;
width: 150px;
color:#FFA500;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
}

#ssmenu0:hover{
color:white;
top:210px;
}

#ssmenu1:hover{
color:white;
top:240px;
}

#ssmenu2:hover{
color:white;
top:270px;
}

#ssmenu3:hover{
color:white;
top:300px;
}

#ssmenu4:hover{
color:white;
top:330px;
}

#ssmenu5:hover{
color:white;
top:360px;
}

#ssmenu6:hover{
color:white;
top:390px;
}

table {
width:490px;
text-align:center;
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
color:white;
}

th{
border:2px solid white;
margin:0;
padding:0;
}

#comp{
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
color:#FFA500;
text-decoration:underline;
}

#comp a{
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
color:#FFA500;
text-decoration:underline;
}

#helice{
position: absolute;
border:none;
right:160px;
top:220px;
}

#form {
position: absolute;
left:5px;
top:35px;
width: 490px;
color:white;
font: 11px Verdana,Arial,Helvetica,sans-serif;
}

cite{
font: bold italic 16px Verdana,Arial,Helvetica,sans-serif;
}

cite.index{
font: bold italic 22px Verdana,Arial,Helvetica,sans-serif;
}

p.index{
font: bold 18px Verdana,Arial,Helvetica,sans-serif;
}

table.offres {
  font-size: 0.8em;
  line-height: 1.4em;
  font-weight: normal;
  color: white;
  font-family: Verdana, Arial, sans-serif;
  border:1px solid white;
  border-spacing:0;
  width:100%;
 }

table.offres td {
  border:1px solid white;
 }

p.center {
  text-align:center;
  font-size: 0.9em;
  line-height: 1.4em;
  font-weight: bold;
  color: white;
}

p.centerred {
  text-align:center;
  font-size: 0.9em;
  line-height: 1.4em;
  font-weight: bold;
  color: red;
}

a.lien {
  margin:5px;padding:5px;
  text-align:center;
  font-size: 0.9em;
  line-height: 1.4em;
  font-weight: bold;
  color: black;
  text-decoration:underline;
}

a.ref {
  margin:5px;padding:5px;
  text-align:center;
  font-size: 0.9em;
  line-height: 1.4em;
  font-weight: bold;
  color: white;
  text-decoration:underline;
}


td.right {
  text-align:right;
}

td.left {
  text-align:left;
}

table.detail_offres {
  border:0;
  border-spacing:0;
  font-size: 0.8em;
  line-height: 1.4em;
  font-weight: bold;
  color: white;
  margin-left:30px;
}