/* feuille de style générale (entete + pied) */

body {
padding:0;
font-size:80%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#626262;
min-width:1000px;
width:950px;
margin:0 auto;
text-align:center;
}

a:link, a:visited, a:active {
color:#000000;
text-decoration:none;
}

a:hover {
color:#a18c47;
text-decoration:none;
}


.error, .rappel{
font-weight: bold;
color: #FF0000;
text-decoration:none;
}

#alerte_javascript_inactif {
color:#3399FF;
position:absolute;
top:3px;
left:3px;
width:150px;
}

#global {
width:950px;
background-color:#FFFFFF;
text-align:left;
position:relative;
}

/* Entete */

#entete {
width:950px;
height:150px;
position:relative;
text-align:left;
}

#entete_bis {
width:950px;
height:233px;
position:relative;
text-align:left;
}

/*logo*/
#logo img{
float:left;
position:relative;
border:0;
}

#traits_logo {
float:left;
position:relative;
top:40px;
left:7px;
}

#flash {
float:right;
}

#renseignements{
float:left;
position:relative;
left:10px;
}

#renseignements img{
float:left;
margin:10px 10px 0px 0px;
}

.tel {
float:left;
font-size:18px;
font-weight:bold;
color:#005596;
margin-top:15px;
}

.sous_tel {
position:absolute;
top:65px;
left:13px;
font-size:14px;
font-weight:bold;
color:#005596;
}

.tel span{
font-weight:normal;
font-size:10px;
color:#005596;
}

#menu {
clear:both;
padding-left:25px;
width:950px;
}

#menu a{
text-align:center;
height:27px;
width:179px;
line-height:27px;
font-weight:bold;
color:#626262;
font-size:12px;
float:left;
}

#menu a:hover{
color:#fff;
}

#menu a.onglet1 {
background-image:url(images/ocea/bt_acceuil_off.gif);
}

#menu a:hover.onglet1 {
background-image:url(images/ocea/bt_acceuil_off.gif);
}

#menu a.onglet1_actif {
background-image:url(images/ocea/bt_acceuil_on.gif);
color:#a18c47;
}

#menu a.onglet2 {
background-image:url(images/ocea/bt_centre_off.gif);
}

#menu a:hover.onglet2 {
background-image:url(images/ocea/bt_centre_off.gif);
}

#menu a.onglet2_actif {
background-image:url(images/ocea/bt_centre_on.gif);
color:#a18c47;
}

#menu a.onglet3 {
background-image:url(images/ocea/bt_fin_off.gif);
}

#menu a:hover.onglet3 {
background-image:url(images/ocea/bt_fin_off.gif);
}

#menu a.onglet3_actif {
background-image:url(images/ocea/bt_fin_on.gif);
color:#a18c47;
}

#sous_services {
height:150px;
position:absolute;
top:147px;
left:205px;
background-color:#CCE9FF;
width:179px;
z-index:10;
padding-top:5px;
visibility:hidden;
text-align:left;
}

#sous_services a{
margin-left:10px;
font-size:12px;
line-height:20px;
}

#sous_voyage {
height:130px;
position:absolute;
top:147px;
left:384px;
background-color:#CCE9FF;
width:179px;
z-index:10;
padding-top:5px;
visibility:hidden;
text-align:left;
}

#sous_voyage a{
margin-left:10px;
font-size:12px;
line-height:20px;
}
/* fin Entete */

/* Pied */
#pied {
clear:both;
}

#pied ul {
text-align:center;
padding-top:15px;
}

#pied li{
display:inline;
list-style-type: none;
font-size:12px;
}

#pied a {
color:#005596;
}

#pied a:hover{
color:#a18c47;
}

span.separation {
margin-left:5px;
color:#005596;
line-height:18px
}

#pied p{
text-align:center;
color:#a18c47;
font-size:12px;
}


/* fin Pied */