/*---------------------------STYLE PAGE---------------------------------*/
body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #eef4f5;
}

html{
	background-color: #eef4f5;
}

img { 
	width : 100%;
}


li a {
	font-size:12px;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

.espace_cellule_formulaire{
	margin-bottom:10px;
}

.border_top {
	border-top:1px solid black;
}

.border_left{
	border-left:1px solid black;
}
.border_right{
	border-right:1px solid black;
}

.border{
	border:1px solid black;
}

.border_bottom{
	border-bottom:1px solid black;
}

.titre_page {
	font-size: 30px;
	text-align: center;
	padding-top: 35px;

}

.titre_italic{
	text-align: center;
	font-size: 40px;
	padding-top: 20px;
	font-family: adobe_caslon_italic;
}

#pourcentage{
	top: 0px;
	position: absolute;
}

.margin_bottom{
	margin-bottom: 50px;
}

input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 15px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    text-align: center;
    text-shadow: 0px 1px 0px #FFF;
    background-color: #EEE;
    border: 1px solid #CCC;
}

.img_corsaire{
width:100px;
height: 26px;
}
/*----------------------------------------------------------------------*/

/*-------------------------------MENU-----------------------------------*/
.navbar-inverse {
  /*background-color: #222;
  border-color: #080808; */
}

.navbar-inverse .navbar-nav > li > a:hover {
color:#303B53;
}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #303b53;
}

.navbar-inverse .navbar-nav > li > a {
  color: #303b53;
}
/*----------------------------------------------------------------------*/

/*------------------------------RESERVIT--------------------------------*/
.btn_reserver{
	border:1px solid white;
	background-color: #303B53;
	color:white;
	width:100%;
}

.btn_reserver:hover {
	color:white;
}
/*----------------------------------------------------------------------*/

/*----------------------CADRE TITRE PAGE--------------------------------*/
.cadre_titre_page{
	background-color:white;
	height: 177px;
}
/*----------------------------------------------------------------------*/

/*---------------------------ENCART BLANC TXT---------------------------*/

.cadre_blanc_txt {
	background-color:white;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
}
/*----------------------------------------------------------------------*/

/*-------------------------SLOGAN--------------------------------------*/

.cadre_slogan{
	height:475px;
}
.txt_slogan {
	color:grey;
	letter-spacing:2px;"
}
/*----------------------------------------------------------------------*/

/*----------------------BARRE------------------------------------------*/
.barre_blanche {
	color: white;
	background-color: #000;
	border: 1px solid;
	width: 30px;
}

.barre_noir {
	color: #000;
	background-color: #000;
	border: 1px solid;
	width: 30px;
}

.barre_promo{
	color: black;
	height: 1px;
	border-style: solid none none;
	width: 50px;
	margin-top:0px;
	margin-bottom:10px;
}

.cadre_barre{
	margin-bottom: 50px;
}

/*----------------------------------------------------------------------*/

/*----------------------ENCART BLANC-----------------------------------*/
.bloc_blanc_header{
	background-color:white;
	min-height: 188px;
}

.txt_header {
	font-size: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	text-align:center;
}
/*----------------------------------------------------------------------*/

/*----------------------ENCART ACTUALITE-------------------------------*/
.cadre_actu{
	background-color:#303B53;
	height:285px;
	color:white;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	text-align:center;
}

.titre_actu {
	font-family: adobe_caslon_regular;
	text-align:center;
	color:white;
	font-size: 24px;
}
/*----------------------------------------------------------------------*/

/*---------------------------ENCART AMBIANCES---------------------------*/
.cadre_ambiances{
	background: url('../images/ambiances_marines.png')no-repeat;
	width:100%;
	height: 285px;
	display:block;
	padding:0 !important;
	margin:0;
	background-position: center; 
}

.titre_ambiances {
	font-size:24px;
	color:white;
	padding-top: 90px;
	font-family: adobe_caslon_regular;
}

.btn_ambiances {

}
/*----------------------------------------------------------------------*/

/*---------------------------ENCART OCEANS------------------------------*/
.cadre_ocean{
	background: url('../images/respirez_ocean.png')no-repeat;
	width:100%;
	height: 285px;
	display:block;
	padding:0 !important;
	margin:0;
	background-position: center; 
}

.titre_ocean {
	font-size:24px;
	color:white;
	padding-top: 90px;
	font-family: adobe_caslon_regular;
}

.btn_ocean {
	
}
/*---------------------------------------------------------------------*/

/*---------------------------ENCART FRAICHEUR--------------------------*/
.cadre_fraicheur{
	background: url('../images/savourez_la_fraicheur.png')no-repeat;
	width:100%;
	height: 285px;
	display:block;
	padding:0 !important;
	margin:0;
	background-position: center; 
}

.titre_fraicheur {
	font-size:24px;
	color:grey;
	padding-top: 90px;
	font-family: adobe_caslon_regular;
}

.btn_fraicheur {
	
}
/*----------------------------------------------------------------------*/

/*-------------------------------LOGO RS--------------------------------*/
.logo_fb{
	padding-top: 35px;
	padding-left: 30px;
}

.logo_google{
	padding-top: 35px;
	padding-left: 30px;
}
/*----------------------------------------------------------------------*/

/*---------------------------ENCART PROMOTIONS--------------------------*/
.titre_promotions {
	font-size:25px;
	color:#303b53;
	padding-top: 20px;
	font-family: adobe_caslon_regular;
}

.cadre_promo_padding{
	padding-right: 15px;
	padding-left: 15px;
}
.cadre_promo{
	background-color:white;
	min-height:200px;
	padding-left: 10px;
	padding-right: 10px;
}

.titre_promo {
	font-size:16px;
	color:#303b53;
	font-family: adobe_caslon_regular;
}

.txt_promo{
	text-align:center;
	min-height:155px;
	padding-top:20px
}

.btn_promo{
	background-color: #303B53;
	color:white;
	margin-bottom: 10px;
	font-family: georgia;
	font-style:italic;
}

.btn_promo:hover{
	background-color: #303B53;
	color:white;
}
/*----------------------------------------------------------------------*/

/*------------------------------FOOTER----------------------------------*/
.footer {
	margin-top: 30px;
	padding-top: 20px;
	background-color:white;
}

.footer_lien {
	text-decoration:underline;
	color: #333;
}

.logo_fr {
	width: 25px;
}

.logo_en {
	width: 25px;
}
/*----------------------------------------------------------------------*/