* {margin: 0; padding: 0;}
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}
body {
background-image: url(../../images/fondPage.jpg);
background-color: #88BCD4;
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 12px;
color: #105896;
}
a {color: #105896;}

#allContent {
width: 930px;
margin: 0 auto;}

#content {
width: 890px;
padding: 0 20px 20px 20px;
background-color: #FFFFFF;}

#content h1 {font-size: 24px;}
#content h2 {font-size: 17px; padding-bottom : 10px;}
#content h4 {font-size: 13px;}
#content h3 {font-size: 15px;}

/*//////////////////////////////////////////////////// Tetiere */
#tetiere {
position: relative;
display: block;
width: 930px; 
height: 128px;
background-image: url(../../images/tetiere.jpg);
background-repeat: no-repeat;
}

#version { 
list-style: none;
position: absolute; right: 0; top: 10px;}
#version li { float: left; margin-right: 4px; }

#version li a span { display: none; }

#version li#fr a { 
display: block;
width: 29px; height: 20px;
background: transparent url(../../images/drapFra.gif) no-repeat; }

#version li#uk a { 
background: transparent url(../../images/drapUk.gif) no-repeat;
display: block;
width: 39px; height: 20px;}

#version li#it a { 
display: block;
width: 29px; height: 20px;
background: transparent url(../../images/drapIt.gif) no-repeat; }

/*//////////////////////////////////////////////////// Home Page */

#actuHome {
float: left;
width: 240px;
padding: 5px 20px 10px 20px;
}

.blocMeteo {
padding: 5px 0 10px 26px;
}

.blocPictoVideo {
display: block;
width: 240px;
height: 144px;
padding: 5px 0 10px 26px;
}






#actuHome h1 {
float: left;
display: block;
font-size: 14px;
width: 170px; 
height: 30px;
background-image: url(../../images/vagueTitreActualites.gif);
background-repeat: no-repeat;
padding: 20px 0 10px 73px;
color: #fff;
}


.bloc1 {
padding-bottom: 5px;
border-bottom: 1px #009DE8 solid;
}

#actuHome h2 {
padding: 5px 0 5px 0;
font-size: 14px;
color: #15638F;
}

#actuHome img {
border: 0;
display: block;
clear: both;
float: left;
padding: 0 40px 5px 0;
}

#actuHome p.promotions {
font-size: 11px;
padding-top: 5px;
}




#blocHome {
float: left;
width: 580px;
}

#blocHome img {
padding: 5px;
}

#blocHome h1 {
font-size: 18px;
padding: 5px 0 5px 0;
}

#blocHome h2 {
display: block;
font-size: 14px;
padding: 5px 0 2px 0;
margin-bottom: 8px;
border-bottom : 1px #5CA3D7 solid;
}

#blocHome p {
padding-bottom: 5px;
}



/*//////////////////////////////////////////////////// Diaporama */
.diaporama  {
background-image: url(../../images/fondPage.jpg);
padding: 40px 0 20px 0;
margin: 0 auto;
text-align: center;
color: #fff;
}
.diaporama a  {
font-size: 12px;
color: #fff;
}
.diaporama img {
padding: 4px;
border: 1px #003366 solid;
}
.diaporama p {
padding: 10px;
}

td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003366;
}


/*//////////////////////////////////////////////////// La flotte */

.blocBateau
{position: relative;
float: left;
padding: 0 40px 20px 0;
}

.nouveau
{position: absolute;
display: block;
width: 100px;
height: 20px;
top: 15px;
left:0;
}

.blocBateau img
{border: none;}

.blocBateau h3
{padding-bottom: 0;} 

.blocBateau p
{padding-bottom: 3px;} 

.zoom a
{font-size: 11px;
padding: 5px 0 5px 0;
display: block;
height: 9px;
width: 225px;
background: url(../../images/pictoZoom.gif);
background-position: 150px 3px;
background-repeat: no-repeat;
text-align: right;} 

.filetBas 
{width: 225px;
border-bottom: 1px #0095E5 solid;}

#zoomFlotte {padding: 10px;}

#zoomFlotte h1 
{font-size: 16px;
padding: 4px;}

#zoomFlotte h2 
{font-size: 14px;
padding: 2px;
color: #FFFFFF;
background-color: #5CA3D7;}

#zoomFlotte .font11pixgris 
{font-size: 11px;}

/*//////////////////////////////////////////////////// Tarifs */

#tarifs h4 {
padding-bottom: 5px;} 

.button {
color: #fff;
background-color: #34445D;
border: none;
padding: 4px;
margin: 2px;
font-size: 12px;
font-weight: bold;}

.buttonannuler {
color: #fff;
background-color: #5CA3D7;
border: none;
padding: 2px;
margin: 2px;
font-size: 12px;} 

/*//////////////////////////////////////////////////// Reservation */

#colGauche.filet {
float: left;
width: 230px;
padding: 20px 20px 10px 20px;
border: 1px #5CA3D7 solid;
}

#colGauche{
float: left;
width: 230px;
padding: 20px 20px 10px 20px;
}


#colDroite {
float: left;
width: 590px;
padding: 0 10px 10px 10px;
}

#colDroite p {
padding-top: 5px;
}

.retour {
text-align: right;
padding-bottom: 10px;
}

#dates {
width: 570px;
border: 1px #5CA3D7 dashed;
padding: 10px;
margin-bottom: 20px;
}

#dates p {
padding: 0 0 10px 0;

}

.logoNauticAventures {
background: url(../../images/smallLogo.jpg);
background-position: top right;
background-repeat: no-repeat;}

input, 
select, 
textarea {
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #01112A;
	padding: 2px;
	margin: 2px;
  background-color: #C9E9EA;
	border: 1px #0075C2 solid;}

.jour {
width: 50px;}
.annee {
width: 80px;}
.commentaires {
width: 420px;
margin-bottom: 10px;}


.cnil {
padding: 20px 0 10px 0;
font-size: 10px;} 



#colGauche h3 {
font-size: 16px;
padding: 5px 0 15px 0;
}

#colDroite h4	 {
font-size: 14px;
padding: 5px 0 15px 0;}

#colDroite #dates h4	 {
font-size: 16px;
padding: 10px 0 0 0;}

/*//////////////////////////////////////////////////// Liens */
#liens h5 {
display: block;
font-size: 16px;
padding: 0 0 5px 0;}

#liens h1 {
padding: 5px 0 30px 0;}

#liens .logo {
height: 50px;
float: left;
padding: 0 10px 5px 0;
display: block;}

/*//////////////////////////////////////////////////// Pontons */
#colGauche p {
padding: 5px 0 0 0;}

#colDroite h4	 {
font-size: 13px;
padding: 0 0 5px 0;}

/*//////////////////////////////////////////////////// Contact*/
#contact #colDroite h4	 {
padding: 20px 0 5px 0;}


/*//////////////////////////////////////////////////// Videos*/
#videos #colDroite .lecteur {
padding: 0 0 0 130px;}




/*//////////////////////////////////////////////////// Footer */

#footer {
text-align: center;
font-size: 12px;
color: #003366;
padding-bottom: 20px;
}
#footer p {
padding-top: 5px;
}

#footer a{
color: #003366;
}

#footer a.link{
color: #88BCD4;
}