/* --------------------------------------------------------
    Mise en page g�n�rale
   -------------------------------------------------------- */



* {
margin:0;
padding:0;
}

html {
background:#FFFFFF;
}

#body {
background:url(../images/background-generique.gif) top left no-repeat #6BC6E1;
position:relative;
padding-top:358px;
padding-left:280px;
margin:0 auto;
width:670px;
}

#paiement {
position:absolute;
top:0;
left:0;
width:79px;
}

#menu {
position:absolute;
top:0;
left:79px;
width:201px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#billets {
width:186px;
height:93px;
background:url(../images/menu-01.gif) top left no-repeat;
font-family:"Times New Roman", Times, serif;
font-size:18px;
padding:20px 0 0 15px;
}

#header-01 {
width:201px;
height:113px;
background:url(../images/header-02.gif) top left no-repeat;
}

#header-02 {
width:201px;
height:113px;
background:url(../images/header-04.gif) top left no-repeat;
}

.cannes {
width:186px;
background:#2189C6;
text-align:right;
padding:0 15px 10px 0;
}

.nice {
width:186px;
background:#009CD5;
text-align:right;
padding:0 15px 10px 0;
}

.reserve {
width:186px;
background:#fed04c;
color: #D49D00;
text-align:right;
padding:5px 15px 5px 0;
}

.reserve a{
color: #BE8D00;
text-decoration: none;
}

.affretement {
width:186px;
background:#CC9562;
text-align:right;
padding:5px 15px 5px 0;
}

.groupe {
width:186px;
background:#6B7BA5;
text-align:right;
padding:5px 15px 5px 0;
}

.contacter {
width:186px;
background:#009CD5;
text-align:right;
padding:5px 15px 5px 0;
}

.escales {
width:186px;
background:#98a8d2;
text-align:right;
padding:5px 15px 5px 0;
}

.separateur {
width:201px;
height:6px;
}

#flash {
position:absolute;
top:0;
left:280px;
width:670px;
height:358px;
}

#contenu {
position:relative;
width:442px;
background:#D5ECF1;
padding-right:228px;
text-align:justify;
}

#colonne-droite {
position:absolute;
width:228px;
top:0;
right:0;
padding-top:40px;
}

#footer {
width:655px;
text-align:right;
padding:15px 15px 15px 0;
}

#footer a.liens {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
color:#FFFFFF;
text-decoration:none;
}

#footer img {
vertical-align:middle;
padding:0 10px 0 10px;
}

.padding-20 {
padding:0 20px;
}

.padding-5 {
padding:3px;
}

ul {
margin-left:20px;
color:#5A7DB9;
}

li span {
color:#000000;
}

ul.puce-01 {
margin-left:40px;
color:#000000;
list-style-image:url(../images/puce-01.gif);
}

.imprimer {
margin-left:-140px;
}

.float-right {
float:right;
}

.tarifs {
border-bottom:#5A7DB9 1px solid;
padding:5px 0;
}

.centrer {
text-align:center;
}

.centre {
margin:auto;
}

#musee {
width:177px;
background:#AEC2E1;
padding:10px;
}

#musee h2 {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#musee h3 {
color:#005276;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#musee p {
color:#1A171B;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

#cannes-jeunesse {
border:#E2001A solid 1px;
background:#FFFFFF;
padding:10px;
width:177px;
}

#onf {
padding:12px 5px 5px 5px;
margin-top:220px;
background:#FDD27B;
}

input, textarea, select {
font-size:12px;
border:#CCCCCC 1px solid;
font-family:Arial, Helvetica, sans-serif;
}

#call_request input {
height:35px;
}

.reservation {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width:200px;
margin:auto;
padding:10px;
background-color:#B8E0E7;
border:#0094CF solid 1px;
text-align:center;
}

#encart-reservation {
margin-left:30px;
}

#au-depart-de {
font-weight:lighter;
font-size:12px;
}

/* --------------------------------------------------------
    Menu - Mise en forme
   -------------------------------------------------------- */

/* Actif */

.actif .titres-menu {
font-size:16px;
padding:15px 0 5px 0;
}

.actif .sous-titres-menu {
font-size:10px;
padding:15px 0 5px 0;
}

.actif a {
font-size:10px;
color:#A6DBF4;
text-decoration:none;
margin:10px 0 10px 0;
}

.actif a:hover {
font-size:10px;
color:#FFFFFF;
text-decoration:none;
margin:10px 0 10px 0;
}

.encours a {
font-size:30px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
margin:10px 0 10px 0;
}

.actif a.liens-01, .actif a:hover.liens-01, .actif a.liens-02, .actif a:hover.liens-02, .actif a.liens-03, .actif a:hover.liens-03, .actif a.liens-04, .actif a:hover.liens-04 {
font-size:16px;
color:#FFFFFF;
text-decoration:none;
}

/* Veille */

.veille .titres-menu {
font-size:16px;
padding:15px 0 5px 0;
color:#004E92;
}

.veille .sous-titres-menu {
font-size:10px;
padding:15px 0 5px 0;
color:#004E92;
}

.veille a {
font-size:10px;
color:#004E92;
text-decoration:none;
margin:10px 0 10px 0;
}

.veille a.liens-01 {
font-size:16px;
color:#A26B38;
text-decoration:none;
}

.veille a.liens-02 {
font-size:16px;
color:#365582;
text-decoration:none;
}

.veille a.liens-03 {
font-size:16px;
color:#004E92;
text-decoration:none;
}

.veille a.liens-04 {
font-size:16px;
color:#004E92;
text-decoration:none;
}

.coordonnees {
background:#FFEED1;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px;
}

.equipements-bateau {
background:#5D9ACF;
padding-top:8px;
}

.titre-equipements-bateau {
color:#004E92;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
letter-spacing:1px;
text-align:center;
}

.contenu-equipements-bateau {
color:#004E92;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

.equipements-bateau .parentheses {
color:#004E92;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

/* --------------------------------------------------------
    Polices d'�criture
   -------------------------------------------------------- */

.annotation {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.introduction {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

#contenu h1 {
width:372px;
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
font-size:18px;
}

.titre-contenu-02 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#5A7DB9;
font-size:12px;
letter-spacing:2px;
}

.titre-contenu-03 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0094CF;
font-size:12px;
letter-spacing:2px;
}

.titre-contenu-04 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#C8945C;
font-size:12px;
letter-spacing:2px;
}

.titre-contenu-05 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
}

.titre-contenu-06 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#5A7DB9;
font-size:28px;
}

.contenu-01 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.contenu-02 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.contenu-03 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0095D0;
}

.contenu-04 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#004E92;
}

.contenu-05 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#004E92;
}

.contenu-06 {
font-family:"Times New Roman", Times, serif;
font-size:13px;
text-align:justify;
}

.contenu-07 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#E42729;
}

.contenu-08 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}

.contenu-09 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#5A7DB9;
font-size:16px;
}

/* --------------------------------------------------------
    Liens hypertextes
   -------------------------------------------------------- */

a.imrpimer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#004071;
text-decoration:none;
letter-spacing:1px;
}

a.lien-coordonnees {
color:#000000;
}

a.lien-rouge-01
{
color:#E42729;
}

/* --------------------------------------------------------
    Couleurs de fond des cellules
   -------------------------------------------------------- */

.bleu-01 {
background:#B8E0E7;
}

.bleu-02 {
background:#00A7C8;
}

.bleu-03 {
background:#0876B7;
}

.violet-01 {
background:#98A8D2;
}

.jaune-01 {
background:#FECF46;
}

.orange-01 {
background:#F1923F;
}

.orange-02 {
background:#EDAE93;
}

.orange-03 {
background:#E95C55;
}

.orange-04 {
background:#FFFCDF;
}

.orange-05 {
background:#FEE1B1;
}

.orange-06 {
background:#F7E6C5;
}

.rouge-01 {
background:#E95C55;
}

.blanc-01 {
background:#FFFFFF;
}

.marron-01 {
background:#D8855C;
}

/* --------------------------------------------------------
    Couleurs des polices d'�critures
   -------------------------------------------------------- */
   

/* --------------------------------------------------------
    Print
   -------------------------------------------------------- */   
@media print {
#paiement { display:none; }
#menu { display:none; }
#billets { display:none; }
#header-01 { display:none; }
.cannes { display:none; }
.nice { display:none; }
.affretement { display:none; }
.groupe { display:none; }
.separateur { display:none; }
#flash { display:none; }
#footer { display:none; }
.imprimer { display:none; }
.tarifs { display:none; }
#musee { display:none; }
#cannes-jeunesse { display:none; }
#onf { display:none; }
#body { padding:0px ; margin:0px; }
}