@charset "utf-8";

:root{
--charte_blue:#0b3167;
--charte_blue_hover:#4b618b;
--charte_red:#970217;
--charte_red_hover:#cd2f2f;
}

/*montserrat-regular-latin*/
@font-face{font-family:'Montserrat';font-style:normal;font-weight:normal;font-display:swap;src:url('https://www.roadtrippin.fr/montserrat-v15-latin-regular.woff2')format('woff2'), url('https://www.roadtrippin.fr/montserrat-v15-latin-regular.woff')format('woff'), url('https://www.roadtrippin.fr/montserrat-v15-latin-regular.ttf')format('truetype')}
/*montserrat-italic-latin*/
@font-face{font-family:'Montserrat';font-style:italic;font-weight:normal;font-display:swap;src:url('https://www.roadtrippin.fr/montserrat-v15-latin-regularitalic.woff2')format('woff2'), url('https://www.roadtrippin.fr/montserrat-v15-latin-regularitalic.woff')format('woff'), url('https://www.roadtrippin.fr/montserrat-v15-latin-regularitalic.ttf')format('truetype')}
/*montserrat-700-latin*/
@font-face{font-family:'Montserrat';font-style:normal;font-weight:bold;font-display:swap;src:url('https://www.roadtrippin.fr/montserrat-v15-latin-600.woff2')format('woff2'), url('https://www.roadtrippin.fr/montserrat-v15-latin-600.woff')format('woff'), url('https://www.roadtrippin.fr/montserrat-v15-latin-600.ttf')format('truetype')}
/*montserrat-700italic-latin*/
@font-face{font-family:'Montserrat';font-style:italic;font-weight:bold;font-display:swap;src:url('https://www.roadtrippin.fr/montserrat-v15-latin-600italic.woff2')format('woff2'), url('https://www.roadtrippin.fr/montserrat-v15-latin-600italic.woff')format('woff'), url('https://www.roadtrippin.fr/montserrat-v15-latin-600italic.ttf')format('truetype')}

html {font-size:12pt; background-color:#fff; width:100% !important}

body { /* Modifications : la couleur de fond de page - la police - l'unité utilisée pour la taille de la police  */
  background-color :#fff;
  font-size:12pt;
  font-family: Montserrat, OpenSans-Regular, Arial, Helvetica, sans-serif; width:99% !important; margin:5px;
  line-height:17pt;
}

.oneColFixCtr #container {
	padding-top:0px;
	width:100% !important;
	background-color:#fff;
	text-align:justify;
	margin:0 auto;
    
}
.texte_contenu{width:100% !important}
/*.roadtrippin{left:4px;z-index:1;font-size:24px;font-weight:bold;background-image:url(/image/sprites7.png);background-position:-1030px 0;display:inline-block;height:24px;width:214px;filter: invert(1);top:0px!important;position:absolute;right:0px}*/
.roadtrippin{left:4px;z-index:1;font-size:24px;font-weight:bold;display:inline-block;height:24px;width:214px;top:0px!important;position:absolute;right:0px;background-image:none;color:#000}
.roadtrippin::after{content:"ROADTRIPPIN.FR"}

#ancre_haut, #nav, #nav2, #haut_droite, #div_image_haut, .roadtrippin2, #annonce, footer, .bandeau_p_desktop, .bandeau_p_mobile, #bandeau_p_bas, #fond_barre_bas, #colonne_pub, #sommaire, .fil_ariane, .bandeau_p_mobile, #div_message_adblock_mobile,iframe,#bloc_fixe_droite,#menu_carte{display:none}
#container_haut{text-align:right; width:95% !important; height: max-content !important;display:inline-block; margin-bottom:20px !important; position:relative !important}


figure{text-align: center;margin:0;break-inside: avoid;}
figcaption{display:block;text-align:center;font-style:italic;font-size:14px;padding-top:4px}

h1, h2, h3, h4, table, p{ page-break-inside:avoid}
h1{font-variant: small-caps;font-size:2em;text-align:center;display: block;clear: both}
h2{font-variant: small-caps;font-size:1.7em;text-align:center;display: block;padding-top: 30px;margin-bottom:0;clear: both}
.h2section{text-align:left;clear: both}
h3{    font-size: 1.5em;
    line-height: 1em;
    border-bottom: 3px solid black;
    display: block;
    text-align: left;
    margin: 15px 0 10px 0;
    padding: 10px 0 0 0;clear: both}
table{overflow:hidden}

.dokuwiki a:link{color:#000;font-weight:bold}
ul,.conseil,.info{display: flow-root;}

.dokuwiki .star1,.dokuwiki .star2,.dokuwiki .star3,.dokuwiki .bouton_hotelscom,.dokuwiki .bouton_expedia,.dokuwiki .bouton_ebookers,.dokuwiki .bouton_hotelinfo,.dokuwiki .bouton_booking,.dokuwiki .bouton_tripadvisor,.dokuwiki .bouton_voyagessncf,.dokuwiki .rando,.dokuwiki .point,.dokuwiki .musee,.dokuwiki .route,.dokuwiki .activ,.bouton_info,.logo_facebook,.logo_twitter,.logo_mail,.bouton_imprimer,.logo_webapp,.logo_paypal,.logo_boutique,.logo_hub,.a_home_desktop,.home_mobile,.image_recherche{background:url(/image/sprites9.png) no-repeat;display:inline-block;background-size: auto 70px; -webkit-print-color-adjust: exact;print-color-adjust: exact}

.dokuwiki .bouton_hotelscom,.dokuwiki .bouton_expedia,.dokuwiki .bouton_ebookers,.dokuwiki .bouton_hotelinfo,.dokuwiki .bouton_booking,.dokuwiki .bouton_tripadvisor,.dokuwiki .bouton_voyagessncf{box-shadow:3px 3px 5px 0 #00000063;margin-right:5px}

.dokuwiki .star1, .dokuwiki .star2, .dokuwiki .star3{background-position:-612px -36px;height:16px;margin-left:3px}
.dokuwiki .star1{width:14px}
.dokuwiki .star2{width:28px}
.dokuwiki .star3{width:42px}

.dokuwiki .bouton_hotelscom,.dokuwiki .bouton_expedia,.dokuwiki .bouton_ebookers,.dokuwiki .bouton_hotelinfo,.dokuwiki .bouton_booking,.dokuwiki .bouton_tripadvisor,.dokuwiki .bouton_voyagessncf{margin-top:3px;margin-bottom:3px;border:0;height:34px;width:90px;vertical-align:middle}
.dokuwiki .bouton_hotelscom{background-position:-34px 0px}
.dokuwiki .bouton_expedia{background-position:-304px 0}
.dokuwiki .bouton_ebookers{background-position:-214px 0}
.dokuwiki .bouton_hotelinfo{background-position:-270px 0}
.dokuwiki .bouton_booking{background-position:-124px 0}
.dokuwiki .bouton_voyagessncf{background-position:-450px 0}
.dokuwiki .bouton_tripadvisor{background-position:-540px 0}

.container_excursion{display:flex;justify-content:space-around;flex-wrap:wrap;align-items:center}
.excursion{min-width:330px;height:220px;text-decoration:none;margin-bottom:15px;color:#000000;background-color:#e4e2e2;position:relative}
.excursion img{width:120px;height:120px;position:relative;top:40px}
.titre_excursion{position:absolute;font-variant:small-caps;font-size:1.1em;line-height:2em;color:#fff;min-width:inherit;display:inline-block;text-align:center;background-color:var(--charte_blue);font-weight:bold}
.texte_excursion{position:absolute;display:inline-block;width:auto;font-size:0.85em;top:40px;padding-left:5px;padding-right:5px;color:#000;font-weight:normal;line-height:1.4em;text-align:left}
.excursion_links{width:100%;height:34px;position:relative;display:block;top:38px;justify-content:space-evenly}

.excursion_page{display:flex;justify-content:space-evenly;color:var(--charte_red);letter-spacing:-1px;font-size:20px;font-weight:bold;position:relative;padding:10px;margin-bottom:2em;flex-wrap:wrap;border:var(--charte_red) 4px solid;border-radius:20px}
.excursion_page_l{line-height:22px;position:relative;margin:4px 0;text-transform:uppercase;text-align:center}

a.excursion{min-width:330px;height:185px;text-decoration:none;margin-bottom:15px;color:#000000;background-color:#e4e2e2;position:relative}
a.excursion img{width:120px;height:120px;position:relative;top:25px}
a.excursion:hover{background-color:#f1f1f1;text-decoration:none}

.container_excursion_links{display:flex;justify-content:space-evenly}
.excursion_link_ceetiz,.excursion_link_viator,.excursion_link_getyourguide,.excursion_link_antelope_canyon_tours,.excursion_link_papillon,.excursion_link_maverick{width:90px;height:34px;background:url("/image/excursions2.png") no-repeat;background-size:auto 34px;display:inline-block;margin:4px 4px;vertical-align:middle;transition:0.5s;background-color:#fff}
.excursion_link_ceetiz{background-position:0 0;border:5px solid #fff}
.excursion_link_viator{background-position:-90px 0;border:5px solid #fff}
.excursion_link_getyourguide{background-position:-179px 0;border:5px solid #fff}
.excursion_link_antelope_canyon_tours{background-position:-360px 0;border:5px solid #fff}
.excursion_link_papillon{background-position:-450px 0;border:5px solid #345361;background-color:#345361}
.excursion_link_maverick{background-position:-540px 0;border:5px solid #fff}
/*.excursion_link_direct{width:90px;height:34px;background:url("/image/excursions2.png") no-repeat;background-position:-270px 0;background-size:auto 34px;display:inline-block;margin:4px 4px;vertical-align:middle}*/
.excursion_link_direct{background-color:var(--charte_blue);padding:5px;color:#fff!important;text-decoration:none !important;font-size:18px;height:24px;line-height:24px;text-align:center;border:5px solid var(--charte_blue);width:auto;background-size: auto 34px;display:inline-block;margin:4px 4px;vertical-align:middle;transition:0.5s;background-color:var(--charte_blue)}
.excursion_link_ceetiz:hover,.excursion_link_viator:hover,.excursion_link_getyourguide:hover,.excursion_link_direct:hover,.excursion_link_antelope_canyon_tours:hover,.excursion_link_papillon:hover,.excursion_link_maverick:hover{box-shadow:0px 0px 5px 1px #00000063}

.reserver{background-color:var(--charte_blue);padding:10px;color:#fff!important;text-decoration:none!important;font-size:1em;display:inline-block;width:70px;margin:4px 4px}

.dokuwiki .rando, .dokuwiki .point, .dokuwiki .musee, .dokuwiki .route, .dokuwiki .activ{width:30px;height:30px;vertical-align:middle;margin-right:0;margin-top:0}
.dokuwiki .rando{background-position:-457px -36px}
.dokuwiki .point{background-position:-488px -36px}
.dokuwiki .musee{background-position:-519px -36px}
.dokuwiki .route{background-position:-550px -36px}
.dokuwiki .activ{background-position:-581px -36px}

.bouton_ul{padding-left:0;display: flex;flex-wrap: wrap; justify-content: space-evenly;}
.bouton_li{display:inline-block;min-width:225px;max-width:225px;width:100%;text-align:center;margin:0 10px 10px 10px;font-size:14px;line-height:17px}
.bouton_li a{color:#000!important;display:block;padding-top:10px;padding-bottom:10px;font-weight:bold}
.bouton_li a:hover{text-decoration:none!important}
.bouton_li_guide{border:solid var(--charte_blue) 3px;margin-top:15px}
.bouton_li_outil{border:solid var(--charte_red) 3px;margin-top:15px}
.bouton_li_moteur{border:solid var(--charte_blue) 3px;margin-top:15px}

.bouton_li{min-width: 200px; max-width:fit-content}
.bouton_li > a > img{width:180px}

.h3pointrando{display:inline!important;font-size:1.25em !important;line-height:0em!important;border:none !important;color:#000!important;background:none!important;padding:0!important;margin:0!important}
.h4pointrando{display:inline!important;font-size:1.25em !important;line-height:0em!important;border:none !important;color:#000!important;background:none!important;padding:0!important;margin:0!important}
.divpointrando{display:flex;padding:20px 0 5px 0;clear: both}
.divpointrandoi{margin:auto 0}
.divpointrandoc{display:inline-block;margin-left:5px;margin-top:5px}

.conseil{border-left:5px solid var(--charte_red_hover);padding-left:10px;margin-left:5px !important;font-weight:bold}
.info{border-left:5px solid var(--charte_blue_hover);padding-left:10px;margin-left:5px !important;font-style:italic}

.conteneur_album_photo{display:flex;justify-content:space-evenly;padding-top: 15pt}
.image_spot{display:inline-block;width: 500px;margin-right: 20px;margin-top:10px;height: auto;}
.image_entete{display: block; width: 500px;margin: 0px auto;margin-top:10px;height: auto;}
figure:first-of-type{width:100%}
.copyright_image{display:inline}

.dokuwiki table{font-size:90%}
.table{margin-top:-10px!important;overflow:auto;margin-bottom:10px}
.dokuwiki table.inline{border-spacing:0;border-collapse:collapse;width:100%;text-align:center}
.dokuwiki table.inline th{padding:3px;/*border:1px solid #8cacbb;*/background-color:#dee7ec}
.dokuwiki table.inline td{padding:3px;border-top:1px solid #8cacbb}
.leftalign{text-align:left}
.centeralign{text-align:center}
.rightalign{text-align:right}

.publication{font-style:italic;padding-top:20px;text-align:end}
#map_canvas div > img {position:absolute}
.copyright_map{display:block;width:990px;text-align:center;padding-top:10pt;}
.stylemap {width:100%;height:297mm;margin-bottom: 20px}
.bookingaff{display:none}
.dokuwiki a, .lien_photo{text-decoration:none;color:#000}
figure{/*width:310px*/width:100%}
.a_home_desktop{display:block!important}

.journee_circuit{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;width:100%;padding-bottom:45px;padding-top:20px;break-inside: avoid;}
.journee_circuit_j{width:20%}
.journee_circuit_t{width:80%}
.journee_circuit_j,.journee_circuit_t{background-color:#e2e7f1;font-weight:bold;text-align:center;padding-top:8px;padding-bottom:5px}
.journee_circuit_d{width:100%;border-bottom:2px solid #e2e7f1;padding-top:16px}
.journee_circuit_h{padding-top:15px;text-align:left;min-width:300px;flex-grow:10}
.journee_circuit_c{padding-top:15px;text-align:left;flex-grow:1}