.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.admin-bar #swipebox-overlay{top: 32px;}.admin-bar #swipebox-container {bottom: 32px;}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(//coco-lolo-a-velo.fr/wp-content/plugins/responsive-lightbox/assets/swipebox/img/loader.gif) no-repeat center center}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:0.5s;transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(//coco-lolo-a-velo.fr/wp-content/plugins/responsive-lightbox/assets/swipebox/img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s}.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:.95}#swipebox-top-bar{color:white!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}.dashicons.wp-mcm-no-box-shadow {
box-shadow: none;
} img.wp-mcm-icon {
max-width: 32px;
padding: 2px;
line-height:0.3em;
}
.wp-mcm-icon {
max-width: 50px;
line-height:0.4em;
}
#wp-mcm-legend {
border: 3px double #444444;
padding: 12px;
margin: 20px 0px 10px 0px;
}
#wp-mcm-legend .legend-text, #wp-mcm-icon .legend-text {
} .legend-text {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
vertical-align: middle;
word-wrap: anywhere;
font-size: 50%
}
#wp-mcm-list {
margin: -20px 0px 0px 0px;
}
#wp-mcm-legend .legend-header {
display: inline-block;
margin: -60px 0px 0px 0px;
padding: 0px 10px 0px 10px;
background-color: #EEEEEE;
font-style: italic;
vertical-align: middle;
}
#wp-mcm-legend .tagalong-legend-icon {
display: inline-block;
margin-bottom: 12px;
min-width: 190px;
}   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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0.85em;
-webkit-text-size-adjust: 1em;
-ms-text-size-adjust: 1em;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
a img {
border: 0;
} .bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
} .bx-wrapper .bx-viewport {
left: -5px;
background:none; -webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
zoom: 1;
display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
} .bx-wrapper .bx-prev {
left: 10px;
background: url(//coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(//coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/controls.png) no-repeat -43px -32px;
}
#blockLiens .bx-wrapper .bx-prev {
left: -25px;
}
#blockLiens .bx-wrapper .bx-next {
right: -25px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666989;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
} @font-face {
font-family: 'FontAwesome';
src: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/font/awesome/fontawesome-webfont.eot?v=4.6.3);
src: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/font/awesome/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'), url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/font/awesome/fontawesome-webfont.woff2?v=4.6.3) format('woff2'), url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/font/awesome/fontawesome-webfont.woff?v=4.6.3) format('woff'), url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/font/awesome/fontawesome-webfont.ttf?v=4.6.3) format('truetype'), url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/font/awesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "FontAwesome";
font-size: 16px;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
} body,
button,
input,
select,
textarea {
color: #1a1a1a;
font-family: 'Verdana', sans-serif;
font-size: 16px;
font-size: 1em;
line-height: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
.lien_page{
font-family: 'Amatic SC', cursive;
font-weight: normal;
margin: 0;
text-rendering: optimizeLegibility;
}
h1,
.titrePrincipal{
font-size: 30px;
font-size: 3rem;
text-align: center;
margin: 20px 0;
}
h3{
font-size: 1.8rem;
margin-bottom: 10px;
}
.lien_page{
font-size: 20px;
font-size: 2rem;
transition: all 1s;
}
.hover .lien_page{
color: #1F415C;
}
.site-title {
font-size: 26px;
font-size: 2.6rem;
}
.site-description {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0.08em;
}
.entry-content .para-single h3,
.entry-content .blockTexte h3{
font-size: 1.4rem;
color: #1f415c;
font-family: verdana;
}
.entry-content .para-single h4,
.entry-content .blockTexte h4{
font-size: 1.2rem;
text-transform: uppercase;
color: #1f415c;
font-family: verdana;
}
.entry-content .para-single h5,
.entry-content .blockTexte h5{
font-size: 1.4rem;
color: #1f415c;
font-family: verdana;
}
.entry-content .para-single h6,
.entry-content .blockTexte h6{
color: #1f415c;
font-size: 1rem;
font-family: verdana;
font-weight: bold;
text-transform: uppercase;
}
p {
margin-bottom: 1.6em;
}
b,
strong {
font-weight: 700;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
border-left: 4px solid #707070;
border-left: 4px solid rgba(51, 51, 51, 0.7);
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-size: 18px;
font-size: 1.8rem;
font-style: italic;
line-height: 1.6667;
margin-bottom: 1.6667em;
padding-left: 0.7778em;
}
blockquote p {
margin-bottom: 1.6667em;
}
blockquote > p:last-child {
margin-bottom: 0;
}
blockquote cite,
blockquote small {
color: #333;
font-size: 15px;
font-size: 1.5rem;
font-family: "Noto Sans", sans-serif;
line-height: 1.6;
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
address {
font-style: normal;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
background-color: transparent;
background-color: rgba(0, 0, 0, 0.01);
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
line-height: 1.2;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 0.8em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
abbr[title] {
border-bottom: 1px dotted #eaeaea;
border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
cursor: help;
}
mark,
ins {
background: none;
text-decoration: none;
} .site-title a,
.social-navigation a,
.titrePrincipal{
color: #1f415c;
}
.site-description,
.lien_page,
a{
color:#a86f17;
}
#navbar{
background-color: #1f415c;
} hr {
background-color: #eaeaea;
background-color: rgba(51, 51, 51, 0.1);
border: 0;
height: 1px;
margin-bottom: 1.6em;
}
ul,
ol {
margin: 0;
}
ul {
list-style: none;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl {
margin-bottom: 1.6em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.6em;
}
table,
th,
td {
border: 1px solid #d1d1d1;
}
table {
border-collapse: separate;
border-spacing: 0;
margin: 0 0 1.75em;
table-layout: fixed;
width: 100%;
border: none;
}
caption,
th,
td {
font-weight: normal;
text-align: center;
border: none;
}
th {
font-weight: 700;
background-color: #de6e55;
color: #fff;
}
th,
td {
padding: 0.4375em;
}
tr{
background-color: #fff;
}
tr:nth-child(2n){
background-color: #fff7ea
}
tbody td{
border-bottom: 1px solid #eee;
}
tbody tr:hover td{
border-bottom: 1px solid #ccc;
background-color: #fffbf5;
}
tbody tr:nth-child(2n):hover td{
background-color: #f7ebd7;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
max-width: 100%;
vertical-align: middle;
}
figure {
margin: 0;
}
del {
opacity: 0.8;
}
.marge.navPost{
padding: 0;
} ::-webkit-input-placeholder {
color: rgba(51, 51, 51, 0.7);
}
:-moz-placeholder {
color: rgba(51, 51, 51, 0.7);
}
::-moz-placeholder {
color: rgba(51, 51, 51, 0.7);
opacity: 1; }
:-ms-input-placeholder {
color: rgba(51, 51, 51, 0.7);
}
hr.clear{
height: 0;
clear:both;
padding: 0;
height: 0;
margin: 0;
border: none;
}
.marge{
padding: 0 20px;
position: relative;
margin: 0 auto;
}
.web{
display: none;
} input {
line-height: normal;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus{
background: #1f415c;
border: 0;
border-radius: 10px;
color: #fff;
font-family: 'Amatic SC', cursive;
line-height: 1;
padding: 10px 0;
width: 250px;
text-align: center;
margin: 0 auto;
display: block;
outline: none;
font-size: 25px
}
#footer input[type="submit"]{
background: #fff;
color:  #1f415c;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
#lien_espaceClient a:hover,
#lien_espaceClient a:focus{
background: #a86f17;
color: #fff;
outline: none;
box-shadow: 1px 1px 6px rgba(0,0,0,0.3) inset;
}
#footer input[type="submit"]:hover,
#footer input[type="submit"]:focus{
background: #a86f17;
color: #fff;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: hidden;
outline-offset: -4px;
}
.input-file-trigger{
display: block;
padding: 0.625em 0.4375em;
background-color: #fff;
color: #de6f55;
font-size: 1em;
transition: all .4s;
cursor: pointer;
border-radius: 10px;
}
input[type="file"]{
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0.625em 0;
opacity: 0;
cursor: pointer;
z-index: 20;
}
.joindre span.file-return{
position: absolute;
z-index: 10;
bottom: 30px;
right: 10px;
padding: 0.85em 0;
text-align: right;
display: inline;
font-size: 0.8rem;
color: #686868;
}
span.photoupload:hover  + .input-file-trigger,
span.photoupload:focus + .input-file-trigger,
.input-file-trigger:hover,
.input-file-trigger:focus{
background-color: #de6f55;
color:#fff;
}
#formulaire span.wpcf7-not-valid-tip{
color: #920101;
}
.wpcf7 .wpcf7-response-output{
border-radius: 10px;
margin: 0;
color: #fff;
background-color: #398f14;
}
.wpcf7 .wpcf7-validation-errors{
background-color: #f7e700;
}
.wpcf7 .wpcf7-mail-sent-ng{
background-color: #920101;
border-color: #920101;
color: #fff;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
select,
textarea {
background: #fff;
border: none;
border-radius: 10px;
color: #686868;
padding: 0.625em 0.4375em;
width: 100%;
box-shadow: 1px 1px 6px rgba(0,0,0,0.3) inset;
}
select{
padding: 0.4em 0.4375em;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
background-color: #fff;
border-color: #007acc;
color: #1a1a1a;
outline: 0;
}
.wpcf7-form li{
margin-bottom:15px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
-webkit-transition-delay: 9999s;
}
.entry-content #listDevisPhoto ul{
padding: 0;
list-style: none;
} #navbar{
position: fixed;
z-index: 10000;
bottom: 0;
left: 0;
right: 0;
} a {
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #333;
} .navigation.toggled-on .nav-menu{
display: block;
}
#bt-accueil,#bt-contact  {
display: block;
float: left;
height: 40px;
margin: 5px 0 0;
text-align: center;
width: 15%;
position: relative;
}
#menuMobile #bt-accueil::before{
font-size: 35px;
}
#menuMobile #bt-contact::before  {
font-size: 30px;
}
#bt-contact {
float: right;
}
.menu-toggle {
clear: none;
cursor: pointer;
display: block;
float: left;
margin: 0;
padding: 10px 0;
text-align: center;
width: 70%;
font-size: 20px;
font-size: 2rem;
}
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active {
background: none;
border: none;
color: #fff;
padding: 6px 0 6px 20px;
}
.menu-toggle:focus {
outline: thin dotted;
}
.menu-toggle:after {
font-family: "FontAwesome";
content: "\f106";
font-size: 20px;
font-size: 2rem;
padding-left: 8px;
}
.toggled-on .menu-toggle:after {
content: "\f107";
}
.main-navigation a {
display: block;
padding: 11px;
position: relative;
text-decoration: none;
color: #fff;
}
.main-navigation .sub-menu a{
color:#d25512;
}
.main-navigation ul {
list-style: none;
margin: 0;
}
.main-navigation ul ul {
display: none;
}
.main-navigation ul .toggled-on {
display: block;
}
.main-navigation li {
position: relative;
text-align: center;
}
.main-navigation li:hover a{
color: #a86f17;
}
.menu-menu-principal-container{
display: none;
}
.sitemap .menu-menu-principal-container{
display: block;
}
.main-navigation.toggled-on .menu-menu-principal-container{
display: block;
}
.main-navigation .current-menu-item a,
.main-navigation .current-menu-ancestor a,
.main-navigation .menu-item:hover,
.menu-item-has-children .sub-menu{
background-color: #fff;
color: #a86f17;
}
.main-navigation a:hover{
color: #a86f17;
}
.nav-menu .sub-menu .sub-menu{
font-size: 0;
}
.nav-menu .sub-menu .sub-menu li{
display: inline-block;
font-size: 0.85rem;
width: 50%;
}
.menu-item-has-children .sub-menu li a:hover,
.menu-item-has-children .sub-menu li.current-menu-item a{
background-color: #a86f17;
color: #fff;
}
.sitemap .menu-item-has-children .sub-menu li a:hover,
.sitemap .menu-item-has-children .sub-menu li.current-menu-item a{
background: none;
color: #000;
}
.main-navigation .menu-item-has-children > a {
padding-right: 48px;
text-indent: 48px;
}
.main-navigation .menu-item-description {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.5;
margin-top: 0.5em;
}
.no-js .main-navigation ul ul {
display: block;
}
.site-header{
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/header-fond.jpg) repeat-x center bottom;
position: relative;
}
.site-header::after{
content: "";
height:31px;
width:100%;
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/header-sep.png) repeat-x center top;
position: absolute;
bottom: -31px;
z-index: 500;
}
.site-header .dropdown-toggle {
background-color: transparent;
border: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 38px;
padding: 0;
position: absolute;
text-transform: lowercase; top: 1px;
right: 0;
width: 42px;
}
.site-header .dropdown-toggle:after {
color: #fff;
content: "\f107";
font-size: 24px;
line-height: 42px;
position: relative;
top: 0;
left: 1px;
width: 42px;
font-family: "FontAwesome";
}
.menu-item:hover .dropdown-toggle:after,
.current-menu-parent .dropdown-toggle:after,
.current-menu-item .dropdown-toggle:after{
color: #a86f17;
}
.site-header .dropdown-toggle:hover,
.site-header .dropdown-toggle:focus {
background-color: #eaeaea;
background-color: rgba(51, 51, 51, 0.1);
}
.site-header .dropdown-toggle.toggled-on:after {
content: "\f106";
}
.no-js .main-navigation ul ul {
display: block;
}
.site-header .dropdown-toggle:hover,
.site-header .dropdown-toggle:focus {
background-color: #eaeaea;
background-color: rgba(51, 51, 51, 0.1);
}
.site-header .dropdown-toggle.toggle-on:after {
content: "\f432";
}
.social-navigation {
position: absolute;
right: 10px;
top: 5px;
}
.social-navigation ul {
text-align: center;
}
.social-navigation li {
display: inline-block;
}
.social-navigation .m-Accueil, .social-navigation a[href*="contact"]{
display: none;
}
.connexion .social-navigation .m-Accueil{
display: block;
}
.social-navigation a {
display: none;
height: 35px;
position: relative;
width: 35px;
background-color:#fff;
border: 1px solid #1f415c;
border-radius: 30px;
transition: all 1s;
}
.social-navigation a[href*="contact"],
.social-navigation  a[href*="wp-admin"],
.social-navigation  a[href*="actualites"],
.social-navigation .m-Accueil a{
display: block;
}
.social-navigation a:before,
#bt-accueil:before,
#bt-contact:before{
content: "\f415";
font-size: 25px;
position: absolute;
text-align: center;
width: 100%;
top: 4px;
left: 0;
font-family: 'FontAwesome';
transition: all 1s;
}
#bt-accueil:before, #bt-contact:before{
top: 0;
}
.social-navigation a:hover{
text-decoration: none;
color: #a86f17;
border-color: #a86f17
}
.social-navigation .m-Accueil a:before,
#bt-accueil:before{
content: "\f015";
}
.social-navigation  a[href*="wp-admin"]:before {
content: "\f007";
}
.social-navigation a[href*="contact"]:before,
#bt-contact:before{
content: "\f1d8";
font-size: 25px;
top: 6px;
left: -2px;
}
#bt-contact:before{
top:4px;
left: 0;
}
.social-navigation  a[href*="actualites"]:before {
content: "\f1ea";
font-size: 22px;
top: 6px;
}
.social-navigation a[href*="codepen.io"]:before {
content: "\f216";
}
.social-navigation a[href*="digg.com"]:before {
content: "\f221";
}
.social-navigation a[href*="dribbble.com"]:before {
content: "\f201";
}
.social-navigation a[href*="dropbox.com"]:before {
content: "\f225";
}
.social-navigation a[href*="facebook.com"]:before {
content: "\f09a";
}
.social-navigation a[href*="flickr.com"]:before {
content: "\f211";
}
.social-navigation a[href*="foursquare.com"]:before {
content: "\f226";
}
.social-navigation a[href*="plus.google.com"]:before {
content: "\f206";
}
.social-navigation a[href*="github.com"]:before {
content: "\f200";
}
.social-navigation a[href*="instagram.com"]:before {
content: "\f215";
}
.social-navigation a[href*="linkedin.com"]:before {
content: "\f208";
}
.social-navigation a[href*="pinterest.com"]:before {
content: "\f231";
}
.social-navigation a[href*="getpocket.com"]:before {
content: "\f224";
}
.social-navigation a[href*="polldaddy.com"]:before {
content: "\f217";
}
.social-navigation a[href*="reddit.com"]:before {
content: "\f222";
}
.social-navigation a[href*="stumbleupon.com"]:before {
content: "\f223";
}
.social-navigation a[href*="tumblr.com"]:before {
content: "\f214";
}
.social-navigation a[href*="twitter.com"]:before {
content: "\f202";
}
.social-navigation a[href*="vimeo.com"]:before {
content: "\f212";
}
.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
content: "\f205";
}
.social-navigation a[href*="youtube.com"]:before {
content: "\f213";
}
.social-navigation a[href*="mailto:"]:before {
content: "\f410";
}
.social-navigation a[href*="spotify.com"]:before {
content: "\f515";
}
.social-navigation a[href*="twitch.tv"]:before {
content: "\f516";
}
.social-navigation a[href$="/feed/"]:before {
content: "\f413";
}
.social-navigation a[href*="path.com"]:before {
content: "\f219";
}
.social-navigation a[href*="skype.com"]:before {
content: "\f220";
}
#lien_voyage{
position: absolute;
left: 10px;
top: 5px;
}
#lien_voyage::before{
content: "\f206";
font-size: 20px;
text-align: center;
width: 35px;
height: 35px;
font-family: 'FontAwesome';
background-color:#fff;
border: 1px solid #1f415c;
border-radius: 35px;
display: inline-block;
line-height: 35px;
color: #1f415c;
transition: all 1s;
}
#lien_voyage:hover .screen-reader-text{
color: #a86f17;
}
#lien_voyage:hover::before{
color: #a86f17;
border-color: #a86f17
} .post-navigation{
background-color: #a86f17;
position: relative;
}
.post-navigation .nav-links{
padding: 0;
margin: 0 auto;
}
.pagination .current .screen-reader-text {
position: static !important;
}
.post-navigation h2{
display: none;
}
.post-navigation a {
display: block;
padding: 0;
}
.post-navigation span {
display: block;
}
.post-navigation .meta-nav {
color: #fff;
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 0.02em;
line-height: 1.5;
position: relative;
z-index: 10;
padding:50px 7.6923% 0;
}
.single-carnet-route .post-navigation .meta-nav {
padding-top: 60px;
}
.post-navigation .post-title {
font-family: 'Amatic SC', cursive;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
position: relative;
letter-spacing: 0.3rem;
z-index: 10;
color: #fff;
text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;
padding: 0 7.6923% 50px;
}
.post-navigation .nav-next,
.post-navigation .nav-previous {
background-position: center;
background-size: cover;
position: relative;
width: 50%;
float: left;
overflow: hidden;
}
.post-navigation .nav-next {
text-align: right;
float: right;
}
.post-navigation a:before {
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.post-navigation a:hover:before,
.post-navigation a:focus:before {
opacity: 0.5;
}
.post-navigation a:hover .meta-nav,
.post-navigation a:focus .meta-nav,
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title{
opacity: 0;
}
.post-navigation .meta-nav {
opacity: 0.8;
}
.pagination {
background-color: #fff;
}
.pagination .nav-links {
min-height: 3.2em;
position: relative;
text-align: center;
} .pagination .current .screen-reader-text {
position: static !important;
}
.pagination .page-numbers {
display: none;
line-height: 3.2em;
padding: 0 0.6667em;
}
.pagination .page-numbers.current {
text-transform: uppercase;
}
.pagination .current {
display: inline-block;
font-weight: 700;
}
.pagination .prev,
.pagination .next {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
background-color: #333;
color: #fff;
display: inline-block;
height: 48px;
overflow: hidden;
padding: 0;
position: absolute;
width: 48px;
}
.pagination .prev:before,
.pagination .next:before {
font-size: 32px;
height: 48px;
line-height: 48px;
position: relative;
width: 48px;
}
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
}
.pagination .prev {
left: 0;
}
.pagination .prev:before {
content: "\f430";
left: -1px;
}
.pagination .next {
right: 0;
}
.pagination .next:before {
content: "\f429";
right: -1px;
}
.post-navigation span.vignette{
display: block;
position: relative;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
z-index: 5;
}
.post-navigation img{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
overflow-x: hidden;
}
.post-navigation a::after {
background-color: rgba(168, 111, 23, 0.8);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
height: 100%;
transition: all 0.5s ease 0s;
z-index: 5;
}
.post-navigation span {
z-index: 10;
position: relative;
}
.post-navigation a:hover::after {
background-color: rgba(0, 0, 0, 0);
}
.image-navigation,
.comment-navigation {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-size: 12px;
font-size: 1.2rem;
font-family: "Noto Sans", sans-serif;
font-weight: 700;
line-height: 1.5;
text-transform: uppercase;
}
.image-navigation a,
.comment-navigation a {
color: #707070;
color: rgba(51, 51, 51, 0.7);
}
.image-navigation a:hover,
.image-navigation a:focus,
.comment-navigation a:hover,
.comment-navigation a:focus {
color: #333;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
display: inline-block;
}
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\2215";
font-weight: 400;
margin: 0 0.7em;
}
.image-navigation .nav-previous a:before,
.comment-navigation .nav-previous a:before {
content: "\f430";
margin-right: 0.2em;
position: relative;
}
.image-navigation .nav-next a:after,
.comment-navigation .nav-next a:after {
content: "\f429";
margin-left: 0.2em;
position: relative;
}
.image-navigation {
padding: 0 7.6923%;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty) {
margin-bottom: 2em;
}
#devisvingt{
display: none;
}  .says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
} .site .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: #21759b;
display: block;
font: bold 14px/normal "Noto Sans", sans-serif;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.logged-in .site .skip-link {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
font: bold 14px/normal "Open Sans", sans-serif;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
} .alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 5px 15px 5px 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4em 0 1.6em 1.6em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear: both;
margin-top: 0.4em;
margin-bottom: 1.6em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2em;
} .clear:before,
.clear:after,
.site:before,
.site:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after,
.comment-navigation:before,
.comment-navigation:after,
.social-navigation ul:before,
.social-navigation ul:after,
.textwidget:before,
.textwidget:after {
content: "";
display: table;
}
.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
clear: both;
} .site-title {
padding:20px 0 0;
text-align: center;
font-weight: bold;
}
.site-description {
margin: 0 0 5px;
text-align: center;
font-weight: bold;
}
#bandeauAccueil{
position: relative;
overflow: hidden;
}
.decNu{
position: relative;
padding: 1px 0;
z-index: 50;
}
.decNu::after,.decNu::before{
position: absolute;
width: 100%;
height: 76px;
content:"";
z-index: 999;
}
.decNu::before{
top: -76px;
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-bas-blanc.png) repeat-x bottom center;
}
.decNu::after{
bottom: -76px;
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-haut-blanc.png) repeat-x bottom center;
}
body:not(.home) .blockSep{
display: none;
}
.home #bandeauAccueil{
height: 250px;
}
body:not(.home) #bandeauAccueil::after, body:not(.home) #liens-rapide::before {
content: "";
height: 76px;
position: absolute;
width: 100%;
z-index: 999;
display: block;
}
body:not(.home) #bandeauAccueil::after{
background: rgba(0, 0, 0, 0) url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-bas-blanc.png) repeat-x scroll center bottom;
bottom: 0;
}
body:not(.home) #liens-rapide::before {
top: 0;
background: rgba(0, 0, 0, 0) url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-haut-blanc.png) repeat-x scroll center bottom;
}
.photo{
height: 200px;
background-size: cover;
background-position: center center;
position: relative;
z-index: 20;
}
.home .photo {
height: 250px;
}
.photo.elone{
width: 100%;
}
#bandeauAccueil li{
position: relative;
}
.phrase_daccroche{
display: none;
}
#bandeauAccueil .bx-default-pager{
display: none;
}
.bx-wrapper {
margin-bottom: 0;
}
#logo{
padding-top: 20px;
}
.bx-wrapper .bx-viewport {
border: none;
left: 0;
box-shadow: 0 0 0;
}
.bx-wrapper .bx-pager{
display: none;
}
.bx-wrapper .bx-controls-direction a {
background-image: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/fleches-bandeau.png);
background-position: 0 0;
width: 25px;
height: 40px;
z-index: 9000;
}
.bx-wrapper .bx-controls-direction .bx-next {
background-position: -70px 0;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 -87px ;
}
.bx-wrapper .bx-next:hover {
background-position: -70px -87px;
}   .titrePrincipal {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.titrePrincipal span.titre {
display: block;
padding: 0 10px;
}
.titrePrincipal span{
align-items: flex-center;
}
.titrePrincipal span.dek{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-height:60px;
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/titre-trait.png) repeat-x center 65%;
}
.blockTexte{
margin: 0 auto;
}
.lien_page{
margin-bottom: 20px;
display: inline-block;
}
#liens-rapide{
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/fond-bleu.jpg) no-repeat;
background-size: cover;
padding: 1px 0 60px;
position: relative;
}
#liens-rapide .titrePrincipal{
margin-top: 50px;
color: #fff;
}
#liens-rapide .titrePrincipal span.dek{
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/titre-trait-w.png) repeat-x center 65%;
}
.cat-item,
.item-actu{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 20px;
}
.cat-item{
align-items:stretch;
background-color: #fff;
}
.cat-item h3{
color: #1f415c;
}
.cat-item .block_vignette{
width: 25%;
overflow: hidden;
}
.vignette{
position: relative;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
z-index: 5;
display: block;
}
.block_vignette img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
overflow-x: hidden;
transition: all ease-out 0.5s;
}
.hover .block_vignette img,
.content .bloc-image img:hover{
min-height: 55%;
min-width: 55%;
-webkit-filter: grayscale(60%);
-moz-filter :grayscale(60%);
-ms-filter : grayscale(60%);
-o-filter : grayscale(60%);
filter : grayscale(60%);
}
.cat-item p,.item-actu p{
margin-bottom: 5px;
}
.cat-item .lien_page, .item-actu .lien_page{
float: right;
font-size: 1.5rem;
margin: 0;
}
.block_Content{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex:1;
padding:10px;
}
.item-actu{
align-items:flex-end;
}
.item-actu .block_vignette{
width: 150px;
height: 200px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
overflow: hidden;
}
.item-actu .block_Content{
padding: 0 10px 0 15px;
}
.item-actu h3{
font-family: verdana;
font-size: 1.3rem;
color: #1f415c;
text-shadow: 1px 1px 0 #fff;
margin-bottom: 0;
transition: all 1s;
}
.item-actu.hover h3{
color: #a86f17;
}
.item-actu .trunc{
margin-top: 10px;
}
.date{
color: #666;
font-size: 0.9rem;
font-style: italic;
}
.date .numDate{
font-weight: bold;
}
.dateTitre{
text-align: center;
font-size: 25px;
font-style: normal;
padding-top: 10px;
margin: 0;
}
.dateTitre .numDate{
color:#a86f17;
}
.titrePrincipal.margeDate{
margin-top: 0;
}
#blockLienVisu{
padding: 50px 0 70px;
background-position: center center;
background-size: cover;
text-align: center;
position: relative;
overflow: hidden;
}
#blockLienVisu .block::after{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
content: "";
transition: all 1s;
}
#blockLienVisu .block.hover::after{
background: rgba(0,0,0,0);
text-shadow: 0 0 2px rgba(0,0,0,0.4);
}
#actu, #list{
background-color: #eee;
padding: 80px 0 40px;
position: relative;
}
#actu::after{
content: "";
height: 60px;
position: absolute;
width: 100%;
z-index: 999;
background: rgba(0, 0, 0, 0) url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-haut-gris.png) repeat-x scroll center top;
bottom: -60px;
}
#list::before{
content: "";
height: 70px;
position: absolute;
width: 100%;
z-index: 999;
background: rgba(0, 0, 0, 0) url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-haut-blanc.png) repeat-x scroll center top;
top: 0;
}
#list .item-actu {
display: block;
background-color: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
#list .item-actu .block_vignette{
width: 100%;
height: 60px;
box-shadow: 0 0 0;
}
#list .item-actu .block_Content{
padding: 10px;
}
#blockLienVisu .titrePrincipal{
margin-bottom: 10px;
color: #fff;
display: block;
position: relative;
z-index: 100;
}
#blockLienVisu a{
color: #fff;
position: relative;
z-index: 100;
}
.entry-content .stitre{
text-align: left;
padding: 0 0 10px;
margin: 0;
color: #a86f17;
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.1rem;
}
.entry-content h4{
font-size: 1.5em;
margin:15px 0 5px;
}
.entry-content .content ul,
.item-service .paragraphe ul,
.info-pays ul{
padding-left: 20px;
list-style-image: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/puce.gif);
margin: 0 0 10px;
}
.entry-content .content li{
margin-bottom: 0;
}
.acf-map{
width: 100%;
height: 100%;
}
#map.acf-map{
height: 250px;
}
.encart{
min-height: 300px;
position: relative;
background-position: center center;
background-size: cover;
}
.encart.decNu::before{
top: auto;
bottom: 0;
}
.encart.decNu::after{
top: 0;
bottom: auto;
}
.encart h3{
position:absolute;
left: 5%;
top: 35%;
color: #fff;
max-width: 1600px;
margin: 0 auto;
text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
font-size: 2.5rem;
}
.image {
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 1px 0;
}
.image.haut,.image.haut .bloc-image,.image.haut .photo-service{
background-position: top center;
}
.image.bas,.image.bas .bloc-image,.image.bas .photo-service{
background-position: top center;
}
.image::after {
background-color: rgba(255, 255, 255, 0.85);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.entry-content .content .image .contPhoto, .content .image iframe {
position: relative;
z-index: 50;
display: block;
margin: 20px 10%;
text-decoration: none;
width: 80%;
box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}
.entry-content .content .image.noshadow .contPhoto{
box-shadow: 0 0 0;
}
.vignette-nosize {
text-align: center;
display: block;
}
.vignette-nosize img{
box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}
.content .image iframe {
width: 100%;
height: 100%;
margin: 0;
}
.content.single iframe {
width: 100%;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
height: 200px;
}
#listGalerie {
padding: 0 0 20px;
text-align: center;
}
#listGalerie .item {
width: 80px;
display: inline-block;
margin: 0 10px 20px;
}
#listGalerie img {
box-shadow: 0 5px 10px rgba(0,0,0,0.5);
-webkit-filter: grayscale(40%);
-moz-filter :grayscale(40%);
-ms-filter : grayscale(40%);
-o-filter : grayscale(40%);
filter : grayscale(40%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#listGalerie .item:hover img{
-webkit-filter: grayscale(0%);
-moz-filter :grayscale(0%);
-ms-filter : grayscale(0%);
-o-filter : grayscale(0%);
filter : grayscale(0%);
-moz-transform: scale(1.1) ;
-ms-transform:scale(1.1) ;
-webkit-transform: scale(1.1) ;
-o-transform: scale(1.1) ;
transform: scale(1.1) ;
}
.lienMasquer{
display: none;
}
.lienMasquer.lienPlus{
display: block;
position: relative;
color: #1f415c;
text-decoration: none;
transition: all 1s;
}
.lienMasquer.lienPlus.affichage{
display: inline-block;
}
.lienMasquer.lienPlus.affichage:hover{
cursor: pointer;
}
.lienMasquer.lienPlus:hover{
color:#a86f17;
}
.lienMasquer.lienPlus::before{
background-color: #fff;
border: 1px solid #1f415c;
border-radius: 35px;
color: #1f415c;
content: "\f067";
display: inline-block;
font-family: "FontAwesome";
font-size: 20px;
height: 35px;
line-height: 35px;
text-align: center;
width: 35px;
transition: all 1s;
}
.lienMasquer.lienPlus.affichage::before{
content: "\f128";
height: 30px;
line-height: 28px;
width: 30px;
font-size: 25px;
}
.lienMasquer.lienPlus:hover::before{
color:#a86f17;
border-color:#a86f17;
}
.lienMasquer.lienPlus span {
margin-left: 10px;
}
.masquer{
display: none;
font-style: oblique;
}
.info{
display: none;
}
.hentry.has-post-thumbnail {
padding-top: 0;
}
.post-thumbnail {
border: 0;
display: block;
margin-bottom: 2.4em;
}
.post-thumbnail img {
display: block;
margin: 0 auto;
}
a.post-thumbnail:hover,
a.post-thumbnail:focus {
opacity: 0.85;
}
.format-aside .entry-format:before {
content: "\f101";
}
.format-image .entry-format:before {
content: "\f473";
}
.format-gallery .entry-format:before {
content: "\f103";
}
.format-video .entry-format:before {
content: "\f104";
}
.format-status .entry-format:before {
content: "\f105";
}
.format-quote .entry-format:before {
content: "\f106";
}
.format-link .entry-format:before {
content: "\f107";
}
.format-chat .entry-format:before {
content: "\f108";
}
.format-audio .entry-format:before {
content: "\f109";
}
.posted-on:before {
content: "\f307";
}
.byline:before {
content: "\f304";
}
.cat-links:before {
content: "\f301";
}
.tags-links:before {
content: "\f302";
}
.comments-link:before {
content: "\f300";
}
.full-size-link:before {
content: "\f402";
}
.edit-link:before {
content: "\f044";
line-height: 1.3rem;
}
.comments-link,
.edit-link {
white-space: nowrap;
}
.page-header {
background-color: #fff;
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
padding: 7.6923%;
}
.page-title {
font-family: "Noto Serif", serif;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
}
.taxonomy-description {
color: #707070;
color: rgba(51, 51, 51, 0.7);
padding-top: 0.4em;
}
.taxonomy-description a {
border-bottom: 1px solid #333;
}
.taxonomy-description a:hover,
.taxonomy-description a:focus {
border-bottom: 0;
}
.taxonomy-description > :last-child {
margin-bottom: 0;
}
.page-content {
background-color: #fff;
padding: 7.6923%;
}
.page-content > :last-child {
margin-bottom: 0;
}
.entry-content{
padding-bottom: 50px;
}
.page-template-page-carnetroute .entry-content{
padding-bottom: 0;
}
.page-links {
clear: both;
font-family: "Noto Sans", sans-serif;
margin-bottom: 1.3333em;
}
.page-links a,
.page-links > span {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
display: inline-block;
font-size: 12px;
font-size: 1.2rem;
height: 2em;
line-height: 2;
margin: 0 0.3333em 0.3333em 0;
text-align: center;
width: 2em;
}
.page-links a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
background-color: #333;
border-color: #333;
color: #fff;
}
.page-links a:hover,
.page-links a:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
border-color: transparent;
color: #fff;
}
.page-links > .page-links-title {
border: 0;
color: #707070;
color: rgba(51, 51, 51, 0.7);
height: auto;
margin: 0;
padding-right: 0.5em;
width: auto;
}
.entry-attachment {
margin-bottom: 1.6em;
}
.type-attachment .entry-title {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.entry-caption {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
line-height: 1.5;
padding-top: 0.5em;
word-wrap: break-word;
}
.entry-caption > :last-child {
margin-bottom: 0;
}
#bloc_information{
margin-bottom: 50px;
}
#bloc_information .item_info{
margin-bottom: 20px;
}
#bloc_information h3,
#bloc_fiches h3{
color: #a86f17;
font-family: "Verdana",sans-serif;
font-size: 1.4rem;
}
#bloc_information strong,
#bloc_fiches strong{
letter-spacing: 0.05rem;
color: #1f415c;
}
#bloc_information .info-pays{
margin-bottom: 20px;
}
#bloc_information .info-pays p{
margin-bottom: 10px;
}
#bloc_information .para-intro{
margin-bottom: 10px;
font-weight: bold;
}
#bloc_fiches .logo{
margin: 0 auto;
width: 150px;
}
#bloc_fiches h3{
margin: 5px;
text-align: center;
}
#bloc_fiches .item_fiche{
margin-bottom: 25px;
}
#map.acf-map{
margin-bottom: 20px;
}
.infoMap h4{
font-family: verdana;
font-size: 1.2rem;
color: #1f415c;
}
.infoMap p{
margin-bottom: 5px;
}
.infoMap p.address{
font-style: italic;
}
.entry-header .titrePrincipal{
margin-bottom: 0;
}
.entry-header {
margin-bottom: 20px;
}
.entry-header .date{
margin:0;
display: inline-block;
}
.lien_info_pays{
display: block;
position: relative;
margin: 10px 0 0 35px;
transition: all 1s;
}
.lien_info_pays::before{
position: absolute;
top: -2px;
left: -35px;
border: 1px solid #a86f17;
border-radius: 30px;
color: #a86f17;
content: "\f129";
font-family: "FontAwesome";
font-size: 20px;
height: 25px;
text-align: center;
width: 25px;
line-height: 25px;
transition: all 1s;
}
.lien_info_pays:hover{
color: #1F415C;
}
.lien_info_pays:hover::before{
color: #1F415C;
border-color: #1F415C;
}
.lien_info_pays.lien_carnet{
content: "\f0f6";
}
.carto .lien_info_pays{
float: none;
display: inline;
color: #a86f17;
}
.carto .lien_info_pays::before{
content:"\f061";
}
#bloc_partenaires{
text-align: center;
}
#bloc_partenaires .item_part{
margin:0 auto 25px;
max-width: 900px;
}
.block_content{
text-align: left;
}
.blocLiens{
text-align: center;
}
#bloc_partenaires .titreItem{
font-size: 2.2rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
color: #1f415c;
}
#bloc_partenaires .titreItem span.titre {
padding: 0 10px 0 0;
}
#bloc_partenaires .titreItem span.dek {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex:1;
background: rgba(0, 0, 0, 0) url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-simple-bleu.png) repeat-x scroll center 60%;
min-height: 40px;
}
.blocLiens a{
margin: 0 5px;
padding: 2px 0 2px 35px;
position: relative;
}
.blocLiens a:hover{
transition: all 1s;
color: #1F415C;
}
.blocLiens a::before{
font-family: "FontAwesome";
border: 1px solid #a86f17;
border-radius: 30px;
width: 30px;
height: 30px;
display: block;
position: absolute;
left: 0px;
top: -5px;
line-height: 30px;
font-size: 18px;
transition: all 1s;
}
.blocLiens a:hover::before{
border-color: #1F415C;
}
.blocLiens a.site_internet::before{
content: "\f0c1";
}
.blocLiens a.facebook::before{
content: "\f09a";
}
#bloc_partenaires .logo{
max-width: 150px;
margin:20px auto 0;
} .format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
margin-bottom: 1.3333em;
}
.format-link .entry-title a:after {
content: "\f442";
font-size: 24px;
height: 24px;
position: relative;
top: 0;
width: 24px;
}
.blog .format-status .entry-title,
.archive .format-status .entry-title {
display: none;
}
#swipebox-top-bar{
top:0!important;
} #texte_introduction{
text-align: left;
font-size: 1.1rem;
}
#blocs_intro {
text-align: center;
position: relative;
max-width: 1000px;
margin: 0 auto;
}
#blocs_intro img{
margin-bottom: 5px;
}
#service .fond {
padding: 40px 0;
background-position: center center;
background-size: cover;
background-attachment: fixed;
position: relative;
}
#service .fond::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(255,247,234,0.85);
}
#service .fond:nth-child(2n)::after {
background-color: rgba(255,255,255,0.85);
}
#service .intro-service{
font-weight: bold;
}
.item-service{
position: relative;
z-index: 50;
padding: 1px 0;
}
.bloc-image{
width: 100%;
margin: 0 auto;
height: 100%;
position: relative;
z-index: 50;
overflow: hidden;
}
.bloc-image img{
bottom: 0;
left: 0;
margin: auto;
min-height: 50%;
min-width: 50%;
overflow-x: hidden;
position: absolute;
right: 0;
top: 0;
transition: all ease-out 0.5s;
}
#comments .photo{
height: auto!important;
}
#service .bloc-image{
width: 75%;
}
.bloc-text{
position: relative;
width: 100%;
}
.lien-service{
position: absolute;
right: 10px;
z-index: 5;
bottom: 10px;
color: #de6f55;
font-weight: bold;
}
.bloc-text .zone-titre{
background-color: #fff;
position: relative;
}
#service .fond:nth-child(2n) .bloc-text .zone-titre{
background-color: #fff7ea;
}
.bloc-text .zone-titre h2{
padding: 10px;
text-align: center;
font-size: 1.8em;
}
.bloc-text .contenu{
background-color: #fff;
padding: 10px;
position: relative;
}
#service .fond:nth-child(2n) .bloc-text .contenu{
background-color: #fff7ea;
}
.cd-image-container {
position: relative;
}
.cd-image-container img {
display: block;
}
.bloc-original,.bloc-modified, .photo-service {
height: 100%;
width: 100%;
background-position: center center;
background-size:cover;
}
.haut .bloc-original,.haut .bloc-modified,.haut  .photo-service {
background-position: center top;
}
.bas .bloc-original,.bas .bloc-modified,.bas  .photo-service {
background-position: center bottom;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: white;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
width: 1px;
height: 9999px;
left: 50%;
margin-left: 0; }
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
color: white;
font-size: 13px;
letter-spacing: 0.1em; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px; }
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
top: 50%;
margin-top: -6px; }
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
left: 50%;
margin-left: -6px; }
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none; }
.bloc-original,.bloc-modified{
max-width: 100%;
position: absolute;
top: 0;
display: block; }
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0); }
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0; }
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.twentytwenty-before-label {
opacity: 0; }
.twentytwenty-before-label:before {
content: "Originale"; }
.twentytwenty-after-label {
opacity: 0; }
.twentytwenty-after-label:before {
content: "Modififé"; }
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px; }
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px; }
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px; }
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px; }
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25; }
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5); }
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1; }
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1; }
.twentytwenty-before {
z-index: 20; }
.twentytwenty-after {
z-index: 10; }
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -19px;
margin-top: -19px;
background-color: #de6f55;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: move;
}
.twentytwenty-handle:hover,.twentytwenty-handle:focus {
background-color: #333;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-left-arrow {
border-right: 6px solid white;
left: 50%;
margin-left: -17px; }
.twentytwenty-right-arrow {
border-left: 6px solid white;
right: 50%;
margin-right: -17px; }
.twentytwenty-up-arrow {
border-bottom: 6px solid white;
top: 50%;
margin-top: -17px; }
.twentytwenty-down-arrow {
border-top: 6px solid white;
bottom: 50%;
margin-bottom: -17px; }
#points{
padding: 20px 0 ;
}
.item-point{
display: inline-block;
width: 100%;
margin: 0 0 20px;
position: relative;
}
.item-point h4{
color: #de6f55;
font-size: 1.4em;
margin: 34px 0 5px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: center;
}
.item-point p{
margin: 0;
text-align: center;
}
.item-point .illu{
width:30px;
height: 30px;
position: absolute;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
top: 0px;
left: 50%;
margin-left: -15px
}
.item-point .illu.vide{
background-image: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/picto-point-vide.jpg);
}
.content:not(.encart) {
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-paragraphe.jpg) no-repeat center top;
padding-top: 20px;
}
.content:first-child, .content.encart + .content{
background: none;
padding-top: 0;
}
.content strong{
color: #1f415c;
}
.content a{
color: #a86f17;
text-decoration: underline;
}
.content a:hover{
color: #1f415c;
text-decoration: none;
}
#breadcrumbs{
margin: 20px 0 0;
}
#breadcrumbs.bandeau{
margin: 0;
}
.entry-footer.comments{
background: #eee;
position: relative;
padding:90px 0 40px;
}
.entry-footer.comments::before,
.single-carnet-route .post-navigation::before{
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-haut-blanc.png) repeat-x scroll center bottom;
top: 0;
content: "";
height: 76px;
position: absolute;
width: 100%;
z-index: 999;
}
.entry-footer.comments::after {
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-haut-gris.png) repeat-x scroll center bottom;
bottom: -60px;
content: "";
height: 60px;
position: absolute;
width: 100%;
z-index: 10;
}
.entry-footer #comments ol{
padding-left: 20px;
list-style: none;
}
.entry-footer #comments p{
margin-bottom: 10px;
}
.entry-footer #comments p.comment-form-comment{
margin:20px auto 15px;
max-width: 1000px;
}
.entry-footer #comments .comment-author{
color:#1f415c;
font-size: 1.1rem;
text-transform:capitalize;
}
.entry-footer #comments .comment-metadata{
margin-bottom: 5px;
}
.entry-footer #comments .comment-metadata a{
color: #666;
font-size: 0.9rem;
}
.entry-footer #comments .comment-metadata a:hover{
text-decoration: underline;
}
.entry-footer #comments .comment-body{
margin-bottom: 15px;
}
.entry-footer #comments .children .comment-body{
margin-bottom: 10px;
}
#respond .titreItem{
margin-bottom: 0;
}
.page-template-page-sitemap .bloKMap h4{
font-size: 2.2rem;
}
.page-template-page-sitemap .bloKMap li{
margin-bottom: 10px;
}
.page-template-page-sitemap .bloKMap li::before{
display: none!important;
}
.page-template-page-sitemap .bloKMap li li{
margin-bottom: 3px;
}
.page-template-page-sitemap .bloKMap li a{
font-size: 1.2rem;
font-weight: bold;
}
.page-template-page-sitemap .bloKMap li a::before,
.page-template-page-sitemap .bloKMap li a::after{
display: none!important;
}
.page-template-page-sitemap .bloKMap li li a{
font-size: 1.2rem;
font-weight: 400;
}
.page-template-page-sitemap .bloKMap li li li a{
font-size: 1rem;
}
.page-template-page-sitemap .bloKMap ul.sub-menu{
margin-top: 3px;
padding-left: 20px;
background: none!important;
border: none;
}
.page-template-page-sitemap .bloKMap ul.sub-menu::after{
display: none;
}
.widget_wysija_cont{
max-width: 400px;
margin: 20px auto 0;
}
.widget_wysija_cont .allmsgs .updated,.widget_wysija_cont .allmsgs .error{
border-radius: 10px;
background-color: #fff;
padding: 5px;
border: none;
font-size: 1rem;
}
.widget_wysija_cont .allmsgs .error{
color: #69302E;
}
.widget_wysija_cont .showerrors {
text-decoration: underline;
color: #69302E;
} .description {
text-align: center;
font-size: 1.1em;
margin-top: 25px;
display: none;
}
.post-type-archive .description,
.page-template-page-contact .description{
display: block;
}
.blocCoord address{
font-style: normal;
font-size: 1.2em;
}
.blocFormul *::-webkit-input-placeholder {
color:#97948B;
}
.blocFormul *::-moz-placeholder {
color: #97948B;
}
.blocFormul *::-moz-placeholder {
color: #97948B;
}
.blocFormul *::-ms-input-placeholder {
color: #97948B;
}
.blocFormul li.textarea{
width: 100%;
margin-right: 0;
}
.blocFormul input, .blocFormul textarea, .blocFormul select{
background-color: #1F415C;
color: #fff;
}
.blocFormul input:focus, .blocFormul textarea:focus{
box-shadow: 0 0 0;
background-color: #1F415C;
color: #fff;
}
#social a{
font-size: 1.2em;
line-height: 0;
}
#social a::before{
font-family: 'FontAwesome';
color: #fff;
padding: 8px 0;
text-align: center;
width: 35px;
display: inline-block;
background-color: #de6f55;
border-radius: 20px;
margin-right: 10px;
line-height: normal;
}
#social a.facebook::before{
content: "\f09a";
}
#social a.pinterest::before{
content: "\f231";
}
#social a.skype::before{
content: "\f17e";
}
#social li{
margin-bottom: 15px;
}
#coordP{
text-align: center;
background-color: #fff7ea;
padding: 10px 0;
}
#actu ul.products li.product .blocktexte{
padding: 0 20px 20px
}
#actu ul.products li.product h3{
padding-bottom: 0;
}
#actu ul.products li.product .date{
color: #666;
text-align: left;
font-size: 0.9rem;
margin-bottom: 5px;
}
#actu ul.products li.product p{
text-align: left;
margin-bottom: 5px;
}
#actu ul.products li.product .lien{
float: right;
transition: all 0.3s ease-in;
}
#actu ul.products li.product.hover .lien{
color: #000;
}
.resumeSingle {
text-align: center;
font-size: 1.2rem;
font-style: italic;
color: #666;
margin: 15px auto 15px;
width: 70%;
}
.photoCL{
display: none;
}
#fancybox-overlay{
background-color: #000!important;
z-index: 10000;
}
#fancybox-wrap{
z-index: 11000;
}
#fancybox-title{
font-size: 1.3rem;
background-color: #fff;
color: #000;
position: absolute;
bottom: 20px;
}
#fancybox-title-outside{
padding:5px  10px 10px;
}
#fancybox-close{
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/fancy_close.png);
right: -25px;
top: 5px;
}
.fancybox-title-outside {
padding-top: 5px;
}
#fancybox-left-ico{
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/fancy_nav_left.png);
}
#fancybox-right-ico{
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/fancy_nav_right.png);
}
#fancybox-close:hover{
opacity:0.7;
} .bloKMap .menu-item-has-children .sub-menu{
position: static;
width: auto;
padding-left: 20px;
}
.bloKMap .screen-reader-text{
clip: rect(1px, 1px, 1px, 1px);
height:auto;
overflow: visible;
position: static;
width: auto;
} .error-404 .entry-content{
height: 400px;
width: 100%;
background:url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/404.jpg) no-repeat center top;
background-size: cover;
} #newsletter{
background-color: #3977a8;
color: #fff;
padding: 20px 0;
}
#newsletter.decNu::before,
#newsletter.decNu::after {
height: 50px;
}
#newsletter.decNu::before {
background: rgba(0, 0, 0, 0) url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-haut-bleu.png) repeat-x scroll center bottom;
top: -50px;
}
#newsletter.decNu::after {
background: rgba(0, 0, 0, 0) url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-bas-bleu.png) repeat-x scroll center bottom;
bottom: -50px;
}
#newsletter h4{
text-align: center;
font-size: 35px;
font-size: 2.5rem;
}
#newsletter h4:hover{
cursor: pointer;
}
#newsletter h4:hover,
.social-navigation a:hover,
#lien_voyage:hover::before,
.blocLiens a:hover::before,
.lien_info_pays:hover::before,
.hover .lien_page,
.lien_page:hover,
#ratatoskr:hover,
.lienMasquer.lienPlus:hover::before,
.hover .item_visu h2,
.M-sommeN > a:hover::before, .M-projet > a:hover::before, .M-route > a:hover::before, .M-avecNous > a:hover::before{
-webkit-animation-name: trembler;
-moz-animation-name:trembler;
-ms-animation-name:trembler;
-o-animation-name:trembler;
animation-name: trembler;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
-ms-animation-duration: 1s;
animation-duration: 1s;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
perspective: 1000;
}
@-moz-keyframes trembler {
0%, 10%, 100% {
-moz-transform: none;
transform: none;
}
22% {
-moz-transform: skewX(-10deg) skewY(-10deg);
transform: skewX(-10deg) skewY(-10deg);
}
33% {
-moz-transform: skewX(5deg) skewY(5deg);
transform: skewX(5deg) skewY(5deg);
}
45% {
-moz-transform: skewX(-3deg) skewY(-3deg);
transform: skewX(-3deg) skewY(-3deg);
}
55% {
-moz-transform: skewX(1.25deg) skewY(1.25deg);
transform: skewX(1.25deg) skewY(1.25deg);
}
65% {
-moz-transform: skewX(-0.8deg) skewY(-0.8deg);
transform: skewX(-0.8deg) skewY(-0.8deg);
}
80% {
-moz-transform: skewX(0.4deg) skewY(0.4deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
90% {
-moz-transform: skewX(-0.1deg) skewY(-0.1deg);
transform: skewX(-0.1deg) skewY(-0.1deg);
}
}
@-webkit-keyframes trembler {
0%, 10%, 100% {
-webkit-transform: none;
transform: none;
}
22% {
-webkit-transform: skewX(-10deg) skewY(-10deg);
transform: skewX(-10deg) skewY(-10deg);
}
33% {
-webkit-transform: skewX(5deg) skewY(5deg);
transform: skewX(5deg) skewY(5deg);
}
45% {
-webkit-transform: skewX(-3deg) skewY(-3deg);
transform: skewX(-3deg) skewY(-3deg);
}
55% {
-webkit-transform: skewX(1.25deg) skewY(1.25deg);
transform: skewX(1.25deg) skewY(1.25deg);
}
65% {
-webkit-transform: skewX(-0.8deg) skewY(-0.8deg);
transform: skewX(-0.8deg) skewY(-0.8deg);
}
80% {
-webkit-transform: skewX(0.4deg) skewY(0.4deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
90% {
-webkit-transform: skewX(-0.1deg) skewY(-0.1deg);
transform: skewX(-0.1deg) skewY(-0.1deg);
}
}
@keyframes trembler {
0%, 10%, 100% {
-moz-transform: none;
transform: none;
}
22% {
-moz-transform: skewX(-10deg) skewY(-10deg);
transform: skewX(-10deg) skewY(-10deg);
}
33% {
-moz-transform: skewX(5deg) skewY(5deg);
transform: skewX(5deg) skewY(5deg);
}
45% {
-moz-transform: skewX(-3deg) skewY(-3deg);
transform: skewX(-3deg) skewY(-3deg);
}
55% {
-moz-transform: skewX(1.25deg) skewY(1.25deg);
transform: skewX(1.25deg) skewY(1.25deg);
}
65% {
-moz-transform: skewX(-0.8deg) skewY(-0.8deg);
transform: skewX(-0.8deg) skewY(-0.8deg);
}
80% {
-moz-transform: skewX(0.4deg) skewY(0.4deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
90% {
-moz-transform: skewX(-0.1deg) skewY(-0.1deg);
transform: skewX(-0.1deg) skewY(-0.1deg);
}
}
.leaflet-popup-content {
width: 350px;
}
.entry-content .item.carto h3 {
font-weight: normal;
font-family: 'Handlee', cursive;
margin-top: 10px;
}
.entry-content .item.carto h5.theme {
color: #000;
}
.entry-content .item.carto h5.lieu {
color: #000;
font-size: 1rem;
}
.entry-content .item.carto p {
margin: 0;
padding: 0;
font-size: 0.9rem;
}
.item.carto{
margin: 0;
}
.item.carto .block_vignette img{
border-radius: 10px 10px 0 0;
}
.item.carto,
.item.carto .blockItem{
border-radius: 10px;
}
.item.carto .block_vignette {
height: 150px;
z-index: 10;
position: relative;
}
.carto .block_vignette img{
object-fit: cover;
height: 100%;
width: 100%;
position: relative;
z-index: 1;
}
.blockTexteCarto{
padding: 10px;
text-align: center;
}
.blockTexteCarto h3{
font-family: 'Verdana', sans-serif;
font-size: 18px;
}
#popuptel{
display: none;
}
#footer{
padding: 50px 0 60px;
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/fond-bleu.jpg) no-repeat;
background-size: cover;
color: #fff;
}
.list{
margin-bottom: 30px;
text-align: center;
}
.list li{
display: inline-block;
margin: 0 3px 5px;
}
.list li a{
padding: 3px 0;
color: #fff;
}
.list li:last-child a::after{
display: none;
}
.list li a::after{
content:"|";
padding-left:8px;
}
.list li a:hover{
text-decoration: underline;
}
#footer .bloc h3{
text-align: center;
}
#formulaire .blocFormul{
max-width: 600px;
margin: 0 auto;
}
#ratatoskr {
background: rgba(0, 0, 0, 0) url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/logo-ratatoskr.png) no-repeat scroll right top;
padding: 7px 25px 5px 0;
color: #fff;
} .site .avatar {
border-radius: 50%;
}
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
audio,
canvas {
display: inline-block;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 15px;
font-size: 1.5rem;
margin-top: 0;
margin-bottom: 1.6em;
}
.wp-playlist.wp-playlist {
padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
border-bottom: 0;
padding: 10px 0;
}
.wp-playlist-item .wp-playlist-item-length {
top: 10px;
}  @-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
} @media screen and (min-width: 38.75em) {
.item-actu .block_vignette {
width: 200px;
}
.item-point {
width: 47%;
margin: 20px 1% 20px;
}
.item_part{
position: relative;
}
#bloc_partenaires .block_content{
float: left;
width: 75%;
margin-right: 5%;
}
#bloc_partenaires .logo{
position: absolute;
top: 50%;
right: 0;
width: 20%;
transform: translateY(-50%);
margin-top: 0;
}
#bloc_fiches .marge{
max-width: 800px;
}
#bloc_fiches .logo{
float: left;
width: 20%;
}
#bloc_fiches .block_content{
float: right;
width: 78%;
}
#bloc_fiches h3{
text-align: left;
margin: 0 0 5px;
}
} @media screen and (min-width: 46.25em) {
html{
font-size: 0.9em;
}
#navbar{
background: none;
}
.main-navigation ul .toggled-on {
display: none;
}
#navbar {
position: relative;
margin-top: 30px;
}
#menuMobile{
display: none;
}
.site-title,.site-description {
text-align: left;
padding-left: 20px;
}
.phrase_daccroche{
position: absolute;
top: 50%;
left: 50%;
background-color: rgba(0,0,0,0.75);
z-index: 100;
width: 645px;
margin:-40px 0 0 -323px;
text-align: center;
border-radius: 10px;
}
.phrase_daccroche h3{
color: #fff;
padding: 20px 30px;
font-size: 1.8em;
}
.site-header .marge {
padding: 0;
}
.social-navigation .m-Accueil, .social-navigation a[href*="contact"]{
display: inline-block;
}
.site-header .dropdown-toggle::after{
display: none;
}
.main-navigation .menu-item-has-children > a{
text-indent: 0;
padding-right: 0;
}
.main-navigation li:hover a{
color: #fff;
}
.main-navigation .current-menu-item a, .main-navigation .current-menu-ancestor a, .main-navigation .menu-item:hover, .menu-item-has-children .sub-menu{
background-color: transparent;
}
.main-navigation .menu-item:hover,
.menu-item-has-children .sub-menu{
background-color: #1f415c;
color: #fff;
}
.main-navigation .sub-menu .current-menu-item a,
.main-navigation .sub-menu .current-menu-ancestor a,
.main-navigation .sub-menu .menu-item:hover,
.menu-item-has-children .sub-menu .sub-menu,
.menu-item-has-children .sub-menu li a:hover,
.menu-item-has-children .sub-menu li.current-menu-item a,
.menu-item-has-children .sub-menu li.current-menu-item .sub-menu a:hover{
background-color: transparent;
color: #a86f17;
}
.menu-item-has-children .sub-menu li.current-menu-item .sub-menu a{
color: #1f415c;
}
.main-navigation .menu-item:hover .sub-menu a, .main-navigation .current-menu-ancestor .sub-menu a{
background-color: transparent;
}
.menu-menu-principal-container{
display: block;
}
.menu-item-has-children .sub-menu{
position: absolute;
left: 0;
z-index: 10000;
margin:-5px 0 0 0;
width: 200%;
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/header-fond.jpg) repeat scroll center bottom;
border-top: 5px solid #1f415c;
}
.menu-item-has-children .sub-menu:after{
background: rgba(0, 0, 0, 0) url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/header-sep.png) repeat-x scroll center top;
bottom: -80px;
content: "";
left: 0;
height: 80px;
position: absolute;
width: 100%;
z-index: 500;
}
.menu-item-has-children:hover .sub-menu{
display: block;
}
.menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
width: 100%;
border: none;
background: none;
position: static;
text-align: left;
}
.main-navigation .menu-item-has-children .sub-menu a{
color: #1f415c;
}
.menu-item-has-children .sub-menu .menu-item-has-children .sub-menu li{
position: relative;
}
.menu-item-has-children .sub-menu .menu-item-has-children .sub-menu li a{
font-size: 1rem;
}
.main-navigation li{
width: 25%;
float: left;
}
.main-navigation .menu-item-has-children a{
padding-right: 0;
}
.main-navigation .sub-menu li{
width: auto;
float: none;
position: static;
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-hori-menu.png) repeat-x left top;
}
.main-navigation .sub-menu li:first-child, .main-navigation .sub-menu .sub-menu li:nth-child(2){
background: none;
}
.main-navigation .sub-menu .sub-menu li:nth-child(2n)::before{
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-vert-menu.png) repeat-y left top;
width: 3px;
content: "";
position: absolute;
top:0;
bottom: 0;
left: 0;
}
.main-navigation li a{
text-align: center;
padding-top: 40px;
}
.main-navigation .sub-menu li a{
padding: 10px 10px;
text-align: left;
font-size: 0.8em;
}
.main-navigation .sub-menu .sub-menu li a{
padding: 8px 20px;
}
.dropdown-toggle{
display: none;
}
.M-sommeN > a::before,
.M-projet > a::before,
.M-route > a::before,
.M-avecNous > a::before{
font-family: "FontAwesome";
font-size: 30px;
position: absolute;
top:0;
left: 0;
width: 100%;
}
.M-sommeN > a::before{
content: "\f14e";
}
.M-projet > a::before{
content: "\f0ac";
}
.M-route > a::before{
content: "\f018";
}
.M-avecNous > a::before{
content: "\f0c0";
}
.M-sommeN > a::after,
.M-projet > a::after,
.M-route > a::after{
content: "";
width: 3px;
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-vert-menu.png) repeat-y;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.nav-menu, #outil {
display: block;
}
.main-navigation {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
}
.main-navigation a {
padding: 1em 0;
color: #1f415c;
font-weight: normal;
position: static;
}
.main-navigation ul ul {
margin-left: 1em;
}
#points{
margin-bottom: 30px;
}
.web{
display: block;
}
.mobile{
display: none;
}
.bloc_intro:last-child {
margin-right: 0;
}
.bloc_intro {
display: inline-block;
width: 45%;
margin-right: 4%;
}
.bloc_intro:last-child{
margin-right: 0;
}
.bloc-text .zone-titre {
width: 93%;
background-color: #fff;
position: relative;
height: 76px;
}
.bloc-text .zone-titre::after {
width: 7.5%;
height: 100%;
position: absolute;
content: "";
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/deco-service-b.png) no-repeat top right;
background-size: cover;
top: 0;
right: -7.5%;
}
#service .fond:nth-child(2n) .zone-titre {
background-color: #fff7ea;
margin-left: 7%;
}
#service .fond:nth-child(2n) .bloc-text .zone-titre::after {
left: -7.5%;
right: auto;
background-image: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/deco-service-c.png);
}
.bloc-text .zone-titre h2 {
padding: 10px 10px 0 17.2%;
}
#service .fond:nth-child(2n) .zone-titre h2 {
padding: 10px 17.2% 10px 10px;
}
.social-navigation{
top: 20px;
}
#footer {
padding-bottom: 5px;
}
.sitemap .bloKMap{
float: left;
width: 46%;
margin: 0 2% 25px;
}
.sitemap .bloKMap:nth-child(3n){
clear: both;
}
.error-404 .entry-content{
height: 600px;
}
#blockLienVisu{
padding: 70px 0 100px;
}
#logo{
padding-top: 1px;
}
#lien_voyage{
top: 75px;
right: 10px;
left: auto;
}
#lien_voyage:before{
width: 35px;
height: 35px;
font-size: 22px;
line-height: 32px;
}
#lien_voyage .screen-reader-text {
height: auto;
overflow: visible;
position: static;
width: auto;
margin-left: 10px;
color: #1f415c;
font-size: 1.2em;
line-height: 40px;
transition: all 1s;
}
.social-navigation a {
height: 45px;
width: 45px;
border-radius: 45px;
}
.social-navigation a:before,
#bt-accueil:before,
#bt-contact:before{
font-size: 30px;
top: 6px;
}
.social-navigation a[href*="actualites"]::before {
font-size: 28px;
top: 9px;
}
#footer .bloc{
float: left;
}
#footer .list{
width: 25%;
margin-right: 5%;
}
#footer .item{
width: 40%;
float: right;
max-width: 500px;
}
#footer .bloc h3 {
text-align: left;
}
.list li {
display: block;
text-align: left;
}
.list li a::after {
content: "";
padding: 0;
}
#list ul{
font-size: 0;
text-align: center;
}
#list .item-actu{
display: inline-block;
font-size: 1rem;
width: 45%;
margin: 0 2% 20px;
overflow: hidden;
}
#list .item-actu .block_vignette{
height: 100px;
}
#list .block_Content{
min-height: 160px;
text-align: left;
}
#list .block_Content h3{
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.lien_info_pays{
float: right;
margin: 0;
}
} @media screen and (min-width:55em) {
.bloc-image {
float: left;
width: 45.3%;
}
.fond:nth-child(2n) .bloc-image{
float: right;
}
.bloc-text {
position: relative;
float: left;
width: 54.7%;
margin-top: 70px;
overflow: hidden;
}
.bloc-text .contenu {
background-color: #fff;
padding: 0 8.5% 0 16%;
min-height: 200px;
position: relative;
}
.item-point h4 {
margin: 0 0 5px 35px;
text-align: left;
}
.item-point .illu {
left: 0;
margin-left: 0;
}
.item-point p {
text-align: left;
margin-left: 35px;
}
#service .fond:nth-child(2n) .bloc-text .contenu {
background-color: #fff7ea;
padding: 10px 16% 10px 8.5%;
}
.bloc-text .contenu .paragraphe{
padding-bottom: 20px;
}
#service .bloc-text .contenu .paragraphe{
padding-bottom: 1px;
}
#service .bloc-image {
float: left;
width: 45.3%;
height: auto;
}
#service .fond:nth-child(2n) .bloc-image {
float: right;
}
.lien-service {
position: absolute;
width: 86px;
height: 83px;
left: -55px;
z-index: 5;
top: 50%;
margin-top: -41px;
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/fleche-droite.png) no-repeat;
text-indent: -5000px;
transition: all 0.5s;
}
.bloc-text.hover .lien-service{
left: -25px;
}
#service .fond:nth-child(2n) .lien-service{
left: auto;
right: -55px;
background-image: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/fleche-gauche.png)
}
#service .fond:nth-child(2n) .bloc-text.hover .lien-service{
left:auto;
right: -25px;
}
.bloc-text .zone-titre h2{
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
#service .fond:nth-child(2n) .zone-titre h2 {
padding: 10px 17.2% 10px 10px;
}
.blockTexte {
width: 50%;
margin: 0 0 0 auto;
max-width: 800px;
float: left;
}
.content:nth-child(2n) .blockTexte {
float: right;
}
.image {
width: 50%;
float: left;
}
.entry-content .content .image .contPhoto{
margin: 40px 10%;
}
.bloc-image {
float: none;
width: 100%;
height: 300px;
}
.para-single, .para{
padding-bottom: 20px;
}
.content.single iframe {
height: 300px;
margin-bottom: 40px;
}
#listGalerie .item {
width: 120px;
}
.entry-content .content.paragraphe.single .marge{
max-width: 900px;
}
.entry-content .content.deuxColone .para-single{
-webkit-column-gap: 3em;
-webkit-columns: 2 auto;
-moz-column-gap: 3em;
-moz-columns: 2 auto;
-o-column-gap: 3em;
-o-columns: 2 auto;
-ms-column-gap: 3em;
-ms-columns: 2 auto;
column-gap: 3em;
columns: 2 auto;
}
#liens-rapide{
position: relative;
padding-bottom: 300px;
}
.liens{
font-size: 0;
text-align: center;
padding: 0;
}
#blockLiens{
position: absolute;
z-index: 300;
z-index: 300;
left: 40px;
right: 40px;
}
.cat-item{
display: inline-block;
width: 30%;
margin: 0 1.5%;
min-height: 300px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
font-size: 1rem;
align-items:initial;
overflow: hidden;
}
.cat-item p{
text-align: left;
}
#blockLiens .bx-wrapper .bx-viewport {
padding: 10px;
}
.bx-wrapper .cat-item {
margin: 0;
}
.cat-item .block_vignette{
width: 100%;
height: 200px;
position: relative;
}
.cat-item .block_vignette::after{
background: url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/deco-image.png) repeat-x;
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: 200;
width: 100%;
height: 28px;
}
.cat-item .block_Content{
min-height: 160px;
}
.blockSep{
height: 120px;
}
body:not(.home) .blockSep{
display: block;
}
.titreItem{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.titreItem span.titre {
display: block;
padding: 0 10px;
}
.titreItem span.dek {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex:1;
background: rgba(0, 0, 0, 0) url(https://coco-lolo-a-velo.fr/wp-content/themes/twentysixteen-child/images/sep-simple-bleu.png) repeat-x scroll center 60%;
min-height: 40px;
}
#actu .item-actu .truncate_ellipsis{
display: none;
}
#actu .item-actu .truncate_more{
display: block!important;
}
.modulo2 .blockTexte{
padding-left: 20px;
}
.content .blockTexte .para{
margin-top: 40px;
}
.content .blockTexte .stitre + .para{
margin-top: 0;
}
#decphoto{
float: left;
width: 33%;
}
.photoCL{
display: block;
width:100%;
height: 350px;
max-width: 350px;
border-radius: 350px;
background-position: center center;
background-size: cover;
margin:50px auto 0;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
#formulaire{
float: right;
width: 65%;
}
}
.mycluster {
width: 40px;
height: 40px;
border-radius: 40px;
background-color: #1f415c;
text-align: center;
font-size: 18px;
color: #fff;
line-height: 40px;
font-weight: normal;
} @media screen and (min-width: 59.6875em) {
.colone .para-single {
margin-right:5%;
width: 50%;
float: left;
}
#texte_introduction{
width: 70%;
margin: 0 auto;
text-align: center;
}
.colone .tableau {
width: 45%;
float: left;
}
.info{
display: block;
position: absolute;
top: 0;
background: rgba(255,255,255,0.8);
width: 100%;
padding:3px;
text-align: center;
opacity: 1;
color: #333;
}
.info span{
position: relative;
}
.info.cache{
display: none;
}
.bloc-image:hover .info{
opacity: 0;
transition: all 0.5s;
}
.item_info{
width: 48%;
float: left;
}
.item_info h3{
text-align: center;
}
.item_info:nth-child(2n){
float: right;
}
.item_info:nth-child(2n+1){
clear: both;
}
#list .item-actu{
width: 28%;
}
#map.acf-map{
height: 300px;
}
} @media screen and (min-width: 68.75em) {
.site-title{
font-size:3.5rem;
padding-bottom: 0:
}
.site-description{
font-size: 1.9rem;
}
.main-navigation a {
font-size: 1.2em;
}
.main-navigation .sub-menu li a{
font-size: 1.1rem;
}
#social-navigation{
right: 10px;
top: 5px;
}
#liens-rapide .cat-item a span {
top: 45%;
}
.home #bandeauAccueil{
height: 300px;
}
.photo{
height: 300px;
}
.home #bandeauAccueil{
height: 465px;
}
.home .photo {
height: 465px;
}
.widget_shopping_cart{
top: 5px;
}
#devisvingt{
top:175px
}
.connexion #social-navigation {
top: 50%;
margin: 75px -70px 0 0;
right: 50%;
}
.sitemap .bloKMap{
float: left;
width: 21%;
margin: 0 2% 25px;
}
.sitemap .bloKMap:nth-child(3n){
clear:none;
}
.error-404 .entry-content{
height: 800px;
}
.home .cat-item .truncate_more {
display: block !important;
}
.home .cat-item .truncate_ellipsis {
display: none;
}
.cat-item{
min-height: 450px;
}
.cat-item .block_Content{
padding: 10px 20px;
min-height: 220px;
}
.blockSep {
height: 200px;
}
#liens-rapide .titrePrincipal{
margin-bottom: 50px;
}
#actu .item-actu .block_vignette{
width: 250px;
height: 250px;
margin-left: 25px;
}
.item-actu .block_Content{
padding-left: 25px;
}
#actu .item-actu .block_Content h3{
font-size: 1.8rem;
}
.titrePrincipal{
font-size: 3.5rem;
}
.titreItem{
font-size: 2.5rem;
}
.titreItem span.dek{
background-position: center 70%;
}
.encart{
min-height: 350px;
}
#blockLienVisu{
padding: 100px 0 150px;
}
} @media screen and (min-width: 77.5em) {
html{
font-size: 1em;
}
#listGalerie .item {
width: 150px;
}
.bloc-text .contenu {
min-height: 325px;
}
.titrePrincipal{
font-size: 4rem;
}
h1.Principal-sec{
margin-bottom: 20px;
}
.entry-content .stitre{
font-size: 2.2em;
}
.page-template-page-contact .entry-content h3 {
font-size: 1.8em;
}
.bloc_intro{
width: 30%;
margin-right: 3%;
}
.item-point {
width: 30%;
}
.related.products ul.products li.product{
width: 20%;
}
.error-404 .entry-content{
height: 1000px;
}
#intro-espaceC{
width: 50%;
float: left;
}
#bt-enregistrer{
width: 50%;
float: left;
padding-top: 30px;
}
#bt-enregistrer a{
font-size: 1.2rem;
}
.cat-item .block_Content{
padding: 10px 40px;
}
.encart{
min-height: 400px;
}
#list .block_Content{
min-height: 160px;
}
#map.acf-map{
height: 400px;
}
#list .block_Content{
min-height: 175px;
}
#decphoto{
width:48%;
}
#formulaire{
width: 50%;
}
.para-single,.blockTexte .para {
letter-spacing: 0.02rem;
line-height: 1.5rem;
}
#bloc_fiches .marge {
max-width: 1600px;
text-align: center;
}
#bloc_fiches .item_fiche{
display: inline-block;
max-width: 48%;
}
} @media screen and (min-width: 87.6875em) {
.marge{
max-width: 1600px;
}
.main-navigation li a {
font-size: 1.6rem;
padding-top: 50px;
}
.M-sommeN > a::before, .M-projet > a::before, .M-route > a::before, .M-avecNous > a::before{
font-size: 35px;
}
.bloc-image, .content.single iframe {
height: 400px;
}
#liens-rapide .cat-item a span {
top: 45%;
font-size: 1.2em;
}
.description {
text-align: center;
font-size: 1.3em;
}
#bandeau-footer h5 {
font-size: 1.875em;
}
#bandeau-footer span{
font-size: 4em;
}
#footer address {
font-size: 1.25em;
}
#footer h3 {
font-size: 2.2em;
}
.error-404 .entry-content{
height: 1500px;
}
.encart{
min-height: 500px;
}
#blockLienVisu{
padding: 180px 0 230px;
}
#list .item-actu {
width: 22%;
margin: 0 1% 20px;
}
#map.acf-map{
height: 500px;
}
}
@media screen and (min-width: 100em) {
#liens-rapide .cat-item a span {
font-size: 1.70em;
}
.encart h3{
left:25%;
}
.encart{
min-height: 550px;
}
} @media screen and (max-width: 55em) {
.bloc-image,.image {
min-height: auto!important;
}
.bloc-image{
height: 200px!important;
}
} @media print {
body {
background: none !important; font-size: 11.25pt;
}
.secondary-toggle,
.navigation,
.page-links,
.edit-link,
#reply-title,
.comment-form,
.comment-edit-link,
.comment-list .reply a,
button,
input,
textarea,
select,
.widecolumn form,
.widecolumn .mu_register form {
display: none;
}
.site-header,
.site-footer,
.hentry,
.entry-footer,
.page-header,
.page-content,
.comments-area,
.widecolumn {
background: none !important; }
body,
blockquote,
blockquote cite,
blockquote small,
label,
a,
.site-title a,
.site-description,
.post-title,
.author-heading,
.entry-footer,
.entry-footer a,
.taxonomy-description,
.entry-caption,
.comment-author,
.comment-metadata,
.comment-metadata a,
.comment-notes,
.comment-awaiting-moderation,
.no-comments,
.site-info,
.site-info a,
.wp-caption-text,
.gallery-caption {
color: #000 !important; }
pre,
abbr[title],
table,
th,
td,
.site-header,
.site-footer,
.hentry + .hentry,
.author-info,
.page-header,
.comments-area,
.comment-list + .comment-respond,
.comment-list article,
.comment-list .pingback,
.comment-list .trackback,
.no-comments {
border-color: #eaeaea !important; }
.site {
margin: 0 7.6923%;
}
.sidebar {
position: relative !important; }
.site-branding {
padding: 0;
}
.site-header {
padding: 7.6923% 0;
}
.site-description {
display: block;
}
.hentry + .hentry {
margin-top: 7.6923%;
}
.hentry.has-post-thumbnail {
padding-top: 7.6923%;
}
.sticky-post {
background: #000 !important;
color: #fff !important;
}
.entry-header,
.entry-footer {
padding: 0;
}
.entry-content,
.entry-summary {
padding: 0 0 7.6923%;
}
.post-thumbnail img {
margin: 0;
}
.author-info {
margin: 0;
}
.page-content {
padding: 7.6923% 0 0;
}
.page-header {
padding: 3.84615% 0;
}
.comments-area {
border: 0;
padding: 7.6923% 0 0;
}
.site-footer {
margin-top: 7.6923%;
padding: 3.84615% 0;
}
.widecolumn {
margin: 7.6923% 0 0;
padding: 0;
}
}