*
{
margin: 0;padding: 0;}
html,body
{
margin:0;padding: 0;}
body
{
background-color:#576D97; /*4E6E97*/
background-image:url(images/backgroundcadre.gif);
background-repeat:repeat-x;
/* background-position: top right;*/
}
body,input,select,textarea
{
font-family: Arial, verdana, "lucida console", sans-serif;font-size: 12px;padding: 2px;}
body.mceContentBody
{
background: none;background-color: white;font-size: 12px;padding: 5px;line-height: 17px;}
body.mceContentBody ul
{
list-style-type: none;}
h1
{
font-size: 100%;
color:#FFF;
}
h2
{
font-size: 100%;
color:#699;
}
h3 {
font-size: 12pt;
color: white;
padding-top: 10px;
padding-bottom: 3px;
font-style:normal;
font-weight:100;
}
h4
{
font-size: 12px;
color:#FC0; /* FDDE00 */
}
h5
{
font-size: 13px;
color:#FC0; /* FDDE00 */
}
h6
{
font-size: 15px;
color:#FC0;
/* font-family: Arial, verdana, "lucida console", sans-serif; */
}
#bContact p {
color: #666;
font-size: 12px;
padding: 0px 30px 10px 30px;
text-align: justify;}
a {
outline: none; }
a:link
{
text-decoration: none;
color: #60C;}
a:visited
{
text-decoration: none;
color: #60C;}
a:hover
{
text-decoration: none;
color: #60C;}
label
{
color: #666;font-size: 12px;}
input, select
{
margin-bottom: 10px;}
input, textarea, select
{
border: 1px solid #ccc;}
fieldset
{
padding: 10px 20px 20px 20px;margin: 15px 0px 10px 0px;border: 1px solid #ccc;}
legend
{
font-size: 133%;font-weight: bold;letter-spacing: -0.03em;line-height: 1;color: #666;padding: 0 0.5em;}
fieldset .wrapper
{
padding-top: 15px;}
#containers_old
{
float:left;
width: 960px;
margin-left: 0px;
margin-right: 0px;
background-color:#336; /* 336 */
color:FFF;
}
#containers
{
margin: 5px auto;
width: 960px;
background-color:#576D96; /* 336 */
color:FFF;
text-align: center;
}
#container {
margin: 2px auto;
padding: 0px;
height: auto;
width: 760px;
background-color:#000;
text-align: center;
}
#containerGauche
{
float:left;
width: 960px;
padding:0px;
margin:0px;
color:#FFF;
background-color:#576D96;
}
#containerGauche a:link,
#containerGauche a:active,
#containerGauche a:visited,
#containerGauche a:hover
{
color: #FC0;
}
#contact
{
float:left;
width: 960px;
height: 794px;
margin-left: auto;
margin-right: auto;
background-image: url(img/contact.jpg);
}
#top
{
height: 24px;
padding-top: 6px;
border-bottom: 1px solid #ccc;
background: url(img/barBg.jpg) repeat-x top left;
}
#entete_f {
height: 120px;
padding: 0px;
background: url(images/entete_f.jpg) no-repeat top left;
}
#entete_e {
height: 120px;
padding: 0px;
background: url(images/entete_e.jpg) no-repeat top left;
}
#content
{
padding: 0px;
margin: 0px;
background: #666;
}
#frontPageImg div
{
margin: 0 auto;padding: 10px 2px 0px 0px;}
#frontPageImg img
{
padding: 1px;border: 1px solid #ccc;}
.inner
{
padding-left: 20px;
}
.contentHead img
{
float: left;
margin: 0 5px 0 0;
}
#rightColumn ul
{
list-style-type: square;padding: 0;margin: 0 0 0 25px;}
#rightColumn li
{
padding: 0;margin: 0;}
#rightColumn li a.on
{
font-weight: bold;}
#tripsSubMenu
{
height: 30px;}
#tripsSubMenu ul
{
list-style-type: square;margin: 0;padding: 0;}
#tripsSubMenu ul li
{
float: left;padding: 0 5px;margin: 0 15px;}
#snerpa
{
float: left;padding-right: 0px;margin-top: 0px;clear: both;}
#bigFoot
{
width: 900px;height: auto;overflow: hidden;border-top: 1px solid #ccc;padding: 5px 0 5px 0;}
#bigFoot .box, #bigFoot2 .box
{
float: left;display: inline;width: 270px;padding: 5px 13px;font: "Trebuchet MS";font-size: 100%;color: #666;text-align: center;}
#bigFoot .name
{
padding-top: 5px;font-weight: bold;}
#bigFoot2
{
width: 900px;height: auto;overflow: hidden;border-top: 1px solid #ccc;padding: 5px 0 5px 0;}
#frontPageTop
{
width: 900px;}
#frontPageTop .kynning
{
line-height: 17px;font-size: 100%;}
#frontPageTop .box h3
{
padding: 0px 0px 4px 0px;}
#frontPageTop .box ul
{
margin: 0 0 0 20px;}
#frontPageTop .box li
{
line-height: 23px;}
.bodyBox
{
float: left;width: 428px;text-align: justify;line-height: 17px;font-size: 100%;color: #333;}
.bodyBox .inner
{
padding: 10px 0;}
.bodyBox .innerLeft
{
padding-right: 15px;}
.bodyBox .innerRight
{
padding-left: 5px;}
.bodyBox .terms
{
padding-left: 15px;padding-right: 15px;background: #fffcdc;}
.bodyBox table
{
margin: 15px 0;width: 100%;}
.bodyBox td
{
text-align: center;padding: 3px;}
.bodyBox thead td
{
text-align: center;font-weight: bold;font-size: 115%;}
.bodyBox thead
{
background-color: #f8f8f8;border: 1px solid #ddd;}
.bodyBox td a.red
{
color: #ff0000;font-weight: bolder;}
#bCharter .bodyBox .innerLeft, #bCharter .bodyBox .innerRight
{
display: none;}
#msgNotOkBooking
{
height: auto;width: auto;padding: 10px;border: 1px solid #ff0000;margin-bottom: 20px;line-height: 17px;}
#msgOkBooking
{
height: auto;width: auto;padding: 10px;border: 1px solid #2bcb05;margin-bottom: 20px;line-height: 17px;}
#bookingForm
{
margin: 0px 0px 10px 0px;}
#bookingForm label
{
display: block;}
.booker
{
float: left;width: 250px;}
#bookingForm p
{
padding: 5px 0;}
.checkBoxTerms
{
line-height: 20px;padding-top: 3px;}
.checkBoxTerms input
{
margin-right: 5px;margin-bottom: 3px;vertical-align: middle;}
legend input
{
margin-right: 5px;margin-bottom: 3px;vertical-align: middle;}
#search
{
float: left;padding: 0;margin: 0px;display: inline;margin-left: 30px;}
#search_input
{
border: 1px solid #666;padding: 2px 0;margin: 0px;height: 13px;width: 90px;margin-left: 5px;background: #fff url(formBg.jpg) repeat-x top left;}
.searchText
{
font-size: 11px;color: #666;}
#languages
{
float: right;display: inline;margin-right: 20px;margin-top: 3px;}
#sitemap
{
float: right;display: inline;margin-right: 6px;margin-top: 0px;}
a.rss
{
float: left;display: block;width: 20px;height: 20px;background: url(rss.gif) no-repeat top left;}
#languages img, #search img, #sitemap img
{
border: none;margin-left: 10px;}
#bMaps img
{
border: none;}
.center
{
text-align: center;}
.left
{
float: left;}
.right
{
float: right;}
.voilier
{
float:left;
width: 960px;
margin-left: auto;
margin-right: auto;
}
.voilierGauche
{
float:left;
width: 640px;
padding: 20px;
}
.voilierDroit
{
width: 200px;
padding: 10px;
float:right;
}
.voilier h3
{
color: #333;
padding: 0 0 5px 0;
}
.voilier h3 a
{
color: #FDDE00;
text-decoration: none;
}
.voilier img
{
float:right;
padding: 1px;
border: 1px solid #ccc;
}
.voilier .menu
{
float: left;display: inline;width: 150px;margin-left: 22px;padding: 8px 0 4px 0;z-index: 30;}
.voilier .menu ul
{
margin: 5px 0 0 10px;}
.submit
{
background: #666;color: #fff;padding: 3px 3px;}
.formBg
{
background: #fff url(formBg.jpg) repeat-x top left;}
.backButton
{
padding-bottom: 5px;}
.commentInvite
{
margin: 5px 0;}
#bBookingform #content, #bBookingfinish #content
{
background: #f5f5f5;}
#containerDroit {
float:left;
width: 240px;
padding:0px;
margin:0px;
}
#menues {
position: absolute;
top: 25px;
left: 1100px;
width: 150px;
}
#menues .menu {
float: left;display: inline;
}
#menues .menu .img
{
float:right;
padding: 1px;
border: 1px solid #ccc;
}
.banniere
{
width:134px;
height=101px;
padding:0px;
background-color: #FFF;
}
.banniere h3
{
text-align:center;
font-size: 100%;
padding: 0px;
}
.banniere h3 a
{
font-size: 100%;
color: #336; /* FDDE00 */
background-color: #FFF;
text-decoration: none;
}
.banniere img
{
float:right;
padding:1px;
background-color: #FFF;
border: 1px solid #CCC; /* cadre autour de la photo */
}
/* page voilier detail */
#colonnemilieu {
float: right;
width: 600px;
}
#colonnegauche {
float: left;
width: 170px;
padding: 5px;
margin: 0px;
}
#colonneGlobal {
float: right;
padding: 0px;
margin:0px;
width: 600px;
background-color:#FFF;
/* background-color:yellow; */
}
#imagegrande {
float: right;
width: 368px;
height: 276px;
padding: 10px;
margin: 3px 5px ;
background: white;
border: 1px solid;
border-color: #AAA #444 #444 #AAA;
}
#imagegauche {
float: right;
height: 101px;
width: 134px;
padding: 10px;
margin: 3px 5px;
background: white;
border: 1px solid;
border-color: #AAA #444 #444 #AAA;
}
/* Debut des balises Menu */
#menuhorizon {
float: left;
width: 960px;
height: 22px;
margin: 0px;
padding: 0px;
background-color:#336;
border-top:1px solid #FFF;
border-bottom:1px solid #666;
font: 11px Geneva,Arial, Helvetica, sans-serif;
font-size: 12px;
/* C63 CCC */
}
#menuhorizon ul li {
float: left;
list-style: none;
text-align: center;
margin: 0px;
padding: 3px;
width: 100px;
background-color:#336;
}
#menuhorizon a:link,
#menuhorizon a:active,
#menuhorizon a:visited,
#menuhorizon a:hover
{
color: #FC0;
/* FC0 ou F90 */
}
#menuhorizon ul li a:link,
#menuhorizon ul li a:active,
#menuhorizon ul li a:visited,
#menuhorizon ul li a:hover
{
color: #FFF;
text-decoration: none;
display: block;
text-align: center;
margin: 0px;
padding: 0px;
font: 12px Geneva,Arial, Helvetica, sans-serif;
}
#menuhorizon ul li a:link.active {
color: #FC0;
background-color: #336;
border:none;
}
#menuhorizon ul li a:visited.active {
color: #F93;
background-color: #336;
border:none;
}
#menuhorizon ul li a:hover {
color: #699;
background-color: #336;
}
/* Fin des balises Menu */
#gauche960
{
float: left;
width: 960px;
background-color:#576D96;
}
#image_defilante {
float: right;
width: 727px;
background-color:#576D96;
padding:0px;
margin:0px;
}
#gauche200 {
float: left;
width: 200px;
padding:5px;
margin:0px;
}
#news {
width: 180px;
display: inline;
font-family: Arial, verdana, "lucida console", sans-serif;
text-align:left;
font-size:12px;
padding:5px;
margin:5px;
color: #FFF;
}
#news a:link,
#news a:active,
#news a:visited,
#news a:hover
{
color: #FFF;
}
#gauche900texte
{
float: left;
width: 900px;
padding: 10px 30px 0px 30px;
margin:0px;
color:F00;
text-align:left;
}
#gauche900_inscription
{
float: right;
width: 900px;
padding:20px;
margin:0px;
color:F00;
text-align:center;
}
#gauche_contact
{
float: left;
width: 960px;
height:430px;
padding:0px;
margin:0px;
color:F00;
background-image: url(images/contact.jpg);
}
#gauche_contact_texte
{
float: left;
padding:10px;
margin:10px;
}
#gauche_contact_texte a:link,
#gauche_contact_texte a:active,
#gauche_contact_texte a:visited,
#gauche_contact_texte a:hover
{
color: #26305F;
font-weight: bold;
}
#ddm_texte
{
float: left;
padding: 0px;
margin: 0px;
}
#ddm_texte a:link,
#ddm_texte a:active,
#ddm_texte a:visited,
#ddm_texte a:hover
{
color: #699;
}
#pied {
width: 960px;
margin: 0px;
height: 30px;
padding: 0px;
border-top: 1px solid #666;
border-bottom: 1px solid #000;
background-color:#336;
color:#FFF;
}
#pied a:link,
#pied a:active,
#pied a:visited,
#pied a:hover
{
color: #FFF;
}
#pied div {
height: 20px;
text-align: center;
padding-top: 10px;
}
/* gestion des photos */
#cadreDroit500 {
float: right;
width: 650px;
padding: 10px;
margin: 5px;
color:#FFF;
}
#cadreDroit_2_photos {
float: right;
width: 450px;
padding: 10px;
margin: 5px;
color:#FFF;
}
#titreDroit500 {
float: right;
width: 500px;
padding: 0px;
margin: 0px;
}
/* --- phototheque1 --- pour la page voilier detail*/
ul.phototheque1
{
float: left;
list-style: none;
/* background-color: #F00; */
padding: 3px 3px 3px 7px;
width: 200px; /* ddm */
margin: 0px;
text-align: center;
}
ul.phototheque1 /* ie6 */
{
_padding-left: 5px;
_padding-right: 5px;
}
*:first-child+html ul.phototheque1 /* ie7 */
{
padding-left: 5px;
padding-right: 5px;
}
ul.phototheque1 li
{
display: block;
float: left;
width: 180px;
height: 135px;
text-align: center;
}
ul.phototheque1 li img
{
width: 175px;
height: 130px;
border: 1px solid #CCC;
}
ul.phototheque1 li a
{
position: relative;
z-index: 1;
display: block;
float: left;
width: 175px;
height: 80px;
margin-top: -89px;
margin-left: 4px;
font-size: 10px !important;
text-decoration: none!important;
background-image: url(img/pixelt.gif);
line-height: 10px;
}
ul.phototheque1 li a span
{
display: none;
}
ul.phototheque1 li a /* ie6 */
{
_margin-left: 3px;
}
*:first-child+html ul.phototheque1 li a /* ie7 */
{
margin-left: 6px;
}
ul.phototheque1 li a:hover
{
background-position: right top;
background-repeat: no-repeat;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
ul.phototheque1 li a
{
height: 90px !important;
}
/* pour 2 photos */
ul.phototheque2
{
float: left;
list-style: none;
/* background-color: #F00; */
padding: 3px 3px 3px 7px;
width: 400px; /* ddm */
margin: 0px;
text-align: center;
}
ul.phototheque2 /* ie6 */
{
_padding-left: 5px;
_padding-right: 5px;
}
*:first-child+html ul.phototheque2 /* ie7 */
{
padding-left: 5px;
padding-right: 5px;
}
ul.phototheque2 li
{
display: block;
float: left;
width: 180px;/*112*/
height: 135px;/*87 ddm */
text-align: center;
}
ul.phototheque2 li img
{
width: 175px;
height: 130px;
border: 1px solid #CCC;
}
ul.phototheque2 li a
{
position: relative;
z-index: 1;
display: block;
float: left;
width: 180px;
height: 135px;
margin-top: -100px;
margin-left: 4px;
font-size: 10px!important;
text-decoration: none!important;
background-image: url(img/pixelt.gif);
line-height: 10px;
}
ul.phototheque2 li a span
{
display: none;
}
ul.phototheque2 li a /* ie6 */
{
_margin-left: 3px;
}
*:first-child+html ul.phototheque2 li a /* ie7 */
{
margin-left: 6px;
}
ul.phototheque2 li a:hover
{
background-position: right top;
background-repeat: no-repeat;
background-image: url(img/bg_prod.gif);
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
ul.phototheque2 li a
{
height: 90px !important;
}
/* --- pour la page galerie */
#photo_galerie {
float:left;
padding:0px;
margin: 0px;
width: 200px;
height: auto;
text-align:center;
color:#FFF;
}
#photo_galerie_global {
float:left;
padding:0px;
margin: 0px;
width: 900px;
height: auto;
text-align:center;
color:#FFF;
}
/* phototheque global */
ul.phototheque5
{
float: left;
list-style: none;
padding: 4px;
width: 900px;
margin: 0px;
text-align: center;
}
ul.phototheque5 /* ie6 */
{
_padding-left: 5px;
_padding-right: 5px;
}
*:first-child+html ul.phototheque5 /* ie7 */
{
padding-left: 5px;
padding-right: 5px;
}
ul.phototheque5 li
{
display: block;
float: left;
width: 180px;
height: 200px;
text-align: center;
}
ul.phototheque5 li img
{
width: 175px;
height: 130px;
border: 1px solid #CCC;
}
ul.phototheque5 li a
{
position: relative;
z-index: 1;
display: block;
float: left;
width: 150px;
height: 100px;
margin-top: -100px;
margin-left: 4px;
font-size: 10px!important;
text-decoration: none!important;
background-image: url(img/pixelt.gif);
line-height: 10px;
}
ul.phototheque5 li a span
{
display: none;
}
ul.phototheque5 li a /* ie6 */
{
_margin-left: 3px;
}
*:first-child+html ul.phototheque5 li a /* ie7 */
{
margin-left: 6px;
}
ul.phototheque5 li a
{
height: 90px !important;
}
/* pour les pages programmes */
#listeDroiteImage {
float:right;
padding:0px;
margin: 0px;
width: 600px;
height: auto;
}
#cotegauche {
float: left;
width: 200px;
height: auto;
padding:10px;
color:#FFF;
}
#cotegauche ul li {
margin: 0px;
padding: 0px;
color:#FFF;
}
#cotegauche ul li a:link,
#cotegauche ul li a:active,
#cotegauche ul li a:visited,
#cotegauche ul li a:hover
{
color:#FFF;
}
#cotegauche ul li a:link.active,
#cotegauche ul li a:visited.active
{
color:#FC0;
}
#cotegauche ul li a:hover
{
color:#FC0;
}
/* formulaire inscription */
#zoneForm {
text-align: left;
font-size: 13px;
color:#FFF;
font-weight: bold;
}
#dataClient {
text-align: left;
padding: 0px;
margin: 0 0 0 10px;
color: #666;
font: 13px Geneva,Arial,Tahoma,sans-serif;
}
#dataClientOrange {
text-align: left;
padding: 0px;
margin: 0 0 0 10px;
color: #FF9C08;
font: 15px Geneva,Arial,Tahoma,sans-serif;
}
#alerte {
color:#FF6633;
font-weight: bold;
font: 15px;
/* marge gauche du texte par rapport au bloc */
}