/* Retour */
.retour {
  float: right;
  font-size: 12px;
}
.retour a {
  color: #363636;
  border-right: 6px solid #E8EBF0;
  border-bottom: 1px solid #E8EBF0;
  padding-right: 6px;
  padding-bottom: 2px;
  text-decoration: none;
}
.retour a:visited {
  color: #363636;
}
.retour a:active {
  color: #363636;
}
.retour a:hover {
  color: #0076D7;
  border-color: #518BC6;
}


/* SOUS-MENU LOCATIONS */
.menul { margin-top: -20px; margin-left: -40px; margin-right: -40px; margin-bottom: 20px; border-top: 1px solid #65DAED; background-color: #3C3B74; height: 42px; }
.menuloc, .menuloc ul { width: 100%; list-style: none; padding: 0; margin: 0; background-color: #3C3B74; }
.menuloc li { float: left; padding: 0; line-height: 13px; font-style: italic; text-transform : uppercase; }
.menuloc li.centrerHaut { float: left; padding-left: 50px; } /*### CENTRAGE ###*/
.menuloc a { display: block; color: #FFFFFF; text-decoration: none; padding: 8px 12px; height: 26px; }
.menuloc em { display: block; color: #FFFFFF; text-decoration: none; padding: 8px 3px; }
.menuloc a:hover { background-color: #518BC6; color: #FFFFFF; }
.menuloc a.sousmenu, a.sousmenu:hover { background: url("./../images/imgMenuDroite.png") center right no-repeat; }
.menuloc a.sousmenu:hover { background: url("./../images/imgMenuDroite.png") center right no-repeat; }
.menuloc li ul { position: absolute; left: -999em; height: auto; width: 18em; margin: 0; border: none; background: #3C3B74; }
.menuloc li li { padding-right: 1em; width: 17em; border-width: 0; text-transform : none; line-height: 10px; }
.menuloc li ul a { width: 13em; }
.menuloc li ul a:hover { width: 13em; background: #518BC6; color: #FFFFFF; }
.menuloc li ul ul { margin: -2.5em 0 0 18em; } /* top à cherchern et left idem menugen li li */
.menuloc li:hover ul ul, .menuloc li:hover ul ul ul, .menuloc li.sfhover ul ul, .menuloc li.sfhover ul ul ul { left: -999em; }
.menuloc li:hover ul, .menuloc li li:hover ul, .menuloc li li li:hover ul, .menuloc li.sfhover ul, .menuloc li li.sfhover ul, .menuloc li li li.sfhover ul { left: auto; }
.menuloc li ul li:hover, .menuloc li ul li.sfhover { background: #518BC6; }

/* ARRIERE PLAN */
#col0               { background-image: url('./../images/locations/background.png'); background-repeat: no-repeat; height: 600px; width: 600px; }

/* Liste des bateaux vitrines */
.listeBato			  {
	margin: 0px;
	padding: 0px;
	font-size: small;
	margin-left: 60px;
	margin-bottom: 60px;
}

.listeBato ul           { display: inline;  list-style: none; }
.listeBato li           { float: left; padding: 2px; }
.listeBato a            { color: #363636; text-decoration: none; }
.listeBato a:visited    { color: #363636; }
.listeBato a:active     { color: #363636; }
.listeBato a:hover      { color: #0076D7; }







/* VITRINE BATEAUX CBC */
.batos              { border-left: 1px solid #B6CDE6; margin-left: 14px; padding-bottom: 10px; padding-left: 10px; float: right; margin-right: 0px; }
.batos table        { padding: 0px; margin: 0px; border-spacing: 0px; border-collapse: collapse; }
.batos th           { text-align: center; text-transform : uppercase; }
.batos a            { color: #363636; text-decoration: none; }
.batos a:visited    { color: #363636; }
.batos a:active     { color: #363636; }
.batos a:hover      { color: #0076D7; }
.bateau             { height: 140px; width: 120px; background-image: url(./images/imgPolaroid.jpg); background-repeat: no-repeat; background-position: center center; float: none; }
.bateau p           { padding-top: 104px; text-align: center; font-size: 10px; }

/* VIDEO PRESENTATION */
.video              { margin-bottom: 20px; margin-left: 40px; padding: 0px; background-color: #000000; width: 350px;  }

/* TEXTE PRESENTATION */
.prestation         { margin: 0px; padding: 0px; font-size: 14px; }
.prestation h1      { margin: 0px; padding: 0px; padding-bottom: 6px; }
.prestation h2      { margin: 0px; padding: 0px; margin-left: 20px; padding-bottom: 6px; font-style: italic; }
.prestation ul      { margin: 0px; padding: 0px; margin-left: 40px; }
.prestation li      { margin: 0px; padding: 0px; padding-bottom: 12px; }
.prestation p       { margin: 0px; padding: 0px; padding-bottom: 8px; }
.prestation a       { text-decoration: none; }

/* DEMANDE DE DEVIS */
.devis              { font-size: 14px; padding-bottom: 10px; font-weight: bold; text-align: center; }
.devis a            { text-decoration: none; }
.devis em           { font-size: 11px; font-weight: normal; }

/* EN CONSTRUCTION */
.onwork             { width: 450px; font-size: 12px; font-style: italic; text-align: center; }
.onwork p           { text-align: center; }

/* DIAPORAMA */
.locaDiapor         { clear: both; margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 20px; }
.locaPhotos         { float: left; width: 150px; height: 120px; margin: 4px; padding: 2px; border: 1px solid #DDDDDD; text-align: center; vertical-align: middle; }
.locaPhotos:hover   { border: 1px solid #0076D7; }
.locaPhotos img     { width: 150px; }


/* CALENDRIER */
.batoCalend {
  clear: both;
  margin: 0px;
  padding: 0px;
  padding-bottom: 20px;
}
.batoCalend table {
  font-size: 12px;
  padding: 0px;
  border: 1px solid #E8EBF0;
}
.batoCalend tr {
  padding: 4px;
}
.batoCalend th {
  font-style: italic;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  background: #E8EBF0;
  padding: 4px;
  border-bottom: 1px solid #E8EBF0;
}
.batoCalend td {
  padding: 4px;
  vertical-align: top;
 }
.batoCalRsI {
  background: #FFF0F0;
}
.batoCalRsP {
  background: #FFCCCC; 
}
.batoCalLbI {
 /* background: #E5EFF7; */
}
.batoCalLbP {
 /* background: #B6CDE6; */
}
.batoCalMon {
  background: #E8EBF0;
  font-style: italic;
  font-weight: normal;
  text-align: left;
  padding-left: 20px;
}
.batoCalPag {
  background: #E8EBF0;
  color: #363636;
  font-weight: normal;
  text-align: center;
  font-weight: bold;
}

.batoCalPag a {
  font-size: 12px;
  text-decoration: none;
  color: #363636;
}
.batoCalPag a:visited {
  color: #363636;
}
.batoCalPag a:active {
  color: #363636;
}
.batoCalPag a:hover {
  color: #363636;
  text-decoration: underline;
}


.batoCalDat {
/*  width: 80px;*/
  text-align: left;
	border-top : 1px solid #363636;
	border-bottom : 1px solid #363636;
}
.batoCalEve {
/*  width: 90px;*/
  text-align: left;
	border-top : 1px solid #363636;
	border-bottom : 1px solid #363636;
}
.batoCalBat {
/*  width: 100px;*/
  text-align: left;
	border-top : 1px solid #363636;
	border-bottom : 1px solid #363636;
}
.batoCalDes {
  text-align: left;
/*  width: 330px;*/
	border-top : 1px solid #363636;
	border-bottom : 1px solid #363636;
}
.batoCalZon {
/*  width: 140px;*/
  text-align: left;
	border-top : 1px solid #363636;
	border-bottom : 1px solid #363636;
}
.batoCalTar{
/*  width: 70px;*/
  text-align: right;
	border-top : 1px solid #363636;
	border-bottom : 1px solid #363636;
}

.batoCalend a {
  font-size: 12px;
  text-decoration: none;
  color: #0076D7; 
}
.batoCalend a:visited {
  color: #0076D7;
}
.batoCalend a:active {
  color: #0076D7;
}
.batoCalend a:hover {
  color: #0076D7;
  text-decoration: underline;
}

/* RECHERCHE */
.recherche form{
  margin: 0px;
  padding: 0px;
  padding-left: 50px;
}

.recherche fieldset{
  border: none;
  margin: 0px;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  float: left;
}

.recherche p{
  margin: 0px;
  padding: 0px;
  padding-bottom: 4px;
  font-size: 11px;
}

.recherche label{
  width: 130px;
  margin: 0px;
  padding: 0px;
  padding-top: 4px;
  float: left;
}

.recherche input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
  width: 180px;
  margin: 0px;
  margin-bottom: 4px;
  padding: 0px;
}

.recherche select {
  width: 180px;
  margin: 0px;
  margin-bottom: 4px;
  padding: 0px;
}

.recherche em{
  font-size: xx-small;
}

.valide {
  padding-top: 40px;
  float:left;
}

.typeve {float: left;}
.typbat { }
.typbat label { padding-left: 10px; }
.capaci { float: left;}
.capaci select {
  width: 100px;
  margin: 0px;
  margin-bottom: 4px;
  padding: 0px;
}

.tarmin { float: left;}
.tarmin label{ width: 80px; padding-left: 10px;}
.tarmin input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
  width: 60px;
  margin: 0px;
  margin-bottom: 4px;
  padding: 0px;
}
.tarmax { }
.tarmax label{ width: 80px; padding-left: 10px;}
.tarmax input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
  width: 60px;
  margin: 0px;
  margin-bottom: 4px;
  padding: 0px;
}

.euro {
clear: both;
  width: 60px;
  float: none;
  margin: 0px;
  margin-bottom: 4px;
  padding: 0px;
}

.calmin { float: left;}
.calmin label {}
.calmin input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
  width: 80px;
  margin: 0px;
  margin-bottom: 4px;
  padding: 0px;
  background-image:url('./../images/icoCalendrier.jpg');
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 18px;
}
.calmax { }
.calmax label{ width: 40px; padding-left: 10px;}
.calmax input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
  width: 80px;
  margin: 0px;
  margin-bottom: 4px;
  padding: 0px;
  background-image:url('./../images/icoCalendrier.jpg');
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 18px;
}




























/* MENU RAPIDE DE BAS DE PAGE */
.footlink p         { margin: 0px; padding: 0px; padding-left: 10px; padding-right: 10px; font-size: xx-small; text-align: center; }
.footlink a         { text-decoration: none; margin: 0px; padding: 0px; }
.footlink a:link    { text-decoration: none; }
.footlink a:active  { text-decoration: none; }
.footlink a:visited { text-decoration: none; }
.footlink a:hover   { text-decoration: underline; }
.footlink strong    { font-weight: normal; }

/* LIENS DE BAS DE PAGE */
.footlink p         { margin: 0px; padding: 0px; padding-left: 10px; padding-right: 10px; font-size: xx-small; text-align: center; }
.footlink a         { text-decoration: none; margin: 0px; padding: 0px; }
.footlink a:link    { text-decoration: none; }
.footlink a:active  { text-decoration: none; }
.footlink a:visited { text-decoration: none; }
.footlink a:hover   { text-decoration: underline; }
.footlink strong    { font-weight: normal; }