@font-face {
  font-family: "arialrounded";
  src: url("fonts/ArialRoundedRegular.woff") format('woff');
}

@media (max-width: 1200px) {
	.container{ width: 100%; max-width: 100%;}

}
#main_body {font-size: 14px;}
body {font-family: 'arialrounded', sans-serif!important; background-color: #fafbff!important;}
.content-page {font-size: 12px;}
.footer-content {font-size: 12px; font-weight: normal;}
#headerpro {font-size: 13px; font-family: 'arialrounded', sans-serif!important;}
#header_accroche_2006 {font-size: 13px; font-family: 'arialrounded', sans-serif!important; margin-top: -15px;}
#headerpro .container {padding: 10px 0;}
.color-main {color: #41485b!important;}
.bleu-main {color: #00a6f2;}
a.lien_bleu {color: #007bff!important;}
a, a:hover {color: #00a6f2!important}
a.btn-outline-secondary, a.btn-outline-secondary:hover {color: #6c757d!important; border-color: #6c757d; padding: 4px 8px;}
a.btn-outline-secondary:hover {color: #FFF!important;}
.btn-outline {border: 1px solid #000; color: #3f48dd;}

/*.navbar a {color: #41485b!important;}*/
/*.navbar a:hover, header .nav-item:hover a {color: #FFF!important;}*/


#navbarNav {font-family: 'arialrounded', sans-serif!important;}
#navPrincipale .nav-brand img {margin-top: 5px;}
#main_header #navbarNav ul.navbar-nav {padding-left: 15px;}
#main_header {background-color: #FFF; box-shadow: 0 0 14px rgba(0, 0, 0, 0.42)}

.footer-zone-map .nav-link {font-family: 'arialrounded', sans-serif!important; font-weight: normal; font-size: 17px;}

.bg-transparent {background-color: transparent; color: #FFF;}
.color-white .navbar-nav .nav-link, .color-white .navbar-nav .nav-link:hover, .color-white .navbar-nav .nav-link:focus {color: #FFF;}
.navbar-light .navbar-nav .nav-link:hover {color: #FFF;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: #FFF;}

#maselection_link {font-size: 0.9em; margin-top: 2px; color: #00a6f2!important;}
.navbar-light .navbar-nav .nav-link-bleu {color: #00a6f2!important;}
header .nav-item:hover a#maselection_link {color: #FFF!important;}

.bg-moteur {background-color: #FFF;}

.bleuslt, .bleuslt a, a.bleuslt {color: #00A5F2;}
.bg_gris {background-color: #F1F2F7;}
.bg_blanc {background-color: #FFF;}
.bg_bleu {background-color: #009EE3; color: #FFF;}
.bg_bleu a{color: #FFF!important;}
.bg_bleu a:hover{color: #FFF!important; text-decoration: underline;}

input.adm_input_date {font-size: 1.2em!important; padding: 0 5px; font-weight: normal; /*height: 36px;*/}

.navbar {padding-right: 0px!important;}
header .nav-link {font-size: 17px;}
@media (max-width: 1200px) {
	header .nav-link {font-size: 17px;}
	#logo_header {margin-left: 20px;}
}

header .nav-item {padding: 3px 5px; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
header .nav-item .nav-link {color: #00a6f2!important;/*#FFF!important;*/ font-weight: bold; }
#SLTHOME header .nav-item .nav-link {color: #FFF!important; font-weight: bold; }
header .nav-item:hover {background-color: #66c9f7; }
header .nav-item:hover .nav-link{color: #FFF!important; }
/*header .nav-item:hover .nav-link {color: #14a3bd!important; text-shadow: 1px 1px 1px #FFF;}*/
header .nav-item:hover .nav-link-bleu {color: #00a6f2!important; /*#FFF!important;*/ }
header #navbarNav ul.navbar-nav li.nav-item-red {background-color: #800000; margin-left: -15px; margin-right: -15px; padding-left: 15px;}
header #navbarNav ul.navbar-nav li.nav-item-red  .nav-link {color: #FFF!important;}
header #navbarNav ul.navbar-nav li.nav-item-gris {background-color: #FAFAFA; color: #000; margin-left: -15px; margin-right: -15px; padding-left: 15px;}
header .color-white .nav-item-gris a.nav-link {color: #000; }
header #navbarNav br {display: none;}
header #navbarNav a {display: block;}
header #navbarNav .dropdown-menu {left: 3px; top: calc(100% + 2px);}
@media (max-width: 992px) {
header #navbarNav .dropdown-menu {border: 2px solid #FFF; background-color: transparent; }
header #navbarNav .menu_body {position: relative; background-color: transparent;}
.nav-item-bleu-mobile {background-color: #00a6f2!important; margin-left: -15px; margin-right: -15px; padding-left: 15px!important;}
.navbar-light .navbar-nav .nav-item-bleu-mobile .nav-link-bleu {color: #FFF!important;}
}

#SLTHOME header {position: absolute; top: 0px; left: 0px; z-index: 255;}
#SLTHOME #main_header {background-color: transparent!important;}
/*#SLTHOME .navbar a {color: #FFF!important;}*/
#SLTHOME #header_accroche_2006 {color: #FFF;}
#SLTHOME #main_header {box-shadow: none;}
@media(max-width: 992px) {
#SLTHOME #navbarNav {/*background-color: rgba(69,177,201,0.4); */background-color: #66c9f7; overflow-x: hidden;}
}
.nav-item {position: relative;}
.submenu-item .dropdown-menu { background-color: #0069d9; }
.nav-item:hover > .dropdown-menu {
  /*display: block;*/
  padding: 0;
  border: none;
  margin-top: -2px;
}

.dropdown-toggle[aria-expanded=true]::after {border-top: none; border-bottom: .3em solid;}
@media (min-width: 1024px) {
	.dropdown-toggle::after {border: none;}
}
/* makes sub-menu S open on hover */
.submenu-item:hover > .dropdown-menu {
  display: block;
}

#bloc_filtre {border: 1px solid #dee2e6; }
.head-filtre {background-color: #66C9F7; color: #FFF;}
.head-filtre h5 {font-family: 'arialrounded', sans-serif!important; font-size: 1.5em; line-height: 30px; margin: 0; margin-left: 15px; color: #FFF;}
.head-filtre .btn-link, .head-filtre .btn-link {color: #FFF;}
.head-filtre a {text-decoration: none;}
#FiltersListe.collapse {display: block}
@media (max-width: 800px) {

#FiltersListe.collapse:not(.show) {display: none;}
}

#f-generic-moteur button.ui-multiselect {display: block; width: 100%!important; padding: 7px 9px; font-size: 13px; font-family: 'arialrounded', sans-serif!important; text-align: left; color: #41485b!important;}
#f-generic-moteur label {display: block; font-size: 14px; font-weight: bold; margin-bottom: 4px; font-family: 'arialrounded', sans-serif!important; color: #41485b;}
#f-generic-moteur input[type=text] {width: 100%; padding: 9px!important; font-family: 'arialrounded', sans-serif!important; font-size: 13px!important;}
#searchButtonMoteur {display: block; width: 100%!important;}

button.ui-multiselect span {color: #6ba7d1;}
.ui-state-default .ui-icon {background-image: url(/images/ico_dropdown.png) ;}

#nav-left h5 {background-color: #FFF; font-family: 'arialrounded', sans-serif!important; color: #00a6f2; line-height: 2.0em; font-size: 1.1em; width: 100%; margin-bottom: 0;}
#nav-left h5.h6 {font-size: 1.0em;}
#nav-left h5 a, #nav-left h5 a:hover {color: #66C9F7!important;}
#nav-left a.btn {font-family: 'arialrounded', sans-serif!important;}

.bg-taupe, a.bg-taupe, a.bg-taupe:hover {background-color: #b4a99e; color: #FFF;}
.bg-bleu1, a.bg-bleu1, a.bg-bleu1:hover {background-color: #66C9F7; color: #FFF;}
.bg-bleu2, a.bg-bleu2, a.bg-bleu2:hover {background-color: #00a5f2; color: #FFF;}
.bg-bleu3, a.bg-bleu3, a.bg-bleu3:hover {background-color: #0093d9; color: #FFF;}
.bg-bordeau, a.bg-bordeau, a.bg-bordeau:hover {background-color: #800000; color: #FFF;}
.bg-dore, a.bg-dore, a.bg-dore:hover  {background-color: #cca662; color: #FFF!important;}
.titre-bordeau {background-color: #800000; color: #FFF; text-align: center; font-size: 1.5rem; line-height: 2.5rem; display: block; width: 100%; }
.h2-bleu {font-size: 1.4rem; color: #0000FF;}
.text-bleu {color: #0000FF;}
.text-bold {font-weight: bold;}

.color-new-bleu {color: #66C9F7;}

.ui-widget {font-size: 0.9em;}

a.btn-primary, a.btn-primary:not([href]), button.btn-primary {border-radius: 0; background-color: #00BFFF; /*#66C9F7;*/ font-family: 'arialrounded', sans-serif!important; color: #FFF!important; border: 1px solid #00BFFF;}
a.btn-primary:hover, a.btn-primary:not([href]):hover, button.btn-primary:hover {background-color: #0069d9; color: #FFF!important; border-color: #0069d9;}
a.btn-danger, a.btn-danger:not([href]) {border-radius: 0; background-color: #ED1C24; font-family: 'arialrounded', sans-serif!important; color: #FFF!important; border: 1px solid #ED1C24;}
a.btn-danger:hover, a.btn-danger:not([href]):hover {background-color: #ED1C24; color: #FFF!important; border-color: #ED1C24;}
.btn-rounded, a.btn-rounded {border-radius: 15px;}

.title_bloc {background-color: #F1F2F7; color: #00A5F2; font-family: 'arialrounded', sans-serif!important;}

.carousel-inner .row {margin: 0 -2px}
.carousel-inner .col-2 {padding: 0 2px;}

.etiquette_nbphoto {position: absolute; bottom: 0px; right: 0px; z-index: 100; background-color: rgba(0,165,242, .80); color: #FFF; padding: 0 5px; font-size: 0.9em; font-weight: bold;}

.activite img {width: 100%;}

.arianne {font-size: 0.8rem; color: #007bff;}
.arianne h1, .arianne h2 {font-size: 0.8rem; color: #007bff}
.contenu_activites {font-size: 12px;}
.titre_activites {font-size: 16px;}

.slick-prev {left: 5px; z-index: 10;}
.slick-next {right: 10px; z-index: 10;}

.content_wysiwyg br {content: ""; margin: 2em; display: block; font-size: 24%;}
.content_wysiwyg br+br {display: none;}
.content_wysiwyg b br {display: none;}
.content_wysiwyg b {margin-top: 10px;}
.content_wysiwyg img {display: none;}

#zone_ancre3 .content_wysiwyg table tr td br {content: ""; margin: 0; display: block; font-size: 24%;}
#zone_ancre3 .content_wysiwyg table tr td br+br {display: block;}

.content_wysiwyg table {width: 100%; table-layout: fixed;}
/*.content_wysiwyg table td {width: 100%;}*/
.content_wysiwyg table:nth-child td:nth-child(1) {width: 15%;}
.content_wysiwyg table:nth-child(2) td:nth-child(2) {width: 75%;}
.annonce_label .content_wysiwyg table td:nth-child(2) {width: auto;}
.annonce_label .content_wysiwyg table td:first-child {width: 10%;}
@media (max-width: 1024px) {
.annonce_label .content_wysiwyg table tr:nth-child(1) td font, .annonce_label .content_wysiwyg table tr:nth-child(2) td font, .annonce_label .content_wysiwyg table tr:nth-child(1) td span, .annonce_label .content_wysiwyg table tr:nth-child(2) td span {font-size: 9px!important;}
}


#onglets_descriptif .col-6:nth-child(even) {padding-left: 2px;}
#onglets_descriptif .col-6:nth-child(odd) {padding-right: 2px;}

#compteur_offres {font-size: 13px;}

#tab_capacites {}
#tab_capacites tbody tr td {width: auto}
#tab_capacites tbody tr td:first-child {width: 200px!important; }
@media (max-width: 992px) {
	#tab_capacites tbody tr td:first-child {width: 50%!important; }
}

@media (max-width: 992px) {
	table.sous_infos th, table.sous_infos td{font-size: 0.6em; text-align: center;}
	.sous_info_valeur {display: block; width: 100%; text-align: center;}
}

.page-item.active .page-link { background-color: #66c9f7; border-color: #66c9f7; color: #FFF!important;}
.page-link { color: #00a6f2; }

.popupform label.col-form-label {font-size: 14px;}

#surlememetheme {font-size: 0.9em;}

#btn-header-publier {background-color: #800000; border-color: #800000; font-size: 11px; padding: 0 10px; margin-top: -3px; margin-left: 15px; line-height: 16px; border-radius: 5px; font-family: Verdana; }

.ui-multiselect-checkboxes label input {margin-right: 3px;}

.detail-destination .breadcrumbdestination, .detail-destination .titre-destination {display: none;}
.detail-destination table {width: 100%!important;}

.title_bloc_tarifs {background-color: #ebeff9; color: #000; font-size: 0.9rem;}
.bloc-simulation-tarif h3 {font-size: 1.0rem;}
.bloc-simulation-tarif ul, .bloc-simulation-tarif li {list-style-type: none; padding: 0; margin: 0;}

@media(min-width: 1024px) {
#step-simulateur-situation, #step-simulateur-type, #step-simulateur-equipement {border-right: 1px solid #CCC; /*max-width: 20%;*/ }
#step-simulateur-end {/*max-width: 40%;*/}

	.popupannonce #step-simulateur-situation, .popupannonce #step-simulateur-type, .popupannonce #step-simulateur-equipement {max-width: 100%; }
	.popupannonce #step-simulateur-end {max-width: 100%;}
}
#modalTarif h2 {color: #ed1c24; text-align: center; display: block; font-size: 1.2rem; font-weight: bold;}
#modalTarif h3 {font-size: 1.1rem; font-weight: bold; border-bottom: 1px solid #000; padding: 10px 0}
#modalTarif .formule {color: #FFF; text-align: center; padding: 0 0 15px 0; border: 1px solid #000; font-size: 1.0rem; font-weight: bold; /*height: calc(100% - 40px);*/}
#modalTarif .formule p {padding: 0 15px;}
#modalTarif .formule .content-formule {min-height: 144px;}
#modalTarif .formule hr {border-top: 1px solid #000;}
#modalTarif .btn-paiement a {margin-top: 10px; display: block; background-color: #0000FF; color: #FFF!important; border: 1px solid #000; padding: 7px; font-weight: bold; font-size:14px!important;}
.formule-premium {background-color: #00bfff;}
.formule-silver {background-color: #9a9a9a;}
.formule-gold {background-color: #ffa500;}
.formule-platinum {background-color: #000000;}
#modalTarif .formule-platinum h3 {border-bottom: 1px solid #FFF; }
#modalTarif .formule-platinum hr {border-top: 1px solid #FFF;}
.option-site {background-color: #afeeee; color: #5e5eff; text-align: center; border: 1px solid #000; font-size: 1.0rem; font-weight: bold;}
#modalTarif #text-promo {color: #ed1c24; text-align: center; font-size: 1.0rem; font-weight: bold; height: 100%;}

.nbpromo {color: #3f48cc; font-weight: bold;}

#colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent{ max-width: 100%!important;}

.zone-label {font-size: 13.6px; font-weight: normal; background-color: #FFF; line-height: 0.9rem; color: #41485b;}
.zone-label strong {font-size: 14px;}
.zone-label .txt-garantie {line-height: 1.2rem;}
.zone-label .lien_bleu {color: #0000FF!important; text-decoration: underline; font-size: 12px; font-weight: normal}

.popupform h1 {font-size: 1.5rem; font-weight: bold; color: #00BFFF; text-align: center; display: block;}
.popupform h2 {color: #009EE3;}
.popupform .bg_bleu h2 {color: #FFF;}

.shield-visite {width: 30px;}

#modalInfoPublication .modal-content { font-size: 0.9rem;}
#modalInfoPublication2 .modal-content { font-size: 0.9rem;}