/* ======================== */

/* 		FORM ADDRESS      	*/

/* ======================== */
#jform_primaryAddress {
  display: block !important;
}

/* ======================== */

/* 		FORM EMAIL      	*/

/* ======================== */
#jform_primaryEmail {
  display: block !important;
}

/* ======================== */

/* 		FORM PHONE      	*/

/* ======================== */
#jform_primaryPhone {
  display: block !important;
}

/* ======================== */

/* 		FRONT HOME      	*/

/* ======================== */

.ebp_header {
  padding: 0;
  width: 100%;
  height: 350px;
  background-color: #fe8e55;
}
.ebp_header_container {
  display: flex;
  flex-direction: column;
}
.ebp_header_logo {
  width: 5%;
  margin-right: auto;
  margin-left: auto;
}
.ebp_header_title {
  font-family: "Dancing Script", cursive;
  font-size: 100px;
  text-align: center;
}
.ebp_header_subtitle {
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
}

.ebp_body {
  margin: auto;
  display: flex;
  flex-direction: column;
}
.ebp_body_title {
  margin: 20px auto;
  font-size: 45px;
  color: #1e6c93;
  text-align: center;
}
.ebp_body_button_submit > .btn,
.ebp_body_button_discover > .btn {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
}
.ebp_body_infos {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #eaf0f2;
}
.ebp_body_info_title {
  font-family: "Sen", sans-serif;
  float: left;
  font-size: 40px;
  padding: 10px 0 0 40px;
}
.ebp_body_info_top,
.ebp_body_info_bottom {
  display: flex;
  flex-direction: row;
  padding: 5px 40px 5px 40px;
}
.ebp_body_info_top_left,
.ebp_body_info_top_right,
.ebp_body_info_bottom_left,
.ebp_body_info_bottom_right {
  display: flex;
  flex-direction: row;
  padding: 10px;
  width: 50%;
  border: #f69240 solid;
  margin: 10px;
}
.ebp_body_info_top_left_image,
.ebp_body_info_top_right_image,
.ebp_body_info_bottom_left_image,
.ebp_body_info_bottom_right_image {
  width: 15%;
}
.ebp_body_info_top_left_text,
.ebp_body_info_top_right_text,
.ebp_body_info_bottom_left_text,
.ebp_body_info_bottom_right_text {
  width: 85%;
}
.ebp_body_info_top_left_title,
.ebp_body_info_top_right_title,
.ebp_body_info_bottom_left_title,
.ebp_body_info_bottom_right_title {
  font-family: "Sen", sans-serif;
  font-size: 30px;
}
.ebp_body_info_top_left_info,
.ebp_body_info_top_right_info,
.ebp_body_info_bottom_left_info,
.ebp_body_info_bottom_right_info {
  width: 100%;
  font-size: 20px;
}

.round {
  background-color: #f69240;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-top: 50%;
}
.round > img {
  width: 80%;
  margin: 12%;
}

.button-orange {
  float: right;
  background: #f69240;
  width: 30%;
  height: 50px;
  margin: 25px;
  text-transform: uppercase;
  font-size: 20px;
}
.ebp_body_button_discover {
  margin-top: 40px;
}
.ebp_body_subtitle {
  position: relative;
}
.ebp_body_subtitle_text {
  color: #1e6c93;
  font-size: 25px;
  text-align: center;
  margin-bottom: 70px;
}
.ebp_body_subtitle::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #c5c7c8;
  position: absolute;
  left: 0;
  top: 65px;
}
.ebp_body_moreinfos {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ebp_body_moreinfo_carousel {
  width: 49%;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-wrapper {
  min-height: 100%;
}
.swiper-slide {
  min-height: auto !important;
}
.swiper-slide > img {
  width: 100%;
  height: auto;
  align-self: stretch;
}

.ebp_body_moreinfo {
  width: 49%;
  display: flex;
  flex-direction: column;
}
/*.ebp_body_moreinfos_map{}
				.ebp_body_moreinfos_map_text{}*/
.ebp_body_moreinfos_map_text_title {
  font-size: 20px;
  text-align: center;
  color: #1e6c93;
  margin: 10px;
  font-size: 25px;
}
.ebp_body_moreinfos_map_text_sub {
  text-align: center;
}

/* ======================== */

/* 		FRONT MARINA GL  	*/

/* ======================== */
.ebp_marinagrouplist_body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: auto;
  margin-top: 20px;
}
.ebp_marinagrouplist_container {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
.ebp_marinagrouplist_image,
.ebp_marinagrouplist_infos {
  margin-right: 10px;
}
.ebp_marinagrouplist_image {
  width: 20%;
}
.ebp_marinagrouplist_image > img {
  width: 500px;
  height: auto;
}
.ebp_marinagrouplist_infos {
  display: flex;
  flex-direction: column;
  width: 80%;
}
.ebp_marinagrouplist_info_title {
  float: left;
  font-size: 20px;
  color: #1e6c93;
}
.ebp_marinagrouplist_accroche {
  float: left;
  font-size: 30px;
  color: #1e6c93;
  margin-bottom: 15px;
}
.ebp_marinagrouplist_body_button_submit {
  position: relative;
}
.ebp_marinagrouplist_body_button_submit > .btn {
  width: 100%;
  margin-bottom: 15px;
}
.ebp_marinagrouplist_body_button_submit:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #c9c8c5;
  top: 40px;
  left: 0;
}

/* ======================== */

/* 		FRONT MARINA G   	*/

/* ======================== */

.ebp_marinagroups_body {
  margin: auto;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.ebp_marinagroup_plus {
  display: flex;
  flex-direction: row;
}
.ebp_marinagroup_plus_logo,
.ebp_frontmarina_plus_text {
  width: 50%;
}
.ebp_marinagroup_plus_logo {
  text-align: center;
}
.ebp_marinagroup_plus_logo > img {
  width: 100%;
  max-width: 250px;
}
.ebp_marinagroup_plus_text {
  display: flex;
  flex-direction: column;
}
.ebp_marinagroup_plus_text_title {
  color: #1e6c93;
  font-size: 45px;
  margin-bottom: 20px;
}

.ebp_body_button_submit > .btn,
.ebp_body_button_discover > .btn {
  width: 100%;
  margin-top: 35px;
  margin-bottom: 40px;
}
.ebp_marinagroup_accroche {
  display: flex;
  flex-direction: row;
}
.ebp_marinagroup_accroche_left,
.ebp_marinagroup_accroche_right {
  display: flex;
  flex-direction: row;
  width: 50%;
}
.ebp_marinagroup_accroche_left_image,
.ebp_marinagroup_accroche_right_image {
  width: 15%;
  margin: 0 50px 0 50px;
}
.ebp_marinagroup_accroche_left_image > img,
.ebp_marinagroup_accroche_right_image > img {
  width: 100%;
  min-width: 100%;
}
.ebp_marinagroup_accroche_left_text,
.ebp_marinagroup_accroche_right_text {
  display: flex;
  flex-direction: column;
  width: 60%;
}
.ebp_marinagroup_accroche_left_text_title,
.ebp_marinagroup_accroche_right_text_title {
  font-size: 20px;
  margin-bottom: 20px;
}
.ebp_marinagroup_ports {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}
.ebp_marinagroup_ports_title {
  color: #1e6c93;
  font-size: 45px;
  margin-bottom: 20px;
}
.ebp_marinagroup_ports_text {
  margin-bottom: 35px;
}
.ebp_marinagroup_ports_emplacement {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 50px;
}
.ebp_marinagroup_ports_emplacement_map {
  width: 100%;
}
#map_marinagroup {
  width: 100%;
  height: 400px;
  position: relative;
  z-index: 1;
  border-radius: 10px;
  box-shadow: 2px 2px 20px 0 black;
}
.ebp_marinagroup_ports_emplacement_map_image {
  display: flex;
  flex-direction: column;
  align-content: center;
}
.ebp_marinagroup_ports_emplacement_map_image > img {
  width: 100px;
  max-width: 100px;
  margin: auto;
}
.ebp_marinagroup_ports_emplacement_map_image > a {
  text-align: center;
}
.ebp_marinagroup_ports_emplacement_infos {
  display: flex;
  flex-direction: column;
}
.ebp_marinagroup_ports_emplacement_title {
  color: #1e6c93;
  font-size: 25px;
  margin-bottom: 20px;
}
.ebp_marinagroup_ports_emplacement_text {
  margin-bottom: 20px;
}
.swiper-slide {
  height: auto !important;
}
.card-text {
  font-size: 12px;
}
.card-body > a {
  position: absolute;
  bottom: 10px;
}

/* ======================== */

/* 		FRONT MARINA     	*/

/* ======================== */

.ebp_marina_container {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}
.ebp_marina_description {
  display: flex;
  flex-direction: row;
}
.ebp_marina_description_image {
  width: 50%;
  text-align: center;
  margin: 0 15px 0 15px;
}
.ebp_marina_description_image > img {
  max-height: 400px;
}
.ebp_marina_description_itext {
  width: 50%;
}

/* ======================== */

/* 		FRONT CONTRAT     	*/

/* ======================== */
.ebp_contrat_container {
  margin-left: auto;
  margin-right: auto;
}
.ebp_contrat_description {
  display: flex;
  flex-direction: row;
}
.ebp_contrat_description_text {
  width: 60%;
}
.ebp_contrat_description_jumbotron {
  width: 40%;
}
.jumbotron {
  text-align: center;
}
.ebp_contrat_buttons {
  display: flex;
  flex-direction: row;
}
.ebp_contrat_buttons > div > button {
  margin-right: 5px;
}

/* ======================== */
.white {
  color: #fff;
}
.orange {
  color: #f69240;
}

/* ==========RESPONSIVE=============*/
@media (max-width: 1415px) {
  .ebp_body_info_top,
  .ebp_body_info_bottom {
    flex-direction: column;
  }
  .ebp_body_info_top_left,
  .ebp_body_info_top_right,
  .ebp_body_info_bottom_left,
  .ebp_body_info_bottom_right {
    width: 100%;
  }
  .round {
    margin-top: 25%;
  }
}

@media (max-width: 1100px) {
  .ebp_body_moreinfos {
    flex-direction: column;
  }
  .ebp_body_moreinfo {
    width: 100%;
    margin: auto;
  }
  .ebp_body_moreinfo_carousel {
    margin: auto;
    margin-bottom: 15px;
  }
  .ebp_body_subtitle_text {
    font-size: 20px;
  }
  .ebp_body_subtitle::after {
    top: 50px;
  }
}

@media (max-width: 870px) {
  .button-orange {
    font-size: 15px;
  }
}