* {
margin: 0px;
padding: 0px;
}


body {
p-adding: 18px 0px;
t-ext-align: center;
b-ackground-color: #f6f6f5;
f-ont-family: Arial, sans-serif;
f-ont-size: 12px;
c-olor: #000000;
}

div#Footer {
border-top: 10px solid #ffffff;
}

#page {
width: 730px;
margin: 0px auto;
text-align: left;
}

#titre h1, #titre p {
display: none;
}

#titre {
height: 507px;
background-image: url(laissez-vous-embarquer.png);
background-repeat: no-repeat;
background-position: top left;
}

#contenu {
height: 1000px;
background-image: url(carte3.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#bloc1 {
padding: 12px 12px 12px 12px;
width: 367px;
background-color: #ffffff;
margin-top: 7px;
margin-left: 27px;
position: absolute;
}

#bloc3 {
background-color:#FFFFFF;
margin-left: -12px;
margin-top: 26px;
padding: 12px;
position: absolute;

width: 367px;
}


#bloc4 {
background-color:#FFFFFF;
margin-left: 461px;
margin-top: 7px;
padding: 12px;
position: absolute;
width: 200px;
}


#bloc1 .b1 {
padding: 3px 38px 3px 6px;
background-color: #3aaadc;
font-weight: bold;
color: #ffffff;
float: left;
font-size: 13px;
margin: 0px 0px 12px 0px;

}


#bloc1 p {
text-align: justify;
clear: both;
margin: 0px 0px 8px 0px;
font-size: 11px;
}

#bloc1 p b {
color: #333333;
}

#bloc1 p.intro {

}

#bloc1 p.intro b {
color:#006B97;
font-size:15px;
}

#bloc1 .b1 a {
color: #ffffff;
text-decoration: none;
}

#bloc2 {
z-index: 100;
background: transparent;
position: absolute;
margin-left: 461px;
margin-top: 140px;
width: 225px;
}

#bloc2 h2 {
background-color: #000000;
margin-bottom: 5px;
color: #ffffff;
padding: 3px 6px;
font-weight: bold;
font-size: 14px;
}

#bloc2 p {
background-color: #000000;
color: #ffffff;
padding: 3px 6px;
font-size: 11px;
}


div#s1 {
height: 20px;
}

p.lien:hover {
cursor: pointer;
}

#programme, #noms-villes {
display: none;
}

#noms-villes {
font-size: 18px;
font-weight: bold;
}

#noms-villes #bonifacio {
position: absolute;
margin-top: 696px;
margin-left: 126px;
}

#noms-villes #porto-vecchio {
position: absolute;
margin-top: 265px;
margin-left: 630px;
width: 100px;
}

#bloc2 p.ti {
padding-bottom: 10px;
}

h2.ti, p.ti {
cursor: pointer;
}

#inscription {
display: none;
background-color: #000000;
color: #ffffff;
padding: 8px 6px 3px 6px;
margin-top: 5px;
font-size: 11px;
}

#inscription input, #inscription textarea {
margin: 3px 0px 9px 6px;
}

#inscription input.l {
margin-bottom: 0px;
}

#inscription br.sep {
margin-bottom: 9px;
margin-up: 9px;
}


#inscription label {
padding: 0px 0px 0px 5px;
margin: 0px;
display: inline;
}

#inscription em {
padding: 0px 5px;
font-weight: bold;
font-size: 1.2em;
color: #ff3333;
}

#inscription .ft {
width: 175px;
padding: 2px;
border: 1px solid #999999;
}


#msg {
display: none;
}

.erreur {
border: 2px solid black;
padding: 8px;
background-color: #ff0000;
color: #ffffff;
font-size: 13px;
font-weight: bold;
}

.erreur p {
padding: 0px !important;
background-color: #ff0000 !important;
}

.erreur em {
font-weight: bold;
font-size: 1.2em;
}

.ok {
border: 2px solid black;
padding: 6px;
background-color: #66cc00;
color: #000000;
font-size: 13px;
font-weight: bold;
}

.ok p {
padding: 0px;
background-color: #66cc00 !important;
}



div.Full {
display: none;
}

div#Breadcrumb {
display: none;
}


#demandes-reserves, #demandes-mediterranee {
display: none;

}


.act, .act:hover {
color: #006ca5 !important;
}


#telechargements ul {
margin-bottom: 27px;
}

span.sp {
cursor: pointer;
}

#addthis {
margin: 10px 0px 0px 0px;
}


#bloc1 li p {
margin-bottom: 0px;
}


