@charset "UTF-8";
.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}
      html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0; } h1 {
font-size: 2em;
margin: 0.67em 0; }  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; } abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block; } summary {
display: list-item; }  template {
display: none; } [hidden] {
display: none; } body,
button,
input,
select,
optgroup,
textarea {
color: #343d7c;
font-family: sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5; }
h1, h2, h3, h4, h5, h6 {
clear: both; }
p {
margin-bottom: 1.5em; }
dfn, cite, em, i {
font-style: italic; }
blockquote {
margin: 0 1.5em; }
address {
margin: 0 0 1.5em; }
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em; }
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem; }
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help; }
mark, ins {
background: #fff9c0;
text-decoration: none; }
big {
font-size: 125%; } html {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
*,
*:before,
*:after { -webkit-box-sizing: inherit;
box-sizing: inherit; }
body {
background: #fff; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em; }
ul, ol {
margin: 0 0 1.5em 3em; }
ul {
list-style: disc; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em; }
dt {
font-weight: bold; }
dd {
margin: 0 1.5em 1.5em; }
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%; } button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em; }
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa; }
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111; }
select {
border: 1px solid #ccc; }
textarea {
width: 100%; }  a {
color: royalblue; }
a:visited {
color: purple; }
a:hover, a:focus, a:active {
color: midnightblue; }
a:focus {
outline: thin dotted; }
a:hover, a:active {
outline: 0; } .main-navigation {
clear: both;
display: block;
float: left;
width: 100%; }
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0; }
.main-navigation ul ul {
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999; }
.main-navigation ul ul ul {
left: -999em;
top: 0; }
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%; }
.main-navigation ul ul a {
width: 200px; }
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto; }
.main-navigation li {
float: left;
position: relative; }
.main-navigation a {
display: block;
text-decoration: none; } .menu-toggle,
.main-navigation.toggled ul {
display: none; }
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none; }
.main-navigation ul {
display: block; } }
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden; }
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%; }
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%; }  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em; }
.alignright {
display: inline;
float: right;
margin-left: 1.5em; }
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto; } .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed; }
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both; } .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%; }  .sticky {
display: block; }
.post,
.page {
margin: 0 0 1.5em; }
.updated:not(.published) {
display: none; }
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0; }
.page-links {
clear: both;
margin: 0 0 1.5em; } .comment-content a {
word-wrap: break-word; }
.bypostauthor {
display: block; }  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer {
display: block; } .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; } embed,
iframe,
object {
max-width: 100%; } .custom-logo-link {
display: inline-block; } .wp-caption {
margin-bottom: 1.5em;
max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption .wp-caption-text {
margin: 0.8075em 0; }
.wp-caption-text {
text-align: center; } .gallery {
margin-bottom: 1.5em; }
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%; }
.gallery-columns-2 .gallery-item {
max-width: 50%; }
.gallery-columns-3 .gallery-item {
max-width: 33.33%; }
.gallery-columns-4 .gallery-item {
max-width: 25%; }
.gallery-columns-5 .gallery-item {
max-width: 20%; }
.gallery-columns-6 .gallery-item {
max-width: 16.66%; }
.gallery-columns-7 .gallery-item {
max-width: 14.28%; }
.gallery-columns-8 .gallery-item {
max-width: 12.5%; }
.gallery-columns-9 .gallery-item {
max-width: 11.11%; }
.gallery-caption {
display: block; }
a {
text-decoration: none !important;
color: #343D7C !important; }
div#wpadminbar a {
color: #ccc !important; }
.clear {
clear: both; }
@font-face {
font-family: fontspeciale;
src: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/fonts/RifficFree-Bold); }
h1, h2, h3, h4, h5, h6 {
font-family: fontspeciale; }
body {
background: #CAE6EF;
padding-bottom: 120px; }
#page {
width: 100%;
display: -ms-grid;
display: grid;
grid-auto-rows: 100vh;
background: #CAE6EF;
text-align: center;
-ms-grid-columns: 20% 80%;
grid-template-columns: 20% 80%; }
#masthead {
background: #343D7C;
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/logo.svg);
background-repeat: no-repeat;
background-size: 70vmin;
background-position: center center;
background-attachment: fixed;
z-index: 25;
display: -ms-grid;
display: grid;
-ms-grid-rows: 100%;
grid-template-rows: 100%;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3; }
#masthead a {
font-family: fontspeciale;
text-transform: uppercase;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1/2;
-ms-grid-row-align: end;
align-self: end;
text-align: center;
color: #cae5ee; }
#masthead .content {
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#masthead .content p {
margin: 0 0 20px; }
#masthead #more-arrows {
width: 75px;
height: 65px; }
#masthead #more-arrows:hover polygon {
fill: #FFF;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out; }
#masthead #more-arrows:hover polygon.arrow-bottom {
-webkit-transform: translateY(-18px);
-ms-transform: translateY(-18px);
transform: translateY(-18px); }
#masthead #more-arrows:hover polygon.arrow-top {
-webkit-transform: translateY(18px);
-ms-transform: translateY(18px);
transform: translateY(18px); }
#masthead polygon {
fill: #FFF;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out; }
#masthead polygon.arrow-middle {
opacity: 0.75; }
#masthead polygon.arrow-top {
opacity: 0.5; }
div#content {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/3;
text-align: initial; }
div#content div#primary {
max-width: 1400px;
margin: auto; }
footer#colophon {
position: fixed;
min-height: 40px;
padding: 0 2em;
bottom: 0;
background: #a0bda1;
width: 100%;
display: -ms-grid;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: fontspeciale;
font-size: .85em;
color: #CAE6EF; }
footer#colophon a {
text-decoration: none !important;
color: #343D7C !important; }
footer#colophon div:nth-child(1) {
float: left; }
footer#colophon div:nth-child(2) {
float: right; }
footer#colophon div:nth-child(2) div {
display: inline-block; }
footer#colophon div:nth-child(2) div ul.my-footer-menu {
margin: 0;
padding: 0; }
footer#colophon div:nth-child(2) div ul.my-footer-menu li {
display: inline; }
footer#colophon div:nth-child(2) div ul.my-footer-menu li::before {
content: ' | ';
font-weight: bolder; }
footer#colophon li.lang-item {
display: inline; }
footer#colophon li.lang-item:hover {
background: rgba(255, 255, 255, 0.4); }
nav#site-navigation {
font-family: fontspeciale;
text-transform: uppercase;
width: 20%;
height: 90vh;
position: fixed;
z-index: 00020;
display: -ms-grid;
display: grid; }
nav#site-navigation div.menu-menu-1-container, nav#site-navigation div.menu-menu-2-container {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
text-align: center; }
nav#site-navigation div.menu-menu-1-container ul, nav#site-navigation div.menu-menu-2-container ul {
display: inline-block; }
nav#site-navigation div.menu-menu-1-container ul li, nav#site-navigation div.menu-menu-2-container ul li {
clear: both;
margin: 1.5vh 0; }
nav#site-navigation div.menu-menu-1-container ul li a, nav#site-navigation div.menu-menu-2-container ul li a {
height: 6vh;
width: 6vh;
-webkit-transition: 0.2s ease all;
-o-transition: 0.2s ease all;
transition: 0.2s ease all;
padding: 6.2vh 0 .2vh 0;
color: #343d7c;
font-weight: bold;
background-repeat: no-repeat;
font-size: 1.4vh; }
nav#site-navigation div.menu-menu-1-container ul li:hover a, nav#site-navigation div.menu-menu-2-container ul li:hover a {
margin-left: 1vw;
margin-right: -2vw;
-webkit-transition: 0.2s ease all;
-o-transition: 0.2s ease all;
transition: 0.2s ease all;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg); }
nav#site-navigation div.menu-menu-1-container ul li:nth-child(1) a, nav#site-navigation div.menu-menu-2-container ul li:nth-child(1) a {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/BlueCocker.svg); }
nav#site-navigation div.menu-menu-1-container ul li:nth-child(2) a, nav#site-navigation div.menu-menu-2-container ul li:nth-child(2) a {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/NosJeux.svg); }
nav#site-navigation div.menu-menu-1-container ul li:nth-child(3) a, nav#site-navigation div.menu-menu-2-container ul li:nth-child(3) a {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/News.svg); }
nav#site-navigation div.menu-menu-1-container ul li:nth-child(4) a, nav#site-navigation div.menu-menu-2-container ul li:nth-child(4) a {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Contact.svg); }
nav#site-navigation div.menu-menu-1-container ul li:nth-child(5) a, nav#site-navigation div.menu-menu-2-container ul li:nth-child(5) a {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Equipe.svg); }
nav#site-navigation div.menu-menu-1-container ul li:nth-child(6) a, nav#site-navigation div.menu-menu-2-container ul li:nth-child(6) a {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Boutique.svg); }
nav#site-navigation div.menu-menu-1-container ul li:nth-child(7) a, nav#site-navigation div.menu-menu-2-container ul li:nth-child(7) a {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Jeu_Toulouse.svg); }
cards {
display: -ms-grid;
display: grid;
width: 100%;
height: 100%;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: 100vh;
grid-template-rows: 100vh;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center; }
card {
vertical-align: text-bottom;
width: 17vmin;
height: 25.5vmin;
overflow: visible !important;
border-radius: 5px;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
margin: 0 -8vmin;
-webkit-transition: all ease-in-out .5s .3s,border ease .1s;
-o-transition: all ease-in-out .5s .3s,border ease .1s;
transition: all ease-in-out .5s .3s,border ease .1s; }
card a img {
width: 0px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border-radius: 5%;
padding: 3px; }
card a img:hover {
padding: 0px; }
card:hover a img {
width: 13vmin;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
card a:nth-of-type(1) img {
width: 17vmin;
height: 25.5vmin; }
card a:nth-of-type(2) img {
margin: -22vmin 0 0 17vmin;
display: block;
-webkit-transform: rotate(14deg);
-ms-transform: rotate(14deg);
transform: rotate(14deg); }
card a:nth-of-type(3) img {
display: block;
margin: -20vmin 0 0 -13vmin;
-webkit-transform: rotate(-14deg);
-ms-transform: rotate(-14deg);
transform: rotate(-14deg); }
card a:nth-of-type(4) img {
display: block;
margin: -40vmin 0 0 1vmin;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg); }
#main:hover cards card {
-webkit-transition: all ease-in-out .5s .3s,border ease .1s;
-o-transition: all ease-in-out .5s .3s,border ease .1s;
transition: all ease-in-out .5s .3s,border ease .1s;
margin: 0 -4vmin; }
#main:hover cards card:nth-child(1) {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
margin: 0 -5vmin -3vmin -4vmin; }
#main:hover cards card:nth-child(2) {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
margin: 0 0 21vmin -4vmin; }
#main:hover cards card:nth-child(3) {
-webkit-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
margin: 0 0 -10vmin -7vmin; }
#main:hover cards card:nth-child(4) {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
margin: 0 -5vmin 1vmin -1vmin; }
#main:hover cards card:nth-child(5) {
-webkit-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main:hover cards card:nth-child(6) {
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
margin: 0 0 19vmin -11vmin; }
#main:hover cards card:nth-child(7) {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main:hover cards card:nth-child(8) {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main:hover cards card:nth-child(9) {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main:hover cards card:nth-child(10) {
-webkit-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main:hover cards card:nth-child(11) {
-webkit-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main:hover cards card:nth-child(12) {
-webkit-transform: rotate(4deg);
-ms-transform: rotate(4deg);
transform: rotate(4deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main:hover cards card:nth-child(13) {
-webkit-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
transform: rotate(-9deg);
margin: -8vmin 0 -6vmin 3vmin; }
a.contactButton {
color: white !important;
background: #343d7c;
padding: 1em;
border-radius: 12px;
display: block;
margin: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
pagespanel article .entry-content, pagespanel article .panelPage {
border: solid 7px #343d7c;
color: #343d7c;
border-radius: 19px;
padding: 19px;
background: white;
margin: 2em;
text-align: justify; }
pagespanel article .panelPage h2 {
margin: 0em;
padding: 15px 0 15px 80px;
cursor: pointer; }
pagespanel article .panelPage h2.illustrateur {
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Illustrateur.svg) no-repeat; }
pagespanel article .panelPage h2.auteur {
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Auteur.svg) no-repeat; }
pagespanel article .panelPage h2.distributeur {
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Distributeur.svg) no-repeat; }
pagespanel article .panelPage h2.boutique {
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Boutique.svg) no-repeat; }
pagespanel article .panelPage h2.alien {
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Alien.svg) no-repeat; }
pagespanel article .panelPage h2.cafe_jeu {
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/CafeJeu.svg) no-repeat; }
pagespanel article .panelPage h2.ludotheque {
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Ludotheques.svg) no-repeat; }
pagespanel article .panelPage h2.joueur {
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Pion.svg) no-repeat; }
pagespanel article .panelPage h2.influenceur {
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Camera.svg) no-repeat; }
pagespanel article .panelPage content {
display: none;
width: 100%; }
.topSection {
width: 100%;
padding: 2%;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.topSection .mainPicture, .topSection .mainSecond, .topSection .mainThird {
border: solid 0.5vw white;
border-radius: 8px;
line-height: 0;
width: 96%;
max-width: 1220px;
margin: 2%; }
.topSection .mainSecond, .topSection .mainThird {
width: 46%;
max-width: 583px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left; }
.topSection .mainPicture.extension {
background: #fff9;
padding: 1em;
clear: both;
text-align: center; }
.topSection .mainPicture.extension h2 {
font-size: 13px;
text-transform: uppercase;
text-align: left; }
.topSection .mainPicture.extension img {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
width: 15vmin;
-webkit-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
border: 0 solid #fff0; }
.topSection .mainPicture.extension img:hover {
-webkit-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
-webkit-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
border: .5em solid #fff0;
margin: 0.25em; }
.bottomSection {
width: 100%;
padding: 2%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: both; }
.bottomSection .paneltitles {
width: 100%;
display: block;
text-align: center; }
.bottomSection .paneltitles a.paneltitle {
cursor: pointer;
width: 80px;
margin: 0 10px -30px;
display: inline-block; }
.bottomSection .paneltitles a.paneltitle h2 {
font-family: fontspeciale;
text-transform: uppercase;
color: #343d7c;
display: inline-block;
vertical-align: bottom;
margin: 5px;
font-size: 13px;
margin: 0 0 -30px;
padding: 0;
opacity: 0;
-webkit-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease; }
.bottomSection .paneltitles a.paneltitle p.icon {
display: block;
height: 70px;
min-width: 70px;
-webkit-transition: 0.2s ease all;
-o-transition: 0.2s ease all;
transition: 0.2s ease all;
padding: 70px 0 0 0;
color: #343d7c;
font-weight: bold;
background-repeat: no-repeat; }
.bottomSection .paneltitles a.paneltitle p.icon.icon-Auteur {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Auteur.svg); }
.bottomSection .paneltitles a.paneltitle p.icon.icon-illustrateur {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Illustrateur.svg); }
.bottomSection .paneltitles a.paneltitle p.icon.icon-Redacteur {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Redacteur.svg); }
.bottomSection .paneltitles a.paneltitle p.icon.icon-Avis {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Avis.svg); }
.bottomSection .paneltitles a.paneltitle p.icon.icon-Top {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Top.svg); }
.bottomSection .paneltitles a.paneltitle p.icon.icon-Materiel {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Materiel.svg); }
.bottomSection .paneltitles a.paneltitle p.icon.icon-Telechargements {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Telechargement.svg); }
.bottomSection .paneltitles a.paneltitle p.icon.icon-Extensions {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Extensions.svg); }
.bottomSection .paneltitles a.paneltitle p.icon.icon-Videos {
background-image: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Video.svg); }
.bottomSection .paneltitles a.paneltitle:hover h2, .bottomSection .paneltitles a.paneltitle.current h2 {
opacity: 1;
-webkit-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease; }
.bottomSection .paneltitles a.paneltitle:hover p.icon, .bottomSection .paneltitles a.paneltitle.current p.icon {
margin-top: 40px;
margin-bottom: -40px;
-webkit-transition: 0.2s ease all;
-o-transition: 0.2s ease all;
transition: 0.2s ease all;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg); }
.bottomSection .MainConteneur {
border: solid 0.5vw white;
border-radius: 8px;
width: 96%;
margin: 1vw 2% 200px;
padding: 20px 2% 2%;
background: #a0bda1;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr; }
.bottomSection .MainConteneur .panel {
opacity: 0;
visibility: hidden;
-webkit-transition: all ease 0s;
-o-transition: all ease 0s;
transition: all ease 0s;
overflow: hidden;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1/2; }
.bottomSection .MainConteneur .panel.currentPanel {
visibility: visible;
opacity: 1;
-webkit-transition: all ease 0.1s 0s;
-o-transition: all ease 0.1s 0s;
transition: all ease 0.1s 0s; }
.bottomSection .MainConteneur .panel .contenu_panel .twoColumns {
-webkit-column-count: 2;
column-count: 2; }
.bottomSection .MainConteneur .panel .contenu_panel a {
display: inline; }
.twoColumns {
-webkit-column-count: 2;
column-count: 2; }
.hide {
display: none !important; }
.hidden {
max-height: 0;
-webkit-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
overflow: hidden; }
.hidden:target {
-webkit-transition: all .1s ease 0s;
-o-transition: all .1s ease 0s;
transition: all .1s ease 0s;
max-height: 2000vh;
min-height: 100vh; }
pageequipe {
display: block; }
.topSection.equipe {
display: -ms-grid;
display: grid;
-ms-grid-columns: 30% 70%;
grid-template-columns: 30% 70%; }
.questions {
display: -ms-grid;
display: grid;
-ms-grid-columns: 30% 70%;
grid-template-columns: 30% 70%; }
.questions a {
color: #CAE6EF !important; }
.questions h2 {
display: inline-block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background: #a0bda1;
border-radius: 12px;
padding: 10px;
color: white;
margin-top: 0;
font-size: 20px;
cursor: pointer;
letter-spacing: 1px; }
.questions h2:last-of-type {
margin-bottom: 0; }
.questions h2:hover {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background: #343D7C; }
.questions h2.current {
background: #343D7C;
width: auto;
border-right: 0;
border-radius: 12px 0 0 12px; }
.blabla {
border: 5px solid white;
margin-left: -5px;
background: #343D7C;
color: white;
padding: 20px;
border-radius: 12px;
-ms-grid-row: 1;
-ms-grid-row-span: 5;
grid-row: 1/6;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/3;
opacity: 0;
max-height: 0px;
max-width: 0px;
overflow: hidden;
font-size: 1em;
text-align: justify;
font-family: arial; }
.blabla a {
color: #CAE5EE; }
h2:nth-child(1):hover + .blabla, h2:nth-child(1).current + .blabla {
border-top-left-radius: 0; }
h2:last-of-type:hover + .blabla, h2:last-of-type.current + .blabla {
border-bottom-left-radius: 0; }
h2.current + .blabla, .blabla.current {
opacity: 1;
max-height: none;
max-width: none; }
.arrow_box {
position: relative;
background: #A0BDA1;
border: 5px solid #fff; }
.arrow_box:after, .arrow_box:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
.arrow_box:after {
border-color: rgba(160, 189, 161, 0);
border-right-color: #A0BDA1;
border-width: 20px;
margin-top: -20px; }
.arrow_box:before {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 27px;
margin-top: -27px; }
.arrow_box:hover:after, .arrow_box:hover:before, .arrow_box.current:after, .arrow_box.current:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
.arrow_box:hover:after, .arrow_box.current:after {
border-color: rgba(160, 189, 161, 0);
border-right-color: #343D7C;
border-width: 20px;
margin-top: -20px; }
.arrow_box:hover:before, .arrow_box.current:before {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 27px;
margin-top: -27px; }
.TitlesEquipe {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
font-size: 13px;
max-width: 100%;
overflow: hidden; }
.TitlesEquipe .titleEquipe {
padding: 15px 0  0 50px;
margin: 1em;
-webkit-transition: ease 0.1s all;
-o-transition: ease 0.1s all;
transition: ease 0.1s all; }
.TitlesEquipe .titleEquipe:nth-child(1) {
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Auteur.svg) no-repeat; }
.TitlesEquipe .titleEquipe:nth-child(2) {
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Illustrateur.svg) no-repeat; }
.TitlesEquipe .titleEquipe:nth-child(3) {
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Redacteur.svg) no-repeat; }
.TitlesEquipe .titleEquipe:nth-child(4) {
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Traducteur.svg) no-repeat; }
.TitlesEquipe .titleEquipe.current, .TitlesEquipe .titleEquipe:hover {
-webkit-transform: rotate(-5deg) scale(1.2);
-ms-transform: rotate(-5deg) scale(1.2);
transform: rotate(-5deg) scale(1.2);
-webkit-transition: ease 0.2s all;
-o-transition: ease 0.2s all;
transition: ease 0.2s all; }
.noDisplay {
display: none !important; }
.FrontSection, .BackSection {
width: 200px;
height: 299px;
background: #0003;
z-index: 200;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 5%;
border: 1px solid;
overflow: hidden;
position: absolute;
line-height: 0;
max-width: 200px; }
@-moz-document url-prefix() {
.FrontSection, .BackSection {
position: absolute; } }
.FrontSection {
display: block;
z-index: 20000; }
.invisible {
visibility: hidden; }
.BackSection {
display: -ms-grid;
display: grid;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
grid-auto-rows: 1fr; }
.BackSection div.contentBacksection {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1/2;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2; }
.BackSection div.contentBacksection.content {
width: 163px;
height: 200px;
line-height: initial;
margin: 25% auto 9% !important;
font-size: 13px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-x: hidden;
overflow-y: auto; }
.BackSection div.contentBacksection.Visible {
padding: 1em; }
.equipe_card {
max-width: 200px; }
.equipe_card article {
max-width: 400px;
max-height: 500px; }
.equipe_card article:hover .FrontSection {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; }
.equipe_card article:hover .BackSection {
-webkit-transform: rotateY(-360deg);
transform: rotateY(-360deg);
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; }
.Equipe_cards {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-column-gap: 1em; }
.equipe_card {
-webkit-perspective: 1400;
perspective: 1400; }
ul.products.columns-3 {
width: 90%; }
ul.products.columns-3 li {
border: 12px solid white;
border-radius: 12px;
padding: 10px;
background: white;
min-height: 450px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.single-product div.product {
background: white;
max-width: 800px;
border-radius: 12px;
padding: 1vw;
width: 95%;
padding: 2%; }
.single-product div.product .woocommerce-product-gallery {
float: left;
max-width: 390px; }
.single-product div.product .summary.entry-summary {
float: right;
max-width: 330PX; }
.single-product div.product .woocommerce-tabs.wc-tabs-wrapper {
clear: both;
padding-top: 1em; }
.single-product div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li {
display: inline-block;
background: #cae6ef;
padding: 1em;
border-radius: 12px;
height: auto; }
.single-product div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li:hover {
background: #8dcde2; }
.single-product div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a {
padding: 0;
font-weight: bolder; }
.single-product div.product .related.products, .single-product div.product .up-sells.upsells.products, .single-product div.product span.sku_wrapper, .single-product div.product span.posted_in {
display: none !important; }
.woocommerce-cart .woocommerce {
background: white;
border-radius: 12px;
padding: 1em; }
.woocommerce-message, .woocommerce-info, .woocommerce-error {
list-style-type: none;
width: 95%;
max-width: 800px;
border-radius: 12px;
padding: .5em;
margin: 1em 0;
color: white !important; }
.woocommerce-message a, .woocommerce-info a, .woocommerce-error a {
color: white !important;
float: right;
padding: 0 1em;
background: #0003;
border-radius: 6px; }
.woocommerce-message a :hover, .woocommerce-info a :hover, .woocommerce-error a :hover {
background: #0005; }
tr.woocommerce-cart-form__cart-item.cart_item {
height: 100px !important; }
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr:nth-last-child(2n) {
background: #0001 !important; }
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td {
height: 100px !important;
overflow: hidden; }
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td:nth-of-type(1) {
border-radius: 12px 0 0 12px; }
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td:last-of-type {
border-radius: 0 12px 12px 0; }
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td.product-thumbnail a img {
width: 100px; }
.wc-proceed-to-checkout {
text-align: center; }
.wc-proceed-to-checkout a {
color: white !important;
border-radius: 12px;
background: #343d7c;
padding: 1em; }
form.checkout.woocommerce-checkout {
background: white;
border-radius: 12px;
padding: 1em;
width: 95%;
max-width: 800px; }
form.checkout.woocommerce-checkout div.col2-set {
max-width: 800px;
width: 95%;
text-align: center; }
form.checkout.woocommerce-checkout div.col2-set .col-1, form.checkout.woocommerce-checkout div.col2-set .col-2 {
display: inline-block;
padding: 2.5%;
overflow: hidden;
text-align: start; } @media screen and (max-width: 1400px) {
.Equipe_cards {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr; }
.questions h2 {
padding: 1vw 2px;
font-size: 2vw; }
.TitlesEquipe {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
cursor: pointer;
font-size: 1.2vw;
max-width: 100%;
overflow: hidden; }
.TitlesEquipe .titleEquipe {
padding: 1vw 1vw 1vw 5vw; }
.bottomSection .paneltitles a.paneltitle {
width: 6vw;
margin: 0 .8vw -1.5vw; }
.bottomSection .paneltitles a.paneltitle h2 {
font-size: 1vw; }
.bottomSection .paneltitles a.paneltitle p.icon {
height: 6vw;
min-width: 6vw;
padding: 6vw 0 0 0; }
.MainConteneur {
margin: 1vw 2% 200px; } }
@media screen and (max-width: 1080px) {
.Equipe_cards {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr; }
.twoColumns {
-webkit-column-count: 1 !important;
column-count: 1 !important; } }
@media screen and (max-width: 800px) {
#page #masthead {
background-position: center 100px;
padding: 20px; }
nav#site-navigation {
height: 80vh; }
footer#colophon {
font-size: 0.75em;
bottom: 10px; }
.topSection .mainSecond, .topSection .mainThird {
width: 96%; }
#main cards card:nth-child(1) {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
margin: 0 -5vmin -3vmin -4vmin; }
#main cards card:nth-child(2) {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
margin: 0 0 21vmin -4vmin; }
#main cards card:nth-child(3) {
-webkit-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
margin: 0 0 -10vmin -7vmin; }
#main cards card:nth-child(4) {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
margin: 0 -5vmin 1vmin -1vmin; }
#main cards card:nth-child(5) {
-webkit-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main cards card:nth-child(6) {
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
margin: 0 0 19vmin -11vmin; }
#main cards card:nth-child(7) {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main cards card:nth-child(8) {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main cards card:nth-child(9) {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main cards card:nth-child(10) {
-webkit-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main cards card:nth-child(11) {
-webkit-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main cards card:nth-child(12) {
-webkit-transform: rotate(4deg);
-ms-transform: rotate(4deg);
transform: rotate(4deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main cards card:nth-child(13) {
-webkit-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
transform: rotate(-9deg);
margin: -8vmin 0 -6vmin 3vmin; }
.contenu_panel {
font-size: 2.5vw; }
.Equipe_cards {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr; }
pagespanel article .entry-content, pagespanel article .panelPage {
font-size: 2.5vw; }
pagespanel article .panelPage h2 {
padding: 2vw 0 2vw 11vw;
font-size: 3vw; }
pagespanel article .panelPage content {
font-size: 2.5vw; }
pagespanel article .entry-content, pagespanel article .panelPage {
padding: 3vw; }
.topSection.equipe {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
text-align: center; }
.questions {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr; }
.questions h2:hover + .blabla, .questions .blabla:hover {
opacity: 0;
max-height: 0; }
.questions h2:hover + .blabla.current, .questions .blabla:hover.current {
opacity: 1;
max-height: none; }
.questions h2 {
-ms-grid-row: 1;
grid-row: 1;
width: 96%;
margin: 0 2%; }
.questions h2.current, .questions h2:hover {
border: 5px solid #fff;
border-radius: 12px;
width: 96%; }
.questions .blabla {
-ms-grid-column: 1;
-ms-grid-column-span: 4;
grid-column: 1/5;
-ms-grid-row: 2;
grid-row: 2; }
.questions .arrow_box {
position: relative;
border: 5px solid #fff;
text-align: center; }
.questions .arrow_box:after, .questions .arrow_box:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
margin-top: 0; }
.questions .arrow_box:after {
border-color: rgba(52, 61, 124, 0);
border-top-color: #A0BDA1;
border-width: 20px;
margin-left: -20px; }
.questions .arrow_box:before {
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 27px;
margin-left: -27px; }
.questions .arrow_box:hover, .questions .arrow_box.current {
background: #343D7C; }
.questions .arrow_box:hover:after, .questions .arrow_box:hover:before, .questions .arrow_box.current:after, .questions .arrow_box.current:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
margin-top: 0; }
.questions .arrow_box:hover:after, .questions .arrow_box.current:after {
border-color: rgba(52, 61, 124, 0);
border-top-color: #343D7C;
border-width: 20px;
margin-left: -20px; }
.questions .arrow_box:hover:before, .questions .arrow_box.current:before {
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 27px;
margin-left: -27px; } }
@media screen and (max-width: 500px) {
#page #masthead {
background-position: center 200px;
padding: 20px; }
.Equipe_cards {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr; } }
@supports (-ms-ime-align: auto) {
#masthead {
margin: 15vh 20%;
background-size: 50%; }
@media screen and (max-width: 800px) {
#page #masthead {
background-position: center center; } } }
@media all and (-ms-high-contrast: none) { *, h1, h2, h3, h4, h5, h6 {
font-family: arial !important; }
#page {
display: block; }
#site-navigation {
margin-left: 5%; }
cards {
width: 70vw;
height: 100vh;
padding: 10vh;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block; }
#main cards card:nth-child(1) {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
margin: 0 -5vmin -3vmin -4vmin; }
#main cards card:nth-child(2) {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
margin: 0 0 21vmin -4vmin; }
#main cards card:nth-child(3) {
-webkit-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
margin: 0 0 -10vmin -7vmin; }
#main cards card:nth-child(4) {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
margin: 0 -5vmin 1vmin -1vmin; }
#main cards card:nth-child(5) {
-webkit-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main cards card:nth-child(6) {
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
margin: 0 0 19vmin -11vmin; }
#main cards card:nth-child(7) {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main cards card:nth-child(8) {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main cards card:nth-child(9) {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main cards card:nth-child(10) {
-webkit-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main cards card:nth-child(11) {
-webkit-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main cards card:nth-child(12) {
-webkit-transform: rotate(4deg);
-ms-transform: rotate(4deg);
transform: rotate(4deg);
margin: -8vmin 0 -6vmin 3vmin; }
#main cards card:nth-child(13) {
-webkit-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
transform: rotate(-9deg);
margin: -8vmin 0 -6vmin 3vmin; }
#masthead {
height: 70vh;
display: block;
margin: 15vh 20%;
background-size: 50%; }
#masthead .content {
top: 20px; }
#content {
width: 80vw;
margin-left: 20vw;
max-width: 1120px; }
.panelPage h2 {
background: none !important; }
.panelPage .illustrateur::before {
width: 60px;
height: 60px;
display: block;
content: "";
float: left;
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Illustrateur.svg) no-repeat;
margin-top: -10px;
margin-right: 10px; }
.panelPage .auteur::before {
width: 60px;
height: 60px;
display: block;
content: "";
float: left;
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Auteur.svg) no-repeat;
margin-top: -10px;
margin-right: 10px; }
.panelPage .distributeur::before {
width: 60px;
height: 60px;
display: block;
content: "";
float: left;
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Distributeur.svg) no-repeat;
margin-top: -10px;
margin-right: 10px; }
.panelPage .boutique::before {
width: 60px;
height: 60px;
display: block;
content: "";
float: left;
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Boutique.svg) no-repeat;
margin-top: -10px;
margin-right: 10px; }
.panelPage .alien::before {
width: 60px;
height: 60px;
display: block;
content: "";
float: left;
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Alien.svg) no-repeat;
margin-top: -10px;
margin-right: 10px; }
.panelPage .cafe_jeu::before {
width: 60px;
height: 60px;
display: block;
content: "";
float: left;
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/CafeJeu.svg) no-repeat;
margin-top: -10px;
margin-right: 10px; }
.panelPage .ludotheque::before {
width: 60px;
height: 60px;
display: block;
content: "";
float: left;
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Ludotheques.svg) no-repeat;
margin-top: -10px;
margin-right: 10px; }
.panelPage .joueur::before {
width: 60px;
height: 60px;
display: block;
content: "";
float: left;
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Joueur.svg) no-repeat;
margin-top: -10px;
margin-right: 10px; }
.panelPage .influenceur::before {
width: 60px;
height: 60px;
display: block;
content: "";
float: left;
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Camera.svg) no-repeat;
margin-top: -10px;
margin-right: 10px; }
.topSection.equipe {
display: block; }
.equipe .questions {
display: block; }
.arrow_box {
border: 5px solid #fff;
border-radius: 12px !important;
display: block;
width: 25% !important;
float: left;
margin-right: 5%; }
.arrow_box.current, .arrow_box:hover {
border: 5px solid #fff !important;
border-radius: 12px !important; }
.arrow_box::before, .arrow_box::after {
border-width: 0px !important; }
.titleEquipe {
background: none !important; }
.titleEquipe:nth-child(1)::before {
content: "";
display: block;
width: 30px;
height: 30px;
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Auteur.svg) no-repeat;
float: left;
margin-right: 5px; }
.titleEquipe:nth-child(2)::before {
content: "";
display: block;
width: 30px;
height: 30px;
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Illustrateur.svg) no-repeat;
float: left;
margin-right: 5px; }
.titleEquipe:nth-child(3)::before {
content: "";
display: block;
width: 30px;
height: 30px;
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Redacteur.svg) no-repeat;
float: left;
margin-right: 5px; }
.titleEquipe:nth-child(4)::before {
content: "";
display: block;
width: 30px;
height: 30px;
background: url(//bluecocker.com/wp-content/themes/bluecockerunderscore/images/icons/Traducteur.svg) no-repeat;
float: left;
margin-right: 5px; }
.Equipe_cards {
display: block; }
.Equipe_cards .equipe_card {
display: inline-block;
float: left;
margin: .5em; }
.FrontSection, .BackSection {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important; }
.equipe_card, .FrontSection, .BackSection {
width: 200px !important;
max-width: 200px !important;
min-width: 200px !important; }
.contentBacksection {
width: 198px !important;
max-width: 198px !important;
min-width: 198px !important; } .contentBacksection.content {
line-height: normal; }
body {
padding-bottom: 0;
margin-bottom: 0; }
#colophon {
position: relative !important;
padding: 2vh !important;
border-top: 2px white solid;
border-bottom: 2px white solid; } }table.shop_table_responsive thead {
display: none;
}
table.shop_table_responsive tbody th {
display: none;
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
clear: both;
}
table.shop_table_responsive tr td:before {
content: attr(data-title) ": ";
float: left;
}
table.shop_table_responsive tr td.product-remove a {
text-align: left;
}
table.shop_table_responsive tr td.product-remove:before {
display: none;
}
table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.download-actions:before {
display: none;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
@media screen and (min-width: 48em) {
table.shop_table_responsive thead {
display: table-header-group;
}
table.shop_table_responsive tbody th {
display: table-cell;
}
table.shop_table_responsive tr th, table.shop_table_responsive tr td {
text-align: left;
}
table.shop_table_responsive tr td {
display: table-cell;
}
table.shop_table_responsive tr td:before {
display: none;
}
}  ul.products {
content: "";
display: table;
table-layout: fixed;
margin: 0;
padding: 0;
}
ul.products li.product {
list-style: none;
position: relative;
margin-bottom: 2em;
}
ul.products li.product .woocommerce-loop-product__title {
font-size: 1rem;
}
ul.products li.product img {
display: block;
}
ul.products li.product .button {
display: block;
}
@media screen and (min-width: 48em) {
ul.products li.product {
width: 30.7966666667%;
float: left;
margin-right: 3.8%;
}
ul.products li.product.first {
clear: both;
}
ul.products li.product.last {
margin-right: 0;
}
.columns-1 ul.products li.product {
float: none;
width: 100%;
}
.columns-2 ul.products li.product {
width: 48.1%;
}
.columns-3 ul.products li.product {
width: 30.7966666667%;
}
.columns-4 ul.products li.product {
width: 22.15%;
}
.columns-5 ul.products li.product {
width: 16.96%;
}
.columns-6 ul.products li.product {
width: 13.4933333333%;
}
}  .single-product div.product {
content: "";
display: table;
table-layout: fixed;
position: relative;
}
.single-product div.product .woocommerce-product-gallery {
position: relative;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 1em;
right: 1em;
display: block;
z-index: 99;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 1em;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
content: "";
display: table;
table-layout: fixed;
margin: 0;
padding: 0;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
cursor: pointer;
float: left;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
opacity: .5;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
opacity: 1;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
width: 48.1%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 30.7966666667%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 22.15%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 16.96%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
clear: both;
}
.stock:empty:before {
display: none;
}
.stock.in-stock {
color: #0f834d;
}
.stock.out-of-stock {
color: #e2401c;
}  @media screen and (min-width: 768px) {
.col2-set .form-row-first {
float: left;
margin-right: 3.8%;
}
.col2-set .form-row-last {
float: right;
margin-right: 0;
}
.col2-set .form-row-first,
.col2-set .form-row-last {
width: 48.1%;
}
}  .site-header-cart {
position: relative;
margin: 0;
padding: 0;
content: "";
display: table;
table-layout: fixed;
}
.site-header-cart .cart-contents {
text-decoration: none;
}
.site-header-cart .widget_shopping_cart {
display: none;
}
.site-header-cart .product_list_widget {
margin: 0;
padding: 0;
} .star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
font-size: 1em;
width: 5.3em;
font-family: 'star';
font-weight: 400;
}
.star-rating:before {
content: "\53\53\53\53\53";
opacity: .25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: royalblue;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
p.stars a:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: "star";
content: "\53";
color: #404040;
text-indent: 0;
opacity: .25;
}
p.stars a:hover ~ a:before {
content: "\53";
color: #404040;
opacity: .25;
}
p.stars:hover a:before {
content: "\53";
color: royalblue;
opacity: 1;
}
p.stars.selected a.active:before {
content: "\53";
color: royalblue;
opacity: 1;
}
p.stars.selected a.active ~ a:before {
content: "\53";
color: #404040;
opacity: .25;
}
p.stars.selected a:not(.active):before {
content: "\53";
color: royalblue;
opacity: 1;
} .woocommerce-tabs ul.tabs {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.woocommerce-tabs ul.tabs li {
display: block;
margin: 0;
position: relative;
}
.woocommerce-tabs ul.tabs li a {
padding: 1em 0;
display: block;
}
.woocommerce-tabs .panel h2:first-of-type {
margin-bottom: 1em;
} .woocommerce-password-strength {
text-align: right;
}
.woocommerce-password-strength.strong {
color: #0f834d;
}
.woocommerce-password-strength.short {
color: #e2401c;
}
.woocommerce-password-strength.bad {
color: #e2401c;
}
.woocommerce-password-strength.good {
color: #3D9CD2;
} .form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0f834d;
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #e2401c;
}
.required {
color: red;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
content: "";
display: table;
table-layout: fixed;
background-color: #0f834d;
clear: both;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #3D9CD2;
}
.woocommerce-error {
background-color: #e2401c;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
background-color: #3D9CD2;
z-index: 9999;
}
@media screen and (min-width: 48em) { .site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
z-index: 999999;
left: -999em;
display: block;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
left: 0;
display: block;
}
}  .widget_price_filter .price_slider {
margin-bottom: 1.5em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4em;
}
.widget_price_filter .price_slider_amount .button {
float: left;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: ew-resize;
outline: none;
background: royalblue;
box-sizing: border-box;
margin-top: -.25em;
opacity: 1;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background: royalblue;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider-horizontal {
height: .5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
height: 100%;
}