/*Project element styles */

h1 {
    font-family: Roboto;
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 1.2;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d
}

h2 {
    font-family: Roboto;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.2;
    text-align: left;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #30bbd8
}

h3 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.4;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d
}

h4 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 1.4;
    text-align: left;
    margin-top: 2.5rem;
    color: #2d2d2d
}

h5 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.0rem;
    line-height: 1.6;
    text-transform: uppercase;
    letter-spacing: .07rem;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d
}

h6 {
    font-family: Roboto;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.4;
    margin-top: 0.5rem;
    margin-bottom: 1.25rem;
    color: #2d2d2d
}

p {
    font-family: Roboto;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    color: #2d2d2d
}

li {
    font-family: Roboto;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.4;
 	color: #2d2d2d;
 	list-style-type: square;
 	padding-left: 10px;
} 

ul {
    font-family: Roboto;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.4;
 	color: #2d2d2d;
	padding-left: 20px;
}

blockquote {
    font-family: Roboto;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    margin-left: 2.5rem;
    color: #2d2d2d
}

a {
    text-decoration: underline;
    color: inherit
}



input.btnEnvoyer
{
	background-color:#30bbd8;
	padding: 10px;
	width: 60%;
	color:#CCC;
	border: 1px solid #E5E5E5;
    min-width: 250px;
    border-radius: 4px
}

input.btnEnvoyer:hover
{
	background-color:#CCC;
	color:#30bbd8;
}


.fr_nav_item_bright_right_center {
    font-family: Roboto;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.35em;
    text-align: center;
    text-decoration: inherit;
    letter-spacing: .01em;
    color: white
}

.fr_nav_item_bright_right_center.fr-text p {
    font-family: Roboto;
    color: white
}

.fr_nav_item_bright_right_center.fr-text p {
    font-family: Montserrat
}

.fr_nav_item_bright_right_center.fr-text p {
    font-family: Montserrat
}

.fr_nav_item_bright_right_center.fr-text p {
    font-family: Montserrat
}

.fr_nav_item_bright_right_center.fr-text p {
    font-family: Montserrat
}

.fr_nav_item_bright_right_center.fr-text p {
    font-family: Montserrat
}

.fr_nav_item_bright_right_center.fr-text p {
    font-family: Montserrat
}

.fr_nav_item_bright_right_center.fr-text p {
    font-family: Roboto
}

.fr_nav_item_bright_right_center.fr-text p {
    font-family: Roboto
}

.fr_nav_item_bright_right_center.fr-text p {
    font-family: Roboto
}

.fr_nav_item_bright_right_center.fr-text p {
    font-family: Roboto
}

.fr_nav_item_bright_right_center.fr-text p {
    font-family: Roboto
}

.fr_nav_item_bright_right_center.fr-text p {
    font-family: Roboto
}

.fr_button-1 {
    font-family: Roboto;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.35em;
    text-align: center;
    text-decoration: inherit;
    letter-spacing: .01em;
    color: white;
    background-color: white;
    border-radius: 4px
}

.fr_button-1.fr-text p {
    font-family: Roboto;
    color: #2faded
}

.fr_button-1.fr-text p {
    font-family: Montserrat
}

.fr_button-1.fr-text p {
    font-family: Montserrat
}

.fr_button-1.fr-text p {
    font-family: Montserrat
}

.fr_button-1.fr-text p {
    font-family: Montserrat
}

.fr_button-1.fr-text p {
    font-family: Roboto
}

.fr_button-1.fr-text p {
    font-family: Roboto
}

.fr_button-1.fr-text p {
    font-family: Roboto
}

.fr_button-1.fr-text p {
    font-family: Roboto
}

.fr_bouton_fr {
    font-family: Roboto;
    font-weight: 300;
    font-size: 16px;

    line-height: 1.35em;
    text-align: center;
    text-decoration: inherit;
    letter-spacing: .01em;
    color: white;
    background-color: white;
    border-radius: 0
}

.fr_bouton_fr.fr-text p {
    font-family: Roboto;
    font-size: .8rem;
    color: #30bbd8;
}

.fr_bouton_en {
    font-family: Roboto;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.35em;
    text-align: center;
    text-decoration: inherit;
    letter-spacing: .01em;
    color: white;
    background-color: #30bbd8;
    border: 1px solid white;
    border-radius: 0
}

.fr_bouton_en.fr-text p {
    font-family: Roboto;
    font-size: .8rem;
    color: white
}

.fr_text_dark_right {
    font-family: Roboto;
    color: black
}

.fr_text_dark_right.fr-text h1 {
    font-family: Roboto;
    font-size: 2.4rem;
    text-align: right;
    color: white
}

.fr_text_dark_right.fr-text p {
    font-family: Roboto;
    font-size: 1.2rem;
    text-align: right;
    color: white
}

.fr_text_dark_right.fr-text h2 {
    text-align: right
}

.fr_text_dark_right.fr-text h3 {
    text-align: right
}

.fr_text_dark_right.fr-text h4 {
    text-align: right
}

.fr_text_dark_right.fr-text h5 {
    text-align: right
}

.fr_text_dark_right.fr-text h6 {
    text-align: right
}

.fr_text_dark_right.fr-text blockquote {
    text-align: right
}

.fr_button_fill_grey {
    font-family: Roboto;
    text-align: center;
    color: #30bbd8;
    background-color: white;
    border-radius: 0
}

.fr_button_fill_red {
    font-family: Roboto;
    text-align: center;
    color: white;
    background-color: #30bbd8;
    border-radius: 0
}

.fr_text_dark_center.fr-text blockquote {
    text-align: left
}

.fr_text_dark_center.fr-text h1 {
    text-align: center
}

.fr_text_dark_center.fr-text h6 {
    text-align: center
}

.fr_text_dark_center.fr-text h3 {
    text-align: center
}

.fr_text_dark_center.fr-text h5 {
    font-size: 1.0rem;
    text-align: center
}

.fr_text_dark_center.fr-text p {
    font-size: .8rem;
    text-align: left;
    color: white
}

.fr_text_dark_center.fr-text h2 {
    text-align: center
}

.fr_text_dark_center.fr-text h4 {
    text-align: center
}

.fr_text_bright_center {
    font-family: Roboto;
    font-weight: 200;
    font-size: 4rem;
    text-align: center;
    color: white
}

.fr_text_bright_center.fr-text p {
    color: rgba(255, 255, 255, 0.8)
}

.fr_text_bright_center.fr-text h1 {
    text-align: center;
    color: white
}

.fr_text_bright_center.fr-text h2 {
    text-align: center;
    color: white
}

.fr_text_bright_center.fr-text h3 {
    color: white
}

.fr_text_bright_center.fr-text h4 {
    color: white
}

.fr_text_bright_center.fr-text h5 {
    color: white
}

.fr_text_bright_center.fr-text h6 {
    color: white
}

.fr_text_bright_center.fr-text blockquote {
    font-style: italic;
    text-align: left;
    color: white
}

.fr_text_large_dark_center.fr-text p {
    font-weight: 300;
    font-size: 1.7em;
    line-height: 1.45;
    text-align: center;
    letter-spacing: .05em
}

.fr_text_large_dark_center.fr-text h1 {
    font-size: 4.2rem;
    text-align: center
}

.fr_text_large_dark_center.fr-text h2 {
    font-size: 3rem;
    text-align: center
}

.fr_text_large_dark_center.fr-text h3 {
    font-size: 2rem;
    text-align: center
}

.fr_text_large_dark_center.fr-text h4 {
    font-size: 1.8rem;
    text-align: center
}

.fr_text_large_dark_center.fr-text h6 {
    font-size: 2rem;
    text-align: center
}

.fr_text_large_dark_center.fr-text h5 {
    font-size: 1rem;
    text-align: center
}

.fr_text_large_dark_center.fr-text blockquote {
    text-align: left
}

.fr_footerstyle.fr-text p {
    font-size: .8rem;
    color: white
}

.fr_textpointsforts.fr-text p {
    line-height: 1.3;
    text-align: center
}

.fr_textpointsforts.fr-text h5 {
    text-align: center
}

.fr_navigation_bg_2 {
    float: none;
    display: block;
    top: 0;
    width: 100%;
    font-family: Roboto;
    margin-right: auto;
    margin-left: auto;
    background-color: #30bbd8;
    position: fixed;
    z-index: 2000
}

.fr_navigation_dark_with_logo_2 {
    float: none;
    display: block;
    width: 90%;
    font-family: Roboto;
    margin-right: auto;
    margin-left: auto;
    z-index: 1000;
    min-height: 40px;
    max-width: 1200px
}

.fr_logo_2 {
    float: left;
    width: 100%;
    vertical-align: bottom;
    margin-top: 12px;
    margin-bottom: 10px;
    max-width: 170px;
    fill: white
}

.fr_mobile_toggle_2 {
    float: right;
    display: none;
    min-height: 30px;
    min-width: 30px;
    cursor: pointer
}

.fr_hamburger_icon_2 {
    width: 30px;
    fill: white
}

.fr_items_2 {
    float: right;
    margin-top: 9px;
    margin-bottom: 5px
}

.fr_text01 {
    display: inline-block;
    vertical-align: middle;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px
}

.fr_text02 {
    display: inline-block;
    vertical-align: middle;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px
}

.fr_text03_2 {
    display: inline-block;
    vertical-align: middle;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px
}

.fr_sign_up_button_2 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    padding-top: 3px;
    padding-right: 7px;
    padding-bottom: 3px;
    padding-left: 7px
}

.fr_sign_up_button_3 {
    display: inline-block;
    vertical-align: middle;
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 6px
}

.fr_text03_3 {
    display: inline-block;
    vertical-align: middle;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px
}

.fr_text03_4 {
    display: inline-block;
    vertical-align: middle;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px
}

.fr_text03_5 {
    display: inline-block;
    vertical-align: middle;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 10px
}


.fr_header_4 {
    float: none;
    display: block;
    width: 100%;
    font-family: Roboto;
    margin-right: auto;
    margin-left: auto;
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: white;
    background-image: url(../images/thumbnail/couv-location-bateau-fjord40-marseille.jpg_1280x960.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh
}

.fr_hd4_container {
    width: 90%;
    font-family: Roboto;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
}

.fr_text_11 {
    float: none;
    display: block;
    width: 90%;
    margin-top: 6rem;
    margin-left: auto;
    max-width: 1000px
}

.fr_text_11_en {
    float: none;
    display: block;
    width: 75%;
    margin-top: 6rem;
    margin-left: auto;
    max-width: 1000px
}

.fr_hd4_buttons {
    display: block;
    width: 90%;
    margin-top: 2rem;
    margin-left: auto;
    max-width: 400px
}

.fr_hd4_buttons.fr-grid>.fr-widget {
    float: left
}

.fr_hd4_buttons.fr-grid>.fr-widget:nth-child(2n+1) {
    margin-top: .6em;
    margin-right: 2.9%;
    margin-bottom: .6em;
    margin-left: 0;
    width: 48.55%;
    clear: left;
    max-width: inherit
}

.fr_hd4_buttons.fr-grid>.fr-widget:nth-child(2n+2) {
    margin-top: .6em;
    margin-right: 0;
    margin-bottom: .6em;
    margin-left: 0;
    width: 48.55%;
    clear: none;
    max-width: inherit
}

.fr_text_130 {
    float: none;
    display: block;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    max-width: 9em
}

.fr_text_132 {
    float: none;
    display: block;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    max-width: 9em
}

.fr_points_forts {
    display: block;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 5rem;
    background-color: #f3f1e8
}

.fr_pointsforts_5_column_grid {
    float: none;
    display: block;
    width: 90%;
    margin-top: 80px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
}

.fr_pointsforts_5_column_grid.fr-grid>.fr-widget {
    float: left
}

.fr_pointsforts_5_column_grid.fr-grid>.fr-widget:nth-child(5n+1) {
    margin-top: .6em;
    margin-right: 2%;
    margin-bottom: .6em;
    margin-left: 0;
    width: 18.4%;
    clear: left;
    max-width: inherit
}

.fr_pointsforts_5_column_grid.fr-grid>.fr-widget:nth-child(5n+2) {
    margin-top: .6em;
    margin-right: 2%;
    margin-bottom: .6em;
    margin-left: 0;
    width: 18.4%;
    clear: none;
    max-width: inherit
}

.fr_pointsforts_5_column_grid.fr-grid>.fr-widget:nth-child(5n+3) {
    margin-top: .6em;
    margin-right: 2%;
    margin-bottom: .6em;
    margin-left: 0;
    width: 18.4%;
    clear: none;
    max-width: inherit
}

.fr_pointsforts_5_column_grid.fr-grid>.fr-widget:nth-child(5n+4) {
    margin-top: .6em;
    margin-right: 2%;
    margin-bottom: .6em;
    margin-left: 0;
    width: 18.4%;
    clear: none;
    max-width: inherit
}

.fr_pointsforts_5_column_grid.fr-grid>.fr-widget:nth-child(5n+5) {
    margin-top: .6em;
    margin-right: 0;
    margin-bottom: .6em;
    margin-left: 0;
    width: 18.4%;
    clear: none;
    max-width: inherit
}

.fr_person_one_pic {
    float: none;
    display: block;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/thumbnail/fjord40-location-bateau-taud.jpeg_1280x960.jpeg);
    background-position: center center;
    background-size: cover;
    min-height: 150px;
    border-radius: 50%
}

.fr_text_82 {
    float: none;
    display: block;
    width: 90%;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto
}

.fr_person_two_pic {
    float: none;
    display: block;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/thumbnail/fjord40-location-bateau-couchette.jpeg_1280x960.jpeg);
    background-position: center center;
    background-size: cover;
    min-height: 150px;
    border-radius: 50%
}

.fr_text_83 {
    float: none;
    display: block;
    width: 90%;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto
}

.fr_person_three_pic {
    float: none;
    display: block;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/thumbnail/fjord40-location-bateau-table.jpg_1280x960.jpg);
    background-position: center center;
    background-size: cover;
    min-height: 150px;
    border-radius: 50%
}

.fr_text_84 {
    float: none;
    display: block;
    width: 90%;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto
}

.fr_discover {
    float: none;
    display: block;
    width: 100%;
    font-family: Roboto;
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: black;
    background-repeat: no-repeat;
    background-image: url(../images/thumbnail/carte-marine-marseille-location-bateau-02_1.jpg_1646x500.jpg);
    background-position: center bottom;
    background-size: cover
}

.fr_text_65 {
    float: none;
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 1000px
}

.fr_container_2 {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/thumbnail/fjord40-bateau-location-marseille.jpg_1280x554.jpg);
    background-position: center center;
    background-size: cover;
    min-height: 30rem
}

.fr_notreoffre {
    float: none;
    display: block;
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #f3f1e8
}

.fr_c14_container {
    float: none;
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    background-color: #f3f1e8;
    max-width: 1200px
}

.fr_c14_2_column_grid {
    display: block;
    font-family: Roboto;
    margin-top: 2rem
}

.fr_c14_2_column_grid.fr-grid>.fr-widget {
    float: left
}

.fr_c14_2_column_grid.fr-grid>.fr-widget:nth-child(2n+1) {
    margin-top: .6em;
    margin-right: 14%;
    margin-bottom: .6em;
    margin-left: 0;
    width: 54%;
    clear: left;
    max-width: inherit
}

.fr_c14_2_column_grid.fr-grid>.fr-widget:nth-child(2n+2) {
    margin-top: .6em;
    margin-right: 0;
    margin-bottom: .6em;
    margin-left: 0;
    width: 32%;
    clear: none;
    max-width: inherit
}

.fr_c14_text {
    float: none;
    display: block
}

.fr_c14_line {
    float: none;
    display: block;
    width: 70px;
    margin-bottom: 2rem;
    background-color: #30bbd8;
    min-height: 5px
}

.fr_text_63 {
    float: none;
    display: block;
    width: 100%;
    font-family: Roboto;
    margin-top: 2rem
}

.fr_c14_container_two {
    float: none;
    display: block
}

.fr_c14_line_two {
    float: none;
    display: block;
    width: 70px;
    background-color: #30bbd8;
    min-height: 5px
}

.fr_text_64 {
    float: none;
    display: block;
    margin-top: 2rem
}

.fr_calanques {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/thumbnail/calanques-marseille-location2.jpg_1200x750.jpg);
    background-position: center center;
    background-size: cover;
    min-height: 35rem
}

.fr_localisation {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/thumbnail/plan-port-estaque-marseille.png_1366x766.png);
    background-position: center center;
    background-size: cover;
    min-height: 35rem
}

.fr_person_three_pic_2 {
    float: none;
    display: block;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/thumbnail/fjord40-location-bateau-cuisine.jpeg_1280x960.jpeg);
    background-position: center center;
    background-size: cover;
    min-height: 150px;
    border-radius: 50%
}

.fr_text_249 {
    float: none;
    display: block;
    width: 90%;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto
}

.fr_person_three_pic_3 {
    float: none;
    display: block;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/thumbnail/fjord40-location-bateau-pont-baignade.jpeg_630x520.jpeg);
    background-position: center center;
    background-size: cover;
    min-height: 150px;
    border-radius: 50%
}

.fr_text_250 {
    float: none;
    display: block;
    width: 90%;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto
}

.fr_lefjord40 {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.fr_content_25 {
    float: none;
    display: block;
    font-family: Roboto;
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #f3f1e8
}

.fr_cnt03_column_grid_3 {
    float: none;
    display: block;
    width: 100%;
    font-family: Roboto;
    vertical-align: top;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
}

.fr_cnt03_column_grid_3.fr-grid>.fr-widget {
    float: left
}

.fr_cnt03_column_grid_3.fr-grid>.fr-widget:nth-child(3n+1) {
    margin-top: 1em;
    margin-right: 4%;
    margin-bottom: 1em;
    margin-left: 0;
    width: 30.66333333333333%;
    clear: left;
    max-width: inherit
}

.fr_cnt03_column_grid_3.fr-grid>.fr-widget:nth-child(3n+2) {
    margin-top: 1em;
    margin-right: 4%;
    margin-bottom: 1em;
    margin-left: 0;
    width: 30.66333333333333%;
    clear: none;
    max-width: inherit
}

.fr_cnt03_column_grid_3.fr-grid>.fr-widget:nth-child(3n+3) {
    margin-top: 1em;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 0;
    width: 30.66333333333333%;
    clear: none;
    max-width: inherit
}

.fr_cnt03_image_3 {
    float: none;
    display: block;
    margin-right: auto;
    background-image: url(../images/thumbnail/fjord40-plans-boat.jpg_380x428.jpg);
    background-position: left center;
    background-size: cover;
    background-attachment: scroll;
    min-height: 25rem
}

.fr_text_163 {
    float: none;
    display: block;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px
}

.fr_text_251 {
    float: none;
    display: block;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px
}

.fr_slideshow {
    float: none;
    display: block;
    width: 100%;
    height: 680px;
    vertical-align: top;
    position: relative;
    min-height: 680px
}

.fr_slideshow .fr-slideshow-dots .swiper-pagination-switch {
    background-color: white
}

.fr_left_arrow {
    display: block;
    top: 50%;
    width: 35px;
    vertical-align: top;
    margin-top: 0;
    margin-right: auto;
    margin-left: 1em;
    position: absolute;
    z-index: 5;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fr_right_arrow {
    display: block;
    top: 50%;
    width: 35px;
    vertical-align: top;
    margin-top: 0;
    margin-right: 1em;
    margin-left: 0;
    position: absolute;
    right: 0;
    z-index: 5;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fr_slide_1 {
    float: none;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../images/thumbnail/fjord40-location-bateau-balade.jpeg_1280x960.jpeg);
    background-position: center center;
    background-size: cover;
    position: absolute;
    min-height: 12em
}

.fr_slide_2 {
    float: none;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../images/thumbnail/fjord40-location-bateau-marseille-calanques.jpeg_1280x960.jpeg);
    background-position: center center;
    background-size: cover;
    position: absolute
}

.fr_slide {
    float: none;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../images/thumbnail/fjord40-location-bateau-decouverte.jpeg_1280x960.jpeg);
    background-position: center center;
    background-size: cover;
    position: absolute
}

.fr_slide_3 {
    float: none;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../images/thumbnail/fjord40-location-bateau-mediterranee.jpeg_1280x960.jpeg);
    background-position: center center;
    background-size: cover;
    position: absolute
}

.fr_slide_4 {
    float: none;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../images/thumbnail/fjord40-location-bateau-taud_1.jpeg_1280x960.jpeg);
    background-position: center center;
    background-size: cover;
    position: absolute
}

.fr_slide_5 {
    float: none;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../images/thumbnail/fjord40-location-bateau-dejeuner.jpeg_1280x960.jpeg);
    background-position: center center;
    background-size: cover;
    position: absolute
}

.fr_slide_6 {
    float: none;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../images/thumbnail/fjord40-location-bateau-repas.jpeg_1280x960.jpeg);
    background-position: center center;
    background-size: cover;
    position: absolute
}

.fr_slide_7 {
    float: none;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../images/thumbnail/fjord40-location-bateau-interieur-lit.jpeg_1280x960.jpeg);
    background-position: center center;
    background-size: cover;
    position: absolute
}

.fr_slide_8 {
    float: none;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../images/thumbnail/fjord40-location-bateau-interieur.jpeg_1280x853.jpeg);
    background-position: center center;
    background-size: cover;
    position: absolute
}

.fr_slide_9 {
    float: none;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../images/thumbnail/fjord40-location-bateau-interieur-toilette.jpeg_1280x960.jpeg);
    background-position: center center;
    background-size: cover;
    position: absolute
}

.fr_slide_10 {
    float: none;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../images/thumbnail/fjord40-location-bateau-interieur-couchettes.jpeg_1280x960.jpeg);
    background-position: center center;
    background-size: cover;
    position: absolute
}

.fr_slide_11 {
    float: none;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../images/thumbnail/fjord40-location-bateau-interieur-frigo.jpeg_1280x960.jpeg);
    background-position: center center;
    background-size: cover;
    position: absolute
}

.fr_contact {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f3f1e8
}

.fr_grid {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    min-height: 12em;
    max-width: 1000px
}

.fr_grid.fr-grid>.fr-widget {
    float: left
}

.fr_grid.fr-grid>.fr-widget:nth-child(2n+1) {
    margin-top: .6em;
    margin-right: 1%;
    margin-bottom: .6em;
    margin-left: 0;
    width: 49.5%;
    clear: left;
    max-width: inherit
}

.fr_grid.fr-grid>.fr-widget:nth-child(2n+2) {
    margin-top: .6em;
    margin-right: 0;
    margin-bottom: .6em;
    margin-left: 0;
    width: 49.5%;
    clear: none;
    max-width: inherit
}

.fr_text_370 {
    float: none;
    display: block;
    width: 100%;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto;
    padding-top: 40px;
    max-width: 800px
}

.fr_form_2 {
    float: none;
    display: block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 15px;
    padding-top: 40px;
    padding-bottom: 50px;
    background-color: #E0DED6;
}

.fr_text_120 {
    float: none;
    display: block;
    width: 90%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    max-width: 900px
}

.fr_input {
    float: none;
    display: block;
    width: 100%;
    font-family: Roboto;
    font-weight: 300;
    vertical-align: top;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
    padding-right: 5px;
    padding-bottom: 15px;
    padding-left: 10px;
    background-color: #fcfcfc;
    border: 1px solid #E5E5E5;
    min-width: 200px;
    border-radius: 3px
}

.fr_text_121 {
    float: none;
    display: block;
    width: 90%;
    vertical-align: top;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 16px;
    padding-bottom: 16px;
    min-width: 250px;
   
}

.fr_footer_3 {
    margin-right: auto;
    margin-left: auto;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #30bbd8;
    min-height: 3.25rem
}

.fr_text_73 {
    display: block;
    width: 100%;
    padding-left: 10px
}

.fr_pieddepage {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.fr_logo_2 .fr-svg-inner {
    padding-bottom: 20.05012531328321%;
    position: relative
}

.fr_hamburger_icon_2 .fr-svg-inner {
    padding-bottom: 84.15300546448087%;
    position: relative
}

@media screen and (max-width:768px) {
    .fr_nav_item_bright_right_center {
        text-align: center
    }
    .fr_mobile_toggle_2 {
        display: block
    }
    .fr_hamburger_icon_2 {
        width: 30px;
        margin-top: 18px;
        margin-bottom: 10px;
        cursor: pointer;
        fill: white
    }
    .fr_items_2 {
        float: none;
        display: block;
        text-align: center;
        clear: both;
        position: absolute;
        max-height: 0
    }
    .fr_text01 {
        display: block;
        padding-right: 0;
        padding-left: 0
    }
    .fr_text02 {
        display: block;
        padding-right: 0;
        padding-left: 0
    }
    .fr_text03_2 {
        display: block;
        padding-right: 0;
        padding-left: 0
    }
    .fr_sign_up_button_2 {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .fr_text03_3 {
        display: block;
        padding-right: 0;
        padding-left: 0
    }
    .fr_text03_4 {
        display: block;
        padding-right: 0;
        padding-left: 0
    }
    .fr_text03_5 {
        display: block;
        padding-right: 0;
        padding-left: 0
    }
    .fr_sign_up_button_3 {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .fr_pointsforts_5_column_grid.fr-grid>.fr-widget {
        float: left
    }
    .fr_pointsforts_5_column_grid.fr-grid>.fr-widget:nth-child(1n+1) {
        margin-top: .6em;
        margin-right: 0;
        margin-bottom: .6em;
        margin-left: 0;
        width: 100%;
        clear: left;
        max-width: inherit
    }
    .fr_c14_2_column_grid.fr-grid>.fr-widget {
        float: left
    }
    .fr_c14_2_column_grid.fr-grid>.fr-widget:nth-child(1n+1) {
        margin-top: .6em;
        margin-right: 0;
        margin-bottom: .6em;
        margin-left: 0;
        width: 100%;
        clear: left;
        max-width: inherit
    }
    .fr_c14_line_two {
        margin-top: 30px
    }
    .fr_cnt03_column_grid_3.fr-grid>.fr-widget {
        float: left
    }
    .fr_cnt03_column_grid_3.fr-grid>.fr-widget:nth-child(1n+1) {
        margin-top: 1em;
        margin-right: 0;
        margin-bottom: 1em;
        margin-left: 0;
        width: 100%;
        clear: left;
        max-width: inherit
    }
}

@media screen and (max-width:480px) {
    .fr_text_bright_center.fr-text h1 {
        font-size: 2rem
    }
    .fr_text_large_dark_center {
        font-size: 1.3em
    }
    .fr_header_4 {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .fr_hd4_buttons.fr-grid>.fr-widget {
        float: left
    }
    .fr_hd4_buttons.fr-grid>.fr-widget:nth-child(1n+1) {
        margin-top: .6em;
        margin-right: 0;
        margin-bottom: .6em;
        margin-left: 0;
        width: 100%;
        clear: left;
        max-width: inherit
    }
    .fr_pointsforts_5_column_grid.fr-grid>.fr-widget {
        float: left
    }
    .fr_pointsforts_5_column_grid.fr-grid>.fr-widget:nth-child(1n+1) {
        margin-right: 1%;
        margin-left: 1%;
        width: 98.0%;
        clear: left;
        max-width: inherit
    }
    .fr_text_62 {
        margin-top: 0
    }
    .fr_c14_2_column_grid.fr-grid>.fr-widget {
        float: left
    }
    .fr_c14_2_column_grid.fr-grid>.fr-widget:nth-child(1n+1) {
        margin-top: .6em;
        margin-right: 0;
        margin-bottom: .6em;
        margin-left: 0;
        width: 100%;
        clear: left;
        max-width: inherit
    }
    .fr_grid.fr-grid>.fr-widget {
        float: left
    }
    .fr_grid.fr-grid>.fr-widget:nth-child(1n+1) {
        margin-top: .6em;
        margin-right: 0;
        margin-bottom: .6em;
        margin-left: 0;
        width: 100%;
        clear: left;
        max-width: inherit
    }
}

@media screen and (max-width:320px) {
    .fr_pointsforts_5_column_grid.fr-grid>.fr-widget {
        float: left
    }
    .fr_pointsforts_5_column_grid.fr-grid>.fr-widget:nth-child(1n+1) {
        margin-top: 1.7em;
        margin-bottom: 1.7em;
        width: 100.0%;
        clear: left;
        max-width: inherit
    }
    .fr_c14_2_column_grid.fr-grid>.fr-widget {
        float: left
    }
    .fr_c14_2_column_grid.fr-grid>.fr-widget:nth-child(1n+1) {
        margin-top: .6em;
        margin-right: 0;
        margin-bottom: .6em;
        margin-left: 0;
        width: 100%;
        clear: left;
        max-width: inherit
    }
    .fr_form_2 {
        padding-top: 40px;
        padding-bottom: 40px
    }
}