body { 
text-align:center;
margin: 0; padding: 0; 
background: url(../images/fond_degrade.jpg) bottom left repeat-x #081d5d; }

/*cadre page*/
#wrapper { position: relative; margin: 15px auto 0 auto; padding: 0; width: 800px;
border: 1px solid #545454;
text-align: left;
background-color:#ffffff;
}

/*banniere*/
#banner { margin: 0; padding: 0;
height: 136px;
background: url(../images/navire.jpg) no-repeat top right #96add7;
z-index: 3; }
#banner img {
border:none;
margin:25px 0 0 30px;
padding:0;
}

/*styling the menu*/
#men { position: relative; margin: 0; padding: 0 0 0 140px; font: bold 10pt Verdana, sans-serif; 
background-color: #d8dce4; z-index: 2;
}
#men ul { list-style-type: none; margin: 0; padding: 0; height: 25px;
background-color: #d8dce4;
} 
#men ul li { float: left;  padding: 0; margin:0; }
#men li a:link, #men li a:visited { display: block; padding: 4px 10px 5px 10px; color: #545454;  
text-decoration: none;  
}
#men li a:hover { color: #d4d4d4; background-color: #8fa1c5; text-decoration: none; }

body#histo li.histo, body#services li.services, body#cotation li.cotation, body#reservation li.reservation, body#aller li.aller,
 body#contact li.contact, body#photos li.photos { color: #d4d4d4; text-decoration:none; background-color: transparent; }

 body#histo li.histo a:link, body#histo li.histo a:visited, body#services li.services a:link, body#services li.services a:visited, body#cotation li.cotation a:link, 
 body#cotation li.cotation a:visited, body#reservation li.reservation a:link, body#reservation li.reservation a:visited, 
 body#aller li.aller a:link, body#aller li.aller a:visited,
 body#contact li.contact a:link, body#contact li.contact a:visited, body#photos li.photos a:link,
 body#photos li.photos a:visited { color: #d4d4d4; text-decoration: none; background-color: #8fa1c5; }
 
 /*les onglets en bas à gauche*/
#tab { position: absolute; top: 160px; left: 0; width: 130px; 
padding: 0;  
z-index: 5; }
#tab ul  { list-style: none; margin: 0; padding: 0;
}
#tab li  { border-bottom:1px solid #dddddd; font: 9pt tahoma, verdana, sans-serif;
padding:15px 0 5px 10px; margin:0;
}
#tab li a:link, #tab li a:visited { display: block; margin: 0; padding: 0; text-decoration: none; color: #828282; 
}
#tab li a:hover { text-decoration:underline; }
 


/*texte dans pages cli*/
.content { position: relative; margin: 0; padding: 5px 10px 0 140px;
background-color: #ffffff;
z-index: 3;
}

p { margin: 15px 30px 15px 10px; padding: 0; font: 11pt Verdana; text-align: justify; }
/*to emphasize*/
.str { color: #545454; 
background-color: transparent; text-align: left; }
/*pour aligner à droite*/
.droite { text-align: right; }


/*encadrer*/
.cadre { width:380px; margin:0 50px 10px 5px; padding: 20px 0 20px 0;
border-right:1px solid #828282;
border-bottom:1px solid #828282;
border-top:1px solid #dddddd;
border-left:1px solid #dddddd;
} 
.cadre p { margin: 0; padding: 0 20px 0 20px; line-height: 130%; }

#borduregr {
border:1px solid #404040;
padding:0;
}

/*titres*/
h1 { font: 11pt Verdana; color: #FFFFFF; background-color: #9A9CF2; padding: 2px 2px 2px 10px; margin: 20px 15px 10px 10px;
text-align: left; }
h2 { font: bold 11pt Verdana; color: #FFFFFF; background-color: #9A9CF2; margin: 5px 0 10px 10px;
padding: 5px 0 5px 15px; text-align: left; 
}
/*tableau*/
table { border-collapse: collapse;
border: none; margin: 0; padding: 0;
font: 10pt Verdana;
}
table td { font: 11pt Verdana; text-align: left; margin: 0; padding: 5px 10px 15px 10px; border: none; }



/*images dans album images en liste*/
.albumlist { list-style-type: none; padding: 0; margin: 0 0 0 10px; font-size: 10pt; font-family: Verdana; width:600px; }
.albumlist li { float: left; margin: 5px 5px 10px 0; color: #000000; }
.albumlist img { float: left; display: block; border: 1px solid #C0C0C0; }
/*liens*/
a:link, a:visited { color: blue; background: transparent; text-decoration: underline; }
a:hover { color: blue; background: transparent; text-decoration: underline; }

/*images dans pages cli*/
img { border: none; margin: 0; padding: 0; }
/*images flottant à gauche dans pages cli (services, aller chez ...)*/
.flle { float: left; border:none; margin: 5px 30px 25px 10px; padding: 0; }
.flle img { border:none; }
.flri { float: right; border:none; margin: 5px 30px 25px 30px; padding: 0; }
.flri img { border:none; }
#flri { float: right; margin: 20px 20px 0 0; padding: 0; }
#flg { padding:8px 10px 0 10px } 




.clbo { clear: both; }

/*lien pour info at cli en bas de page dans div pages cli*/
.ki { color: blue; background-color: transparent; font: 8pt Verdana; text-align: center; }
.ki a:link, .ki a:visited { color: blue; background: transparent; text-decoration: none; }
.ki a:hover { text-decoration: underline; }

.quote { width: 55%; height: 350px; margin: 25px 25px 25px 10px;
padding: 15px; border: 1px solid #9eaae6; line-height: 150%;
background: url(../images/logo_cli_transparent.jpg) no-repeat center center;
} 

/*styling the rule*/
hr { width: 100%; height: 1px; color: #9A9CF2; }





#chi { font-size: 9pt; }