/* Theme Name:Mairie de Vougy Description:Mairie de Vougy - 2014 Version:2.0 Author:BIENVENUE SUR MARS */ /* #### Fontes */ @font-face{font-family:"icones";src:url("./fonts/icns.woff2")format("woff2")} [class^="icon-"],[class*=" icon-"]{font-family:'icones';font-size:1rem;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1} .icon-bar:before{content:"\f0c9"} .icon-right:before{content:"\f105"} .icon-down:before{content:"\f107"} @font-face {font-family:'Open Sans';font-style:normal;font-weight:300;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face {font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face {font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face {font-family:'Open Sans';font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face {font-family:'Open Sans';font-style:normal;font-weight:800;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /* #### Reset CSS */ * {margin:0;padding:0;border-width:0;font:inherit} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} audio,canvas,video{display:inline-block} audio:not([controls]){display:none;height:0} [hidden]{display:none} html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} a:focus{outline:thin dotted} a:active,a:hover{outline:0} h1{font-size:2em;margin:.67em 0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} em,i {font-style:normal}; dfn{font-style:italic} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0} mark{background:#ff0;color:#000} code,kbd,pre,samp{font-family:monospace,serif;font-size:1em} pre{white-space:pre-wrap} q{quotes:\201C \201D \2018 \2019} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} img{border:0} svg:not(:root){overflow:hidden} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} button,input,select,textarea{font-family:inherit;font-size:100%;margin:0} button,input{line-height:normal} button,select{text-transform:none} button,html input[type=button], input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0} input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0} body,figure{margin:0} legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} /* ### GENERAL */ body {font-family:'Open Sans',sans-serif;font-size:13px;line-height:18px;color:#666666} strong {font-weight:bold} em {font-style:italic} code {font-family:monospace} img {vertical-align:middle;max-width:100%} button,input[type="submit"] {cursor:pointer} textarea {resize:vertical} a,a:visited,a:hover,a:active {color:#16afdc;text-decoration:none} a:hover,a:active {color:#18c1f5} /* ==Titre */ h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{line-height:1.1;color:#3d3d3d;letter-spacing:-1px} h1,.h1 {font-size:30px;font-weight:800;letter-spacing:-2px} h2,.h2 {font-size:21px;font-weight:700;letter-spacing:-2px} h3,.h3 {font-size:18px;font-weight:700} h4,.h4 {font-size:18px;font-weight:700} h5,.h5 {font-size:15px;font-weight:600} /* ==Helpers */ .right {float:right} .mt0 {margin-top:0px !important} .mt5 {margin-top:5px !important} .mt10 {margin-top:10px !important} .mt15 {margin-top:15px !important} .mt20 {margin-top:20px !important} .mt30 {margin-top:30px !important} .mt40 {margin-top:40px !important} .mt60 {margin-top:60px !important} .mt80 {margin-top:80px !important} .mt100 {margin-top:100px !important} .mt120 {margin-top:120px !important} .mb0 {margin-bottom:0px !important} .mb10 {margin-bottom:10px !important} .mb20 {margin-bottom:20px !important} .mb30 {margin-bottom:30px !important} .mb40 {margin-bottom:40px !important} .mb60 {margin-bottom:60px !important} .mb80 {margin-bottom:80px !important} .mb120 {margin-bottom:120px !important} .fz13 {font-size:13px !important} .pr {position:relative} .op50 {filter:alpha(opacity=50);opacity:0.5} .ttu {text-transform:uppercase} .clearfix:before,.clearfix:after{content:" ";display:table} .clearfix:after {clear:both} .clearfix {*zoom:1} .clear {font-size:0 !important;line-height:0 !important;width:0 !important;height:0 !important;float:none !important;margin:0 !important;padding:0 !important;clear:both !important;height:25px !important} .visually-hidden {display:none} /* ### GENERAL */ .wrapper {margin:auto;width:960px;padding-left:40px;padding-right:40px} /* ==Header */ .header {padding-top:4px;border-top:4px solid #da0020;box-shadow:inset 0 4px 0 #e29b1f} .menu-wrapper {display:flex;padding:15px 40px;} .header-logo {width:100px;height:60px} .header-logo svg {width:100%;height:100%;} /* ==Contenu */ .content {background-image:url(img/stripes.gif);background-repeat:repeat-x;background-position:center top} .content-wrapper {padding-top:80px;padding-bottom:100px;background-color:#fdfdfd;background-image:url(img/stripes.gif);background-repeat:repeat-x;background-position:center top} .content-home {background-color:#f8f8f8} /* ==Footer */ .footer {padding-bottom:4px;border-bottom:4px solid #e29b1f;box-shadow:inset 0 -4px 0 #da0020;background-color:#252525;background-image:url(img/dark-stripes.png);color:#867367} .footer:before {content:"";display:block;height:22px;background-image:url(img/stripes.gif)} /* ==Grid */ .span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9 {float:left} .span2 {width:160px} .gutters > .span2,.gutters > .span24,.gutters > .span3,.gutters > .span4,.gutters > .span5,.gutters > .span6,.gutters > .span7,.gutters > .span8,.gutters > .span9 {margin-left:20px} .gutters {margin-left:-20px} .gutters .span2 {width:140px} .gutters .span3 {width:220px} .gutters .span4 {width:300px} .gutters .span6 {width:470px} .gutters .span8 {width:600px} .gutters .span9 {width:700px} .fluid .span3 {width:25%} .fluid .span6 {width:50%} /* ### MENUS */ /* ==Menus */ .menu {display:flex;flex:1;padding:0 30px;justify-content:center;align-items:center;} .menu-item {display:inline-block;position:relative;z-index:999} .menu-link {display:inline-block;margin-right:10px;height:43px;background-image:url(img/btn-menu.png);background-repeat:no-repeat;background-position:0 0;text-indent:-9999px} .menu-vie-quotidienne{width:172px;background-position:-75px 0} .menu-vie-quotidienne.active,a.menu-vie-quotidienne:hover{background-position:-75px -43px} .menu-economie-tourisme{width:135px;background-position:-257px 0} .menu-economie-tourisme.active,a.menu-economie-tourisme:hover{background-position:-257px -43px} .menu-decouvrez-vougy{width:153px;background-position:-402px 0} .menu-decouvrez-vougy.active,a.menu-decouvrez-vougy:hover{background-position:-402px -43px} .menu-action-municipale{width:116px;background-position:-565px 0} .menu-action-municipale.active,a.menu-action-municipale:hover{background-position:-565px -43px} .menu-hover {display:none;position:absolute;min-width:200px;top:100%;left:0;z-index:99999;background-color:#fff;border-left:1px #f0f0f0 solid;padding:10px} .menu-item:hover .menu-hover,.menu-item:focus .menu-hover{display:block;border-top:1px solid #cddae3;box-shadow:1px 1px 18px rgba(0,0,0,.3);background:#fff} a.menu-sublink {display:block;padding:6px 3px;color:#18c1f5;white-space:nowrap;border-bottom:1px #ccc dotted} a.menu-sublink:hover {color:#684f40} a.menu-sublink_active {background-color:#f8f8f8;color:#684f40} .toolbox {display:flex;align-items:center;justify-content:flex-end} .toolbox a,.toolbox label {display:inline-block;width:40px;height:43px;vertical-align:middle;background-image:url(img/btn-head.png);text-indent:-9999px} .toolbox-facebook {background-position:-40px 0} a.toolbox-responsive {background-image:none;background-color:#2C7DAB;text-indent:0;text-align:center;color:#fff;line-height:43px;font-size:19px;} .search {display:inline-block;position:relative;} .search-input {display:none;position:absolute;top:100%;right:0;margin-top:3px;padding:5px;z-index:9999;border:1px #2c7dab solid} /* ### SLIDER */ .slider {position:relative;height:440px;overflow:hidden;z-index:0} .slider-slide {position:absolute;height:440px;width:100%;top:0;left:0;z-index:10} .slider-image {min-width:100%;opacity:1;transform:translateZ(0);transition:.5s ease-out} .slider-text {position:absolute;left:50%;bottom:160px;width:400px;transform:translateZ(0);opacity:1;transition:1s ease-out;transition-delay:.5s} .slider-more {position:absolute;top:300px;left:50%;padding:10px;background-color:#2c7dab;color:#fff;opacity:1;transform:translateZ(0);transition:left 1s ease-out;transition-delay:1s} .slider-head,.slider-description {display:inline-block;padding:10px;background-color:#e29b1f;vertical-align:top} .slider-head {text-transform:uppercase;font-weight:800;line-height:1} .slider-title {font-size:48px;color:#fff;letter-spacing:-3px} .slider-text:hover .slider-title,.slider-text:active .slider-title {color:#eee} .slider-legend {font-size:18px;color:#000;letter-spacing:-1px} .slider-description {margin-top:-10px;color:#666} .slider-hidden {z-index:0} .slider-hidden .slider-image {opacity:0} .slider-hidden .slider-text {left:100%;opacity:.3} .slider-hidden .slider-more {left:100%;opacity:.3} .unclic {position:relative;width:100%;margin-top:-120px;padding:20px;padding-right:0;background-color:#fff;border:1px #d0d0d0 solid} .unclic-item {float:left;margin-right:20px;width:292px;height:100px;background-color:#f8f8f8;text-align:center} .unclic-item:hover {background-color:#16afdc} .unclic-item:hover * {color:#fff} .unclic-item:before {content:"";height:100%} .unclic-img,.unclic-text,.unclic-item:before {display:inline-block;vertical-align:middle} .unclic-img {width:53px;height:36px;background-image:url(img/highlight-icons.png)} .unclic-img-2 {background-position:-70px 0} .unclic-img-3 {background-position:-130px 0} .unclic-item:hover .unclic-img-1 {background-position:0 -46px} .unclic-item:hover .unclic-img-2 {background-position:-70px -46px} .unclic-item:hover .unclic-img-3 {background-position:-130px -46px} .unclic-text {padding-left:20px;text-align:left;color:#666;font-size:12px;line-height:1} .unclic-title {margin-bottom:5px;font-size:16px} /* ==Footer */ .sitemap {margin-left:-9px;padding:50px 0} .sitemap-col {float:left;margin-left:9px;width:184px} .sitemap-img {display:block;margin-bottom:30px;width:183px;height:106px;overflow:hidden;text-indent:-9999px} .sitemap-img:before {content:"";display:block;width:inherit;height:inherit;background-image:inherit;background-position:0 106px;filter:alpha(opacity=0);opacity:0;transition:opacity .5s ease-out} .sitemap-col:hover .sitemap-img:before {filter:alpha(opacity=100);opacity:1} .sitemap-links a {display:block;margin:5px 0} .sitemap-links a,.sitemap-links a:visited,.sitemap-links a:hover,.sitemap-links a:active {color:#fff} .sitemap-links a:hover,.sitemap-links a:active {color:#ddd} .sitemap-links a.active {color:#bbb} .copyright {padding:15px 0;background-color:#1a1a1a;font-size:12px;line-height:13px} .copyright a,.copyright a:visited {color:#867367} .copyright a:hover,.copyright a:active {color:#eee} .wrapper-footer{display:flex;padding:15px !important} .vougy_adresse{flex:1;padding:15px} .vougy_blason {display:flex;justify-content:flex-end;align-items:center;margin-top:-75px;z-index:50} /* ==Titres */ .headline {overflow:hidden} .headline .headline-title {position:relative;margin:0;display:inline-block} .headline-title:after {content:"";position:absolute;left:100%;top:0;bottom:0;margin-left:20px;background-image:url(img/stripes.gif);width:2000%;background-repeat:repeat-x;background-position:left center} .hl {color:#867367;font-size:13px;letter-spacing:-1px;font-weight:700} .post-sidebar .headline {margin-bottom:20px} .toggle-content .headline {margin-top:40px;margin-bottom:40px} /* ==News */ .news-item {display:inline-block;vertical-align:top;width:470px;margin-top:30px;padding-top:10px} .news-item:nth-child(2n){margin-left:20px} .news-item:hover {filter:alpha(opacity=80);opacity:0.8} .news-img {float:left;margin:-10px 20px 0 0} .news-text {margin-top:10px;margin-left:240px;color:#666} .arrows-headline {float:right;padding:5px 0 0 10px} .arrows-left,.arrows-right {display:inline-block;width:19px;height:19px;background-image:url(img/arrows.gif);background-color:#6d6d6d;text-indent:-9999px} .arrows-right {margin-left:1px;background-position:-19px 0} a.arrows-left:hover,a.arrows-right:hover,button.arrows-left:hover,button.arrows-right:hover {background-color:#16afdc;} /* ==POST */ .post-header {position:relative;padding:30px 0 5px;border-color:#ebebeb;border-style:solid;border-width:1px 0} .post-title {position:relative;display:inline} .post-title:before {content:"";position:absolute;top:-30px;left:0;right:-20px;height:5px;background-color:#19202c} .post-breadcrumb {float:right;margin-top:9px;font-size:12px;line-height:1;color:#666} .post-breadcrumb span {color:#867367} p {margin:20px 0} img {margin-bottom:20px} .gmap-canvas {margin-bottom:60px} .post-intro {margin-bottom:40px;color:#666} /* ==Colonnes */ .post-col-half {float:left;margin:20px 0;width:340px} .post-col-half + .post-col-half {margin-left:20px} .post-col-third {float:left;margin:20px 0;width:220px} .post-col-third + .post-col-third {margin-left:20px} /* ==Liste */ .liste {list-style:none;margin:20px 0;padding-left:20px} .liste ul:before,ul:after {content:" ";display:table} .liste ul:after {clear:both} .liste {margin-right:20px;margin-bottom:40px;padding:20px;border-radius:10px;background-image:url(img/fond-liste.gif);font-size:14px;color:#6a6a6a;*zoom:1} .liste li {float:left;clear:both;padding:6px 5px 5px;line-height:15px;background-color:#fff;border-bottom:1px #e7e7e7 solid} ul.liste > li:before {float:left;display:inline-block;content:">";width:2em;height:16px;margin:0.10em 0 0 0em;background-size:16px 16px} .liste li:first-letter {text-transform:capitalize} .telecharger a {background:url(img/icone-telecharger.png) no-repeat left;padding-left:17px} .telecharger i {background:url(img/icone-pdf.png) no-repeat left;padding-left:19px} .post-sidebar .dotlist {margin:20px 0} .dotlist {list-style:none} .dotlist li {padding:5px 0;border-bottom:1px #ccc dotted} .dotlist li:before,.dotlist li:after{content:" ";display:table} .dotlist li:after {clear:both} .dotlist li {*zoom:1} .dotlist-active {color:#684f40} .dotlist b {float:left;font-weight:bold;text-transform:uppercase;letter-spacing:-.6px} .dotlist i {float:right;color:#666;text-align:right !important} /* ==signature */ .signature {position:relative;margin-top:60px;padding:10px 20px;background-color:#fff;border-bottom:1px #e5e5e5 dashed} .signature-nom {color:#b4b4be;text-transform:uppercase;font-size:18px;line-height:24px} .signature-prenom {font-weight:bold;color:#464646} .signature-fonction {font-style:italic;color:#000;font-size:12px} .signature-social {position:absolute;right:20px;bottom:10px} /* ### FORMULAIRES WPC7 */ .form-line {position:relative;margin-bottom:10px} .form-line input[type="text"],.form-line input[type="email"],.form-line textarea {width:95%} .form-line-half {padding-right:10px;width:50%;float:left} .form-line-half + .form-line-half {left:10px} .form-line .form-label {position:absolute;top:8px;left:13px;text-transform:uppercase} input[placeholder],[placeholder],*[placeholder] {font-size:18px;line-height:1.5;text-transform:uppercase;color:#aea9ae;cursor:text} .wpcf7-submit {display:inline-block;vertical-align:baseline;border:none;padding:8px 13px;background-color:#428bca;line-height:1.1;color:#fff;text-transform:uppercase;-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em} .wpcf7-submit:hover {background:#07477d;color:#FFF} .wpcf7-submit:active {background:#ea7125;color:#FFF} a.form-button,a.form-button:hover,a.form-button:active {color:#fff} .form-button .fa {vertical-align:middle} .wpcf7 {margin:20px 0} .wpcf7-text,.wpcf7-textarea {padding:10px 15px;width:670px;background-color:#ebebeb;border-radius:3px;line-height:18px} .wpcf7-not-valid-tip {display:inline-block;margin:5px 0 0 5px;color:#c00} .screen-reader-response {display:none} .flickr {margin-top:20px} .flickr a {display:inline-block;margin-right:10px;vertical-align:top} .flickr img {width:75px;height:75px} /* ==agenda et Videos */ .agenda {background-color:#292728;padding:15px 0} .agenda,.agenda a,.agenda a:visited,.agenda a:hover,.agenda a:active {color:#fff} .agenda-date {font-weight:bold} .agenda-item {position:relative;display:inline-block;margin-left:20px;width:140px;vertical-align:top} .agenda-item:first-child {margin-left:10px} .agenda-item:before {position:absolute;top:25px;left:-10px;bottom:0;display:block;content:"";width:0;border-left:1px #665b54 dotted} .agenda-item:first-child:before {display:none} .caption {position:relative;display:inline-block;text-transform:uppercase !important} .caption img {margin:0;} .caption-tl {position:absolute;top:0;left:0} .caption-br {position:absolute;bottom:0;right:0} .label-black {display:inline-block;padding:4px 5px;font-weight:bold;line-height:1;color:#fff;background-color:#19202c} .label-red {display:inline-block;padding:4px 5px;font-weight:bold;line-height:1;color:#fff;background-color:#be190f} .figure {background-color:#fff;border-radius:5px;box-shadow:0 2px 2px #404040} .figure-legend {padding:15px 15px 0px;text-transform:uppercase;font-weight:bold;font-size:12px} .figure-texte {padding:10px 15px;;font-size:11px} .vimeo {margin-top:30px;margin-bottom:30px} .videos {margin-top:20px;margin-bottom:30px} /* ==toggle */ .toggle-header {margin-bottom:25px;position:relative;padding:15px 20px 15px 70px !important;min-height:87px;background-color:#f2f2f2;border-bottom:1px #dadada solid;color:#3d3d3d;cursor:pointer} .toggle-header:before {content:"+";position:absolute;top:0;left:0;bottom:-1px;padding-top:50px;width:50px;background-color:#bc0036;color:#fff;line-height:18px;text-align:center;transition:background-color .5s ease-out} .toggle-header.toggle-active:before {content:"-";background-color:#e29b1f} .toggle-title {font-weight:bold;margin-bottom:10px} .toggle-content {display:none;margin:40px 20px 60px 70px} .toggle-content .post-intro {font-weight:bold;font-size:14px;margin-bottom:20px !important} /* ==Équipe */ .equipe {padding:40px 70px;background-image:url(img/fond-liste2.gif)} .equipe + .equipe {padding-top:0} .equipe-personne {float:left;margin-top:20px;margin-right:20px} .equipe-caption {position:relative;padding:9px;width:230px;height:230px;background-color:#fff;border:1px #d5d5d5 solid;border-radius:5px} .equipe-noms {position:absolute;bottom:9px;left:9px;text-transform:uppercase;color:#fff;font-weight:bold} .equipe-nom {float:left;clear:left;padding:3px 5px;border-bottom:1px #fff solid;background-color:#44677e} .equipe-nom + .equipe-nom {border-bottom:0;background-color:#19202c} .equipe-fonction {width:230px;margin-top:10px;padding:10px;text-transform:uppercase;color:#000;background-color:#fff;font-size:10px;font-weight:bold} /* == Grille Accolade */ .accolade-grid {overflow:hidden} .accolade-grid,.accolade-grid * {margin:0;padding:0;outline:0} .accolade-grid-wraper {position:relative;left:1px;top:1px} .accolade-grid-description,.accolade-grid-data {float:left;border-width:0 1px 1px 0;border-style:solid;border-color:#C2B6AF} .accolade-grid-description {width:66%;padding-right:1px} .accolade-grid-data {width:33%} .accolade-grid-data:nth-child(3n-1) {border-right-width:0} .accolade-grid-description:last-child {border-right-width:0} .accolade-grid-cell {position:relative;padding:10px} .accolade-grid-data .accolade-grid-cell {padding:10px 10px 10px 70px} .accolade-grid-hidden {display:none} h3.accolade-grid-description-title {margin:0 0 10px 0;font-size:24px;font-weight:bold;color:#ea7125;text-transform:none !important} .accolade-grid-description-description {margin-bottom:10px;font-size:16px;color:#546067} .accolade-grid-navigation-prev,.accolade-grid-navigation-next {display:inline-block;padding:5px 10px;width:15px;height:15px;background-color:#eee;cursor:pointer;border-radius:5px} .accolade-grid-navigation-prev span,.accolade-grid-navigation-next span {display:inline-block;width:15px;height:15px;background-image:url(img/arrow.png);background-position:0 100%;text-indent:-9999px} .accolade-grid-navigation-next span {background-position:100% 100%} .accolade-grid-navigation-prev:hover span {background-position:0 0} .accolade-grid-navigation-next:hover span {background-position:100% 0} .accolade-grid-data-element {position:absolute;top:10px;left:10px;width:50px} .accolade-grid-data-element img {width:50px} .accolade-grid-data-date {padding:5px;background-color:#eee;text-align:center;font-weight:bold} .accolade-grid-data-date-day {padding:5px;background-color:#B72126;color:#fff} .accolade-grid-data-date-month {padding:5px;background-color:#fff;color:#000} .accolade-grid-data-title {margin-bottom:10px;font-weight:bold;color:#546067} .accolade-grid-data-description {font-size:14px;margin-bottom:10px;color:#546067} .accolade-grid-data-label {margin-bottom:10px;line-height:15px;height:15px} .accolade-grid-data-label span {display:block;float:left;padding:0 15px 0 10px;line-height:15px;font-size:10px;color:white;background-color:#873892} /*** Inpage */ .inpage-frame {overflow:hidden} .inpage-scroller {width:1000%;transform:translateZ(0)} .inpage-page {width:10%;margin-right:1%;float:left} .imageUNE {position:relative;padding:6px;border:1px #ededed solid;background-color:#fff;box-shadow:inset 0 0 0 1px #ffffff,0 4px 2px -2px rgba(0,0,0,0.25)} .imageUNE img {margin-bottom:0px} textarea #content .wp-editor-area {height:500px !important} /** ## MENU RESPONSIVE **/ a.menuResponsive-toggle {display:none;margin-left:10px} .menuResponsive-container {display:none;background-color:#fff;padding:20px;margin-top:-40px} .menuResponsive-menu {border:1px solid rgba(0,0,0,0.1);box-shadow:0px 0px 3px rgba(0,0,0,0.15)} .menuResponsive-section {border-bottom:1px solid rgba(0,0,0,0.1)} .menuResponsive-title {padding:20px;position:relative;cursor:pointer} .menuResponsive-title.active,.menuResponsive-title:hover {background-color:rgba(50,50,50,0.03)} .menuResponsive-title:before{content:"\f105";position:absolute;right:20px;top:20px;font:normal normal normal 14px/1 icones;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .menuResponsive-title-1:before{content:"\f107";font-size:20px} .menuResponsive-link {display:block;padding:20px} a.menuResponsive-link {color:#787878} .menuResponsive-link:hover {background-color:rgba(50,50,50,0.03)} .menuResponsive-sub {display:none;padding-left:20px} /* ### RESPONSIVE MOBILE */ /* Tablettes */ @media (max-width:1040px){ /* ==Grid */ .span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9 {float:left} .gutters > .span2,.gutters > .span24,.gutters > .span3,.gutters > .span4,.gutters > .span5,.gutters > .span6,.gutters > .span7,.gutters > .span8,.gutters > .span9 {margin-left:2.7624309392265194%%} .gutters,.gutters [class*="span"]:first-child {margin-left:0} .gutters .span2 {width:14.3646408839779%;*width:14.311449394616199%} .gutters .span3 {width:22.92817679558011%;*width:22.87498530621841%} .gutters .span4 {width:31.491712707182323%;*width:31.43852121782062%} .gutters .span6 {width:48.61878453038674%;*width:48.56559304102504%} .gutters .span8 {width:65.74585635359117%;*width:65.69266486422946%} .gutters .span9 {width:74.30939226519337%;*width:74.25620077583166%} .wrapper {width:auto;padding-left:10px;padding-right:10px} .menu-item {margin-bottom:5px} .menu-item > a {pointer-events:none} .sitemap-col {margin-left:1%;width:18.8%} .sitemap-img {width:100%;height:0;padding-top:57.923%;background-size:100%} /* Homepage */ .slider-title {font-size:32px} .slider-text,.slider-more {left:5%} .slider-image {max-width:none} .unclic-item {float:none;display:block;width:auto} .news-item {width:auto} .news-item:nth-child(2n) {margin-left:0} /* Specific */ .agenda-date {display:block} .agenda-item,.agenda-item:first-child {margin-left:1%;width:15.5%} .agenda-item:before {display:none} .videos {max-width:100%} .post-content img {height:auto}} /* Téléphone */ @media (max-width:767px){ a.menuResponsive-toggle {display:inline-block} .menu {display:none} .toolbox {flex:1} .span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9 {float:none} .gutters > .span2,.gutters > .span24,.gutters > .span3,.gutters > .span4,.gutters > .span5,.gutters > .span6,.gutters > .span7,.gutters > .span8,.gutters > .span9 {margin-left:0} .gutters .span2,.gutters .span3,.gutters .span4,.gutters .span6,.gutters .span8,.gutters .span9 {width:auto} .menu-item {display:block;margin-bottom:10px} .menu-hover {position:static;border-left-width:0;padding:10px 0} /* Specific */ .post-header {padding:20px 0} .post-breadcrumb {float:none;margin:0 0 10px} .post-title:before {display:none} .post-sidebar {margin-top:20px}} @media screen and (max-width:479px) {.menu {margin-left:0;} .search-input {right:auto;left:0} .sitemap {padding:0 0 20px} .sitemap-col {width:auto;float:none;margin:20px 10px 0} a.sitemap-img {background-image:none !important;padding:10px 0;text-indent:0;height:auto;margin-bottom:0;font-weight:bold;color:#fff;text-transform:uppercase;font-size:18px} .sitemap-links a {color:#ddd} /* Specific */ .slider-text {width:90%} .news-img {float:none;margin-right:0;margin-bottom:10px} .news-text {margin-left:0} .agenda {padding-top:0} .agenda-item,.agenda-item:first-child {margin-top:15px;margin-left:2%;width:47%} .accolade-grid,.accolade-grid-wraper,.accolade-grid-description {height:auto !important} .accolade-grid-description,.accolade-grid-data {float:none;width:auto}} /*=============================================== S H O R T C O D E S Shortcode styles ===============================================*/ /* ==couleurs fontes et fonds */ .ft-blanc {color:#FFF !important} .ft-vert {color:#82c14a !important} .ft-orange {color:#ef5b2f !important} .ft-jaune {color:#f79c31 !important} .ft-ciel {color:#00a2db !important} .ft-bleu {color:#0c509f !important} .ft-petrole {color:#0080a2 !important} .ft-violet {color:#873892 !important} .ft-prune {color:#671844 !important} .ft-toggle {color:#546067 !important} .ft-bmeylan {color:#22536c !important} .ft-vmeylan {color:#8ec549 !important} .fd-vert {background-color:#82c14a !important} .fd-orange {background-color:#ef5b2f !important} .fd-jaune {background-color:#f79c31 !important} .fd-ciel {background-color:#00a2db !important} .fd-ciment {background-color:#75695a !important} .fd-beige {background-color:#c2b49c !important} .fd-bleu {background-color:#0c509f !important} .fd-petrole {background-color:#0080a2 !important} .fd-toggle {background-color:#f2f2f2 !important} .fd-violet {background-color:#873892 !important} .fd-prune {background-color:#671844 !important} .fd-bmeylan {background-color:#22536c !important} .fd-vmeylan {background-color:#8ec549 !important} /* === COLUMNS */ .column {position:relative;float:left;line-height:inherit} .column > div {margin-right:12px;} .column-12 {width:50%} .column-13 {width:33.333333%} .column-23 {width:66.666666%} .column-14 {width:25%} .column-24 {width:50%} .column-34 {width:75%} .column-15 {width:20%} .column-25 {width:40%} .column-35 {width:60%} .column-45 {width:80%} .column-16 {width:16.666666%} .column-26 {width:33.333333%} .column-36 {width:50%} .column-46 {width:66.666666%} .column-56 {width:83.333333%} .column-17 {width:14.285714%} .column-27 {width:28.571428%} .column-37 {width:42.857142%} .column-47 {width:57.142857%} .column-57 {width:71.428571%} .column-67 {width:85.714285%} .column-18 {width:12.5%} .column-28 {width:25%} .column-38 {width:37.5%} .column-48 {width:50%} .column-58 {width:62.5%} .column-68 {width:75%} .column-78 {width:87.5%} /* === BUTTON */ a.button {display:inline-block !important;line-height:1em !important;color:#FFF;text-decoration:none !important;white-space:nowrap;margin-bottom:5px;padding:0.7em 1em 0.7em 1em;background-color:#77bb66;box-shadow:0 0 0 0 rgba(0,0,0,0) inset} a.button:hover {color:#FFF;box-shadow:0 -50px 0 0 rgba(0,0,0,0.25) inset;cursor:pointer} a.button-custom-color:hover {box-shadow:0 -50px 0 rgba(255,255,255,0.25) inset} a.button-with-icon {padding:1em 1.5em 1em 40px;background-position:15px 50%;background-repeat:no-repeat;background-size:16px 16px} /* === ALERTS & MESSAGES */ .alert {position:relative;text-align:center;margin:0 0 1em;padding:1em 4em;box-shadow:0 0 1px rgba(0,0,0,0.35) inset} .alert-notice {color:#777;background:#FFF} .alert-warning {color:#AD8643;background:#FBEED5} .alert-success {color:#468847;background:#DFF0D8} .alert-error {color:#B94A48;background:#F2DEDE} .alert-info {color:#3A87AD;background:#D9EDF7} .alert-close {position:absolute;display:inline-block;top:1em;right:1em;width:22px;height:22px;background:url('img/icons/16/glyphs/gray/delete.png') center no-repeat;opacity:0.50} .hidpi .alert-close {background-image:url('img/icons/32/glyphs/gray/delete.png');background-size:16px 16px} .alert-close:hover {cursor:pointer;opacity:1} /* === Highlight */ .highlight {color:#474733;padding:0.15em;background:#efedac} /* === DROPCAP */ .dropcap {position:relative;display:table;float:left;font-size:4.2em;line-height:0.66em;margin:0 10px 0 0;padding:0.2em;background:url('img/bg-black-15.png')} .dropcapRD{background:transparent url(../img/sprite.png) no-repeat scroll -1px -1px;color:#EEEEEE;float:left;font-size:30px;height:40px;line-height:30px;margin-bottom:-5px;margin-right:10px;padding-left:1px;padding-top:5px;text-align:center;width:40px} .dropcapSQ{color:#333333;display:block;float:left;font-size:40px;line-height:40px;margin:0 8px 0 0} /* ----- Drop Caps ----- */ .dropcap-round,.dropcap-square,.dropcap-text {color:#FFFFFF;float:left;font-size:24px;height:41px;letter-spacing:-1px;line-height:42px;margin:1px 10px -5px 0;text-align:center;width:41px} .dropcap-round {border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px} .dropcap-grey .dropcap-square,.dropcap-grey .dropcap-round { background-image:linear-gradient(to bottom,#5E6475,#2C2F38); background-image:-webkit-gradient(linear,left top,left bottom,from(#5E6475),to(#2C2F38)); background-image:-webkit-linear-gradient(top,#5E6475,#2C2F38); background-image:-moz-linear-gradient(top,#5E6475,#2C2F38); background-image:-o-linear-gradient(top,#5E6475,#2C2F38); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5E6475',endColorstr='#2C2F38')} .dropcap-red .dropcap-square,.dropcap-red .dropcap-round { background-image:linear-gradient(to bottom,#C71901,#961300); background-image:-webkit-gradient(linear,left top,left bottom,from(#C71901),to(#961300)); background-image:-webkit-linear-gradient(top,#C71901,#961300); background-image:-moz-linear-gradient(top,#C71901,#961300); background-image:-o-linear-gradient(top,#C71901,#961300); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C71901',endColorstr='#961300')} .dropcap-orange .dropcap-square,.dropcap-orange .dropcap-round { background-image:linear-gradient(to bottom,#FE8A0B,#B33410); background-image:-webkit-gradient(linear,left top,left bottom,from(#FE8A0B),to(#B33410)); background-image:-webkit-linear-gradient(top,#FE8A0B,#B33410); background-image:-moz-linear-gradient(top,#FE8A0B,#B33410); background-image:-o-linear-gradient(top,#FE8A0B,#B33410); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FE8A0B',endColorstr='#B33410')} .dropcap-green .dropcap-square,.dropcap-green .dropcap-round { background-image:linear-gradient(to bottom,#AED613,#467612); background-image:-webkit-gradient(linear,left top,left bottom,from(#AED613),to(#467612)); background-image:-webkit-linear-gradient(top,#AED613,#467612); background-image:-moz-linear-gradient(top,#AED613,#467612); background-image:-o-linear-gradient(top,#AED613,#467612); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#AED613',endColorstr='#467612')} /* === PULL QUOTES */ .pullquote {font-size:1.3em;width:40%;margin:0.5em 0;padding:1em 0;background:url('img/line.png') top left no-repeat,url('img/line.png') bottom left no-repeat;background-size:100% 3px,100% 3px} .pullquote-left {float:left;margin-right:1.5em} .pullquote-right {float:right;margin-left:1.5em} /* === ACCORDION */ .accordion {margin-bottom:1em;background:url('img/line.png') left top repeat-x} .accordion .toggle {margin-bottom:0;box-shadow:none;background:url('img/line.png') left bottom repeat-x} .accordion .toggle-title {padding:15px 0} .accordion .toggle-holder {} .accordion .toggle-box {padding:0 0 25px;border:none} /* === TABS */ .st-tabs-holder {display:block;margin:0 0 1em} .st-ul {list-style:none;display:table;width:100%;max-width:100%;margin:0 0 -1px;padding:0;border-left:1px solid #DDD} .st-ul li {float:left;margin:0;padding:10px 25px;border-top:1px solid #DDD;border-right:1px solid #DDD;cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .st-ul li:hover {background-image:url('img/bg-black-05.png')} .st-ul li.st-current, .st-ul li.st-current:hover {color:#77bb66;border-top:1px solid #77bb66;background:#FFF} .st-tabs {clear:both;text-align:left; /* needed */padding:25px;background:#FFF;border:1px solid #DDD} .st-tabs > div {position:absolute;visibility:hidden;top:-9999px} .st-tabs .block {position:relative;visibility:visible;top:0} /* === TOOLTIP */ #tooltip-holder {position:absolute;z-index:1000} .tooltip-holder {font-size:0.85em;line-height:1.54em;color:#FFF;max-width:150px;padding:5px 10px;background:#222;box-shadow:0 2px 2px rgba(0,0,0,0.1),0 10px 30px rgba(0,0,0,0.04)} .tooltip-holder:before {position:absolute;content:"";top:-7px;left:7px;border-style:solid;border-width:7px 0 0 7px;border-color:transparent transparent transparent #222} span.tooltip {border-bottom:1px dashed;cursor:help} /* === GOOGLE MAPS */ #googlemaps {margin:0 0 1em} /* === PRICING TABLE */ section.pricing {height:auto;padding-top:60px;padding-bottom:60px;background-image:url(img/pricing-background.png);background-size:2241px 1435px;background-repeat:no-repeat;background-position:center 40%} @media only screen and (max-width:641px) {section.pricing {height:auto;padding-top:40px;-webkit-background-size:cover;-khtml-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} section.pricing .meta-links {padding-bottom:48px;text-align:center;font-size:0.9375rem;font-weight:600;color:white;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased} section.pricing .meta-links .link-line {position:relative;margin-top:25px} section.pricing .meta-links .link-line+.link-line:before {content:"";display:block;position:absolute;width:514px;height:1px;top:-12px;left:50%;margin-left:-257px;background:white;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=15);opacity:0.15} section.pricing .meta-links a {cursor:pointer;cursor:-moz-pointer;cursor:-webkit-pointer;text-decoration:none;color:#94d2e9} section.pricing .meta-links a:before,section.pricing .meta-links a:after {content:" "} section.pricing .meta-links a:hover {color:#7bc7e4} section.pricing .meta-links {line-height:1.25rem} section.pricing .meta-links .link-line+.link-line:before {width:252px;left:50%;margin-left:-126px} section.pricing .meta-links a {display:block}} section.pricing ul {list-style:none;} /* === NOTICE */ .notice {color:#AAADAE;font-size:1.2em;padding:3em;margin-bottom:1em;background:#494158} .sidebar .notice {padding:2em} .notice h1,.notice h2,.notice h3,.notice h4,.notice h5,.notice h6 {color:#FFF;padding-top:0} /* === SKILL */ .skill {position:relative;text-align:left;margin-bottom:1em;background:#FFF url('img/bg-black-10.png');overflow:hidden} .skill-bar {position:absolute;width:5px;height:100px;background:#77bb66} .skill-label {position:relative;color:#FFF;margin-left:1em;padding:1em 0;z-index:1} .skill-label span {font-size:0.85em;opacity:0.65} /* === ICON BOX */ .st_icon_box_16 {text-align:left;padding:0 15px 0 32px;background-position:left 0.75em;background-repeat:no-repeat} .st_icon_box_32 {text-align:left;padding:0 15px 0 50px;background-position:left 0.75em;background-repeat:no-repeat} /* === SEPARATOR OR */ .separator-or {text-align:center;padding:25px;background:url('img/line.png') left center repeat-x} .separator-or span {padding:0 7px;background:#F3F3F3} /* ==INFOGRAPHIES */ .infochiffre {font-size:43px;color:#ef5b2f} .infotitre {font-size:14px;color:#00a2db;text-transform:uppercase} .infotexte {font-size:12px;color:#0c509f;text-transform:uppercase} /* == GALERIE */ .galerieHome {position:relative;margin-bottom:40px;background-color:#FFF} .galerieHome span{background-color:#b72731;z-index:9} .col3 {margin:0 0 0 -20px;padding:0} .col3 > .galerieLien,ul.col3 > li {display:inline-block;margin-left:10px;width:220px;vertical-align:top} .galerieLien {margin-bottom:20px;width:220px;height:165px;border:5px #778a9d solid;background-color:#FFF} .galerieLien {transition:1s opacity;-moz-transition:.5s opacity;-ms-transition:.5s opacity;-webkit-transition:.5s opacity} .galerieBandeau {position:absolute;padding:3px 8px;left:0;bottom:0;color:#fff;background-color:#b72731;text-transform:uppercase;font-size:12px} .galerieTexte {position:relative;bottom:19px;background-color:#778a9d} .galerieImage:hover{border-color:#b72731} .galerieImage a:hover small{background-color:#b72731} .galerieHome img,.galerieImage img {margin:0} .galerieHome {overflow:hidden} .galerieHome a:before {content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(img/zoom.png);background-repeat:no-repeat;background-position:center center;z-index:9;display:none;} .galerieHome a:hover:before {display:block;} .galerieHome a img {transition:all 0.2s ease-out;} .galerieHome a:hover img {transform:scale(1.1);} /* ANIMATION */ .links-faded a img,.links-zoom a img {transition:1s opacity;-moz-transition:.5s opacity;-ms-transition:.5s opacity;-webkit-transition:.5s opacity} .links-faded a:hover img,.links-zoom a:hover img {opacity:0.7} .links-zoom a:hover img {transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1,)}