/* Theme Name: Vie Nomade Mag (2016) Version: 1.0 Theme URI: http://cleio.co Description: Le nouveau thème VN Author: Cleio&Co Author URI: http://cleio.co */ /* ======================================================= RESET ======================================================= */ /*html5 become regular blocks for old browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} /*base*/ body{background-color:#fff;color:#000;line-height:1.5;} /*hard reset (by eric meyer)*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} ol,ul{list-style:none;} a{text-decoration:none;} /*quotes & tables*/ blockquote,q{quotes:none;} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none;} table{border-collapse:collapse;border-spacing:0;} /* pictures+iframes */ a img{border:0;} img/*,iframe*/{max-width:100%;/*height:auto;*/ /*IE8 bug fix*/ vertical-align:middle}/*height auto ici qui faisait merder qqch?*/ code,pre,samp{white-space:pre-wrap;} /* keep them inside */ img,table,td,blockquote,code,pre,textarea,input,/*iframe,*/object,embed,video{max-width:100%;height:auto;} /* typography */ textarea,table,td,th,code,pre,samp,div,p{hyphens:none;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;/*word-wrap:break-word*/} /* switching box model for all elements */ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; } /* alignements */ .left{float:left;} .right{float:right;} .center{margin:auto} /* hiding content */ .hidden{ position:absolute; left:-7000px; text-indent:-7000px; overflow:hidden} /*forms*/ form,fieldset{border:none} input,button,select,label{vertical-align:middle; /* @bugfix alignment */} /* Clear Floated Elements -------------------------*/ .clear{clear:both;} .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .clearfix{display:inline-block;} /* start commented backslash hack \*/ * html .clearfix{ height:1%;} .clearfix{ display:block;} /* close commented backslash hack */ /* ======================================================= TYPOGRAPHY, COLORS, ETC. ======================================================= */ /*white*/ header #tagline,header nav,header a,#sidebar .tags a:hover,a.back-to-top,a.back-to-top:hover,input.submit,input#searchsubmit,input.wpcf7-submit,#search a:hover,#openmap a:hover,#post-grid .archive-article,#post-grid .archive-article a,header nav a:hover,header nav select,#where-home,#where-home a,h1.country-title,.guide-menu a:hover,#la-une,#la-une h2,#la-une a,.home-auteur,#guide-nomade,#guide-nomade h2,.prix,.button,.button:hover,#sidebar aside.newsletter,#sidebar aside.newsletter i,#sidebar aside.newsletter a:hover,#sidebar #mc_embed_signup h3{color:white;} #sidebar #mc_embed_signup label,#sidebar #mc_embed_signup{color:white!important;} .col h3,.the-trip,#instagram p a,#derniers-articles-title span,#home-video h3 span,.page-template-conseils-voyage #content article p{background:white;} #la-une p:before,#guide-nomade p.desc:before{border-bottom:2px solid white;} #guide-nomade div{border:1px solid white;} #guide-nomade{border-left:20px solid white;} /*cream*/ .bloc-info,#postcta,#sidebar aside,.guide-left,.guide-right,.guide-full,#news,#bloc-bio,#post-video,.page-template-tpl-boutique hr,.carnet,.macy-article{background:#f4f4f0;} #title h2,article h3,#post-intro,#archive h2{border-left:3px solid #f4f4f0;} article h1{border-left:3px solid #f4f4f0!important;} .wp-caption-text,.wp-block-image figcaption,#postsnav .left,#postsnav .right,.yarpp-related span,.readmore a,p#home-video-link,.troisphotos .note,.deuxphotos .note{border-bottom:1px solid #f4f4f0;border-top:1px solid #f4f4f0;} ul.corinne,.comment-body{border-bottom:3px solid #f4f4f0;} #post-intro a,article p small a,.troisphotos .note a,.deuxphotos .note a{border-bottom:1px solid #f4f4f0;} #post-menu{border:3px dashed #f4f4f0;} /*darker cream*/ .guide-menu,.guide-menu a,#la-une li a:hover,#sidebar aside.newsletter a{color:#e4e4dc;} #sidebar aside.list li,#news ul li,#sidebar aside.navigation li,article a.tweet{border-bottom:1px solid #e4e4dc;} #derniers-articles .all div{border:3px solid #e4e4dc;} a.lire-article{border-top:1px solid #e4e4dc!important;border-bottom:1px solid #e4e4dc!important;} .bloc-produit{border-top:3px solid #e4e4dc;} .carnet{border-top:1px solid #e4e4dc;} /*gold*/ .auteur,.auteur a,#post-intro,#sidebar,.wp-caption-text,.wp-block-image figcaption,.wp-block-image figcaption a,.wp-caption-text a,#notice,#notice a,.comment-meta a,#comments cite a,.location a,.location,#sidebar .tags a,#post-intro a,.rating label,.video,#lastvideo,.col h3 span,.col h3 span a,.the-trip a,#instagram p a,.home-intro,.home-intro a,#carnet,p#home-video-desc,small,small a,.troisphotos .note,.deuxphotos .note,.troisphotos .note a,.deuxphotos .note a,#post-menu strong,.carnet-header,.macy-carnet-header,#macy-container time,.macy-photos-title{color:#b3af98;} #sidebar .tags a,.macy-photos{border:2px solid #b3af98;} #sidebar .tags a:hover,input.submit:hover,input#searchsubmit:hover,input.wpcf7-submit:hover,.prix{background:#b3af98;} #sidebar #mc_embed_signup input.button{background:#b3af98!important;} input,textarea{border:1px solid #b3af98;} /*darker gold*/ .home h1{color:#aca78d;} /*teal*/ a,#archive h2 a:hover,#tagline div a,.col h3 a:hover,.the-trip a:hover,#instagram p a:hover,.home-intro a,.category #post-intro a,#sidebar #mc_embed_signup a:hover{color:#2e8794;} header nav ul ul,header nav a:hover,.guide-menu,.home-auteur span,.button:hover{background-color:#2e8794;} /*cyan*/ a:hover,#notice a:hover,#sidebar a.recentpost:hover,#post-intro a:hover,header #header-sm a:hover,.home-intro a:hover,.category #post-intro a:hover,.troisphotos .note a:hover,.deuxphotos .note a:hover{color:#41bbc2;} header nav,a.back-to-top,input.submit,input#searchsubmit,input.wpcf7-submit,nav ul ul a:hover,#where-home,.button,.macy-live{background-color:#41bbc2;} #sidebar aside.newsletter,#sidebar #mc_embed_signup{background-color:#41bbc2;} #sidebar #mc_embed_signup input.button:hover{background-color:#41bbc2!important;} article p a,article a.tweet:hover{border-bottom:1px solid #41bbc2;} article .wp-caption p a,article .wp-block-image figcaption a,#archive p a{border-bottom:0;} #tagline{border-right:3px solid #41bbc2;} #map-destinations{border-left:3px solid #41bbc2;} /*darkest brown*/ h1,h2,h3,h4,h5,#postsnav .left:before,#postsnav .right:after,article ol > li:before,blockquote,#archive h2 a,article ul li:before,header #tagline,header #header-sm a,#tagline div a:hover,.col h3 a,.the-trip a,#where-home a:hover,a.lire-article strong,a.lire-article i,#cat-title{color:#48443c;} #postcta h4:before,#where-home p:before,#news p:before,#tous-articles h3:before{border-bottom:2px solid #48443c;} /*black*/ a.tweet{color:black;} body,input,select,textarea,header nav select,.col h3 span,.home h1{font-family:Georgia,Times,serif;} h1,h2,h3,h4,h5,ol > li:before,#letcomment,.home-auteur,#la-une li,#cat-title{font-family:"Abril Fatface",Times,serif;} html{font-size:62.5%;} body,#sidebar .guides a{font-size:14px;font-size:1.4rem;} #postsnav,#notice,section#bio p,footer ul strong,#tagline div,#comments cite,.comment-meta,.readmore,.location,#sidebar a,a.cleio-country-title,#postcta i,.rating label,header nav,.video span,#lastvideo span,.archive-article .content .detail .category,.col h3 span,.home-place,a.lire-article,#carnet,.home h1,small,.carnet-header,.macy-carnet-header,.macy-photos-title{font-size:12px;font-size:1.2rem;} article p,input,textarea,select,#archive p,#instagram p a{font-size:15px;font-size:1.5rem;} #cat-intro p a{font-size:15px!important;font-size:1.5rem!important;} article .wp-caption p,article .wp-block-image figcaption,#sidebar .tags a,#archive p a,.archive-article .content .detail .excerpt,p#home-video-link,.troisphotos .note,.deuxphotos .note{font-size:13px;font-size:1.3rem;} #post-intro,#bio h3,h4,.home-intro,#guides-menu h3{font-size:17px;font-size:1.7rem;} #post-grid .archive-article h2,#la-une li,#guide-nomade h2,.col h3{font-size:20px;font-size:2rem;} .carnet .archive-article h2{font-size:18px;font-size:1.8rem;} .yarpp-related h3,#sidebar h3,#search i,#openmap i{font-size:20px;font-size:2rem!important;} article blockquote p,h3{font-size:22px;font-size:2.2rem;} article ol > li:before,#letcomment,h3,#la-une h2{font-size:28px;font-size:2.8rem;} .bloc-info h3,.bloc-produit h3,#post-video h3,#post-menu h3{font-size:20px;font-size:2rem;} h2{font-size:34px;font-size:3.4rem;} h1,#cat-title{font-size:52px;font-size:5.2rem;} article h1{font-size:34px;font-size:3.4rem;} .comment-body{line-height:22px;line-height:2.2rem;} article p,article ul,article ol,#archive,.guide-menu,.home #social p{line-height:24px;line-height:2.4rem;} article .wp-caption p,article .wp-block-image figcaption,footer ul,p.location,#sidebar p,.archive-article .content .detail .excerpt,#sidebar h3,.col h3,#where-home,#archive .auteur,#guide-nomade p,.troisphotos .note,.deuxphotos .note{line-height:18px;line-height:1.8rem;} #post-intro,.home h1,.home-intro{line-height:25px;line-height:2.5rem;} article blockquote p,header nav,.search-results h2,#archive h2{line-height:30px;line-height:3rem;} header nav ul ul{line-height:24px;line-height:2.4rem;} h1,#cat-title{line-height:38px;3.8rem;} em,.auteur,#post-intro,#tagline div,blockquote,.macy-live p{font-style:italic;} .macy-live p.macy-location,.macy-live p.macy-more{font-style:normal;} strong,.rating label{font-weight:bold;} footer ul strong,.yarpp-related h3,.yarpp-related a span,a.lire-article strong{font-weight:normal!important;} #postsnav,footer ul strong,#comments cite,.readmore,#sidebar a,a.cleio-country-title,a.lire-article,.rating label,header nav,.video span,#lastvideo span,.home-place,#carnet,.home h1,p#home-video-link,.macy-photos-title{text-transform:uppercase;} .yarpp-related h3,#sidebar .tags a,#sidebar .guides a,#sidebar #mc_embed_signup a{text-transform:none!important;} header nav{letter-spacing:1px;} .wp-caption-text,figcaption,#postsnav .right{text-align:right;} div.alignright .wp-caption-text,div.alignright figcaption,#postcta,#notice,footer ul,#instagram,div.aligncenter .wp-caption-text,div.aligncenter figcaption,div.alignleft .wp-caption-text,div.alignleft figcaption,header nav,#sidebar,ul#cleio-countrylist-content,#erreur404 p,#erreur404 h2,.search-no-results p,.search-no-results h2,#post-grid,#letcomment,#lastvideo,#where-home,.col h3,div.alignnone .wp-caption-text,.alignfull figcaption,.guide-legende,.guide-menu,#tous-articles,p#home-video-link,p#home-video-desc,.troisphotos .note,.deuxphotos .note,.macy-location{text-align:center;} header nav ul ul,#sidebar aside.list{text-align:left;} .avatar,#sidebar #map-container,#archive img,#sidebar .guides img,ul#cleio-countrylist-content li img,.review .attachment-thumbnail,#sidebar aside.round,#where-home,#where-home img,.home-auteur img,#derniers-articles img,.page-id-5962 article img{border-radius:50%;} input#searchsubmit,input.submit,input.wpcf7-submit,.button{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} #sidebar #cleio-country-map #map-container,.single-addresses #sidebar #map-container,a.sidebar-banner img,#sidebar #mc_embed_signup{border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;} input.submit,input#searchsubmit,input.wpcf7-submit,#guides-menu h3,article .bloc-produit h3,.yarpp-related h3,.page-template-tpl-boutique hr,article blockquote a.tweet,article #post-menu h3{border:0;} #archive #post-intro img,.page-id-5962 article img.alignnone,.page-id-5962 article img.aligncenter{border-radius:0;} header nav #search a:hover,header nav #openmap a:hover{background:none;} .cols2,.double ul,header nav #menu-item-7624 ul,.page-id-7420 article ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;} header nav #menu-item-5955 ul,.triple ul{-webkit-column-count:3;-moz-column-count:3;column-count:3;} .quadruple ul{-webkit-column-count:4;-moz-column-count:4;column-count:4;} ul.essb_links_list{-webkit-column-count:1!important;-moz-column-count:1!important;column-count:1!important;} #derniers-articles h3,.col h3{background: rgba(255, 255, 255, 0.75)} /*mini border*/ #postcta h4,#where-home p,#bloc-news p,#tous-articles h3,#guide-nomade p.desc{position:relative;z-index:1;padding-bottom:10px;margin-bottom:8px;} #postcta h4:before,#where-home p:before,#bloc-news p:before,#tous-articles h3:before,#guide-nomade p.desc:before{ content : ""; position: absolute; left : 35%; bottom : 0; height : 1px; width : 30%; /* or 100px */ } #bloc-news p{margin-bottom:15px;padding-bottom:20px;} #bloc-news p:before,#guide-nomade p.desc:before{left:0;} #tous-articles h3:before{width:20%;left:40%;} /* ======================================================= GLOBAL/DEFAULT ======================================================= */ .wrap,header{width:1100px;margin:0 auto;position:relative;} .wrap{overflow:hidden;position:relative;} /*img and caption alignments*/ figure{margin-bottom:20px;} .review .attachment-thumbnail{margin-left:175px;} article .wp-caption img,article .yarpp-related img,.troisphotos img,.deuxphotos img{margin-bottom:0;} div.alignleft,img.alignleft{float:left;} div.alignright,img.alignright{float:right;} div.aligncenter img{margin:0 auto;display:block;} img.aligncenter{display:block;margin:0 auto 20px auto;} /*mettre un DIV autour de l'img sinon impossible de centrer cause margin-left de 420px*/ .wp-caption,figure.wp-block-image,div.alignleft{overflow:hidden;position:relative;margin-bottom:20px;} .wp-caption-text,figcaption,.troisphotos .note,.deuxphotos .note{/*position:absolute;left:0;bottom:40px;width:300px;*/padding:20px 20px;clear:both;} .wp-caption img,div.alignleft img{float:right;} div.aligncenter img{float:none;margin:0 auto;} div.alignleft,img.alignleft{margin-left:0;margin-right:40px;} div.alignright,img.alignright{margin-left:40px;} div.aligncenter,img.aligncenter{margin-left:120px;} figure.wp-block-image img{margin:0;padding:0;} a.back-to-top { display: none; width: 50px; height: 50px; padding: 13px 15px 0 16px; position: fixed; z-index: 999; right: 20px; bottom: 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size:2rem; } /*tables*/ table{width:100%;margin-bottom:20px;} table td,table th,table caption{padding:5px 0 5px 0;} table caption,table tfoot{border-bottom:1px solid #dbd7c3;} table,table td{border-bottom:1px dotted #dbd7c3;} table caption{border-top:1px dotted #dbd7c3;color:#b3af98;} table th{border-bottom:1px solid #c3e5ea;text-transform:uppercase;} table tfoot{border-top:1px solid #c3e5ea;} table th{color:#2e8794;} table{font-size:14px;font-size:1.4rem;} table th{font-size:12px;font-size:1.2rem;} /*table caption{font-size:11px;font-size:1.1rem;}*/ table caption,table th{text-align:left;} .newsletter-box { text-align: center; } article .newsletter-box .input-group { padding-top: 8px; } /* ======================================================= !MASONRY ======================================================= */ #macy-container{margin-top:40px;} .macy-carnet{background:#f4f4f0;border-top:1px solid #e4e4dd;} .macy-carnet-header{background:#ffffff url(images/carnet-bg.jpg);padding:5px 17px 5px 0;} .macy-carnet .macy-text{font-style:italic;} .macy-auteur{float:right;padding:20px;} .macy-text{padding:20px;line-height:22px;line-height:2.2rem;} .macy-text h2{line-height:20px;line-height:2rem;font-size:20px;font-size:2rem;margin-bottom:10px;font-style:normal;} .macy-more{padding-top:15px;font-style:normal;} .macy-text time{display:block;} .macy-article .wp-post-image{padding:0;width:350px;height:350px;} .macy-live h2,.macy-live h3 a,.macy-live .macy-text,.macy-live p.macy-more a,#macy-container .macy-live time{color:white;} .macy-live h2{text-align:center;padding:20px;font-size:font-size:20px;font-size:2rem;} .macy-live h3{text-align:center;margin-bottom:20px;} .macy-live time{text-align:center;} .macy-photos .wp-post-image{display:block;padding:15px 15px 0 15px!important;width:100%!important;} .macy-photos .macy-text time{display:inline;} /* ======================================================= !HEADER ======================================================= */ #tagline{overflow:hidden;padding:11px 0 11px 0;position:relative;height:36px;} #tagline div{display:block;padding-top:1px;text-align:center;} #tagline div span.tagmenu{padding-left:40px;} #tagline ul{position:absolute;text-align:right;right:12px;top:10px;} #tagline ul li{display:inline-block;} #topwrap{background:url(images/earth-bg.jpg) no-repeat left top;} .parent-pageid-5723 #topwrap{background:none;} /*titles*/ h1,#cat-title{margin:40px auto 60px auto;text-align:center;} h1 div,#cat-title div{background:url(images/logo-vie-nomade.png) no-repeat right bottom;display:inline-block;padding-right:152px;padding-bottom:44px;padding-top:25px;text-align:left;} h1.country-title{margin:0 auto 32px auto!important;padding:30px 0;} h1.country-title div{background:url(images/logo-vie-nomade-blanc.png) no-repeat right bottom;} .home h1{margin:60px auto 60px auto;} /*nav+search*/ #search{position:absolute;right:10px;top:1px;} #search form{top:25px;position:absolute;right:0px;display:none;z-index:1;} #openmap{position:absolute;right:32px;top:1px;} #searchmap #map-container{margin-bottom:0;} header nav{position:relative;height:30px;} header nav li{display:inline-block;position:relative;margin-right:2px;} header nav a{padding:4px 6px;} header nav ul ul a{padding:2px 6px;} /*lvl2*/ header nav ul ul{display:none;position:absolute;z-index:1000;top:30px;left:-5px;padding:5px;} header nav #menu-item-7624 ul{left:-170px;} header nav ul ul li{padding:2px 6px;white-space:nowrap;width:100%} header nav ul > li > ul{display:none;} /*nav mobile*/ header nav select{width:100%;margin-top:-3px;margin-left:5px;} /* ======================================================= !SIDEBARS ======================================================= */ #sidebar{width:250px;float:left;padding-bottom:40px;} #sidebar .meta{text-align:center;width:250px;padding:0 0;} #sidebar #map-container{width:150px;height:150px;margin:50px auto 6px auto;z-index:1;} /*entire sidebar left, for country page & review list*/ .parent-pageid-5723 #sidebar #cleio-country-map #map-container,.single-addresses #sidebar #map-container{width:250px;margin-top:0;height:300px;} .single-addresses #sidebar #map-container{margin-top:0;} .archive #sidebar,.search #sidebar{margin-top:20px;} #sidebar h3{margin-top:30px;margin-bottom:10px;} #sidebar h3.lastarticle{margin-top:5px;} #sidebar aside h3{margin-top:3px;padding-bottom:2px;} #sidebar aside.newsletter{padding-top:5px;} #sidebar .tags a{display:inline-block;padding:3px 6px;margin-bottom:3px;} #sidebar .guides img{width:60px;height:auto;margin-top:20px;} #sidebar aside.list li img{margin-top:0;} #sidebar p{padding:0;} #sidebar aside,#sidebar .fb-page{margin-top:40px;} #sidebar aside.box{padding-top:20px;padding-bottom:20px;} #sidebar aside.list{padding-left:10px;padding-right:10px;} #sidebar aside.list li{padding:5px 0;overflow:hidden;} #sidebar aside.list li img{float:left;width:40px;height:40px;display:block;margin-right:10px;} #sidebar aside.list li a{display:block;padding-left:40px;} #sidebar aside.round a span{padding-bottom:15px;display:block;} #sidebar aside.box a span{padding:10px 10px 0 10px;display:block;} #sidebar aside.box p,#sidebar aside.box h3{padding-left:20px;padding-right:20px;} #sidebar aside.navigation{padding-left:10px;padding-right:10px;padding-bottom:20px;position:fixed;top:266px;width:250px;} #sidebar aside.navigation h3{padding:20px 10px 10px 10px;} #sidebar aside.navigation li{padding:5px 0;} #sidebar a.sidebar-banner{padding-top:40px;display:block;} #sidebar #mc_embed_signup{margin-top:40px;padding:0 15px 15px 15px;background:url(images/newsletter-bg.jpg);} #sidebar #mc_embed_signup p{padding-bottom:8px;} #sidebar #mc_embed_signup h3{padding-top:25px;margin-top:0;} #sidebar #mc_embed_signup input.required{width:100%;margin-bottom:5px;} #sidebar #mc_embed_signup .input-group{padding-top:8px;} #sidebar #mc_embed_signup input.button{text-align:center;margin:5px auto 0 auto;} /* ======================================================= !HOME ======================================================= */ body.home{background:url(images/home-bg2.jpg) repeat-x;} .home .home-intro h2{clear:none;} .home #social{text-align:center;clear:both;padding-top:80px;padding-bottom:100px;} #bloc-bio{overflow:hidden;} #home-description{width:70%;float:left;padding:20px 20px 20px 20px;overflow:hidden;} .home-auteur{display:block;float:left;width:150px;height:auto;position:relative;margin-bottom:20px;} .home-auteur span{position:absolute;bottom:14px;right:0;padding:3px 7px 4px 7px;} .home-intro{margin-left:180px;padding-top:5px;} #home-description h2{margin-bottom:15px;} #guide-nomade{width:30%;float:right;background:url(images/guide-vie-nomade.jpg);} #guide-nomade,#guide-nomade div{padding:20px;} .vn-guide-desc{padding-top:8px;} #map-home{position:relative;} #where-home{position:absolute;top:20px;left:25px;z-index:1000;width:250px;height:250px;padding:0px;} #where-home img{width:90px;height:auto;position:absolute;top:0;left:0;z-index:2;} #where-home h3{margin-top:60px;padding-bottom:10px;} #where-home p{margin-bottom:10px;} #bloc-news{overflow:hidden;background:url(images/road-trip.jpg);margin-bottom:60px;} #la-une{width:70%;float:left;padding:20px;height:400px;} #news{width:30%;float:left;padding:20px;} #news li{padding:5px 0;} #carnet{display:block;padding:20px 0 0 0;} #la-une li{padding:2px 0;} #derniers-articles{margin-left:-20px;overflow:hidden;padding-bottom:100px;padding-top:10px;} #derniers-articles h2{padding-bottom:8px;} #derniers-articles-title span,#home-video h3 span{padding-left:10px;padding-right:10px;} h2#derniers-articles-title,#home-video h3{ width: 100%; text-align: center; border-bottom: 1px solid #000; line-height: 0.1em; margin: 0 0 20px 0; } #derniers-articles .col h3{position:absolute;top:0;padding:40px 40px 15px 40px;} #tous-articles{clear:both;padding-top:20px;padding-bottom:80px;} .col{width:25%;float:left;padding-left:20px;position:relative;} .col div{margin-bottom:20px;position:relative;} .col h3{position:absolute;top:20px;padding:10px 10px;} #vu-sur img{padding-bottom:60px;margin-top:20px;} #home-social{padding-top:20px;} #home-social li{display:inline-block;margin-left:10px;margin-right:10px;} #home-social img{width:50px;height:auto;} .home #social p{width:700px;padding-top:10px;margin:0 auto;} #home-video{width:800px;margin:100px auto;} #home-video h3{margin-bottom:30px;} p#home-video-link{padding:5px 0;margin-top:10px;} p#home-video-desc{margin-bottom:10px;margin-top:10px;} /* ======================================================= !SINGLE / !ARTICLE ======================================================= */ section#title,.category-photologue #content #archive,.page-template-conseils-voyage #content article{width:100%;} #content article,#content #archive{float:right;width:800px;} article p,article h3,article h4,article h5,article ul,article ol,.ratings,.reviewlist-footer,#captcha{margin-left:120px;} article .wp-caption p, article figcaption,.bloc-info p,.bloc-produit p,.bloc-info h3,.bloc-produit h3,#post-video h3,.bloc-info ul,.bloc-produit ul,.bloc-info ol,.bloc-produit ol,section#bio h3,#bio p,article blockquote p,article ul#cleio-countrylist-content,.cleio-review-gallery img,article .exile-archives ul,article .exile-archives h3,article .exile-archives h4,#videos h2,#guides-menu h2,#videos p,#guides-menu h3,#guides-menu h4,#guides-menu ul,article #archive p,.category-photologue #content #archive,#post-menu ul,.page-template-conseils-voyage #content article p,article #post-menu h3{margin-left:0;} .auteur .avatar{margin-bottom:0;} article iframe{/*margin-left:-120px;*/padding-bottom:20px;} section#title h2{margin-left:395px;} section#title .auteur{margin-left:300px;} article h1{margin:0!important;text-align:left!important;} #videos article,#guides-menu article,.page-id-5723 #content article{width:1100px;} article p,article ul,article ol{margin-bottom:20px;} article .wp-caption p,article figcaption,#guides-menu ul{margin-bottom:0;} article a[rel="nofollow"]:after,article a[target="_blank"]:after,article .ext:after{font-family:FontAwesome;content:"\f08e";padding-left:3px;font-size:10px;} article .essb_links a:after, article .ext img:after{content:none;} article a.banner[rel="nofollow"]:after,article a.banner[target="_blank"]:after,.page-id-901 article a[rel="nofollow"]:after,.page-id-901 article a[target="_blank"]:after,article .bloc-produit a[rel="nofollow"]:after,article .bloc-produit a[target="_blank"]:after,article .lecture a[target="_blank"]:after,article .lecture a[rel="nofollow"]:after{content:none!important;} article a.tweet[target="_blank"]:after{font-family:FontAwesome;content:"\f099";padding-left:3px;font-size:12px;color:#41bbc2;} article blockquote a.tweet[target="_blank"]:after{font-size:16px;font-style:normal;padding-left:6px;} .auteur{float:left;width:100px;margin-right:20px;margin-bottom:20px;text-align:center;padding-right:30px;} .auteur .avatar{margin-bottom: 0 auto 0 auto;padding-bottom:5px;} article h2,article h1,#title h2{padding-bottom:20px;margin-left:95px!important;padding-left:20px;} #videos h2,#guides-menu h2{margin-left:0;padding-left:0;border:0;padding-bottom:10px;} #post-intro{margin-bottom:20px;margin-left:95px;padding-left:20px;} #post-menu{overflow:hidden;padding:20px;margin-bottom:60px;margin-top:60px;} #post-menu ul{margin-bottom:0;} .post-menu1{width:55%;float:left;margin-right:5%;} .post-menu2{width:40%;float:right;} #post-menu strong{text-align:left;} article h3{margin-left:95px;padding-left:20px;margin-bottom:10px;padding-top:20px;clear:both;margin-top:60px;} article .bloc-info h3,article #post-video h3,#page .bloc-info h3,#page #post-video h3,article .bloc-produit h3,#page .bloc-produit h3,#guides-menu h3, article #post-menu h3{padding-top:0;padding-left:0;margin-top:0;} article #bio h3{margin-top:0!important;} article h4,#page h4{margin-bottom:10px;margin-top:10px;} article ul li,#cat-intro ul li{position:relative;padding-left:20px;margin-bottom:6px;} article ul.exile-archives-years li,#guides-menu ul li{padding-left:0;} article ul#cleio-countrylist-content li{margin-bottom:30px!important;} article ul li:before,#cat-intro ul li:before{content:"\f0ac";font-family:FontAwesome;left:0;position:absolute;top:0;} /*puce*/ article ul#cleio-countrylist-content li:before,article ul.exile-archives-years li:before,#guides-menu ul li:before,article .essb_links li:before{content:"";} blockquote{position:relative;padding-left:54px;margin-right:120px;} blockquote:before { content: "\201C"; font-family: "Abril Fatface"; font-size:80px;font-size:8rem; left:0; position:absolute; top:0; margin-top:-24px; } .bloc-info,#post-video{padding:20px 20px 1px 20px;margin-bottom:20px;overflow:hidden;} .bloc-info i,.bloc-produit i,#post-video i{padding-right:5px;} .bloc-produit{overflow:hidden;} article .bloc-produit h3{clear:none;margin-bottom:10px;margin-top:0;} article .bloc-produit img{float:left;margin:0 20px 20px 0;} a.lire-article{display:block;padding:4px 6px 3px 26px;position:relative;margin-top:10px;clear:both;} a.lire-article:before { content: "\f0a4"; font-family: "FontAwesome"; font-size:20px;font-size:2rem; left:0; position:absolute; top:3px; margin-top:0; } #letcomment{margin-top:60px;margin-bottom:20px;} #bio{clear:both;overflow:hidden;position:relative;padding-top:40px;} #bio img{position:absolute;} #bio div{float:left;margin-left:120px;} #bio p{margin-left:23px;} #postsnav{overflow:hidden;margin-bottom:40px;} #postsnav .left{float:left;width:200px;overflow:hidden;position:relative;padding:10px 0 10px 20px;} #postsnav .right{float:right;width:200px;overflow:hidden;position:relative;padding:10px 20px 10px 0;} #postsnav .left:before { content: "\f060"; font-family: FontAwesome; left:0; position:absolute; top:11px; } #postsnav .right:after { content: "\f061"; font-family: FontAwesome; right:0; position:absolute; top:11px; } /*bloc CTA*/ #postcta{padding:20px 0;margin-bottom:40px;} .page #postcta{margin-top:40px;} /*.home #postcta{padding-top:0;}*/ #postcta .cols{width:640px;overflow:hidden;margin:20px auto 0 auto;} #postcta .left{padding-right:20px;} #postcta .right{padding-left:20px;} #postcta .left p,#postcta .left div{margin-bottom:5px;width:300px;} #postcta input{width:100%;margin-bottom:3px;} #postcta p{padding-bottom:5px;} #postcta .fb-page{margin-top:3px;} /*bloc photos*/ .troisphotos,.deuxphotos,.instagram-block{overflow:hidden;margin-bottom:20px;} .troisphotos img{width:33.3%;float:left;} .deuxphotos img{width:50%;float:left;} .instagram-block .instagram-media{width:390px!important;float:left;} .instagram-block .instagram-media:first-child{margin-right:15px!important;} /* ======================================================= COMMENTS ======================================================= */ #comments{width:800px;margin:0 auto 40px auto;} #comments-title{margin-bottom:40px;} #comments .avatar{height:50px;width:50px;border-radius:50%;float:left;margin-right:10px;} .comment-body{padding-bottom:10px;margin-left:60px;margin-bottom:10px;} .comment-meta{padding-bottom:10px;} .reply{padding-top:5px;} #comments ul{margin-left:80px;} #comments li{overflow:hidden;} #comments ul.children{margin-top:20px;} /*form*/ #comments .text{margin-top:10px;} .comment-form-comment label{display:block;} #comments textarea{width:100%;} #comments li.depth-1{padding-bottom:20px;} /* ======================================================= ARCHIVE PAGES ======================================================= */ #archive h2{margin-left:95px;padding:20px 0 20px 12px;} #archive .only-text h2{margin-left:0!important;} #archive .carnet h2{margin:0!important;padding:0 0 0 0;} #archive .header{float:left;width:200px;margin-right:40px;} #archive img{width:200px;height:200px;} #archive .auteur img,#archive #post-intro img{width:auto;height:auto;} #archive .carnet .auteur img{width:70px!important;height:75px!important;} .archive-article{overflow:hidden;margin-bottom:40px;} .carnet .archive-article{margin-bottom:0;} #archive .location{margin-bottom:10px;padding-top:20px;} #archive .only-text .location{padding-top:10px;} #archive .auteur{width:75px;padding-right:0;} #archive .carnet .auteur{width:70px;} #archive .text{float:right;width:560px;} #archive .only-text .text{width:688px;} #archive .carnet .text{width:692px;padding-right:15px;} .readmore{margin-top:15px;padding-bottom:40px;} .carnet .readmore{padding-bottom:0;margin-top:0;margin-bottom:0;} .readmore a{padding-top:5px;} #cat-intro{margin-top:40px;margin-bottom:40px;} #cat-intro ul{margin-top:10px;} /*entrées du carnet de bord*/ .carnet{padding:0 0 10px 0;margin-bottom:40px;} .carnet-cat{margin-bottom:10px;background:#ffffff;padding:5px 17px 5px 0;} .carnet-header{background:#ffffff url(images/carnet-bg.jpg);margin-bottom:10px;} .carnet .auteur{margin-left:15px;} .carnet .text p{margin-bottom:0;} /* ======================================================= SPECIAL PAGES ======================================================= */ /*astuces&conseils*/ .page-template-conseils-voyage #content article p{padding-top:20px;width:800px;margin-left:auto;margin-right:auto;} #conseils-voyage{margin-left:-20px;} #conseils-voyage a{display:block;width:33.3%;padding-left:20px;float:left;} /*countrylist*/ ul#cleio-countrylist-content{margin-left:-1%!important;margin-top:80px!important;} ul#cleio-countrylist-content li{margin-left:1%;width:16%!important;} ul#cleio-countrylist-content li img{width:100%;height:100%;margin-bottom:6px;margin-top:20px;} /*404 + search */ #erreur404 h2,.search-no-results h2{margin-top:60px;margin-bottom:20px;} #erreur404 #searchform,.search-no-results #searchform{padding-bottom:60px;width:300px;margin:20px auto 0 auto;} #erreur404 #searchform input,.search-no-results #searchform input{width:100%;margin-bottom:5px;} h2#search-title{margin-bottom:40px;} /*review*/ .ratings{padding-top:20px;} .rating{margin-bottom:6px;width:50%;float:left;padding-bottom:10px;} .globalrating{width:100%!important;} .rating span{margin-right:4px;} .rating label{margin-bottom:-10px;display:block;} .review-map{padding-top:40px;} .review-map address{padding-bottom:4px;} /*review list*/ .review .attachment-thumbnail{width:200px;height:200px;float:left;margin-left:0;} .review .review-map{margin-bottom:60px;clear:both;height:150px!important;} .reviewlist-footer{margin-bottom:60px;} .cleio-review-gallery{overflow:hidden;margin-top:30px;} .cleio-review-gallery img{width:25%;float:left;display:inline;} /*archives*/ .exile-pagination-years{margin-left:24px;} article ul.exile-archives-years ul{margin-left:24px;} article ul.exile-archives-years ul ul{margin-left:0;} /*videos*/ #lastvideo{margin-bottom:80px;} #lastvideo p{margin-top:5px;} #videos,#guides-menu{overflow:hidden;} .video{width:50%;float:left;padding-left:10px;padding-right:10px;margin-bottom:20px;} .video .fb-video{margin-bottom:2px;} .video p{margin-top:0;} /*bons plans*/ .le-guide,.guide-menu{margin-bottom:40px;width:50%;float:left;} .guide-full,.guide-menu{clear:both;width:100%!important;float:none!important;overflow:hidden;padding:20px;} .guide-left{margin-right:20px;padding:20px;} .guide-right{margin-left:20px;padding:20px;} .guide-col{width:33%;float:left;} .guide-col-half{width:50%;float:left;} .guide-set{overflow:hidden;} .guide-menu li,.guide-legende li{display:inline-block;padding:0 15px;position:relative;} .guide-legende{padding-bottom:40px;} .guide-menu ul li:after{content:"\f111";font-family:FontAwesome;font-size:5px;right:-3px;position:absolute;top:2px;} .guide-menu ul li:last-child:after{content:none;} /*inspiration*/ .page-id-5962 article div{clear:both;} .page-id-5962 article img{margin-right:20px;} /*boutique*/ a.produit-th{float:left;margin-right:20px;max-width:250px;} .page-template-tpl-boutique article h3{clear:none!important;} .prix{padding:3px 6px 4px 6px;float:right;} .bloc-produit .button{margin-left:270px;} .bloc-produit{padding:20px 0 1px 0;margin-bottom:20px;overflow:hidden;} .bloc-produit a.lire-article{margin-left:270px;clear:none;} .page-template-tpl-boutique article img{float:left;margin-right:20px;max-width:250px;} .page-template-tpl-boutique hr{height:30px;margin-top:30px;margin-bottom:30px;clear:both;} .button{padding:5px 10px 4px 10px;margin-top:15px;display:block;width:auto;} .bloc-info .button{display:inline;} /* ======================================================= !FOOTER ======================================================= */ footer .widgets{overflow:hidden;} #notice{margin-bottom:20px;} footer ul.corinne{margin-bottom:20px;padding-bottom:20px;} footer ul li{display:inline-block;position:relative;padding-right:20px;margin-left:10px;} footer ul li:after{content:"\f111";font-family:FontAwesome;font-size:6px;right:0;position:absolute;top:1px;} footer ul li:last-child:after{content:none;} #instagram{margin-bottom:40px;width:100%;position:relative;overflow:hidden;} .instagram-pics li{width:12.5%;float:left;} #instagram p{width:100%;position:absolute;top:40%;z-index:100;} #instagram p a{display:inline-block;text-align:center;padding:10px 15px 11px 15px;} /* ======================================================= FORMS ======================================================= */ input,textarea{padding:4px 8px;} /*mobile drop down menu (select reset)*/ .menu-mobile-container{width:100%;} /*mobile drop down menu (select reset)*/ .menu-mobile-container select{ background:transparent; -moz-appearance:none; -webkit-appearance:none; border:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-padding-end:20px; -webkit-padding-start:2px; -webkit-user-select:none; overflow:hidden; padding:5px; } .wpcf7 input,.wpcf7 textarea,.wpcf7 select{width:100%;} input.wpcf7-submit{padding:5px 0;} .wpcf7-radio input,.wpcf7-checkbox input{width:auto;} /* ======================================================= WIDGETS+PLUGINS ======================================================= */ /*.pinterest-img{display:none;}*/ .pinterest-img{margin-top:40px;} .yarpp-related{text-align:center;padding-bottom:40px;padding-top:40px;overflow:hidden;} .yarpp-related .yarpp-thumbnails-horizontal span.yarpp-thumbnail-title {max-height:initial;} .yarpp-related a{width:175px!important;height:auto!important;display:inline-block;margin:12px;vertical-align:top;border:0!important;padding:0!important;} .yarpp-related a img{width:175px!important;height:175px!important;margin-bottom:10px;} .yarpp-related a span{padding:10px;display:block;width:100%!important;} .fb-post{margin-bottom:20px;width:auto;border-right:50px solid #f4f4f0;} .single .fb-video{margin-bottom:20px;} .single .bloc-info .fb-video{margin-bottom:0;} .page-id-9983 article #mc_embed_signup{margin-left:120px;} /* ======================================================= COUNTRY HEADERS ======================================================= */ h1.country-title{background:url(images/pays/israel.jpg);} .page-id-6606 h1.country-title{background:url(images/pays/allemagne.jpg);} .page-id-16580 h1.country-title{background:url(images/pays/autriche.jpg);} .page-id-6608 h1.country-title{background:url(images/pays/belgique.jpg);} .page-id-11129 h1.country-title{background:url(images/pays/bulgarie.jpg);} .page-id-5784 h1.country-title{background:url(images/pays/canada.jpg);} .page-id-5770 h1.country-title{background:url(images/pays/chine.jpg);} .page-id-5791 h1.country-title{background:url(images/pays/danemark.jpg);} .page-id-5778 h1.country-title{background:url(images/pays/espagne.jpg);} .page-id-5786 h1.country-title{background:url(images/pays/etats-unis.jpg);} .page-id-8712 h1.country-title{background:url(images/pays/finlande.jpg);} .page-id-5731 h1.country-title{background:url(images/pays/france.jpg);} .page-id-8324 h1.country-title{background:url(images/pays/grece.jpg);} .page-id-5836 h1.country-title{background:url(images/pays/hong-kong.jpg);} .page-id-16838 h1.country-title{background:url(images/pays/iles-cook.jpg);} .page-id-5793 h1.country-title{background:url(images/pays/irlande.jpg);} .page-id-5743 h1.country-title{background:url(images/pays/islande.jpg);} .page-id-12037 h1.country-title{background:url(images/pays/israel.jpg);} .page-id-5782 h1.country-title{background:url(images/pays/italie.jpg);} .page-id-5780 h1.country-title{background:url(images/pays/japon.jpg);} .page-id-6418 h1.country-title{background:url(images/pays/laos.jpg);} .page-id-5739 h1.country-title{background:url(images/pays/macao.jpg);} .page-id-5768 h1.country-title{background:url(images/pays/malaisie.jpg);} .page-id-11912 h1.country-title{background:url(images/pays/malte.jpg);} .page-id-7330 h1.country-title{background:url(images/pays/norvege.jpg);} .page-id-5733 h1.country-title{background:url(images/pays/philippines.jpg);} .page-id-16697 h1.country-title{background:url(images/pays/polynesie-francaise.jpg);} .page-id-5735 h1.country-title{background:url(images/pays/portugal.jpg);} .page-id-10886 h1.country-title{background:url(images/pays/roumanie.jpg);} .page-id-5737 h1.country-title{background:url(images/pays/royaume-uni.jpg);} .page-id-5776 h1.country-title{background:url(images/pays/singapour.jpg);} .page-id-5760 h1.country-title{background:url(images/pays/sri-lanka.jpg);} .page-id-7271 h1.country-title{background:url(images/pays/suede.jpg);} .page-id-5725 h1.country-title{background:url(images/pays/suisse.jpg);} .page-id-5764 h1.country-title{background:url(images/pays/taiwan.jpg);} .page-id-5745 h1.country-title{background:url(images/pays/thailande.jpg);} .page-id-11192 h1.country-title{background:url(images/pays/turquie.jpg);} .page-id-6183 h1.country-title{background:url(images/pays/vietnam.jpg);} /* ======================================================= RETINA SETTINGS ======================================================= */ @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { body.home{ background:url(images/home-bg2@2x.jpg) repeat-x left top; background-size:424px 378px; } #topwrap{ background:url(images/earth-bg@2x.jpg) no-repeat left top; background-size:384px 287px; } h1 div,#cat-title div{ background:url(images/logo-vie-nomade@2x.png) no-repeat right bottom; background-size:182px 106px; } h1.country-title div{ background:url(images/logo-vie-nomade-blanc@2x.png) no-repeat right bottom; background-size:182px 106px; } #bloc-news{ background:url(images/road-trip@2x.jpg); background-size:1100px 400px; } #guide-nomade{ background:url(images/guide-vie-nomade@2x.jpg); background-size:350px 234px; } .carnet-header{ background:url(images/carnet-bg@2x.jpg); background-size:325px 325px; } #sidebar #mc_embed_signup{ background:url(images/newsletter-bg@2x.jpg); background-size:300px 412px; } /*headers pages pays*/ h1.country-title{background:url(images/pays/israel@2x.jpg);background-size:1100px 170px;} .page-id-6606 h1.country-title{background:url(images/pays/allemagne@2x.jpg);background-size:1100px 170px;} .page-id-16580 h1.country-title{background:url(images/pays/autriche@2x.jpg);background-size:1100px 170px;} .page-id-6608 h1.country-title{background:url(images/pays/belgique@2x.jpg);background-size:1100px 170px;} .page-id-11129 h1.country-title{background:url(images/pays/bulgarie@2x.jpg);background-size:1100px 170px;} .page-id-5784 h1.country-title{background:url(images/pays/canada@2x.jpg);background-size:1100px 170px;} .page-id-5770 h1.country-title{background:url(images/pays/chine@2x.jpg);background-size:1100px 170px;} .page-id-5791 h1.country-title{background:url(images/pays/danemark@2x.jpg);background-size:1100px 170px;} .page-id-5778 h1.country-title{background:url(images/pays/espagne@2x.jpg);background-size:1100px 170px;} .page-id-5786 h1.country-title{background:url(images/pays/etats-unis@2x.jpg);background-size:1100px 170px;} .page-id-8712 h1.country-title{background:url(images/pays/finlande@2x.jpg);background-size:1100px 170px;} .page-id-5731 h1.country-title{background:url(images/pays/france@2x.jpg);background-size:1100px 170px;} .page-id-8324 h1.country-title{background:url(images/pays/grece@2x.jpg);background-size:1100px 170px;} .page-id-5836 h1.country-title{background:url(images/pays/hong-kong@2x.jpg);background-size:1100px 170px;} .page-id-16838 h1.country-title{background:url(images/pays/iles-cook@2x.jpg);background-size:1100px 170px;} .page-id-5793 h1.country-title{background:url(images/pays/irlande@2x.jpg);background-size:1100px 170px;} .page-id-5743 h1.country-title{background:url(images/pays/islande@2x.jpg);background-size:1100px 170px;} .page-id-12037 h1.country-title{background:url(images/pays/israel@2x.jpg);background-size:1100px 170px;} .page-id-5782 h1.country-title{background:url(images/pays/italie@2x.jpg);background-size:1100px 170px;} .page-id-5780 h1.country-title{background:url(images/pays/japon@2x.jpg);background-size:1100px 170px;} .page-id-6418 h1.country-title{background:url(images/pays/laos@2x.jpg);background-size:1100px 170px;} .page-id-5739 h1.country-title{background:url(images/pays/macao@2x.jpg);background-size:1100px 170px;} .page-id-5768 h1.country-title{background:url(images/pays/malaisie@2x.jpg);background-size:1100px 170px;} .page-id-11912 h1.country-title{background:url(images/pays/malte@2x.jpg);background-size:1100px 170px;} .page-id-7330 h1.country-title{background:url(images/pays/norvege@2x.jpg);background-size:1100px 170px;} .page-id-5733 h1.country-title{background:url(images/pays/philippines@2x.jpg);background-size:1100px 170px;} .page-id-16697 h1.country-title{background:url(images/pays/polynesie-francaise@2x.jpg);background-size:1100px 170px;} .page-id-5735 h1.country-title{background:url(images/pays/portugal@2x.jpg);background-size:1100px 170px;} .page-id-10886 h1.country-title{background:url(images/pays/roumanie@2x.jpg);background-size:1100px 170px;} .page-id-5737 h1.country-title{background:url(images/pays/royaume-uni@2x.jpg);background-size:1100px 170px;} .page-id-5776 h1.country-title{background:url(images/pays/singapour@2x.jpg);background-size:1100px 170px;} .page-id-5760 h1.country-title{background:url(images/pays/sri-lanka@2x.jpg);background-size:1100px 170px;} .page-id-7271 h1.country-title{background:url(images/pays/suede@2x.jpg);background-size:1100px 170px;} .page-id-5725 h1.country-title{background:url(images/pays/suisse@2x.jpg);background-size:1100px 170px;} .page-id-5764 h1.country-title{background:url(images/pays/taiwan@2x.jpg);background-size:1100px 170px;} .page-id-5745 h1.country-title{background:url(images/pays/thailande@2x.jpg);background-size:1100px 170px;} .page-id-11192 h1.country-title{background:url(images/pays/turquie@2x.jpg);background-size:1100px 170px;} .page-id-6183 h1.country-title{background:url(images/pays/vietnam@2x.jpg);background-size:1100px 170px;} } /* ======================================================= OL STYLING ======================================================= */ article ol { counter-reset:li; padding-left:0; } article ol > li { position:relative; margin:0 0 6px 30px; padding:10px 0 10px 10px; list-style:none; } article ol > li:before { content:counter(li); counter-increment:li; /* Position and style the number */ position:absolute; top:-2px; left:-2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ padding:4px; margin: 10px 0 0 20px; } article li ol, article li ul {margin-top:6px;} article ol ol li:last-child {margin-bottom:0;} .inside ol#comments > li{margin:0 0 0 0;padding:10px 0;} .inside ol#comments > li:before{content:none;top:0;left:0;position:relative;width:auto;margin-right:0;padding:0;} article ol li img{margin-top:10px!important;} /* ======================================================= BARRE FIXE MENU ======================================================= */ .vn-fixed-nav { position:fixed; height:30px; margin:0 auto; z-index:15; top:0; } .menu-mobile-container {display:none;} #searchmap {z-index:15;}