/* FICHE
------------------------------------------------------------------------------------------- */

div.tao_blocs .tao_bloc.tao_bloc_module .tao_bloc-cell span.etoiles {
color: #F94463;
font-size: 25px;
}

div.tao_blocs .tao_bloc.tao_bloc_module .tao_bloc-cell span.etoiles img {
width:25px;
height: 25px;
padding-right: 2px;
}

div.tao_blocs .tao_bloc.tao_bloc_module .tao_bloc-cell #str-titre-h1 {
padding: 0 10px 20px 0;
font-family: 'Oswald';
font-weight: 500;
text-transform: uppercase;
font-size: 35px;
}


div#tao_blo_apidae-fiche p.descriptif {
margin: 0 auto;
padding-bottom: 30px;
font-size: 20px;
line-height: 26px;
letter-spacing: 0;
text-align: left;
}

div#tao_blo_apidae-fiche p.descriptif.famille {
padding-left: 70px;
min-height: 50px;
color: #F94463;
background: transparent url(ico-famille.svg) no-repeat 0 0;
background-size: auto 50px;
}

div#tao_blo_apidae-fiche p.descriptif.durable {
margin-bottom: 15px;
padding: 15px;
background: #CDE8A9;
}

	html.is_blocs_linear div#tao_blo_apidae-fiche p.descriptif {
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	}

div.str-fiche-carnet .fa-heart:before {
content: '';
}


div.str-fiche-carnet {
text-align: center;
}

div.str-fiche-btns_header div.str-fiche-carnet {
padding-right: 20px;
width: 50%;
text-align: right;
}

div.str-fiche-btns_header div.str-fiche-nav {
padding: 5px 0 0 20px;
}

div.str-fiche-btns_header div.str-fiche-nav ul {
text-align: left;
}

div.str-fiche-btns_header div.str-fiche-nav ul li a {
background: url(../../otsom_sit_structure/_ressources/ico-fleches-cercles-lien.svg) no-repeat center center;
background-size: contain;
}

div.str-fiche-btns_header div.str-fiche-nav ul li a i {
display: none;
}

div.str-fiche-btns_header div.str-fiche-nav ul li.prev a {
transform: rotate(-180deg);
}

div.str-fiche-btns_header div.str-fiche-nav ul li.back a {
transform: rotate(-90deg);
}

div.str-fiche-btns_header div.str-fiche-nav ul li a:hover {
filter: invert(53%) sepia(67%) saturate(5373%) hue-rotate(328deg) brightness(96%) contrast(104%);
}



div.api_fiche {
padding-top: 40px;
color: #fff !important;
}

div.api_fiche ul.api_list2 li {
background: #F94463;
}

div.api_fiche div.labels {
display: block;
padding-bottom: 40px;
text-align: center;
}

div.api_fiche .api_header {
display: grid;
grid-template-columns: 2fr 1fr;
column-gap: 15px;
align-items: center;
margin-bottom: 80px;
}

div.api_fiche .api_header.fma {
grid-template-columns: 575px 1fr;
column-gap: 60px;
align-items: start;
}

div.api_fiche .api_header .fw_slider_item .api_slider_item {
width: 775px;
}

div.api_fiche .api_header .fw_slider .fw_slider_items {
border-radius: 30px;
}

div.api_fiche .api_header.fma .fw_slider .fw_slider_items {
border-radius: 0;
}

.api_header.fma div#api_slider .fw_slider_item .slide {
vertical-align: top;
text-align: center;
}

.api_header.fma div#api_slider .fw_slider_item .slide img {
position: relative !important;
top: auto !important;
left: auto !important;
}


	html.is_blocs_linear div.api_fiche .api_header {
	grid-template-columns: 1fr;
	margin-bottom: 40px;
	}

div.api_fiche .api_header_contact {
margin: 40px auto 0 auto;
padding: 40px;
background: #F94463;
border-radius: 30px;
height: 100%;
width: calc(100% - 20px);
color: #fff;
}

div#tao_blo_apidae-carto div.api_fiche .api_header_contact a.api_link {
color: #fff !important;
}

div#tao_blo_apidae-carto div.api_fiche .api_header_contact a.api_link:hover {
text-decoration: underline !important;
}

	html.is_blocs_linear div.api_fiche .api_header_contact {
	margin-top: 20px;
	padding: 20px;
	}

div.api_fiche .api_header_contact div.api_fiche_moyens_com h2 {
display: none;
}

div.api_fiche .api_header_contact div.api_fiche_reservation h2 {
padding-bottom: 0;
margin-top: 0;
text-transform: none !important;
color: #fff !important;
}

div.api_fiche .api_header_contact div.api_fiche_reservation h2:after {
display: none;
}

div.api_fiche .api_header_contact div.api_fiche_reservation h5 {
display: none;
}

div.api_fiche .api_header_contact div.api_fiche_reservation ul {
margin-top: 0;
}

div.api_fiche .api_header_contact strong {
display: block;
font-size: 21px;
line-height: 27px;
}

div.api_fiche div.api_diaporama,
div.api_fiche div#api_slider {
margin: 0;
}

div#api_slider .slider-buttons {
position: absolute;
z-index: 100;
bottom: 0;
left: 50%;
transform: translate(-50%, -50%);
}

div#api_slider .slider-buttons .arrow {
margin: 0 10px;
width: 40px;
height: 30px;
display: inline-block;
cursor: pointer;
transition: all .2s;
}

div#api_slider.fw_slider .fw_slider_arrow_left {
top: auto;
bottom: 20px;
width: 40px;
left: calc(50% - 50px);
background: url(ico-fleches-cercles-precedent.svg) no-repeat right center;
transition: all .2s;
}

div#api_slider.fw_slider .fw_slider_arrow_left i {
display: none;
}

div#api_slider.fw_slider .fw_slider_arrow_left:hover {
background-position: left center;
}

div#api_slider.fw_slider .fw_slider_arrow_right {
top: auto;
bottom: 20px;
width: 40px;
right: calc(50% - 50px);
background: url(ico-fleches-cercles-suivant.svg) no-repeat left center;
transition: all .2s;
}

div#api_slider.fw_slider .fw_slider_arrow_right i {
display: none;
}

div#api_slider.fw_slider .fw_slider_arrow_right:hover {
background-position: right center;
}

div.api_fiche h2 {
margin-top: 40px;
font-size: 21px !important;
line-height: 36px !important;
font-weight: 900 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #393838 !important;
}

	html.is_blocs_linear div.api_fiche h2 {
	margin-top: 20px;
	font-size: 18px !important;
	line-height: 22px !important;
	}



div.api_fiche div.api_content p,
div.api_fiche ul.api_list li {
color: #393838;
}


html.is_blocs_grid div.api_fiche div.api_content {
column-count: 2;
column-gap: 60px;
}


html.is_blocs_grid div.api_fiche .api_header.fma div.api_content {
column-count: 1;
}

html.is_blocs_grid div.api_fiche div.api_content div {
break-inside: avoid;
}

html.is_blocs_grid div.api_fiche div.api_content h2:first-child {
margin-top: 0;
}

div.api_fiche div.map {
margin-top: 80px;
height: 580px;
}

div.api_fiche ul.api_list {
margin-left: 0;
list-style: none;
}

div.api_fiche ul.api_list li {
position: relative;
padding-left: 10px;
}

div.api_fiche ul.api_list li:before {
content: '';
display: inline-block;
vertical-align: middle;
margin-right: 5px;
width: 4px;
height: 4px;
border-radius: 50%;
background: #F94463;
page-break-inside: avoid;
break-inside: avoid;

}

div.api_fiche .api_header_contact ul.api_list li {
padding-left: 0;
color: #fff;
}

div.api_fiche .api_header_contact ul.api_list li:before {
display: none;
}


div.api_fiche .btn_resa {
display: inline-block;
margin-top: 10px;
padding: 10px 20px;
color: #F94463;
text-transform: uppercase;
font-weight: 500;
font-family: 'Oswald';
background: transparent;
border-radius: 0;
transition: all .2s;
text-decoration: none;
background: #fff;
border-radius: 5px;
}

div.api_fiche .btn_resa:hover {
color: #fff;
background: #393838;
}

div.api_fiche .api_fiche_multimedias ul.api_list li::before {
content: '\f15b';
font-size: 20px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #F94463;
background: #fff;
width: 20px;
height: 20px;
}

div.api_fiche div.api_fiche_lies .tao_blo_apidae-liste {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
	html.is_blocs_linear div.api_fiche div.api_fiche_lies .tao_blo_apidae-liste {
	grid-template-columns: 1fr;
	}


div.api_fiche .api_header .api_fiche_multimedias a.api_link {
color: #F94463;
}

div.api_fiche .api_header .api_fiche_multimedias a.api_link:hover {
color: #F94463 !important;
text-decoration: underline;
}

div.api_fiche .api_fiche_langues h2 {
margin-top: 0;
}

/* COULEURS PROPRES AU PROJET
------------------------------------------------------------------------------------------- */

div.api_fiche a.api_link {
position: relative;
}

div.api_fiche .api_header a.api_link {
color: #fff;
}

div.api_fiche .api_header a.api_link:hover {
color: #fff !important;
}

div.api_fiche a.api_link::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
height: 1px;
width: 0px;
background-color: #F94463;
display: block;
transition: all 0.5s;
}

div.api_fiche .api_header a.api_link::after {
background-color: #fff;
}

div.api_fiche a.api_link:hover::after {
width: 100%;
}

div.api_fiche ul.api_liens li a {
color: #F94463 !important;
background: #fff !important;
}

div.api_fiche ul.api_liens li a:hover {
color: #fff !important;
background: #F94463 !important;
box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}


div.api_fiche ul.api_liens li a i.fab.fa-tripadvisor {
vertical-align: top;
width: 100%;
height: 100%;
background: transparent url(ico-tripadvisor1.svg) no-repeat center center;
background-size: 80% !important;
}

div.api_fiche ul.api_liens li a:hover i.fab.fa-tripadvisor {
background-image: url(ico-tripadvisor2.svg);
}


div.api_fiche ul.api_liens li a,
div.api_itineraire input[type=submit],
.api_btn_resa a,
div.api_fiche .offres_promos,
div#api_slider .ls-bottom-slidebuttons a:hover,
div#api_slider .ls-bottom-slidebuttons a.ls-nav-active,
div#tao_blo_apidae-carnet_add .consulter button {
background: #f84463;
}

div.str-fiche-carnet button {
font-family: 'Oswald';
font-size: 14px;
text-transform: uppercase;
color: #393838;
font-weight: 500;
}

div.str-fiche-carnet button i {
color: #fff;
width: 30px;
height: 30px;
vertical-align: middle;
border-radius: 30px;
background: #F94463 url(../../otsom_sit_structure/_ressources/ico-carnet-de-voyage.svg) no-repeat center center;
}

div.str-fiche-carnet button:hover {
color: #F94463;
background: #fff;
}

div.str-fiche-carnet button.carnet_in i {
background: #fff url(../../otsom_sit_structure/_ressources/ico-carnet-de-voyage2.svg) no-repeat center center;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}