html, body{
font-size: 12px;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;}

#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

body p {
line-height: normal;
}

a img {border: 0;}

h1, h2, h3, h4, h5, h6 {
        font-family: 'BenchNine', sans-serif;
        text-transform: uppercase;
    font-weight: normal;
    line-height: normal;
    padding: 0;
    margin: 0;
    display: block;
}

h1 {
    font-size : 28px;
}

h2 {
    margin: 0 0 10px 0;
    font-size : 20px;
}

h3 {
    font-size : 18px;
}

h5 {
    font-size : 16px;
}

/*********************************************************************/
/* Navigation Desktop */
/********************************************************************/

#navigation .logo {
text-align: center;
margin: 0 0 20px 0;
}

#navigation .logo a {
border: 0;
}

#navigation .well {
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.8);}

#navigation .well h1 {
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
font-weight: normal;
line-height: normal;
margin: 0;
padding: 0;
font-family: 'BenchNine', sans-serif;}

#navigation .nav-list {
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px;
}

#navigation .nav-list > li > a {
margin-bottom: 1px;
background: #000;
color: #fff;
padding: 6px 15px;
}

#navigation .nav-list > li > a:hover {
background: #FFc400;
color: #000;
}

img.flag {
margin: 5px 0 0 5px;
display: block;
float: right;}



/*********************************************************************/
/* Navigation Mobile */
/********************************************************************/

#navigation-mobile .logo {
text-align: center;
margin: 0 0 20px 0;
}

#navigation-mobile .logo a {
border: 0;
}

#navigation-mobile .well {
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.8);}

#navigation-mobile .well h1 {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
font-weight: normal;
line-height: normal;
margin: 0;
padding: 0;
font-family: 'BenchNine', sans-serif;}

#navigation-mobile .nav-list {
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px;
}

#navigation-mobile .nav-list > li > a {
margin-bottom: 1px;
background: #000;
color: #fff;
padding: 6px 15px;
}

#navigation-mobile .nav-list > li > a:hover {
background: #FFc400;
color: #000;
}

img.flag {
margin: 5px 0 0 5px;
display: block;
float: right;}









/*********************************************************************/
/* Home page */
/********************************************************************/
.carousel
{margin-bottom: 0;
padding: 0;}

.slide {
	margin: 0 0 20px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	border: 10px #fff solid;
}

#infos .span4 {
margin-bottom: 10px;}

#infos h2 {
	text-transform: uppercase;
	font-family: 'BenchNine', sans-serif;
	border-bottom: 1px #999 solid;
}

#infos img {
	margin: 0 0 10px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#infos .btn {
float: right;}

#infos i {
    font-size: 14px;
}

#infos i {
color: #0088FF;}

#infos .btn {
float: right;}

.imgEdito {float: left;
margin: 0 10px 0 0;}


/*********************************************************************/
/* bateaux Neufs */
/********************************************************************/

#neufs .well{
background: #fff;
}

#neufs .logos {
width: 80%;
margin: 0 auto 50px auto;
text-align: center;
list-style: none;
padding: 0;
}

#neufs .logos li {
text-align: center;
margin: 30px 0;
}

#neufs .logos li span {
display: block;
margin: 20px auto 0 auto;
}



/*********************************************************************/
/* Pontons */
/********************************************************************/
#pontons .span6.ponton:nth-child(odd) {
    margin: 0;
}

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

#flotte .span4 {
margin-left: 0;
}

.blocBateau {
position: relative;
border: 1px #999 solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;
margin: 0 10px 10px 0;
min-height: 220px;
}
.blocBateau h2 {
	color: #fff;
	background: #000;
font-size: 17px;
padding: 5px;
margin: 0;}

.blocBateau img {
margin: 0 0 5px 0;
}

.blocBateau img a {
border: 0;
}

.blocBateau p {
line-height: normal;
font-weight: normal;
margin: 0;
padding: 0;
}

.blocBateau .flagNouveau {
    font-weight: bold;
    padding: 3px 10px;
display: block;
background: #FFCC33;
z-index: 10;
position: absolute;
top: 50px;
left: 0;
width: 50px;
height: 20px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

div.img {
    height: 160px;
    background-position: center;
    background-size: cover;
}
@media screen and (max-width: 400px) {
    div.img {
        width: 298px;
        height: 199px;
    }
}

.blocBateau a.resize {
    display: block; 
    width: 100%; 
    margin-bottom: 5px; 
    max-width: 230px; 
    background-position: center;
    background-size: cover;
}



/*********************************************************************/
/* Fiche Bateau */
/********************************************************************/

#ficheBateau {
background: url(../../images/bkgFicheBateau.jpg) no-repeat 0 0;
background-attachment:fixed; }

.bkgPhoto {
/*background: #35506C;*/
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px;
}

.photoBateau {
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px;
}

.blocTarif p {
    line-height: normal;
    margin: 0 0 5px 0;
    padding: 0;
}

.form-actions {
    background-color: #F5F5F5;
    border-top: 1px solid #E5E5E5;
    margin: 0;
    padding: 0;
}

#ficheBateau h3,
#recapResa h3 {
font-size: 22px;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
line-height: normal;
border-bottom: 1px #999999 solid;}

.infoPrix {
font-size: 12px;
background: #fff;
}

.blocTarif .tarifs h4 {
    padding: 3px 0 0 5px;
margin: 0 0 5px 0;
font-size: 15px;
text-transform: uppercase;
background: #666;
color: #fff;}

table {
border-collapse: collapse;
border-spacing: 0;
}

.table {
margin-bottom: 5px;
}

.table-condensed td {
    padding: 1px 5px;
}
.table td {
font-weight: bold;
text-align: right;
}

.periode {
font-size: 12px;
font-weight: normal !important;
color: #fff;
background: #000;}

.prix {
background: #ffffff;
}

.bs,
.hs {

font-weight: bold;
width: 15px !important;}

.bs{
background: #8AB8E6;}

.hs{
background: #FFCC00;}

#ficheBateau .plusPhotos {
    display: block;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    border-radius: 5px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    color: #000000;
    float: left;
    font-size: 14px;
    margin: 0 0 0 0;
    padding: 4px 8px 1px 7px;
    line-height: 18px;
}

#ficheBateau .icon-plus-sign {
font-size: 20px;
color: #000;
}

#ficheBateau .plusPhotos:hover  {
text-decoration: none;
background: #999;
color: #ffffff;
}

.btn-primary a {
color: #ffffff;}

#ficheBateau #btnResa {
margin: 10px 0 0 0;
float: right;
}

#ficheBateau.ficheOccasion .description ul li {
    line-height: 15px;
    font-weight: normal;
    text-align: left;
    float: left;
    width: 33%;
    list-style-type: disc;
}
@media screen and (max-width: 400px) {
    #ficheBateau.ficheOccasion .description ul li {
        width: 50% !important;
    }
}

.retour{
float: right;
border: none;
width: auto;
border-radius: 5px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
background: #000;
padding: 5px 10px;
color: #fff;
margin: 0 10px 0 0;
}

.retour:hover {
text-decoration: none;
color: #ffc400;
}

.retour i {
    color: #ffffff;
font-size: 12px;  
}

td.expliqTarif {
    text-align: left;
    font-weight: normal;
}

.label {
    display: block;
    margin: 0 0 5px 0;
    background: #999;
}

.margeBasse {
    margin: 0 0 5px 0;
}

.nav-tabs {
    margin: 20px 0 0 0;
    padding: 0;
}

.nav-tabs > li > a {
    color: #ffffff;
    background: #000000;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    line-height: 16px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.nav-tabs > li > a:hover {
    color: #000000;
}

.tab-content {
    position: relative;
    border-left: 1px #999 solid;
    border-right: 1px #999 solid;
    border-bottom: 1px #999 solid;
    background: #ffffff;
    padding: 10px 15px;
}

.permis {
    border: 1px #000 solid;
    line-height: normal;
    text-align: center;
    color: #000000;
    padding: 5px;
    background: #FFCC00;
    display: block;
    border-radius: 5px;
}


.description h4 {
margin: 0 0 5px 0;
font-size: 16px;
border-bottom: 1px #555 solid;
}

.description ul {
list-style-position: inside;
margin: 0;
}

.description ul li
{line-height: 15px;
font-weight: normal;
text-align: left;
}


.description .skipper {
    border: 1px #000 solid;
    line-height: normal;
    text-align: center;
    color: #000000;
    padding: 5px;
    background: #FFf;
    display: block;
    border-radius: 5px;
    margin: 0 0 10px 0;
}

.description .permis {
    border: 1px #000 solid;
    line-height: normal;
    text-align: center;
    color: #000000;
    padding: 5px;
    background: #FFCC00;
    display: block;
    border-radius: 5px;
}


/*********************************************************************/
/* Recap réservation */
/********************************************************************/


.fondGris {
    margin: 0;
    padding: 10px 15px 10px 15px;
    background: #eaeaea;
}

.fondGris p {
line-height: normal;
margin: 0 0 5px 0;
padding: 0;
}

#recapResa h4,
#recapResa h5 {
    margin: 0 0 5px 0;
    padding: 0;
    line-height: normal;
    font-weight: normal;
}

#recapResa #btnResa {
    margin: 10px 0 0 0;
    float: right;
}


#recapResa .comment {
    font-weight: normal;
    border-bottom: 1px #999999 solid;
    padding: 0 0 5px 0;
}

#recapResa .mentions {
    font-size: 11px;
}

#recapResa ul {
margin: 0;
list-style: none;
}


/*********************************************************************/
/* Formulaire Résa bateau */
/********************************************************************/
.form-horizontal .control-group {
margin-bottom: 5px;
}

.form-horizontal .space {
 margin-bottom: 0;
}

.info {
line-height: normal;
border: 1px #999999 solid;
font-size: 12px;
height: 40px;
}

legend {
            font-family: 'BenchNine', sans-serif;
        text-transform: uppercase;
    border-width: 0 0 1px 0;
    color: #333333;
    display: block;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
}
legend + .control-group {
    margin-top: 5px;
}
a i {
    color: #000000;
    font-size: 24px;
    text-decoration: none;
}

a:hover i {
    color: #999999;
    text-decoration: none;
}

.mentionsCNIL {
    margin: 20px 0 0 0;
text-align: justify;
font-size: 11px;
line-height: normal;}

/*********************************************************************/
/* Formulaire Contact Nautic */
/********************************************************************/
legend {
padding: 10px 0 0 0;

}

.champs {
color: #3366FF ;
float: right;}

#formContact span,
#formResa span {
margin: 0 0 0 5px;
    color: #3366FF ;
}

/*********************************************************************/
/* Liens */
/********************************************************************/

ul.liens  {
padding: 0;
margin: 0 0 0 15px;}

/*********************************************************************/


/* Formulaire Contact Merci */
/********************************************************************/

#formContactMerci .form-horizontal {margin: 100px 0 0 0;}

/*********************************************************************/
/* Occasions  et neufs */
/********************************************************************/

#occasions img,
#neufs img {
border-radius: 0;
}

#occasions .span4,
#neufs .span4 {
margin: 0 5px 5px 0 !important;
}

#occasions .blocBateau,
#neufs .blocBateau {
    position: relative;
    border: 1px #999 solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    background: #fff;
    margin: 0 !important;
    min-height: 260px;
}

#occasions .blocBateau a,
#neufs .blocBateau a {
display: block;
color: #000;
text-decoration: none !important;
}

#occasions .blocBateau a:hover,
#neufs .blocBateau a:hover {
text-decoration: none !important;
}



#occasions .blocBateau h3,
#neufs .blocBateau h3 {
    color: #fff;
    background: #000;
    font-size: 17px;
    padding: 5px;
    margin: 0;
    text-decoration: none !important;
}

#occasions .blocBateau p,
#neufs .blocBateau p {
    line-height: normal;
    font-weight: normal;
    margin: 0 0 3px 0;
    padding: 0 0 2px 0;
    border-bottom: 1px #eaeaea solid;
    text-decoration: none !important;
}

#occasions .blocBateau p.annee,
#neufs .blocBateau p.annee {
font-weight: bold;
}

#occasions .blocBateau p.moteur,
#neufs .blocBateau p.moteur {
    margin: 5px 0;
}

#occasions .blocBateau p.prix,
#neufs .blocBateau p.prix {
    margin: 5px 0 0 0;
    font-weight: bold;
    text-align: right;
    font-size: 14px;
    background: none;
}

#occasions .blocBateau p.savoirplus,
#neufs .blocBateau p.savoirplus {
    margin: 5px 0;
    text-align: right;
    color: #0088cc !important;
}


#occasions table {
font-weight: normal;
text-align: left;}

#occasions table thead {
    color: #fff;
background: #5dc7fe;}

#occasions table td {
font-weight: normal;
text-align: left;}

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

#footer {
font-size: 12px;
background: #000;}

.blocMeteo {
	display: block;
float: right;
}

#footer p {
margin: 0;
padding: 0;}

#footer .well {
display: block;
margin: 0 0 20px 0;
padding: 10px;
color: #C1D6E8;
border: 0;
background: none !important;
}

#footer .well .opacity {
padding: 3px;
margin-right: 1em;
display: block;
float: left;
background: none;
color: #fff;
border: 0;}

#footer .partenaire {
	font-size: 11px;
line-height: normal;
padding: 0;
margin: 0 0 20px 0;
float: right;
text-align: center;}

#footer .partenaire img {
margin: 0 0 10px 0;}


/*********************************************************************/
/* Marine Page Bonifacio Marine */
/********************************************************************/
#marine .well{
background: #fff;
}

#marine .logos {
width: 80%;
margin: 0 auto 50px auto;
text-align: center;
list-style: none;
padding: 0;
}

#marine .logos li {
text-align: center;
margin: 30px 0;
}

#marine .logos li span {
display: block;
margin: 20px auto 0 auto;
}