@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/open_sans/OpenSans-Bold-webfont.eot');
    src: url('../fonts/open_sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open_sans/OpenSans-Bold-webfont.woff') format('woff'),
    url('../fonts/open_sans/OpenSans-Bold-webfont.ttf') format('truetype'),
    url('../fonts/open_sans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/open_sans/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/open_sans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open_sans/OpenSans-BoldItalic-webfont.woff') format('woff'),
    url('../fonts/open_sans/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
    url('../fonts/open_sans/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/open_sans/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/open_sans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open_sans/OpenSans-ExtraBold-webfont.woff') format('woff'),
    url('../fonts/open_sans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
    url('../fonts/open_sans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../fonts/open_sans/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../fonts/open_sans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open_sans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
    url('../fonts/open_sans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
    url('../fonts/open_sans/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/open_sans/OpenSans-Italic-webfont.eot');
    src: url('../fonts/open_sans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open_sans/OpenSans-Italic-webfont.woff') format('woff'),
    url('../fonts/open_sans/OpenSans-Italic-webfont.ttf') format('truetype'),
    url('../fonts/open_sans/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/open_sans/OpenSans-Light-webfont.eot');
    src: url('../fonts/open_sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open_sans/OpenSans-Light-webfont.woff') format('woff'),
    url('../fonts/open_sans/OpenSans-Light-webfont.ttf') format('truetype'),
    url('../fonts/open_sans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/open_sans/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/open_sans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open_sans/OpenSans-LightItalic-webfont.woff') format('woff'),
    url('../fonts/open_sans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
    url('../fonts/open_sans/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/open_sans/OpenSans-Regular-webfont.eot');
    src: url('../fonts/open_sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open_sans/OpenSans-Regular-webfont.woff') format('woff'),
    url('../fonts/open_sans/OpenSans-Regular-webfont.ttf') format('truetype'),
    url('../fonts/open_sans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/open_sans/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/open_sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open_sans/OpenSans-Semibold-webfont.woff') format('woff'),
    url('../fonts/open_sans/OpenSans-Semibold-webfont.ttf') format('truetype'),
    url('../fonts/open_sans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../fonts/open_sans/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/open_sans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open_sans/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
    url('../fonts/open_sans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
    url('../fonts/open_sans/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helsinkiregular';
    src: url('../fonts/helsinki/helsinki-webfont.eot');
    src: url('../fonts/helsinki/helsinki-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/helsinki/helsinki-webfont.woff') format('woff'),
    url('../fonts/helsinki/helsinki-webfont.ttf') format('truetype'),
    url('../fonts/helsinki/helsinki-webfont.svg#helsinkiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'beyond_the_mountainsregular';
    src: url('../fonts/beyond/beyond_the_mountains-webfont.eot');
    src: url('../fonts/beyond/beyond_the_mountains-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/beyond/beyond_the_mountains-webfont.woff2') format('woff2'),
    url('../fonts/beyond/beyond_the_mountains-webfont.woff') format('woff'),
    url('../fonts/beyond/beyond_the_mountains-webfont.ttf') format('truetype'),
    url('../fonts/beyond/beyond_the_mountains-webfont.svg#beyond_the_mountainsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
/*-----------------------------------------------------------------------*/
/*DEBUT DU CSS CUSTOM*/
/*-----------------------------------------------------------------------*/
html{
    height: 100%;
}

body{
    font-family: open_sanslight;
    background-color : rgb(255,255,2555);
    /*padding:60px 0 0 0 !important;*/
    /*padding: 0 !important;*/
    margin : 0 !important;
    overflow-x:hidden;
    width: 100%;
    height: 100%;
}

#login_form{
    background-color:#F05F40;
    color: #FFFFFF;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

.login_form .lead{
    margin-top: 50px;
    text-transform: uppercase;
    font-family: open_sansbold;
}

.login_form .credentials{
    margin-top: 25px;
}

.login_form label{
    width: 100%;
    margin: 10px 0;
    color: #FFFFFF;
    font-family: "Open Sans Semibold";
    text-transform: uppercase;
}

.login_form input,
.login_form input:active,
.login_form input:focus{
    width: 100%;
    background-color: transparent;
    margin: 10px 0;
    color: #FFFFFF;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #ffffff;
    box-shadow: none;
}


.login_form button{
    background-color: #FFFFFF;
    color: #F05F40;
    text-transform: uppercase;
    font-family: open_sansbold;
    border-radius: 35px;
    border: none;
    padding: 20px 35px;
    margin-top : 25px;
    width: 100%;
}

.login_form input button{
    background-color: #EEEEEE;
}


.navbar-custom {
    background-color: #F05F40;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,1);
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255, 1);
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
    text-decoration: underline;
}

/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
    background-color: #F05F40;
}
.navbar-custom .dropdown-item {
    color: #ffffff;
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: #333333;
    background-color: rgba(255,255,255,.5);
}

.navbar-custom .nav-item p{
    color: #ffffff;
    text-transform: uppercase;

}

.nav-link{
    text-transform: uppercase;
    font-family: open_sansbold;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
    border-color: rgb(255,255,255);
}

.btn-custom-navbar{
    border: none;
    background-color: transparent;
    display: inline-block;
    box-shadow: none;
    font-family: open_sansbold;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
.btn-custom-navbar svg, .btn-custom-admin svg {
    display: inline-block;
    width: 30px;
    margin-left: 15px;
    fill: #ffffff;
    vertical-align: middle;
}

.navbar_link, .navbar_link:hover{
    text-decoration: none;
    color: #FFFFFF;
}

h1{
    color: #FFFFFF;
}

.h1_part_1{
    font-family: open_sansextrabold;
    text-transform: uppercase;
}

.h1_part_2{
    font-family: beyond_the_mountainsregular;
    padding-top: 10%;
    padding-bottom: 10%;
}

#home{
    background-image: url('../img/myHeader.JPG');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 10% 0 0 0;
    height: 100%;
}

.amount{
    color: #FFFFFF;
}

.btn-orange{
    /*background-color: #fa9e1b;*/
    background-image: linear-gradient(to right, #fa9e1b,#F05F40);
    text-transform: uppercase;
    font-family: open_sansbold;
    color: #ffffdd;
    border-radius: 35px;
    border: none;
    padding: 20px 35px;
    transition:background-image 1s;
}

.btn-orange:hover{
    background-image: linear-gradient(to right, #fa9e1b,#F05F40);
    transition:background-image 1s;
}

.img_icon{
    margin-left: 10px;
}

.rent_bar{
    /*margin-top: 100px;*/
    /*height: 130px;*/
}

.btn-rent{
    border: 1px solid black;
    display: inline-block;
    background: #ffffff;
    box-shadow: none;
    border: none;
    border-radius: 0;
    font-family: "Lato Black";
    color: #333333;
    text-transform: uppercase;
    height: 89px;
    padding: 0;
    margin: 0;
}
.btn-rent svg {
    display: inline-block;
    width: 20%;
    margin-right: 25px;
    fill: #fa9e1b;
    vertical-align: middle;
}

.btn-rent-active,
.btn-rent:hover{
    background: #fa9e1b;
    color: #ffffff;
    box-shadow:none;
    border: 2px solid #D9662F;
}

.btn-rent-active:hover > .btn-rent-svg,
.btn-rent-active > .btn-rent-svg,
.btn-rent:hover > .btn-rent-svg,
.btn-rent:active > .btn-rent-svg{
    fill :#FFFFFF;
}


#formulaire, #contact, #rent-basket, #header-rent, #mentions, #header-info{
    background-image: linear-gradient(to right, #fa9e1b,#F05F40);
}

#formulaire label{
    color: #FFFFFF;
    font-family:  open_sansbold;
    text-transform: uppercase;
}

.form_reserver_home{
    height: 50px;
    color: #FFFFFF;
    border : 3px solid #FFFFFF;
    background-color: transparent;
    font-family: open_sansregular;
    border-radius: 0;
}

.form_reserver_home:hover,
.form_reserver_home:active,
.form_reserver_home:focus{
    height: 50px;
    color: #FFFFFF;
    border : 4px solid #FFFFFF;
    background-color: transparent;
    font-family: open_sansregular;
    box-shadow: none;

}

.form_reserver_home::placeholder{
    color: #ffffff;
}
#formulaire select{
    height: 50px;
}

#formulaire select option {
    background: rgba(255,255,255,0);
    color: #333333;
    /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);*/
}

#formulaire select:active, #formulaire:focus{
    border: none;
    box-shadow: none;
}

.btn-reserver-home, .btn-contact-home{
    background: #ffffff;
    text-transform: uppercase;
    font-family: open_sansbold;
    color: #F05F40;
    border-radius: 35px;
    border: none;
    padding: 20px 35px;
    height: 75px;
}

.btn-reserver-home-bis{
    background: #fa9e1b;
    text-transform: uppercase;
    font-family: open_sansbold;
    color: #FFFFFF;
    border-radius: 35px;
    border: none;
    padding: 20px 35px;
    height: 75px;
}

.btn_activite_box{
    background: #ffffff;
    color: #F05F40  ;
    border-radius: 0;
    text-transform: uppercase;
    font-family: open_sansbold;
    height: 100%;
    border-radius: 35px;
    position: absolute;
    bottom: 0;
}

#my_amount{
    line-height: 35px;

}

.btn-reserver-home:hover, .btn-contact-home:hover{
    background-color: #eeeeee;
}

#presentation h2, #goToRent h2{
    /*text-transform: uppercase;*/
    font-family: open_sansbold;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 25px;
}

#boatBike h2{
    font-family: open_sansbold;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 15px;
    margin-top: 15%;
}

#presentation .lead{
    font-family: open_sansregular;
    color: #555555;
}

.activite{margin-top: 25px;}

.div_bateau, .div_velo{
    width: 100%;
    height: 350px;
    padding: 0;
    -webkit-box-shadow: 0px 5px 15px 5px rgba(170,170,170,1);
    -moz-box-shadow: 0px 5px 15px 5px rgba(170,170,170,1);
    box-shadow: 0px 5px 15px 5px rgba(170,170,170,1);
}

.div_bateau{
    background-image: url('../img/bateau_activite.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.div_velo{
    background-image: url('../img/velo_activite.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.div_bateau .encart_blanc,
.div_velo .encart_blanc{
    background-color: #ffffff;
    color: #333333;
    margin-left: 10%;
    width: 50%;
    height: 50px;
    line-height: 50px;
    font-family: open_sanssemibold;
    text-transform: uppercase;
    position: absolute;
    z-index: 1;
    top: 150px;
}

.div_bateau .encart_mauve,
.div_velo .encart_mauve{
    height: 125px;
    background-color: rgba(240, 95, 64, 0.7);
    color: #ffffff;
    position: absolute;
    z-index: 0;
    top: 175px;
    padding: 30px;
}

.btn_activite{
    background: #F05F40;
    color: #ffffff;
    border-radius: 0;
    text-transform: uppercase;
    font-family: open_sanssemibold;
    height: 50px;
    position: absolute;
    bottom: 0;
}

.maps{
    background: #FFFFFF;
    padding: 15px;
}

.maps .lead{
    font-family: open_sanssemibold;
    color: #333333;
    text-transform: uppercase;
}
.form_contact{
    padding: 25px;
}
.form_contact .lead{
    font-family: open_sanssemibold;
    color: #ffffff;
    text-transform: uppercase;
}

.form_contact label{
    display: none;
}

.form_contact textarea{
    resize: none;
}

.form-contact-home::placeholder{
    color: #DDDDDD;
    font-family: open_sansregular;
}

.form-contact-home, .form-contact-home:focus, .form-contact-home:active{
    border:none;
    border-radius: 0;
    border-bottom: 2px solid #ffffff;
    color: #FFFFFF;
    background: transparent;
    box-shadow: none;
    font-family: open_sansregular;
}

#info{
    background-color: #F05F40;
    color: #FFFFFF;

}

.div_info{
    padding: 25px;
    color: #FFFFFF;
    font-family: open_sansregular;
}

.div_info .lead{
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: open_sanssemibold;
}

.div_info a{
    text-decoration: none;
    color: #FFFFFF;
}

.div_info a:hover{
    text-decoration: underline;
}

.div_info svg{
    width: 25px;
    fill: #FFFFFF;
    margin-right: 15px;
}

#footer{
    padding: 15px;
    background-color: #D9342F;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: open_sanssemibold;
}

.body_admin{
    background-color: #EEEEEE;
}

#header_admin{
    background-color: #D9342F;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px 25px;
    font-family: open_sansbold;
}

#admin_home, #rent-form{
    padding: 50px 50px;
    background-color: #EEEEEE;
}

#admin_home .custom_title, #rent-form .custom_title{
    font-family: "open_sansregular";
}


.quick_tool_box {
    background-color: #FFFFFF;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(136, 136, 136, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(136, 136, 136, 1);
    box-shadow: 2px 2px 5px 0px rgba(136, 136, 136, 1);
    padding: 15px;
    margin-bottom: 50px;
}

.product_name{
    height: 50px;
    line-height: 25px;
    font-family: "Open Sans";
    padding: 0;
}

.quick_tool_box a:hover,
.quick_tool_box a{
    text-decoration: none;
}

.quick_tool{
    height: 70px;
    margin: 0;
}

.btn-quick-tool{
    height: 50px;
    margin: 0;
    background-color: #F05F40;
    color:#ffffff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: open_sansregular;
}

.form-admin-submit{
    background: #F05F40;
    text-transform: uppercase;
    font-family: open_sansbold;
    color: #ffffff;
    padding: 20px 35px;
    margin-top: 25px;
}

.form-admin-cancel{
    background: rgb(200, 200, 200);
    text-transform: uppercase;
    font-family: open_sansbold;
    color: #555555;
    padding: 20px 35px;
    margin-top: 25px;
}



.table-btn-1{background-color: #D9342F;}
.table-btn-2{background-color: #F05F40;}
.table-btn-3{background-color: #D9662F;}

.miniature{
    height: 50px;
    width: auto;
}

.second-custom_title{
    margin-top: 25px;
}


#rent-form .quick_tool_box {
    background-color: #FFFFFF;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(136, 136, 136, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(136, 136, 136, 1);
    box-shadow: 2px 2px 5px 0px rgba(136, 136, 136, 1);
    padding: 15px;
    margin: 15px 0;
}

#rent-form .quick_tool_box a:hover,
#rent-form .quick_tool_box a{
    text-decoration: none;
}

#rent-form .quick_tool{
    height: 70px;
    margin: 0;
}

.product_image{
    width : 100%;
    height: 200px;
    object-fit: cover;
}

#rent-form .btn-quick-tool{
    height: 50px;
    margin: 0;
    background-color: #F05F40;
    color:#ffffff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: open_sansregular;
}

.action-rent{
    margin: 10px 15px 0 15px;
    /*background-image: linear-gradient(to right, #fa9e1b,#F05F40);
    background-color: #F05F40;*/
    background-image: linear-gradient(to right, #fa9e1b,#F05F40);
    text-transform: uppercase;
    font-family: open_sansbold;
    color: #ffffdd;
    border-radius: 35px;
    border: none;
}

.sub-action-rent{
    height: 50px;
}

.btn-stock-rent{
    height: 50px;
    background-color: transparent;
    text-transform: uppercase;
    font-family: open_sansbold;
    color: #ffffdd;

}

.stock-p {
    line-height: 50px;
    height: 50px;
}

.next-step{
    background: #F05F40;
    text-transform: uppercase;
    font-family: open_sansbold;
    color: #ffffff;
    border-radius: 35px;
    border: none;
    padding: 20px 35px;
    height: 75px;
}

#rent-basket .lead{
    height: 75px;
    line-height: 75px;
    font-family: open_sansbold;
    color: #ffffff;
    text-transform: uppercase;
}

#header-rent .lead, #header-info{
    font-family: open_sansbold;
    color: #ffffff;
    text-transform: uppercase;
}

#header-rent .sub_lead, .amount{
    font-family: "Open Sans Semibold";
    color: #ffffff;
    text-transform: uppercase;
}

#header-rent{
    padding: 100px 35px 25px 35px;
}

#header-info .lead{
    margin: 100px 0px;
}


.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #F05F40; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.isHide{
    display: none;
}

.isShow{
    display: block;
}


.fiche-contact{
    background-color: #FFFFFF;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(136, 136, 136, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(136, 136, 136, 1);
    box-shadow: 2px 2px 5px 0px rgba(136, 136, 136, 1);
}

.fiche-contact-header{
    background-color: #F05F40;
    height: 75px;
    line-height: 75px;
    font-family: open_sansbold;
    color: #ffffff;
    text-transform: uppercase;
}

.fiche-contact-body{
    padding: 15px;
}

.fiche-contact-body-row{
    margin: 10px 0;
}

.div_svg,
.div_form{
    margin: 0;
    padding: 0;
    border-radius: 0;
}

.div_svg{
    background-color: #F05F40;
    height: 70px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.div_svg svg{
    height: 50px;
    margin-top: 10px;
}


.btn-rent-last-step{
    background-image: linear-gradient(to right, #fa9e1b,#F05F40);
    text-transform: uppercase;
    font-family: open_sansbold;
    color: #ffffff;
    border-radius: 35px;
    border: none;
    padding: 20px 35px;
    height: 75px;
    margin-top: 50px;
}

.btn-rent-last-step svg{
    height: 15px;
    margin-left: 10px;
}

.pointer{
    cursor: pointer;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
}

.pointer-morning{
    background-color: #B6ECF6;

}

.pointer-afertoon{
    background-color: #FAB9B6;
}

.pointer-day{
    background-color: #CBF0B6;
}

.pointer-morning:hover{
    background-color: #9DBDD4;
}

.pointer-afertoon:hover{
    background-color: #E0A7A4;
}

.pointer-day:hover{
    background-color :#AEE6CD;
}

.link_rent_admin button{
    margin: 10px 0;
}

#tarifs_velo,
#tarifs_bateau,
#cg{
    background-color: #FFFFFF;
}

#formulaire h2{
    font-family: open_sansbold;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 25px;
}

#tarifs_bateau h2,
#tarifs_velo h2,
#cg h2{
    font-family: open_sansbold;
    text-transform: uppercase;
}

#mentions h2{
    font-family: open_sansbold;
    text-transform: uppercase;
    color: #FFFFFF;
}

.lvl-h2{
    margin-top: 35px;
}

.cover_tarif_box{
    margin: 25px 0;
}

.tarif_box {
    background-color: #FFFFFF;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(136, 136, 136, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(136, 136, 136, 1);
    box-shadow: 2px 2px 5px 0px rgba(136, 136, 136, 1);
    padding: 0 0 10px 0;
    border-radius: 5px;
}

.tarif_box .btn-orange{
    margin-top: 15px;
}

.tarif_name{
    padding: 10px;
    background-color: #fa9e1b;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tarif_name h3{
    height: 35px;
    line-height: 35px;
    font-family: "Open Sans Semibold";
    text-transform: uppercase;
}

.tarif_name .quantity{
    height: 15px;
    line-height: 15px;
    font-family: "Open Sans";
    text-transform: uppercase;
}

.tarif_desc{
    padding: 5px;
}

.tarif_img img{
    max-width: 100%;
    height: auto;
}

.header_receipt, .bottom_receipt{
    padding: 0;
    margin: 0;
}

.img_receipt{
    width: 100%;
    margin: 0;
}

.header_receipt{background-image: url('../img/icons/header_receipt.svg');}
.bottom_receipt{background-image: url('../img/icons/bottom_receipt.svg');}

.header_receipt, .bottom_receipt{
    height: 50px;
    background-size: auto 50px;
    background-repeat:repeat;
    background-position: top left;
}

.body_receipt{
    background-image: url('../img/icons/body_receipt.svg');
    background-size: 100% auto;
    background-repeat:repeat;
    background-position: top center;
    padding: 0;
    margin: 0;
    font-family: open_sansregular;
}

.big_body_receipt, .body_receipt .lead{
    font-family: "Open Sans Semibold";
    text-transform: uppercase;
}

.body_receipt p{
    margin: 0;
    border: none;
}

.bloc_body_receipt{
    padding: 25px;
}

.body_receipt hr{
    height: 5px;
    border: none;
    background-color: #AAAAAA;
}

#tarif_action{
    background-color: #EEEEEE;
}

.color_white{
    color: #FFFFFF;
}

.g-recaptcha{
    margin: 5%;
}


#boatBike{
    padding: 0 0;
}

.boxBoat{
    background-color: #fa9e1b;
    color: #FFFFFF;
}

.boxBike{
    background: #F05F40;
    color: #FFFFFF;
}

.boxloca{
    background: #EE4B6A;
    color: #FFFFFF;
}

.boxBike p, .boxBoat p{
    padding: 15px;
}

.img-fluid-height{
    width:100%;
    object-fit: cover;
}

.grass-text{
    font-family: open_sansbold;
    text-transform: uppercase;
}

.big_textarea{
    border: solid #222222 2px;
}

@media (max-width: 575.98px) {

    .h1_part_1{
        font-size:8vw !important;
        margin-top: 100px;
    }

    .h1_part_2{
        font-size:18vw !important;
        margin-top: 25vh;
        margin-bottom: 5vh;
        padding: 0 15px;
    }

    /*
    .h1_part_2{
        font-size:22vw !important;
        margin-top: 30%;
        margin-bottom: 15%;
        padding: 0 15px;
    }
    */

    .btn-rent-1{
        border-radius : 25px ;
        box-shadow: none;
        margin-bottom: 25px;
    }

    .btn-rent-2{
        border-radius : 25px ;
        margin-bottom: 25px;
    }

    .form-control-label,
    .btn-reserver-home, .btn-contact-home{
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #formulaire, #rent-basket, #mentions{
        padding: 25px;
    }

    #tarifs_bateau, #tarifs_velo{
        padding: 25px 0;
    }

    #presentation, #contact, #cg, #tarif_action, #boatBike, #goToRent{
        padding: 50px 0;
    }

    #info, #myRent{
        padding: 50px 15px;
    }

    .div_velo{margin-top: 50px;}

    #form_rent_submit{
        margin-top: 20px;
    }

    #rent-basket .lead{
        padding-left: 25px;
        font-size: 120%;
    }

    .table-btn-1, .table-btn-2, .table-btn-3{
        color: #ffffff;
        border: none;
        height: 40px;
        min-width: 40px;
        padding: 10px;
    }

    .table-btn-1 svg,
    .table-btn-2 svg,
    .table-btn-3 svg{
        width: 20px;
        height: 20px;
    }

    .more_padding{
        padding-bottom: 50px !important;
    }

    .form-rent-last-step{
        height: 70px;
        box-shadow: none;
        border: none;
        background-color: #eeeeee;
        border-radius: 0px;
    }


}

@media (min-width: 576px) and (max-width: 991.98px) {

    @media (max-height: 575.98px) {
        .h1_part_2{
            font-size:11vw !important;
            margin-top: 10vw;
            margin-bottom: 3vw;
            padding: 0 15px;
        }
    }

    @media (min-height: 576px) {
        .h1_part_2{
            font-size:13vw !important;
            margin-top: 20vh;
            margin-bottom: 3vh;
            padding: 0 15px;
        }
    }

    .btn-rent-1{
        border-radius : 25px ;
        box-shadow: none;
    }

    .btn-rent-2{
        border-radius : 25px ;
    }

    .form-control-label,
    .btn-reserver-home, .btn-contact-home{
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #formulaire, #rent-basket, #mentions{
        padding: 25px;
    }

    #tarifs_bateau, #tarifs_velo{
        padding: 25px 0;
    }

    #presentation, #contact, #cg, #tarif_action, #boatBike, #goToRent{
        padding: 50px 0;
    }

    #info, #myRent{
        padding: 50px 15px;
    }

    .div_velo{margin-top: 50px;}

    #form_rent_submit{
        margin-top: 20px;
    }

    #rent-basket .lead{
        padding-left: 25px;
        font-size: 120%;
    }

    .table-btn-1, .table-btn-2, .table-btn-3{
        color: #ffffff;
        border: none;
        height: 40px;
        min-width: 40px;
        padding: 10px;
    }

    .table-btn-1 svg,
    .table-btn-2 svg,
    .table-btn-3 svg{
        width: 20px;
        height: 20px;
    }

    .more_padding{
        padding-bottom: 50px !important;
    }

    .form-rent-last-step{
        height: 70px;
        box-shadow: none;
        border: none;
        background-color: #eeeeee;
        border-radius: 0px;
    }


}


@media (min-width: 992px){
    .btn-rent-1{
        border-radius : 25px ;
        box-shadow: none;
    }

    .btn-rent-2{
        border-radius : 25px ;
        box-shadow: none;
    }

    #form_rent_submit{
        margin-top: 20px;
    }

    #goToRent, #presentation, #formulaire, #contact, #rent-basket, #tarifs_velo, #tarifs_bateau, #cg, #tarif_action, #mentions{
        padding: 75px 15px;
    }

    #activite{
        background-color: #EEEEEE;
    }

    #info, #myRent{
        padding: 75px 25px;
    }

    #rent-basket .lead{
        padding-left: 50px;
        font-size: 150%;
    }

    .table-btn-1, .table-btn-2, .table-btn-3{
        color: #ffffff;
        border: none;
        height: 50px;
        min-width: 50px;
        padding: 10px;
    }

    .table-btn-1 svg,
    .table-btn-2 svg,
    .table-btn-3 svg{
        width: 30px;
        height: 30px;
    }

    .more_padding{
        padding-bottom: 100px !important;
    }

    .form-rent-last-step{
        height: 70px;
        box-shadow: none;
        border: none;
        background-color: #eeeeee;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }
}