/* Pages reprises de la V1 : styles de la V1 (css/main.css, home.css, trip.css, trip-config.css) limités à .v1page */
.v1page .buttons a {display:inline-block; background:#01d0b0; color:#FFF; font-family:"Blogger", Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; font-size:14px; padding:10px 8px; text-shadow:0 0 2px rgba(0,0,0,0.2); transition:background-color 0.15s, color 0.15s; border-radius:3px;}
.v1page .buttons a:hover {background-color:#222 !important;}
.v1page .buttons a.orange {background-color:#F26C4F;}
.v1page .buttons a.purple {background-color:#532591;}
.v1page .buttons a.white {background-color:#FFF; color:#000;}
.v1page .buttons.big a {font-size:20px; padding:15px 12px;}
.v1page .buttons.small a {font-size:12px; padding:8px 6px;}
.v1page .buttons a.noLink, .v1page .buttons a.noLink:hover {background:#FFF; color:#000; color:rgba(0,0,0,0.7); background:rgba(255,255,255,0.8) !important; cursor:default; position:relative; text-shadow:none; box-shadow:0 0 0 1px rgba(0,0,0,0.2) inset;}
.v1page .buttons a.noLink.options {padding-right:38px;}
.v1page .buttons a.noLink.options.double {padding-right:72px;}
.v1page .buttons a.noLink span {position:absolute;  border-radius:0 3px 3px 0; width:30px; top:0; bottom:0; right:0;   cursor:pointer; transition:background-color 0.15s; border-left:1px solid rgba(0,0,0,0.1); background:#EEE no-repeat center center url(../../images/pictos/close.svg); background-color:rgba(0,0,0,0.05); background-size:40px; overflow:hidden; text-indent:-5000px;}
.v1page .buttons a.noLink span.accept {right:31px; background-image:url(../../images/pictos/check.svg)}
.v1page .buttons a.white:hover {color:#FFF;}
.v1page .black, .v1page a.black {color:#000;}
.v1page .white, .v1page a.white {color:#FFF;}
.v1page .grey, .v1page a.grey {color:#777;}
.v1page .hiddenSubmit {padding:0; background:none; width:0; height:0; border:none; overflow:hidden; position:absolute;}
.v1page #overLay {position:fixed; background:rgba(0,0,0,0.85) no-repeat center center; width:100%; height:100%; left:0; top:0; z-index:100;}
.v1page #overLay.loading {background-image:url(../../images/load-black.gif)}
.v1page .champ {padding:10px; width:100%; border:1px solid #CCC; background:#FFF no-repeat; box-shadow:none; border-radius:0; outline:none; font-weight:300; font-family:"Source Sans Pro", Arial, Helvetica, sans-serif; display:block; color:#333;}
.v1page .champ.place {padding-left:32px; background-image:url(../../images/pictos/pin-input.svg); background-position:5px center;}
.v1page .champ.error {background-color:#FEE !important; color:#E02 !important; border-color:#FAA !important;}
.v1page span.utc {display:inline-block; padding:11px 5px; overflow:hidden; font-size:12px;}
.v1page .table-date {border:1px solid #CCC; background:#FFF no-repeat 7px center;}
.v1page .table-date input {border:none; background:#FFF no-repeat; box-shadow:none; border-radius:0; outline:none; font-weight:300; font-family:"Source Sans Pro", Arial, Helvetica, sans-serif; padding:10px 0; width:25px;  text-align:center; color:#333; cursor:pointer; font-size:14px;}
.v1page .table-date input:hover {background-color:#FAFAFA; font-weight:400;}
.v1page .table-date.error {background-color:#FEE !important; color:#E02 !important; border-color:#FAA !important;}
.v1page .table-date.error input {background-color:#FEE !important; color:#E02 !important;}
.v1page .table-date.date {padding-left:32px; background-image:url(../../images/pictos/calendar.svg);}
.v1page .table-date.time {padding-left:32px; background-image:url(../../images/pictos/clock.svg);}
.v1page p.exemple {margin:10px 0 25px 0;}
.v1page .form-general {background:#FFF; padding:60px 50px;}
.v1page .form-general form, .v1page .centerContent {margin:0 auto; max-width:1100px;}
.v1page .form-general form .champ {font-size:22px;}
.v1page .form-general form .table-date td {font-size:22px;}
.v1page .form-general form .table-date input {padding:10px 0; width:38px; font-size:22px;}
.v1page .form-general  hr {margin:25px 0; height:0; border:none;}
.v1page .form-general .buttons {text-align:center;}
.v1page .form-general h2 {text-align:center;  text-transform:uppercase;}
.v1page .errorFloat {margin:10px 0 25px 0;}
.v1page .errorFloat span {color:#E00; font-weight:400;}
.v1page .encart {padding:15px; border:5px solid #DDD; background:#FAFAFA; margin-bottom:50px; font-size:18px; text-align:center; font-weight:400; margin:15px 0;}
.v1page .encart .buttons {margin-bottom:0;}
.v1page h2.first, .v1page h2.first.step {margin-top:0;}
.v1page h2.step {text-align:center; text-transform:uppercase; margin:50px 0 25px 0;}
.v1page h2.step strong {display:block; width:54px; height:54px; line-height:54px; color:#01d0b0; font-size:27px; font-weight:400; background:#222; border-radius:100%; margin:0 auto 15px auto;}
.v1page #my_profil_picture {width:140px; height:140px; margin:0 auto; background:#EEE no-repeat center center; border-radius:100%; background-size:cover; box-shadow:0 0 0 6px #FFF;}
.v1page #my_profil_picture.loading, .v1page .my_avatar.loading {background-size:auto !important; background-image:url(../../images/load.gif) !important;}
.v1page #queued-avatar {position:absolute; width:100%; left:0;}
.v1page #queued-avatar .col {position:absolute; width:140px; height:140px; margin:0 -70px; left:50%; z-index:3; overflow:hidden; border-radius:100%;}
.v1page #queued-avatar .picture {width:100%; height:100%; position:absolute; background:#EEE no-repeat center center; border-radius:100%; background-size:cover;}
.v1page #queued-avatar .col .loading {position:absolute; z-index:2;  background:rgba(255,255,255,0.5) url(../../images/loaderuploadbox.gif); background-size:cover; width:100%; height:100%; right:0; opacity:0.7;}
.v1page #mainFooter {padding:30px; background:#222; color:#CCC; text-align:center; font-size:13px;}
.v1page #mainFooter a {color:#CCC;}
.v1page .profile-header {background:#F1F1F1;}
.v1page .profile-header h1, .v1page .profile-header h2 {text-align:center; font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;  font-style:italic; color:#333; font-size:20px; margin:0;  text-transform:none;}
.v1page .profile-header h1 {font-weight:400;}
.v1page .profile-header h2 {font-weight:300 !important;}
.v1page #profileTrips .trip {background:#222 center center url(../../images/bg-header-empty.png); position:relative;}
.v1page #profileTrips .trip .admin-confirm {position:absolute; top:0; left:0; background:#FFF no-repeat center center; background-color:rgba(255,255,255,0.95); z-index:2; width:100%; height:100%; box-shadow:0 0 0 1px #AAA; display:none;}
.v1page #profileTrips .trip .admin-confirm.loading {background-image:url(../../images/load.gif)}
.v1page #profileTrips .trip a.main {padding:100px 20px; display:block; color:#FFF; text-decoration:none; text-transform:uppercase; text-align:center; margin:25px 0;}
.v1page #profileTrips .trip a.main h1 {font-size:38px; margin:0 !important;}
.v1page #profileTrips .trip a.main h2 {font-size:20px; margin:0 !important;}
.v1page #profileTrips .trip .cache {background:rgba(0,0,0,0.25) url(../../images/degrade-60.png) repeat-x  0 bottom; transition:background-color 0.15s;}
.v1page #profileTrips .trip:hover .cache {background-color:rgba(0,0,0,0.6);}
.v1page .statsCount {text-align:center; padding:30px 0 40px 0; background:#ECECEC; margin-top:-15px;}
.v1page .statsCount span {display:inline-block; text-align:center; margin:0 20px; font-weight:400; min-width:8%; font-size:15px;}
.v1page .statsCount strong {display:block; font-size:40px; font-family:"Blogger", Arial, Helvetica, sans-serif;}
.v1page #cookie_alert {position:fixed; left:30px; right:30px; bottom:30px; border-radius:3px; color:#000; font-size:12px; background:#f5f4c4; z-index:99; border:1px solid rgba(0,0,0,0.1);}
.v1page #cookie_alert p {padding:10px 48px 10px 15px; margin:0; text-align:center;}
.v1page #cookie_alert p a {color:#000; text-decoration:underline;}
.v1page #cookie_alert a.closer {position:absolute; right:0; top:0; width:36px; height:100%; background:url(../../images/pictos/close.svg) no-repeat center center; border-left:1px solid rgba(0,0,0,0.1); background-size:44px;}
.v1page .center {max-width:1200px; margin:0 auto;}
.v1page .center.small {max-width:1000px;}
.v1page .center.very-small {max-width:700px;}
.v1page section.textes {background:#FFF; padding:50px 0;}
.v1page section.textes h1 {font-size:26px; margin:20px 0; text-transform:uppercase;}
.v1page section.textes h2 {font-size:22px; margin:15px 0; font-family:"Source Sans Pro", Arial, Helvetica, sans-serif; font-weight:400;}
.v1page section.textes h3 {font-size:18px; margin:}
.v1page section.textes .center {max-width:1000px;}
.v1page .tutoBulle {position:absolute;  background-color:#F26C4F; padding:15px 60px 15px 10px; line-height:110%; font-weight:400; font-size:16px; color:#FFF; border-radius:4px; box-shadow:0 0 5px rgba(0,0,0,0.3); margin:10px; z-index:15;}
.v1page .tutoBulle a {position:absolute; right:10px; top:50%; margin-top:-14px; color:#FFF; border:1px solid #FFF; height:26px; width:26px; line-height:26px; text-align:center; font-size:12px; font-weight:500; z-index:2; border-radius:3px;}
.v1page .tutoBulle a:hover {text-decoration:none; background-color:rgba(0,0,0,0.4);}
.v1page .tutoBulle:before {position:absolute; right:-6px; width:12px; height:12px; top:16px; background-color:#F26C4F; content:""; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.v1page #alertAction {position:fixed; z-index:80;  background:#01d0b0; color:#FFF; padding:14px 25px 16px 25px; left:50%; margin:0 -185px; width:320px; top:125px; border-radius:3px; box-shadow:0 0 10px rgba(0,0,0,0.15);  font-weight:400; line-height:28px; font-size:18px;}
.v1page #alertAction a.close {width:26px; height:26px; background:url(../../images/pictos/close-white.svg) no-repeat center center; background-size:40px; position:absolute; top:5px; right:5px; opacity:0.5}
.v1page #alertAction a.close:hover {opacity:1;}
.v1page #alertAction a.share {display:inline-block; height:28px; width:28px;  background:no-repeat center center;}
.v1page #alertAction a.share:hover {}
.v1page #alertAction a.share.facebook {background-image:url(../../images/pictos/facebook-white.svg); width:26px;}
.v1page #alertAction a.share.google {background-image:url(../../images/pictos/google-white.svg);}
.v1page #alertAction a.share.twitter {background-image:url(../../images/pictos/twitter-white.svg);}
.v1page #form_maj_alert table td {padding:10px 0; border-top:1px solid #E5E5E5;}
.v1page #form_maj_alert table {border-bottom:1px solid #E5E5E5;}
.v1page [type="checkbox"].checkbtn:not(:checked), .v1page [type="checkbox"].checkbtn:checked {position: absolute;  
      left: -9999px;}
.v1page [type="checkbox"].checkbtn:not(:checked) + label, .v1page [type="checkbox"].checkbtn:checked + label {position: relative;
		padding-left: 54px;
		cursor: pointer;
		margin:0 2px;}
.v1page [type="checkbox"].checkbtn:not(:checked) + label:before, .v1page [type="checkbox"].checkbtn:checked + label:before, .v1page [type="checkbox"].checkbtn:not(:checked) + label:after, .v1page [type="checkbox"].checkbtn:checked + label:after {content: '';
		position: absolute;}
.v1page [type="checkbox"].checkbtn:not(:checked) + label:before, .v1page [type="checkbox"].checkbtn:checked + label:before {left:0; top: -2px;
		width: 50px; height: 26px;
		border-radius: 25px;
		background: #FFF;
		background:rgba(255,255,255,0.8);
		-webkit-transition: background-color .2s;
		-moz-transition: background-color .2s;
		-ms-transition: background-color .2s;
		transition: background-color .2s;
		box-shadow:0 0 5px 1px rgba(0,0,0,0.15) inset, 0 0 0 1px rgba(0,0,0,0.15) inset;}
.v1page [type="checkbox"].checkbtn:not(:checked) + label:after, .v1page [type="checkbox"].checkbtn:checked + label:after {width: 16px; height: 16px;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		transition: all .2s;
		border-radius: 50%;
		background: #888;
		top: 3px; left: 5px;
		line-height:16px;
		font-size:12px; font-weight:700;}
.v1page [type="checkbox"].checkbtn:checked + label:before {background:#01d0b0;}
.v1page [type="checkbox"].checkbtn:checked + label:after {background: #FFF;
		left: 29px;}
.v1page [type="checkbox"].checkbtn:not(:checked) + label:after {content:'OFF';
		text-indent:19px;
		color:#888;}
.v1page [type="checkbox"].checkbtn:checked + label:after {content:'ON';
		text-indent:-20px;
		color:#FFF;}
.v1page [type="checkbox"].checkbtn:not(:checked):hover + label:after {background:#01d0b0;
		color:#01d0b0;}
.v1page #coverOptions {position:relative;}
.v1page #coverPosition {position:absolute; z-index:5; height:100%; right:0; width:0; top:0; width:60px; background:rgba(0,0,0,0.25); overflow:hidden;}
.v1page #coverPosition a {position:relative; display:block; height:33.33333%; width:60px;}
.v1page #coverPosition a span {position:absolute; top:50%; left:50%; margin:-8px; width:12px; height:12px; border:2px solid #FFF;  background:#DDD; border-radius:100%; overflow:hidden; text-indent:-5000px;}
.v1page #coverPosition a:hover span {transform:scale(1.3,1.3);}
.v1page #coverPosition a:nth-child(2) {box-shadow:0 0 0 1px rgba(255,255,255,0.3);}
.v1page #coverPosition a.actif span {background:#01d0b0;}
.v1page #coverPosition a.loading span {display:none;}
.v1page #coverPosition a.loading {background:rgba(0,0,0,0.6) no-repeat center center url(../../images/load-black.gif);}
.v1page section.classic {padding:30px;}
.v1page .anchor {position:absolute; margin-top:-85px; height:1px; width:1px;}
.v1page section.alert {padding:20px 0; background:#f26c4f; color:#FFF; text-align:center;}
.v1page section.classic {padding:0 0 40px 0; background:#EEEEEF  center center;}
.v1page section.classic h2 {}
.v1page section.classic h1 {text-transform:uppercase; font-size:30px; text-align:center; margin:0 0 50px 0; padding:50px; background:#FFF; line-height:110%;}
.v1page .classic .champ, .v1page .alert .champ {margin:10px 0; display:block;}
.v1page .classic form .buttons, .v1page .alert form .buttons {text-align:center;}
.v1page .alert .champ {border:none;}
.v1page .alert p.errorFloat {margin:-5px 0 15px 0; text-align:left;}
.v1page .alert .errorFloat span {background:#000; padding:6px 8px; border-radius:3px; position:relative; color:#FFF; font-size:14px;}
.v1page .alert .errorFloat span:before {content:""; width:14px; height:14px; background:#000; position:absolute; left:12px; top:0; margin:-7px 0; transform:scale(0.8,1) rotate(-45deg) ;}
.v1page section.classic #forgotPasswd {margin:0 auto; text-align:center;}
.v1page section.classic #forgotPasswd .champ {text-align:center; display:block; max-width:500px; margin:0 auto;}
.v1page section.classic #forgotPasswd h2 {margin:10px 0;}
.v1page section.classic #forgotPasswd p {margin:10px 0;}

/* trip.css + trip-config.css (V1) */
@charset "utf-8";


.markerRoad {width:30px; height:30px; border:3px solid #FFF; color:#FFF; text-align:center; line-height:30px; background:#7D6BFF; border-radius:100%; font-family:"Blogger", Arial, Helvetica, sans-serif; font-size:18px; cursor:default;}
.v1page .markerArrowRoad {width:30px; height:30px; background:url(../../images/pictos/arrow-road.svg) no-repeat center center; cursor:default; border-radius:100%;}
.v1page #changeCover {width:40px; height:40px; background:url(../../images/pictos/change-cover.svg) no-repeat center center; position:absolute; right:0; margin:20px 25px;}
.v1page #trip-header {background:#111 center center url(../../images/bg-header-empty.png); padding-bottom:50px;}
.v1page #trip-header.small .infos {display:none;}
.v1page #trip-header .wrapper {background:rgba(0,0,0,0.25);}
.v1page #trip-header .infos {padding:100px 40px; text-align:center; color:#FFF;}
.v1page #trip-header .infos h1 {font-size:48px; text-transform:uppercase; text-shadow:0 0 2px rgba(0,0,0,0.3); margin:15px 0 25px 0; line-height:100%;}
.v1page #trip-header .infos h2 {font-size:24px; text-transform:uppercase; text-shadow:0 0 2px rgba(0,0,0,0.3); margin:0; line-height:100%;}
.v1page #trip-header .infos h2 a {white-space:nowrap;}
.v1page #trip-header .infos h3 {font-size:20px;  text-shadow:0 0 2px rgba(0,0,0,0.3); margin:0;  line-height:100%; font-family: "Source Sans Pro",Arial,Helvetica,sans-serif !important; font-weight:400; font-style:italic;}
.v1page #trip-header nav {line-height:30px; height:30px; padding:10px 0; background:#000; background:rgba(0,0,0,0.75); color:#FFF; font-weight:400; text-align:center; font-family:"Blogger", Arial, Helvetica, sans-serif; position:absolute; z-index:30; width:100%; text-transform:uppercase;}
.v1page #trip-header nav.fixed {position:fixed; top:70px;}
.v1page #trip-header nav span {display:inline-block; margin:0 5px;}
.v1page #trip-header nav a {color:#FFF; text-decoration:none; transition:color 0.2s; display:inline-block;  margin:0 5px;}
.v1page #trip-header nav.grey {color:#999; color:rgba(255,255,255,0.4);}
.v1page #trip-header nav a:hover, .v1page #trip-header nav a.actif {color:#01c99d;}
.v1page #pubColLeft .social-bar {padding:10px 5px; border:1px solid #DDD; border-width:1px 0; margin:20px 0; background:#FAFAFA; height:24px;}
.v1page .social-bar {height:20px;}
.v1page .social-bar .col-left {float:left;}
.v1page .social-bar .col-right, .v1page .social-bar.col-right {float:right;}
.v1page .social-bar a {opacity:0.4; transition:opacity 0.3s; font-weight:600; text-decoration:none; float:left; height:24px; line-height:24px; font-size:18px; background:center center no-repeat; text-indent:-5000px; overflow:hidden; position:relative;}
.v1page .social-bar a:hover, .v1page .social-bar a.actif {opacity:1;}
.v1page .social-bar a.comment {color:#111; background-image:url(../../images/pictos/comment.svg); padding-left:27px;  padding-right:2px; margin:0 5px 0 0; background-position:0 center; text-indent:0;}
.v1page .social-bar a.like {color:#111; background-image:url(../../images/pictos/like.svg); padding-left:27px; padding-right:2px;   margin:0 5px 0 0; background-position:0 center; text-indent:0;}
.v1page .social-bar a.like.actif {background-image:url(../../images/pictos/like-color.svg);}
.v1page .social-bar a.like.loading:before {content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:#FFF url(../../images/load-mini.gif) no-repeat center center;}
.v1page .social-bar.col-right {margin:6px 10px; display:none;}
.v1page .social-bar a.around {width:24px; background-image:url(../../images/pictos/around.svg);}
.v1page .social-bar a.facebook {width:22px; background-image:url(../../images/pictos/facebook.svg);}
.v1page .social-bar a.google {width:28px; background-image:url(../../images/pictos/google.svg);}
.v1page .social-bar a.twitter {width:26px; background-image:url(../../images/pictos/twitter.svg); margin:0 3px 0 0;}
.v1page .social-bar a.pinterest {width:24px; background-image:url(../../images/pictos/pinterest.svg);}
.v1page .social-bar a.locked {width:24px; background-image:url(../../images/pictos/lock.svg);  opacity:1; cursor:help;}
.v1page .social-bar.white a.around {background-image:url(../../images/pictos/around-white.svg);}
.v1page .social-bar.white a.facebook {background-image:url(../../images/pictos/facebook-white.svg);}
.v1page .social-bar.white a.google {background-image:url(../../images/pictos/google-white.svg);}
.v1page .social-bar.white a.twitter {background-image:url(../../images/pictos/twitter-white.svg); margin:0 3px 0 0;}
.v1page .social-bar.white a.pinterest {background-image:url(../../images/pictos/pinterest-white.svg);}
.v1page .social-bar.white a.comment {color:#FFF; background-image:url(../../images/pictos/comment-white.svg);}
.v1page .social-bar.white span {float:left; color:#777; margin-top:5px;}
.v1page .social-bar.white a.like {color:#FFF; background-image:url(../../images/pictos/like-white.svg);}
.v1page .social-bar.white a.like.actif {background-image:url(../../images/pictos/like-color.svg);}
.v1page .social-bar.white a {opacity:0.6;}
.v1page .social-bar.white a:hover {opacity:1;}
.v1page #moduleOpen {z-index:300; position:fixed;  background:#FFF; left:50%; top:50%; box-shadow:0 0 10px rgba(0,0,0,0.25);}
.v1page #moduleOpen #pubColRight {background:#111; position:absolute; top:0; left:400px; right:0; height:100%;  overflow:hidden;}
.v1page #moduleOpen #pubColLeft {background:#FFF; position:absolute; left:0; width:400px; top:0; bottom:0;  overflow:hidden;}
.v1page #moduleOpen #pubLeftContent {position:absolute;  top:35px; bottom:35px;  overflow:hidden; border-top:5px solid; left:35px; width:330px;  min-height:50px;}
.v1page #moduleOpen #pubLeftContentMask {position:absolute; left:35px; right:35px; top:40px; z-index:2; content:""; height:20px; background:url(../../images/degrade-overlay-text-module.png) repeat-x 0 0;}
.v1page #moduleOpen #pubColLeft .padder {padding:20px 0 10px 0;}
.v1page #moduleOpen.fullScreen {background:#000; left:0; top:0; width:100% !important; height:100% !important; z-index:5000}
.v1page #moduleOpen.fullScreen #pubColLeft {width:0;}
.v1page #moduleOpen.fullScreen #pubColRight {position:fixed; left:0; top:0; height:calc(100% - 50px); width:100%;}
.v1page #moduleOpen.fullScreen #pubColRight .picture {width:100% !important; height:100% !important;}
.v1page #moduleOpen #pubColRight .map {top:0; left:0; right:0; bottom:50px; position:absolute; background:#EEE no-repeat center center url(../../images/load.gif); cursor:default;}
.v1page #moduleOpen.fullScreen #pubColRight .map {bottom:0;}
.v1page #moduleOpen #pubColRight .video {top:0; left:0; right:0; bottom:50px; position:absolute; background:#222 no-repeat center center url(../../images/load-black.gif); background-size:cover;}
.v1page #pubColRight .video.loading {background-size:auto !important; background-image:url(../../images/load-black.gif) !important;}
.v1page #pubColRight .video.loaded {background-size:cover;}
.v1page #pubColRight .video a {height:100%; background:url(../../images/pictos/play.svg) no-repeat center center; opacity:0.85; transition:opacity 0.3s, background-color 0.3s; background-color:rgba(0,0,0,0.5); position:absolute; width:100%;}
.v1page #pubColRight .video a:hover {opacity:1; background-color:rgba(0,0,0,0)}
.v1page #pubColRight .video iframe {display:none; margin:0; border:0; width:100%; height:100%; position:absolute;}
.v1page #pubColLeft h1 {font-size:20px; margin:0 0 5px 0; font-weight:400;font-family: "Source Sans Pro",Arial,Helvetica,sans-serif !important;}
.v1page #pubColLeft h2 {font-size:14px; margin:0;font-family: "Source Sans Pro",Arial,Helvetica,sans-serif !important; font-weight:300;}
.v1page #pubColLeft h3 {font-size:14px; margin:0;font-family: "Source Sans Pro",Arial,Helvetica,sans-serif !important; font-weight:300;}
.v1page #moduleOpen.fullScreen #pubColRight .social {position:fixed;}
.v1page #moduleOpen #pubColRight .social {height:40px; padding:5px 0; width:100%; position:absolute; bottom:0; left:0; background:#000; background:rgba(0,0,0,0.65); border-top:1px solid #111; z-index:5; font-weight:400; font-size:14px; color:#FFF;}
.v1page #moduleOpen #pubColRight .social .col-left {float:left; line-height:40px; margin:0 0 0 15px;}
.v1page #moduleOpen #pubColRight .picture {position:absolute; top:0; width:100%; height:100%; background:no-repeat center center #000; background-size:contain; opacity:0;}
.v1page #moduleOpen #pubColRight .picture img {display:none;}
.v1page #moduleOpen #pubColRight .album {position:absolute; top:-1px; bottom:50px; left:-1px; right:0; background:#FFF;}
.v1page #moduleOpen.fullScreen #pubColRight .album {bottom:0;}
.v1page #moduleOpen #pubColRight .album .col {float:left; position:relative; width:20%; height:20%;}
.v1page #moduleOpen #pubColRight .album .col a {display:block; position:relative; border:1px solid #FFF; border-width:1px 0 0 1px; height:100%; width:100%;   background:#EEE no-repeat center center; background-size:cover;}
.v1page #moduleOpen #pubColRight .album .col a span {display:block; position:relative; height:100%; background:url(../../images/pictos/glasses.svg) no-repeat center center; background-size:contain; background-color:rgba(0,0,0,0.6); opacity:0; transition:opacity 0.2s;}
.v1page #moduleOpen #pubColRight .album .col a:hover span {opacity:1;}
.v1page #moduleOpen #pubColRight .fs {width:44px; height:44px; background:url(../../images/pictos/enlarge-screen.svg) no-repeat center center; position:absolute; z-index:5; right:0; top:0; overflow:hidden; text-indent:-5000px;}
.v1page #moduleOpen.fullScreen #pubColRight .fs {background-image:url(../../images/pictos/reduce-screen.svg);}
.v1page #moduleOpen #pubColLeft a.closer {position:absolute; top:0; left:0; width:40px; height:40px; background:url(../../images/pictos/close.svg) center center; background-size:40px; opacity:0.4; overflow:hidden; text-indent:-5000px;}
.v1page #moduleOpen #pubColLeft a.closer:hover {opacity:1;}
.v1page article p.biggest, .v1page #pubColLeft p.biggest {font-size:28px; line-height:32px;}
.v1page article p.bigger, .v1page #pubColLeft p.bigger {font-size:24px; line-height:28px;}
.v1page article p.big, .v1page #pubColLeft p.big {font-size:20px;  line-height:24px;}
.v1page #pubColLeft header {height:50px; border-bottom:1px solid #CCC; padding-bottom:25px; margin-bottom:25px;}
.v1page #pubColLeft header .avatar {float:left; width:50px; height:50px; border-radius:100%; background:#EEE no-repeat center center; background-size:cover; margin-left:-2px;}
.v1page #pubColLeft header .infos {float:left; margin-left:10px; width:calc(100% - 60px);}
.v1page #pubColLeft header .infos h2 {font-weight:400; font-size:16px; line-height:18px; padding:5px 0 2px 0;}
.v1page #pubColLeft header .infos h3 {font-weight:300; font-size:16px; line-height:18px;}
.v1page section#publication .navPicture {position:absolute; height:0; width:100%; overflow:hidden; left:0;}
.v1page .navPicture  a.nav {position:absolute; width:45%; height:100%; opacity:0; transition:opacity 0.2s; z-index:2;}
.v1page .navPicture  a.nav:hover {opacity:1;}
.v1page .navPicture  a.nav span {width:80px; height:80px; position:absolute; top:50%; margin:-43px 40px; border:3px solid #FFF; border-radius:100%; background:#EEE no-repeat center center; background-size:cover;}
.v1page .navPicture  a.nav span em {display:block; position:relative; height:100%; background:no-repeat center center rgba(0,0,0,0.2); border-radius:100%;}
.v1page .navPicture  a.nav.prev {left:0;}
.v1page .navPicture  a.nav.prev span {left:0;}
.v1page .navPicture  a.nav.prev span em {background-image:url(../../images/pictos/arrow-prev.svg)}
.v1page .navPicture  a.nav.next {right:0;}
.v1page .navPicture  a.nav.next span {right:0;}
.v1page .navPicture  a.nav.next span em {background-image:url(../../images/pictos/arrow-next.svg)}
.v1page #overLayAlbum {position:fixed; width:100%; height:100%; top:0; left:0; z-index:500; background:#000; background:rgba(0,0,0,0.8);}
.v1page #overLayAlbum.fullScreen {background:#000;}
.v1page #overLayAlbum a.closer {position:absolute; right:0; top:0; background:#000 url(../../images/pictos/close-white.svg) no-repeat center center; background-color:rgba(0,0,0,0.4); z-index:5; width:60px; height:60px; background-size:48px;}
.v1page #overLayAlbum a.resize {position:absolute; left:0; top:0; background:#000 url(../../images/pictos/enlarge-screen.svg) no-repeat center center; background-color:rgba(0,0,0,0.4); z-index:5; width:60px; height:60px; transform:rotate(-90deg)}
.v1page #overLayAlbum.fullScreen a.resize {background-image:url(../../images/pictos/reduce-screen.svg);}
.v1page #overLayAlbum #zoomPicture {position:absolute; width:100%; height:100%; background:no-repeat center center;}
.v1page #overLayAlbum #navPicture {position:absolute; width:100%; height:100%; z-index:2;}
.v1page section#album {background:#181818;}
.v1page section#album .picture {float:left; width:20%; font-size:0;}
.v1page section#album .picture a {display:block; padding:50% 0; background:no-repeat center center; background-size:cover; border:0 solid #111; position:relative;font-size:0; overflow:hidden;}
.v1page section#album .picture a span {display:block; position:absolute; height:100%; background:url(../../images/pictos/glasses.svg) no-repeat center center; background-size:150% auto; background-color:rgba(0,0,0,0.6); opacity:0; transition:opacity 0.2s; width:100%; top:0;}
.v1page section#album .picture a:hover span {opacity:1;}
.v1page section#publication #pubColRight .fs {display:none;}
.v1page section#publication #pubColLeft a.closer {display:none;}
.v1page section#publication {background:#FFF;}
.v1page section#publication #pubColLeft {background:#FFF;  max-width:1000px; padding:22px 30px 30px 30px; margin:0 auto;}
.v1page section#publication #pubColRight {background:#111;}
.v1page section#publication #pubColLeft .content {border-top:5px solid #000; padding-top:22px;}
.v1page section#publication #pubColRight .picture {max-height:680px;  overflow:hidden; background:#111 no-repeat center center; background-size:contain; text-indent:-50000px;}
.v1page section#publication #pubColRight .picture img {background:#F00; width:100%; height:auto; max-width:1000px;}
.v1page section#publication #pubColRight .social {height:40px; padding:5px 0; margin:0 auto;  background:#000;  border-top:1px solid #111; z-index:5; font-weight:400; font-size:14px; color:#FFF;}
.v1page section#publication #pubColRight .social .col-place {max-width:1000px; padding:0 30px; margin:0 auto;}
.v1page section#publication #pubColRight .social .col-left {float:left; line-height:40px; margin:0;}
.v1page section#publication #pubColRight .map {height:550px; max-width:1000px; margin:0 auto; background:#EEE no-repeat center center url(../../images/load.gif); cursor:default;}
.v1page section#publication #pubColRight .video {height:550px; max-width:1000px; margin:0 auto; background:#000 no-repeat center center; background-size:cover; position:relative; cursor:default;}
.v1page section#publication #pubColRight .clear {clear:both;}
.v1page section#publication #pubColRight .album {max-width:1000px; margin:0 auto;}
.v1page section#publication #pubColRight .album .col {float:left; position:relative; width:20%;}
.v1page section#publication #pubColRight .album .col a {display:block; margin:1px;  padding:50% 0;   position:relative;  background:#000 no-repeat center center; background-size:cover;}
.v1page section#publication #pubColRight .album .col a span {display:block; position:absolute; height:100%; width:100%;  top:0;   background:url(../../images/pictos/glasses.svg) no-repeat center center; background-size:contain; background-color:rgba(0,0,0,0.6); opacity:0; transition:opacity 0.2s;}
.v1page section#publication #pubColRight .album .col a:hover span {opacity:1;}
.v1page #trip-map {position:relative;  left:0; width:100%; background:#EEE no-repeat center center url(../../images/load.gif); padding:0; overflow:hidden;}
.v1page .filter-map {position:absolute; z-index:2; background:#51535B; border-radius:50px; padding:7px; margin:10px 0 0 0; left:50%; box-shadow:0 0 5px 1px rgba(0,0,0,.3); -webkit-transform: translate(-50%,0);  -moz-transform: translate(-50%,0);  -ms-transform: translate(-50%,0);   transform: translate(-50%,0); visibility:hidden;}
.v1page .filter-map  a {border:1px solid #DDD; width:40px; height:40px; display:block; border-radius:100%; margin:2px; background:no-repeat center center; float:left; text-align:center;}
.v1page .filter-map a span {height:18px; line-height:18px; color:#FFF; border-radius:30px; background:#38393F; display:inline-block; position:relative; top:26px; font-size:11px; text-align:center; padding:0 4px; min-width:10px; font-weight:400;}
.v1page .filter-map  a.PHOTO {background-image:url(../../images/pictos/modules/white/photo.svg);}
.v1page .filter-map  a.VIDEO {background-image:url(../../images/pictos/modules/white/video.svg);}
.v1page .filter-map  a.LOGEMENT {background-image:url(../../images/pictos/modules/white/logement.svg);}
.v1page .filter-map  a.RESTO {background-image:url(../../images/pictos/modules/white/resto.svg);}
.v1page .filter-map  a.VISITE {background-image:url(../../images/pictos/modules/white/visite.svg);}
.v1page .filter-map  a.SHOPPING {background-image:url(../../images/pictos/modules/white/shopping.svg);}
.v1page .filter-map  a.TRANSPORT {background-image:url(../../images/pictos/modules/white/transport.svg);}
.v1page .filter-map  a.NOTES {background-image:url(../../images/pictos/modules/white/notes.svg);}
.v1page .filter-map  a.SPORT {background-image:url(../../images/pictos/modules/white/sport.svg);}
.v1page .filter-map a.PHOTO.actif {border-color:#39ab37 !important; background-color:#39ab37 !important;}
.v1page .filter-map a.VIDEO.actif {border-color:#93278f !important; background-color:#93278f !important;}
.v1page .filter-map a.LOGEMENT.actif {border-color:#3c6f99 !important; background-color:#3c6f99 !important;}
.v1page .filter-map a.RESTO.actif {border-color:#fb837f !important; background-color:#fb837f !important;}
.v1page .filter-map a.VISITE.actif {border-color:#00B2FF !important; background-color:#00B2FF !important;}
.v1page .filter-map a.SHOPPING.actif {border-color:#fc5a7f !important; background-color:#fc5a7f !important;}
.v1page .filter-map a.TRANSPORT.actif {border-color:#7d6bff !important; background-color:#7d6bff !important;}
.v1page .filter-map a.NOTES.actif {border-color:#fbb03b !important; background-color:#fbb03b !important;}
.v1page .filter-map a.SPORT.actif {border-color:#E78007 !important; background-color:#E78007 !important;}
.v1page #trip_presentation ol, .v1page #trip_presentation ul, .v1page #trip_presentation p {margin-top:10px; margin-bottom:10px;}
.v1page #trip_presentation ol p, .v1page #trip_presentation ul p {margin:0;}
.v1page #trip_presentation {background:#EEE; padding:0 20px;  line-height:22px; font-size:16px; color:#666; display:none;}
.v1page #trip_presentation .center {padding:40px 0;  max-width:1200px;}
.v1page #presLeft {float:left; width:30%;}
.v1page #presLeft p {height:22px; line-height:22px; overflow:hidden; white-space:nowrap;}
.v1page #presRight {float:right; width:68%;}
.v1page #moduleOpen #editPhotoLegend {position:absolute;}
.v1page #editPhotoLegend {position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:#000 url(../../images/load-black.gif) no-repeat center center; background-color:rgba(0,0,0,0.85);}
.v1page #boxPhotoLegend {position:absolute; top:50%; margin-top:-80px; width:92%; left:4%;}
.v1page #wrapperLegend {margin:0 auto; padding:20px 50px 20px 20px; max-width:840px; background:#FFF;  position:relative;}
.v1page #wrapperLegend a.closer {position:absolute; right:5px; top:7px; width:40px; height:40px; background:url(../../images/pictos/close.svg) no-repeat center center; background-size:44px;}
.v1page #wrapperLegend form {margin:0;}
.v1page #boxPhotoLegend .buttons {margin:5px 0 0 0;}
.v1page #moduleOpen .photoLegend {position:absolute; left:0; right:0; bottom:50px; background:rgba(0,0,0,0.65); display:none; color:#EEE; color:rgba(255,255,255,0.9);}
.v1page #moduleOpen #pubColRight:hover .photoLegend {display:block;}
.v1page .photoLegend {background:#000;color:#AAA;}
.v1page .photoLegend p {padding:10px 15px; font-size:13px; line-height:115%;  max-width:1000px; margin:0 auto;}
.v1page .zoomPictureLegend {position:fixed; left:0; bottom:0; width:100%; z-index:100; padding:10px 0; background:#000; background:rgba(0,0,0,0.8); color:#FFF; font-size:14px; text-align:center; color:rgba(255,255,255,0.8);}
.v1page h1 .smallAddress {font-size:18px; display:block;}
.v1page #queued-cover {height:260px; position:relative; overflow:hidden; z-index:1;}
.v1page #queued-cover  .col {position:absolute; width:100%; height:100%; background:#000; z-index:3;}
.v1page #queued-cover  .picture {position:absolute; width:100%; height:100%; background:no-repeat center center #EEE; background-size:cover; z-index:1;}
.v1page #queued-cover  .loading {position:absolute;  height:100%; background:no-repeat 0 center url(../../images/loaderuploadcover.gif) rgba(255,255,255,0.5); right:0; opacity:0.7; z-index:2;}
.v1page #dropper-cover {display:block; height:0; position:relative; z-index:2; text-decoration:none;}
.v1page #dropper-cover:hover {z-index:2;}
.v1page #dropper-cover span {display:block; height:259px; border:1px solid #333; padding:0 40px; line-height:259px; text-align:center; font-size:22px; color:#000; text-decoration:none; font-weight:400; background:rgba(255,255,255,0);}
.v1page #dropper-cover:hover span {background:#000; background-color:rgba(0,0,0,0.6); color:#FFF;}
.v1page #dropper-cover:hover span strong {background:none;}
.v1page #dropper-cover span strong {display:inline-block; background:#FFF; background:rgba(255,255,255,0.5); padding:12px 10px; line-height:24px; font-weight:400;}
.v1page #myTrips .trip {background:#222 center center url(../../images/bg-header-empty.png); position:relative;}
.v1page #myTrips .trip .admin-confirm {position:absolute; top:0; left:0; background:#FFF no-repeat center center; background-color:rgba(255,255,255,0.95); z-index:2; width:100%; height:100%; box-shadow:0 0 0 1px #AAA; display:none;}
.v1page #myTrips .trip .admin-confirm.loading {background-image:url(../../images/load.gif)}
.v1page #myTrips .trip .admin-confirm .champ {text-transform:uppercase; max-width:240px; display:inline-block; text-align:center;}
.v1page #myTrips .trip .admin-confirm div {padding:40px 20px 0 20px; text-align:center;}
.v1page #myTrips .trip a.main {padding:100px 20px 30px 20px; display:block; color:#FFF; text-decoration:none; text-transform:uppercase; text-align:center; margin:25px 0;}
.v1page #myTrips .trip a.main h1 {font-size:38px; margin:0 !important;}
.v1page #myTrips .trip a.main h2 {font-size:20px; margin:0 !important;}
.v1page #myTrips .trip .cache {background:rgba(0,0,0,0.25) url(../../images/degrade-60.png) repeat-x  0 bottom; transition:background-color 0.15s;}
.v1page #myTrips .trip:hover .cache {background-color:rgba(0,0,0,0.6);}
.v1page #myTrips .adminBar {height:70px; line-height:30px;}
.v1page #myTrips .adminBar .col-right {float:right; height:70px; padding:0 20px 0 0; width:60px;}
.v1page #myTrips .adminBar .col-left {float:left; height:30px; line-height:30px; width:50%; width:calc(100% - 120px); padding:20px;}
.v1page #myTrips .adminBar .col-left span {float:left; margin:0 10px 0 5px; font-size:24px; font-family:"Blogger", Arial, Helvetica, sans-serif; color:#FFF; background:no-repeat 0 center; padding-left:30px;}
.v1page #myTrips .adminBar .col-left span.likes {background-image:url(../../images/pictos/like-white.svg)}
.v1page #myTrips .adminBar .col-left span.views {background-image:url(../../images/pictos/views.svg); padding-left:42px;}
.v1page #myTrips .adminBar .col-right a {float:left; height:70px; width:30px; margin-right:0; overflow:hidden; text-indent:-5000px; background:no-repeat center center;}
.v1page #myTrips .adminBar .col-right a.delete {background-image:url(../../images/pictos/close-white.svg)}
.v1page #myTrips .adminBar .col-right a.config {background-image:url(../../images/pictos/gear.svg)}

/* responsive (V1 medium.css / small.css) */
@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 860px) {
  .v1page #trip-header .infos {padding:60px 30px; text-align:center; color:#FFF;}
  .v1page #exemples h1, .v1page section.classic h2 {font-size:22px; margin:0 30px 30px 30px;}
  .v1page section#explain h1, .v1page section.classic h1 {font-size:22px;  margin:0 0 40px 0; padding:30px;}
  .v1page .form-general {padding:50px 10px;}
  .v1page .form-general form .champ, .v1page .form-general form .table-date td, .v1page .form-general form .table-date input {font-size:16px;}
  .v1page #trip-header {padding-bottom:66px;}
  .v1page #trip-header nav {line-height:46px; height:46px; padding:10px 0;}
  .v1page #trip-header nav a {width:44px; height:44px; border-radius:100%; border:1px solid #FFF; border-color:rgba(255,255,255,0.8); background:no-repeat center center; overflow:hidden; text-indent:-5000px; margin:0 5px;}
  .v1page #trip-header nav a.actif {background-color:#01c99d; border-color:#01c99d;}
  .v1page #trip-header nav a.presentation {background-image:url(../../images/pictos/trip/pres.svg)}
  .v1page #trip-header nav a.timeline {background-image:url(../../images/pictos/trip/timeline.svg);}
  .v1page #trip-header nav a.photos {background-image:url(../../images/pictos/trip/photos.svg);}
  .v1page #trip-header nav a.config {background-image:url(../../images/pictos/trip/config.svg);}
  .v1page #trip-header nav a.places {background-image:url(../../images/pictos/trip/places.svg);}
  .v1page #trip-header nav span {display:none;}
}


/* Recherche de lieu (Photon, remplace Google Places) */
.v1page .placeSearch { position:relative;}
.v1page .placeResults { display:none; position:absolute; z-index:20; left:0; right:0; top:100%; background:#FFF; border:1px solid #CCC; border-top:none; box-shadow:0 6px 16px rgba(0,0,0,0.15);}
.v1page .placeResults a { display:block; padding:10px 12px 10px 32px; color:#000; text-decoration:none; cursor:pointer; font-size:16px; background:no-repeat 8px center url(../../images/pictos/pin-input.svg);}
.v1page .placeResults a:hover { background-color:#F2F2F2;}
.v1page .messageOk { text-align:center; color:#01b48d;}