/*
Theme Name: Pinboard child
Template: pinboard
Theme URI: https://www.onedesigns.com/themes/pinboard
Description: A crafty and elegant theme powered by an advanced theme framework and grid system. With virtually unlimited layout options and styles, ideal for showcasing your portfolio of works or other multimedia elements like images, photo galleries, videos and podcasts.
Version: 1.1.12
Author: One Designs and Khadidja IKHLEF for the Child theme
Author URI: https://www.onedesigns.com/
Tags: blue, gray, silver, white, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging

License: GNU General Public License v2.0
License URI: license.txt
*/

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto);

::-webkit-scrollbar {                                   /* Scrollbars */
    width: 14px;
    height: 14px;
    background: #fff 0 0 repeat;
}

::-webkit-scrollbar-thumb {                             /* Barre */
    border: solid 0 transparent;
    border-right-width: 4px;
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 9px 5px;
    -webkit-border-bottom-right-radius: 9px 5px;
    -webkit-box-shadow: inset 0 0 0 1px rgb(10, 159, 226), inset 0 0 0 6px rgb(10, 159, 226);
}
::-webkit-scrollbar-thumb:hover {                       /* Barre */
    -webkit-box-shadow: inset 0 0 0 1px rgb(0, 59, 139), inset 0 0 0 6px rgb(0, 59, 139);
}
::-webkit-scrollbar-thumb:horizontal {                  /* Barre du bas */
    border-right-width: 0;
    border-bottom-width: 4px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px 9px;
    -webkit-border-bottom-left-radius: 5px 9px;
}

/* toutes les pages doivent avoir le même fond blanc */
body, #content .hentry, .page #content, #header, #wrapper {
    background: #fff !important;
}

a, *{ outline: none; }

#conteneur{
    margin: 0.1%;
    padding: 0;
}

.single-post h2{
    font-weight: bold;
    font-size: 16px !important;
}

.single-post h3, .page-template-default h3{
    font-size: 20px; }

.entry-content a:hover img, #attachment-nav a:hover img {
    background: #fff !important;
}

.entry-content a img, #attachment-nav a img {
    border: 0 !important;
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.18);
    transition: 0.25s;
}

.entry-content a img:hover, #attachment-nav a img:hover {
    box-shadow: 0 10px 20px 0px rgba(0, 0, 0, 0.18);
}

.wp-caption {
    background: rgba(10, 159, 226, .1); }

/* annuler css materialize par défaut */
.fa {  color: #0a9fe2; }

select{ display: block !important; }

.hidden{
    display: none !important;
}

.visible{
    display: block !important;
}

#menu-droit-et-technologie li:hover {
    color: #fff !important;
    background: rgb(73,192,240);
    background: -moz-linear-gradient(-45deg, rgba(73,192,240,1) 0%, rgba(44,175,227,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%);
    background: linear-gradient(135deg, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=1 );
    border-radius: 7px;
    transition: 1.25s;
    box-shadow: inset 0 0 0 2em var(--hover);
} 

#menu-droit-et-technologie li a:hover {
    color: #fff !important;
    font-weight: 700;
}

/* fixer le header */
.home #header {
   /* position: fixed;*/
    top: 0;
    transition: background-color 150ms linear;
    -webkit-transition: background-color 150ms linear;
    z-index: 10000;
    background: #fff;
    max-width: 100%;
    width: 1920px;
}

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
.ie9 img[src*=".svg"], img[src*=".svg"] {
  /*width: 100%;*/ 
  width: 250px;
  height: 96.6px;
}

svg{
    width: 100%;
}

.logo-ie{
    width: 250px !important;
    height: 96.6px !important;
}

/*.ie9 {
    display: none;
    background: url('../wp-content/themes/pinboard-child/logo-lexing-bleu.png');
}*/

/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%; 
  }
}

/*.lang{
    float: right;
    padding: 10px;
    font-family: "Arial", sans-serif;
    font-weight: 600;
    font-size: 1.15em;
    line-height: 4px;
}*/

/* ajuster les articles */
.home .threefourthcol{ width: 84%; }
.home .fourcol{ width: 15.9%; }

/* page d'accueil */
.home h2.entry-title a{ 
    color: #0a9fe2;
}
.home h2.entry-title { 
   margin-top: 0; 
   font-size: 1.2em;
    height: 52px;
}
.home #container {
    margin: 2.5%;
    margin-top: 0.5%;
}
.threefourthcol .threecol .entry, .onecol .fourcol .entry, .fourcol .widget {
    margin: 3.7%;
}
.wp-post-image {
    width: inherit;
    /*height: 175px;*/
}

/* les figures en full */
figure.entry-thumbnail {
    margin: 0;
}

/* hover sur figure */
figure.entry-thumbnail:hover div.entry-container{
    top: 6px;
    position: absolute;
}

.home section#content div:hover article:not(:hover){
    opacity: 0.9;
}

.home article:hover, .archive article:hover {
    -webkit-box-shadow: 0px 0px 21px 0px rgba(10,159,226,1);
    -moz-box-shadow: 0px 0px 21px 0px rgba(10,159,226,1);
    box-shadow: 2px 2px 21px 2px rgba(10,159,226,1);
    /*opacity: 1;*/
    transition-duration: 2s;
        -webkit-transition-duration: 2s;
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 1s ease;
    z-index: 1000;
}

#sidebar-wide { /*margin-top: 170px;margin-top: 146px;*/  margin-top: 0;}

#header {
    border-top: 3px solid #0a9fe2 !important;
}

/* site en full-width */
#wrapper {max-width: 1920px;}

#container {
    margin: 0.5%;
    background: #fff !important;
}
/* défitnition de la couleur par défaut des titres et la nouvelle police*/
h1.entry-title, h1, h2, h3, h3.widget-title, h4, h5, h6, .entry-title a, h3 a{ 
    color: #0a9fe2 !important;
    font-family: 'Lato Light', 'OpenSans', sans-serif;
}
h4{ font-size: 1.077em; }
h5 { font-size: 0.923em;}

.page-rgpd h4{ font-size: 1.25em; }
.page-rgpd h5{ font-size: 1.15em; }
.page-rgpd h6{ font-size: 1em; }

.fa-square{color: #0a9fe2;}

strong{ font-weight: bold;}

/* maj css materialize */
#access {
    height: 38px;
}
#access a {
    height: 38px !important;
    line-height: 38px;
    font-size: 1em;
    padding: 0 12px;
}

/**, *:after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

/*#access a:hover:after {
    height: 260%;
    opacity: 1;
}

#access a:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

#access a:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* le nouveau bleu pour la barre de navigation */
#access, #access li {
    background: #0a9fe2 !important;
}

/* logo */
#site-title img {
    width: 250px;  /*pour le nouveau logo */
    height: 96.6px;
    margin: 4px 0;
    /*margin: 12px 0;*/
    /* nouvelle configuration comme eli */
    background: url(http://logo.alain-bensoussan.com/logo-lexing-bleu.svg) no-repeat;
    background-size: 250px 96.6px;
}

#site-title img:hover {
    fill:#FFDC21;
}

/* slogan */
div#site-description {
    float: none;
    color: #003B8B;
    font-family: 'Open Sans Semibold', sans-serif;
    font-size: 1.25em;
    /* line-height: 125px; */
    height: 72px;
    line-height: 119px;
    /*line-height: 131px;*/
    text-align: center;
    margin-left: -301px;
    margin-right: 250px;
    background: -webkit-linear-gradient(#003B8B, #003B8B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

#site-title {
    /*margin: 0 0 0 10px;*/
    margin: 0 0 0 4px;
    line-height: 0 !important;
}

#site-title a.home{
    display: none;
}

#sidebar .twocol {
    margin: 2% 0 0 2%;
    padding: 0 5%;
}

#sidebar .twocol {
    width: 100%;
}

#sidebar-left .widget { margin: 0; }

#sidebar-left .onecol { margin: 0 0 20px 0;}

#sidebar { text-align: center;}

/* améliorer la lecture des textes */
.single-post p, .single-post #content ul li, p, ul li, ol li {   
    font-size: 1.05em;
}

/* .menu-droit-et-technologie-container */
#menu-droit-et-technologie li {
    font-weight: 400; 
    font-size: 1.05em;
}

/* barre de recherche */
#header input#s { 
    padding: 8px 17px;
    border-radius: 10px;
    background: hsla(199, 91%, 46%, 0.7) url(img/search.png) right center no-repeat;
}

#header input#s:focus, #header input#s:active, #header input#s:hover{ 
    -webkit-box-shadow: 0px 1px 17px 0px rgba(10,159,226,1);
    -moz-box-shadow: 0px 1px 17px 0px rgba(10,159,226,1);
    box-shadow: 0px 1px 17px 0px rgba(10,159,226,1);
    transition: 1.5s;
    -webkit-transition: 1.5s;
    color: #0a9fe2;
    background: #fff;
}

#header #searchform {
    margin: -26px 10px 4px 2px;
  /*margin: -26px 10px 2% 2px;*/
}

/* réseaux sociaux */
#social-media-icons, #header input#s{
    margin-top: -31px;
}

/* Les articles */
.single .entry, .page .entry {
    margin-right: 0;
}

.postid-110366 table th, table td {
    width: 84px;
}

.single-post #content ul li, .single-pos #content ul:not(.browser-default) li, .page-template-default #content ul li{
    list-style-type: disc;
}

.single-post #content ul li:hover, .single-pos #content ul:not(.browser-default) li:hover, .page-template-default #content ul li:hover{
    color: #0a9fe2;
    cursor: default;
}

.comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-comment label {
    width: 100%;
}

.comment-form-author .required, .comment-form-email .required, .comment-form-url .required, .comment-form-comment .required {
    /*display: none;*/
}

#author, #url, #comment {
    text-indent: 70px;
}

.fa-hand-o-down{
    color: #0a9fe2;
}
/* css page offre emploi */
/*.faq_q {
    background: #0a9fe2;
    color: #ffffff;
}*/

/* le footer en bleu */
#copyright {
    background: #0a9fe2;
    color: #fff !important;
    padding: 1%;
    position: relative;
}

#trophee {
    margin-top: 25px;
}

#trophee img {
    border-radius: 25% 5px;
}

a#lexing {
    text-align: center;
}

#copyright .fa {
    font-size: 1.4em;
    color: #fff;
}

#copyright a .fa{
    text-align: center;
}

#copyright a:hover{
    color: #ff0000;
}

#copyright .site-copyright{
    margin-bottom: 0;
    text-align: center;
}

.links{
    margin-bottom: 0;
}

#footer {
    border-top: #0a9fe2 1px solid;
    border-top: rgba(10, 159, 226, .79) 1px solid;
}

#copyright p.liens { 
    border-left: 1px solid #fff;
}

#copyright p#resaux-sociaux { 
    text-align: center;
    margin-bottom: 14px;
}

/* parge des article */
#sidebar-bottom {
    margin-top: 1.5%; /*alignement */
}

img.size-thumbnail{
    width: 200px;
}

#comment {
    resize: none;
    overflow: hidden;
}

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
    box-shadow: #0a9fe2 0 0 5px;
    background: #0a9fe2;
    color: #fff;
}

i.fa.fa-times.right { font-size: 1em !important; }

/*  ------------ styles des pages plateforme saas -------------- */
.page-template-template-full-width .onecol .hentry .entry,
.page-template-template-full-width #container
{ margin: 0; padding: 0;}

.page-template-template-full-width h1.entry-title {
    margin: 0 auto;
    text-align: center;
    /*background: rgba(255,255,255, 0.4) !important;
    width: fit-content;*/

    animation: flipIn 5s 0s ease-in;
    -webkit-animation: flipIn 5s 0s ease-in;
}
/* ----------------------------------------------------------- */
/* parallax */
#parallax-boutique h2, #parallax-boutique h3, #parallax-boutique h2, #parallax-boutique h3{
    -webkit-animation-duration: 7s; /* Safari 4.0 - 8.0 */
    animation-duration: 7s;

    /*animation-iteration-count: infinite;*/
    font-size: 1.4em;
    color: #0a9fe2;

    /* reduction parallax */
    /*display: inline-block;
    margin: 0 6%;*/
}

/* page justice prédictive */

#portfolio-boutique .card .card-image .card-title {
    bottom: 60px;
    font-weight: 400;
    color: #0a9fe2;
    background: rgba(255,255,255,0.75);
    border-radius: 7px;
    /*padding: 16px 14px;*/
    padding: 4px 6px;
    width: 100%;
    text-align: center;
    line-height: 30px;
}

/* sous menu nav plateforme saas*/
#menu-item-112238 a::before, #menu-item-112239 a::before, #menu-item-112237 a::before, 
#menu-item-112235 a::before, #menu-item-112236 a::before, #menu-item-112413 a::before,
#menu-item-112454 a::before, #menu-item-119231 a::before, #menu-item-119134 a::before,
#menu-item-124080 a::before, #menu-item-124079 a::before{
    font-family: 'FontAwesome';
    font-size: 1.5em;
    color: #fff;
    margin-right: 0.7em;
}

/*#menu-item-119134 a::before{
    content: '\f023'; /* rgpd
} */

#menu-item-112238 a::before, #menu-item-124080 a::before{
    content: '\f121'; /* ietl*/
}

#menu-item-124079 a::before{
    content: '\f023'; /* rgpd */
}
#menu-item-112239 a::before {
    content: '\f07c'; /* ci */
}

#menu-item-119231 a::before{
    content: '\f0ad'; /* dpo */
}

#menu-item-112237 a::before {
    content: '\f085'; /* outils */
}

#menu-item-112413 a::before{
    content: '\f290'; /* lexing saas */
}

#menu-item-112454 a::before{ 
    content: '\f2b5'; /* contract management */
}

#menu-item-112235 a::before {
    content: '\f24e'; /* justice prédictive */
}

#menu-item-112236 a::before {
    /*content: '\f10b';*/ /* conseils tel */
    content: '\f2a0';
}

#portfolio-boutique .btn-floating.halfway-fab {
    bottom: 42px;
}

#parallax-boutique  h2.flip, h2.flipInX, h2.flipInY, h2.flipOutX, h2.flipOutY, h2.rotateOut, h2.slideInUp, h2.zoomIn, h2.flash{
    background-color: #fff;
    color: #0A9FE2;
    /* width: 300px; */
    width: 160px;
    height: 36px;
    margin: 5px auto;
    padding: 5px;
    text-align: center;
}

#parallax-boutique h2.bounceInDown{
    color: #fff;
    text-align: center;

    margin: 20px auto;
    display: block;
}

#parallax-boutique h2.bounceInDown a { color: #fff; display: block; }

#parallax-boutique h2.bounceInDown .fa{
    display: block;
}

#parallax-boutique h2.bounceInDown a:hover { 
    color: #003a89;
    transition-duration : 5s;
    -webkit-transition-duration : 5s;
}

/* css boutique et page Plateforme SaaS */
#presentation-boutique .chabot p{
    margin: 30px !important;
}
.chabot h3{

}

.btn-parallax{
    position: absolute;
    right: 20px;
    top: 0;
    background: #fff;
    padding: 25px 100px;
}

#outils-rgpd .card .card-content{
    padding: 10px;
}

#outils-rgpd h4{
    font-size: 1.15em;
    line-height: 1.15em;
    margin: 0;
}

#outils-rgpd .card .card-image img {
    height: 119px;
}

p.intro-design-1{
    background: #0a9fe2;
    opacity: 0.6;
    padding: 50px;
    color: #fff;
    border: 5px dashed #fff;
    border-radius: 15%;
    font-size: medium;
    line-height: 1.5em;
    letter-spacing: 0.04em;
}

p.intro-design-2 {
    background: #0a9fe2;
    opacity: 0.6;
    padding: 50px;
    color: #fff;
    border: 5px outset #f0f0;
    border-radius: 40% 15px;
    font-size: medium;
    line-height: 1.5em;
    letter-spacing: 0.04em;
    font-size: 1.3em;
    box-shadow: 10px 20px 20px 5px rgba(0, 0, 0, 0.2);
    transition: 0.25s;
}

p.intro-design-3{
    background: #0a9fe2;
    opacity: 0.6;
    padding: 50px;
    color: #fff;
    border: 10px ridge #f0f0;
    border-radius: 20% 1px;
    font-size: medium;
    line-height: 1.5em;
    letter-spacing: 0.04em;
    font-size: 1.3em;
    box-shadow: 10px 20px 20px 5px rgba(0, 0, 0, 0.2);
    transition: 0.25s;
}

p.intro-design-4{
    background: #0A9FFF;
    opacity: 1;
    padding: 60px;
    color: #fff;
    border: 5px outset #f0f0;
    border-radius: 25%;
    font-size: medium;
    line-height: 2em;
    letter-spacing: 0.04em;
    font-size: 1.3em;
    box-shadow: 10px 20px 20px 5px rgba(0, 0, 0, 0.2);
    transition: 0.25s;
    text-shadow: 2px 1px 16px #800000;
}


/* presentation boutique */
/*#presentation-boutique article:nth-of-type(1) .fa {
    background: #28a7e9;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 20px 5px 0;
}*/

.contact p:nth-of-type(2){
    color: #0066bf !important;
}



.page-id-109832 #presentation-boutique p {
    background: #0a9fe2;
    opacity: 0.6;
    padding: 50px;
    color: #fff;
    border: 5px dashed #fff;
    border-radius: 15%;
    font-size: medium;
    line-height: 1.5em;
    letter-spacing: 0.04em;
}

#presentation-boutique span{
    font-size: 1.2em;
}

#presentation-boutique > article h3{
    font-size: 1.6em;
}

#presentation-boutique{
    transition-duration: 5s;
    -webkit-transition-duration: 5s;
}

#presentation-boutique article ul li{
    margin: 5px  0!important;
}

#choix ul li{
    margin: 20px 0 !important;
}

#choix p{
    margin-bottom: 19px !important;
}

/*#presentation-boutique #choix li::before {
    font-family: 'fontawesome';
    content: '\f0c8';
    font-size: 1.1em;
    color: #0a9fe2;
    margin-right: 0.5em;
}*/

#presentation-boutique .fa, #choix .fa{
    margin-right: 0.5em;
    color: #0a9fe2;
    font-size: 1.1em;
    /*display: none;*/
}

#presentation-boutique p, #presentation-boutique ul li{
    font-family: "Opensans", sans-serif;
    font-weight: 600;
    margin: 20px 0 40px 0;
    font-size: 1.4em;
    line-height: 1.25em;
}

#presentation-boutique article{
    margin: 20px 0;
}

#presentation-boutique h2, #choix h2{
    -webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
    animation-duration: 5s;
    color: #0a9fe2;
    font-size: 1.8em;
}

#presentation-boutique > div.row article a p{
    color: #0f222b;
}

#les-trophees img{
    width: 150px;
    border-radius: 50%;
}

#les-trophees img:hover{
    cursor: pointer;
    -ms-transform: rotate3d(1,1,1,360deg); /* IE 9 */
    -webkit-transform: rotate3d(1,1,1,360deg); /* Chrome, Safari, Opera */
    transform: rotate3d(1,1,1,360deg);
    transition: all 2s ease;
    -webkit-transition: all 2s ease ;
}

#portfolio-boutique article{
    border: 1px solid #fff;
}

#portfolio-boutique article:hover, .cartes article:hover {
    -webkit-box-shadow: 0px 0px 21px 0px rgba(10,159,226,1);
    -moz-box-shadow: 0px 0px 21px 0px rgba(10,159,226,1);
    box-shadow: 0px 0px 21px 0px rgba(10,159,226,1);
    opacity: 0.8;
    border-radius: 5px;
    transition-duration : 2s;
    -webkit-transition-duration : 2s;
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);
    transition: all 1s ease;
}

#portfolio-boutique article a img{
    width: 100px;
    height: 100px;
}

#portfolio-boutique article h3{
    text-align: center;
}

#portfolio-boutique article h3 a{
    color: #0a9fe2;
}

#portfolio-boutique article h3 a .fa, #portfolio-boutique article h3 .fa{

    font-size: 5em;
    display: block;
}

/*#portfolio-boutique article h3::before{
    font-family: 'fontawesome';
    font-size: 5em;
    display: block;
    margin: 50px 0;
}
*/

#avocat-juridique{
    padding: 40px;
    background: rgba(10, 159, 226, 0.7);
    color: #fff;
}

#assistance-telephonique{
    padding: 50px;
    background: #0a9fe2;
    color: #fff;
    text-align: center;
}

#avocat-juridique h3, #avocat-juridique .fa, #assistance-telephonique .fa, #assistance-telephonique a{
    color: #fff !important;
}

#assistance-telephonique h3 {
    font-size: 1.6em;
    color: #fff !important;
}

#avocat-juridique p, #assistance-telephonique p{
    font-size: 1.15em;
}

.mobilesOnly{
    visibility: hidden;
}

.delegue-dpo-avocat h2{
    background-color: #0a9fe2;
    font-size: 1.8em;
    padding: 15px;
    color: #fff !important;
    border-radius: 15px;
}

.bg-blue{
    background-color: #0a9fe2;
    font-size: 1.8em;
    padding: 15px;
    color: #fff !important;
    border-radius: 15px;
}

.delegue-dpo-avocat h3{
    font-size: 1.6em;
}

#portfolio-boutique article h3, #choix article h3, #middle h3{
    font-size: 1.6em;
}

.article-plateforme p{
    text-align: justify;
    line-height: 2em;
}

.fiches{
    margin-top: 50px !important;
}

#formulaire-tableau-bord-dpo{
    border: 5px double #0a9fe2;
    padding: 7px !important;
}

#formulaire-tableau-bord-dpo #cg input[type="checkbox"]{
    margin-right: .5em;
}

#formulaire-tableau-bord-dpo #cg{
    line-height: 3em;
}

#environnement-contractuel h3, #ietl h3, #les-boutiques h3, #conformite-juridique h3, #assistance h3, #boite-outil h3, 
#risque h3, #conformite-securite h3, #ci h3, #rgpd-data h3, #countdown h3, #justice-predictive h3, #j-systeme h3, #p-graphique h3,
#rgpd-demarche h3, .art h3, .article-plateforme h3{
    background-color: #0a9fe2;
    font-size: 1.6em;
    padding: 15px;
    color: #fff !important;
    border-radius: 15px;
}

.page-id-109372 #environnement-contractuel h3::before, .page-id-109832 #environnement-contractuel h3::before, 
.page-id-109889 #environnement-contractuel h3::before, .page-id-109921 #environnement-contractuel h3::before,
.page-id-109937 #environnement-contractuel h3::before, .page-id-112403 #environnement-contractuel h3::before{
    font-family: 'fontawesome'; 
    content: '\f1cd';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em;
}

#ietl h3::before, #les-boutiques h3::before, #conformite-juridique: h3::before,
#assistance h3::before, #boite-outil h3::before, #risque h3::before, #conseils-juridiques-personnalises h3::before,
.art h3::before, .delegue-dpo-avocat h3::before {
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em;
}

#assistance-telephonique h3::before{
    content: '\f10b';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em; 
}

#conseils-juridiques-personnalises h3::before{
    content: '\f2a0';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em; 
}

#offre h3::before{
    content: '\f02c';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em; 
}

#phases h3::before{
    content: '\f1c0';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em; 
}

#editeur h3::before{
    content: '\f0eb';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em; 
}

#assistance h3::before{
    content: '\f201';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em; 
}

#boite-outil h3::before{
    content: '\f01c';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em; 
}

#boite-outil img{
    display: block;
    margin: 0 auto;
    -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
    animation-duration: 10s;
    
}
    /*-webkit-animation-name: spin;
    -webkit-animation-duration: 40000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 40000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 40000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 40000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}*/

#risque h3::before{
    content: '\f0c9';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em; 
}

#ietl h3::before {
    content: '\f121';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em;
}

#ietl h3 a{
    color: #fff !important;
}

#justice-predictive h3::before{
    content: '\f0e3';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em;
}

#j-systeme h3::before{
    content: '\f247';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em;
}

#p-graphique h3::before{
    content: '\f1fe';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em;
}

#les-boutiques h3::before{
    content: '\f290';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em;
}

#conformite-juridique h3::before {
    content: '\f19c';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em;
}

#conformite-securite h3::before{
    content: '\f023';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em;
}

#ci h3::before{
    content: '\f07c';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em;
}


#rgpd-data h3::before{
    content: '\f108';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em;
}

#rgpd-demarche h3::before{
    content: '\f0ae';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em;
}

#countdown h3::before{
    content: '\f272';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em;
}

#progiciel-rgpd{
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
   /* width: 900px; */
  /*  display: block;
    margin: 0 auto; */
    background: transparent;
    border-radius: 31%;
    z-index: 0; 
}

.modal-content img{
    width: 90%;
    height: 100%;
    margin: 0 auto;
    display: block;
}

#rgpd-data li, #rgpd-demarche li{
    font-size: 1.15em;
}

/* rendre la rosace resposnive */
img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}

#Lexing-RGPD .area-map-rgpd{
    /* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
    -webkit-transition: all 1s ease; /* Safari et Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* Internet Explorer 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.hover-area-rgpd{
    /* L'image est grossie de 25% */
    -webkit-transform:scale(1.25); /* Safari et Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* Internet Explorer 9 */
    -o-transform:scale(1.25); /* Opera */
    transform:scale(1.25);
}

/* page approche generale rgpd secteur privé - progiciel RGPD */
#presentation-boutique .dropdown-content {
    background-color: #fff;
    margin: 0;
    display: none;
    /* min-width: 100px; */
    /* max-height: 650px; */
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    z-index: 999;
    /* will-change: width, height; */
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    /*width: 100% !important;*/
    width: 1920px !important;
    margin-top: 138px;
    font-size: small !important;
}

#presentation-boutique #dropdown1{
    width: 1920px;
}

#presentation-boutique .dropdown-content h2.card-title.activator, #presentation-boutique .dropdown-content a{

    font-size: 1.1em !important;
    text-align: center;
    margin-bottom: 1em !important;
    line-height: 1.5em;
    height: 42px;
}

#presentation-boutique .dropdown-content a.waves-effect.waves-light.btn.blue{
    font-size: 0.75em !important;
    line-height: 4em;
    width: 100%;
}

#presentation-boutique .dropdown-content p{
    margin: 0 !important;
}

#presentation-boutique .dropdown-content .card .card-content {
    padding: 10px;
}

#presentation-boutique .dropdown-content .fa-eject{
    font-size: 1em !important;
}

#presentation-boutique .dropdown-content .card .card-image img{
    height: 200px !important;
}

.rectangle{
    min-width: 200px;
    width: 100%;
    /*min-height: 50px;*/
    height: 0;
    height: auto;
    text-transform: initial;
    font-size: 1.25em;
    
    color: black;
    font-variant: small-caps;
    font-weight: 700;

    /*box-shadow: 5px 5px 5px #000;*/
    border-width:5px;  
    /*border-style:outset;*/
    border:0;

    line-height: 25px;
    padding: 0;

    margin-bottom: 10%;
    background: transparent;
}

/* page reglement rgpd rosace */
.dropdown-content article .fa-eject{
    font-size: 1em !important;
}

.dropdown-content h2.card-title{
    font-size: 1.2em !important;
    line-height: 0.8em;
}

.rectangle .fa:not(.fa-user){
    color: #fff !important;
    font-size: 4em; 
    display: block;
}

.row-acces{
    height: 212px;
    padding: 40px;
    background: #5dfdf6;
}

div.rectangle.row-workflow{
    height: 70px;
    padding: 0px;
    margin-bottom: 0 !important;
    background: #f4792a;
}

div.rectangle.row-workflow .fa-user{
    color: #fff !important;
    font-size: 4em; 
}

.row-site{
    height: 268px;
    padding: 40px;
    background: #f832a4;
}

.row-outils{
    height: 200px;
    padding: 17px;
    background: #4cff57;
}

.row-stat{
    height: 130px;
    padding: 4px;
    background: #1f51a1;
}

.row-doc{
    height: 100px;
    padding: 3px;
    background: #3ddf17;
}

.row-veille{
    padding: 8px;
    background: #4cff57;
}

.row-table{
    padding: 8px;
    background: #c65759;
}

.row-registre {   
    height: 134px;
    padding: 26px;
    background: #422afd;
}

/*#registre{
    display: none !important;
}*/

#fleche-bas i.fa-long-arrow-down{
    font-size: 4em !important;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

#fleche-bas p{
    margin: 0;
}

#presentation-boutique .fa-long-arrow-left:nth-of-type(2)
{
    transform: rotate(45deg);
    margin-top: 3.4em !important;
    margin-bottom: 0em !important;
}


#presentation-boutique .fa-long-arrow-right,  #presentation-boutique .fa-arrows-h, #presentation-boutique .fa-long-arrow-left{
    padding: 0 !important;
    margin: .6em 0 .8em .25em !important;
    font-size: 4em !important;
}

#presentation-boutique .fa-long-arrow-right:nth-of-type(3), #presentation-boutique .fa-long-arrow-right:nth-of-type(4){
    margin-top: 0.5em !important;
}


#presentation-boutique .fa-long-arrow-left{
    padding: 0 !important;
    margin: 0 !important;
    font-size: 4em !important;
}

#presentation-boutique .fa-table, #presentation-boutique .fa-microchip, #presentation-boutique .fa-cloud, #presentation-boutique .fa-sign-in,
#presentation-boutique .fa-server, #presentation-boutique .fa-folder-open, #presentation-boutique .fa-cogs, #presentation-boutique .fa-bar-chart,
#presentation-boutique .fa-arrows-v, #presentation-boutique .fa-university  {
    display: block;
    color: #fff !important;
}

/*  _   */

#presentation-boutique .fa, #conformite-securite .fa, #ci .fa, #environnement-contractuel .fa , #ietl .fa, 
#rgpd-data .fa, #conformite-juridique .fa, #j-systeme .fa, #justice-predcitive .fa, #p-graphique .fa, #rgpd-demarche .fa{
    color: #0a9fe2;
    margin: 0.5em;
    font-size: 2em;
}

p#plateforme {
    padding: 40px;
    background: rgba(10, 159, 226, 0.8);
    color: #fff;

    border-radius: 25% 10px;
    font-family: "Arial" ,"Open sans", sans-serif;
    font-weight: 300;
    font-size: 1.38em;
    text-align: center;
    line-height: 2.35em;
}

p#plateforme a, p#plateforme .fa{
    color: #fff;
}

/* compte à rebours page rgpd */
#countdown{ 
    display: block;     
}

#countdown li {
    text-align: right;
    width: 1.2em;
    font-weight: bolder;
    font-size: 2em;
    line-height: 2.25em;
    /* color: hsl(0, 0%, 74%); */
    background: crimson;
    padding: 10px;
    width: 67px;
    color: #fff;
    border-radius: 50% 0px;
    margin: 10px;
    text-align: center;
}

#temps-restant{
    margin: 0 !important;
    font-size: 1.15em !important;
   /* background: rgba(255,255,255, 0.8); */
    background: #fff;
    opacity: .7;
    height: 86px;
    padding: 5px;
    border: 1px solid #fff;
    width: 215px;
}

.countdown small .element_conteiner:nth-of-type(1){

    font-size: 1.6em !important;
    background: #fff;
    opacity: 1;
    height: 47px;
    padding: 5px;
    border: 1px solid #fff;
    width: 113px;
}

span.days.time_left {
    text-align: left !important;
}

.countdown small .element_conteiner:nth-of-type(1) span.days.time_left::before{
    content: 'J - ';
    font-family: 'Arial';
}

#countdown ul{    
    display: flex;
    justify-content: space-around;
    /*margin-top: 50px;*/
}

#countdown span{
    color: hsl(0, 0%, 74%);
    font-weight: bolder;
    font-size: 1.8em;
    margin: 0;
}

.countdown p{
    text-align: center;
    font-weight: 300;
    color: red;
}

#main_countedown_1 span.hourse.time_left, #main_countedown_1 span.minutes.time_left, #main_countedown_1 span.secondes.time_left{
    display: none !important;
}

/* lexing saas */
.page-id-112403 #environnement-contractuel h3::before{
    content: '\f07c';
    font-family: 'fontawesome';
    color: #fff;
    margin-right: 0.5em;
    font-size: 1.2em;
}


/* plateforme saas */
.page-id-109372 #environnement-contractuel h3::before{
    content: '\f1cd';
}

/* contrats intelligents */
.page-id-109832 #environnement-contractuel h3::before{
    content: '\f17b';
}

/* informatique et libertés */
.page-id-109889 #environnement-contractuel h3::before{
    content: '\f09c';
}

/* les outils juridiques */

#les-outils-juridiques h2.card-title.activator{
    min-height: 96px !important;
    text-align: center;
}

#les-outils-juridiques article p, #les-outils-juridiques article ul li {
    font-size: 1.125em;
    font-family: inherit;
    color: rgba(0,0,0,0.71);
    line-height: 1.2em;
    margin: 14px 0;
}

#les-outils-juridiques article h3 {
    font-size: 1.8em;
    color: #0a9fe2;
    text-align: center;
    margin: 0;
}

#les-outils-juridiques article:hover, #les-outils-juridiques article:active, #les-outils-juridiques article:focus{
    -webkit-box-shadow: 0px 0px 21px 0px rgba(10,159,226,1);
    -moz-box-shadow: 0px 0px 21px 0px rgba(10,159,226,1);
    box-shadow: 0px 0px 21px 0px rgba(10,159,226,1);
    opacity: 0.9;
    transition-duration : 2s;
    -webkit-transition-duration : 2s;
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);
    transition: all 1s ease;
    z-index: 1000;
}


h2.card-title {
    /*font-family: 'Roboto', sans-serif;
    font-size: 1.3em !important;*/
    font-family: inherit;
    font-size: 1.6em !important;
    font-weight: 400 !important;
    color: #0d47a1;
    margin-top: 0;
    margin-bottom: 30px !important;
}

/** css de secours sur 1ere image */

/*#portfolio-boutique .card .card-image img:nth-of-type(1) {
    height: 232px !important;
}*/

#portfolio-boutique .card .card-image img{
    height: 232px !important;
}

#les-outils-juridiques .card .card-image img{
    height: 287px !important;
}

/* Délégué à la Protection des Données de la profession d’avocat */

.articles-dpo article{
    /*background-color: hsla(197, 100%, 44%, 0.1);
    border : 1px solid #003d85;*/
}

.articles-card-dpo article .card-content h3{
    color: #fff;
}

.articles-card-dpo article div.card{
    background: hsla(193, 80%, 49%, 0.1);
}
/*.articles-card-dpo article:nth-of-type(1){
    background-color: ;
}
.articles-card-dpo article:nth-of-type(2){
    background-color: ;
}
.articles-card-dpo article:nth-of-type(3){
    background-color: ;
}
.articles-card-dpo article:nth-of-type(4){
    background-color: ;
}

.articles-card-dpo article:nth-of-type(5){
    background-color: ;
}
.articles-card-dpo article:nth-of-type(6){
    background-color: ;
}*/

.articles-card-dpo article:hover{
    background-color: rgba(0, 61, 133, .01);
    box-shadow: 0 0 0 2em rgba(255,255,255, 0);
    animation: pulse 1s;
    box-shadow: 0 0 0 2em rgba(255,255,255, 0);
}

/* Animate the size, outside */
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 var(--hover); }
}

.articles-card-dpo article .card-image .fa{
    color: #003d85;
    font-size: 4em;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 5%;
}

.articles-card-dpo .card .card-content {
    /*padding: 0 25px 50px 25px;
    border-radius: 0 0 24px 55px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    overflow-wrap: break-word;*/
}

/*.articles-card-dpo article:nth-of-type(5) .card-content {
    padding: 0 25px 18px 25px !important;
}

.articles-card-dpo article:nth-of-type(1) .card-content, .articles-card-dpo article:nth-of-type(3) .card-content  {
    padding: 0 25px 46px 25px !important;
}*/

.table-chatbot{
    border-collapse: separate;
    border-spacing: 0 .25em;
}
.table-chatbot td {
    color: #000;
    font-weight: 600;
    font-size: 1.4em;
}

.table-chatbot p{
    font-size: .8em !important;
    line-height: 0em !important;
    text-transform: initial;
    margin: 0 !important;
}

table.table-design-1{
    border-collapse: separate;
    border-spacing: 1.5em 0;
}

table.table-design-1 th.offre-1, table.table-design-1 th.offre-2, table.table-design-1 th.offre-3, table.table-design-1 th.offre-4{
    border-bottom: 4px solid #fff;
}

table.table-design-1 tr{
    border-bottom: 4px solid #ccc;
}

table.table-design-1 span{
    font-weight: bold;
}

table.table-design-1 .offre-info{
    padding: 1%;
    background-color: #0a9fe2;
    border: 2px solid #fff;
    color: #fff;
    margin: 0 1%;
}

table.table-design-1 .offre-1{
    text-align: center;
    padding: 2%;
    /*border: 10px solid cyan;*/
    background-color: cyan;
    color: #000;
    margin: 0 1%;
}

table.table-design-1 .offre-2{
    text-align: center;
    padding: 2%;
    /*border: 10px solid #eeff41;*/
    background-color: #69f0ae;
    color: #000;
    margin: 0 1%;
}

table.table-design-1 .offre-3{
    text-align: center;
    padding: 2%;
    /*border: 10px solid #eeff41;*/
    background-color: #eeff41;
    color: #000;
    margin: 0 1%;
}

table.table-design-1 .offre-4{
    text-align: center;
    padding: 2%;
    /*border: 10px solid #880e4f;*/
    background-color: #c51162;
    color: #000;
    margin: 0 1%;
}

/* **************** la page bibliothèque - Livres et page avocats **************** */

.cartes div.row{
    margin-bottom: -40px !important;
}

.cartes .card .card-image .card-title {
    font-weight: 400;
    color: #0a9fe2;
    background: #fff;
    padding: 0px 0px;
    width: 100%;
    text-align: center;
    line-height: 20px;
    /*top: 13.5em;*/
    -webkit-line-clamp: 3;
    line-clamp: 3;
    height: 60px !important;
}

.cartes .card .card-image {
    height: 260px !important;
}

.cartes .btn-floating.halfway-fab {
    bottom: 80px;
    width: 30px;
    height: 30px;
    right: 3px;
}

.cartes .card .card-content {
    padding: 5px;
    border-radius: 0 0 2px 2px;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    height: 85px !important;
    overflow: hidden;
}

.cartes .card .card-content p{
    font-size: 1em;
    text-align: center;
}

.cartes .card .card-reveal {
    padding: 3px;
    overflow-x: hidden;
}

.cartes .card .card-title {
    font-size: 14px;
    line-height: 1.25em;
    margin-top: 5px;
}

.cartes .btn-floating i {
    font-size: 1.5rem;
    line-height: 0;
}

.cartes ::-webkit-scrollbar {                                   /* Scrollbars */
    width: 7px;
    height: 14px;
    background: #fff 0 0 repeat;
}

.cartes .card-reveal p{
    font-size: .9em;
}

.cartes .card .card-action{
    padding: 5px;
}

.cartes .btn{
    padding: 0 1.55rem;
    display: block;
}

#environnement-contractuel .fa{
    color: #0a9fe2;
}

#portfolio-boutique article a{
    text-align: center;
}

#portfolio-boutique article:hover h3::before{
    transition: 1s;
    -webkit-transition: 1s;
}

#portfolio-boutique article:hover h3::before{
    color: #003A89;
}

#portfolio-boutique article:hover h3 a{
    color: #e80e0a !important;
}

#portfolio-boutique li{
    text-align: left;
}

#portfolio-boutique li::before{
    font-family: 'fontawesome';
    content: '\f0da';
    font-size: 1.2em;
    margin-right: 0.5em;
    color: #0a9fe2;
}

/* maj css materialize */
.material-icons {
    color: #03a9f4;
}

.modal {

    max-height: 90% !important;
    width: 90% !important;
}

input:not([type]).valid, input:not([type]):focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime].valid, input[type=datetime]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
    border-bottom: .05em solid #4CAF50 !important;
    box-shadow: 0 .05em 0 0 #4CAF50;
}

input:not([type]).invalid, input:not([type]):focus.invalid, input[type=text].invalid, input[type=text]:focus.invalid, input[type=password].invalid, input[type=password]:focus.invalid, input[type=email].invalid, input[type=email]:focus.invalid, input[type=url].invalid, input[type=url]:focus.invalid, input[type=time].invalid, input[type=time]:focus.invalid, input[type=date].invalid, input[type=date]:focus.invalid, input[type=datetime].invalid, input[type=datetime]:focus.invalid, input[type=datetime-local].invalid, input[type=datetime-local]:focus.invalid, input[type=tel].invalid, input[type=tel]:focus.invalid, input[type=number].invalid, input[type=number]:focus.invalid, input[type=search].invalid, input[type=search]:focus.invalid, textarea.materialize-textarea.invalid, textarea.materialize-textarea:focus.invalid {
    border-bottom: .05em solid #F44336;
    box-shadow: 0 .05em 0 0 #F44336;
}

blockquote {
    border-left: 5px solid #0a9fe2 !important;
}

#portfolio-boutique .card .card-content {
    height: 105px !important;
}

.material-icons.active, .material-icons:hover, .material-icons:focus {
    color: #003a89!important;
}

input[type=text]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]), input[type=email]:focus:not([readonly]) {
    border-bottom: 1px solid #03a9f4;
    box-shadow: 0 1px 0 0 #03a9f4;
}

/* animated hand to bottom plateforome saas */
.fa-hand-o-down, .fa-angle-double-down{
    animation: entrer .7s linear infinite alternate;
    animation-duration: 2s !important;
    color: #0a9fe2;
}

@keyframes entrer{
    from {transform: translateY(0);}
    to   {transform: translateY(20px);}
}

#post-111867 h1.entry-title{
    margin-bottom: 0;
}

/* ----------------------------
    boutique dpo armoire
------------------------------*/

#meuble-usm{
    background: url(img/meuble-usm-ouvert.png) no-repeat center;
    height: 772px;
    width: 520px;
    position: relative;
    animation-name: zoomInRight, animate-armoire;
    animation-duration: 7s, 10s;
    animation-delay: 0s, 0s;
    animation-timing-function: ease, ease-in;
}

@keyframes animate-armoire {
    0%   {background: url(img/meuble-usm-ferme.png) no-repeat center;}
    25%  {background: url(img/meuble-usm-ferme.png) no-repeat center;}
    50%  {background: url(img/meuble-usm-ferme.png) no-repeat center;}
    75%  {background: url(img/meuble-usm-ouvert.png) no-repeat center;}
    85%  {background: url(img/meuble-usm-ouvert.png) no-repeat center;}
    100% {background: url(img/meuble-usm-ouvert.png) no-repeat center;}
}

#meuble-usm:hover{
    opacity: 0.95;
}

#armoire-dpo h2{
    font-size: 1.8em;
    animation-name: bounceInRight;
    animation-duration: 10s;
    animation-delay: 0s;
    animation-timing-function: ease-in;
}

#meuble-usm .etagere {
    background: url(img/corbeille-interne.png) no-repeat center;
    text-align: center;
    background-size: 244px 82px;
    position: absolute;
    width: 249px;

    animation-name: animate-panier-armoire-usm;
    animation-duration: 11s;
    animation-delay: 0s;
    animation-timing-function: linear;
    /*animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 10s;
    animation-timing-function: linear;*/
}

@keyframes animate-panier-armoire-usm {
    0%    {display: none;  transition: opacity 1s ease-out;  opacity: 0; }
    25%   {display: none;  transition: opacity 1s ease-out;  opacity: 0; }
    50%   {display: none;  transition: opacity 1s ease-out;  opacity: 0; }
    75%   {display: none;  transition: opacity 1s ease-out;  opacity: 0; }
    100%  {opacity: 1;  display: block;}
}

#meuble-usm .etagere:hover{
    background: url(img/corbeille-majorelle-blue.png) no-repeat center;
    transform : scale(1.15);
    transition: 1.5s;
    background-size: 250px 100px;
    height: 122px;
}

#meuble-usm .etagere1{
    top: 67px;
    left: 9px;
}

#meuble-usm .etagere2{
    top: 186px;
    left: 262px;
}

#meuble-usm .etagere3{
    top: 304px;
    left: 9px
}

#meuble-usm .etagere4{
    top: 423px;
    left: 262px;
}

#meuble-usm .etagere5 {
    top: 541px;
    left: 9px;
}

#meuble-usm .etagere6 {
    top: 660px;
    left: 262px;
}

#meuble-usm .etagere1 a{ /* exception */
    padding: 10px 0 !important;
}

#meuble-usm .etagere:hover .etagere a::before{
    background-size: 82px;
    height: 76px;
    transition: 1.5s;
}

.tooltipped [data-tooltip]{
    background: rgba(0,0,0,.7);
}

#meuble-usm .etagere a { 
    color: #f0f0f0; 
    display: block;
    font-size: 1.585em;
    font-weight: bold;
    margin-bottom: 0;
    padding: 10px;
    height: 102px;
    line-height: 147px;
    background: url(img/doc.png) no-repeat center;
    background-size: 90px;
    background-position: top;
    opacity: .9;
}

#meuble-usm .etagere:hover a {
    line-height: 180px;
    color: #fff;
    /*font-size: 1.66em;*/
     animation-name: flipInY;
    animation-duration: 2s;
    animation-delay: .5s;
    background-size: 105px;
    opacity: 1;
}

/* ------------------------------------------------------- */
/* meuble usm version 2.0 */
#meuble-usm2{
    background: url(img/boutique/meuble-usm-ferme.png) no-repeat center;
    height: 585px;
    width: 520px;
    position: relative;
    animation-name: zoomInRight, animate-armoire2;
    animation-duration: 7s, 10s;
    animation-delay: 0s, 0s;
    animation-timing-function: ease, ease-in;
}

@keyframes animate-armoire2 {
    0%   {background: url(img/boutique/meuble-usm-ferme.png) no-repeat center;}
    25%  {background: url(img/boutique/meuble-usm-ferme.png) no-repeat center;}
    50%  {background: url(img/boutique/meuble-usm-ferme.png) no-repeat center;}
    75%  {background: url(img/boutique/meuble-usm-ferme.png) no-repeat center;}
    85%  {background: url(img/boutique/meuble-usm-ferme.png) no-repeat center;}
    100% {background: url(img/boutique/meuble-usm-ferme.png) no-repeat center;}
}

#meuble-usm2 .etagere a{
    color: #f0f0f0; 
    /*text-shadow: 3px 3px 8px #BF7F00, -3px -3px 8px #BF7F00;*/
    display: block;
    font-size: 2em;
    font-weight: bold;
    font-family: "Open Sans";
    opacity: 0.8;

    animation-name: fadeIn;
    animation-duration: 5s;
    animation-delay: 20s;
    animation-timing-function: ease-in;
}

@keyframes animate-t-etagere {
    0%   {display: none;}
    25%  {display: none;}
    50%  {display: none;}
    75%  {display: none;}
    85%  {display: none;}
    100% {display: block;}
}

#meuble-usm2 .etagere:hover a{
    font-size: 1.6em;
}

#meuble-usm2 .etagere:hover a::before { 
    content: url(img/boutique/doc.png);
    display: block;
    margin-top: -40px;
    padding: 4px 0;
    animation-name: flipInY;
    animation-duration: 2s;
    animation-delay: .5s;
}

#meuble-usm2 .etagere {
    /*background: url(img/corbeille-interne.png) no-repeat center; */
    text-align: center;
    /*background-size: 244px 82px;*/
    position: absolute;
    height: 106px;
    width: 239px;
    padding: 40px 0;
    /*display: none;*/

    animation-name: fadeIn;
    animation-duration: 2s;
    animation-delay: .5s;

    /*animation-name: animate-panier-armoire-usm2;
    animation-duration: 11s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 10s;
    animation-timing-function: linear;*/
}

@keyframes animate-panier-armoire-usm2 {
    0%    {display: none;  transition: opacity 1s ease-out;  opacity: 0; }
    25%   {display: none;  transition: opacity 1s ease-out;  opacity: 0; }
    50%   {display: none;  transition: opacity 1s ease-out;  opacity: 0; }
    75%   {display: none;  transition: opacity 1s ease-out;  opacity: 0; }
    100%  {opacity: 1;  display: block;}
}

#meuble-usm2 .etagere1{
    top: 16px;
    left: 19px;
}

#meuble-usm2 .etagere2{
    top: 16px;
    left: 262px;
}

#meuble-usm2 .etagere3{
    top: 127px;
    left: 20px;
}

#meuble-usm2 .etagere4{
    top: 127px;
    left: 262px;
}

#meuble-usm2 .etagere:nth-of-type(2n+1):hover{
    background: url(img/boutique/bg-1.png) no-repeat center;
}

#meuble-usm2 .etagere:nth-of-type(2n):hover{
  background: url(img/boutique/bg-2.png) no-repeat center;
}

#meuble-usm .etagere:hover a::before { 
    content: "";
    background: url(img/doc.png) no-repeat center;
}


.introduction {
    padding: 1% 6%;
    background: #0a9fe2;
    border-radius: 50px;
    margin-bottom: 40px !important;
    color: #fff;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    line-height: 2em;
    animation-name: zoomInLeft;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
}

.introduction:nth-of-type(1){
     margin-top: 50px !important;
}

.introduction:nth-of-type(2n){
    border: 2px #0c1fd3 ridge !important;
}

.introduction:nth-of-type(2n+1){
    /*border: 3px #980d0d ridge !important;*/
}

.introduction p{
    font-size: 1.36em;
    margin: 20px 0 !important;
}

.introduction li{
    font-size: 1.36em;
}

.introduction ul li::before, .detail-boutique ul li::before{
    font-family: 'FontAwesome';
    content: '\f0da';
    font-size: 1em;
    margin-right: .5em;
    color: #930101;
}

.intro1, .intro2, .intro3{
    margin-bottom: 14px !important;
    padding: 1% 6%;
    border-radius: 8px;
    box-shadow: 10px -5px 20px 5px rgba(0, 0, 0, 0.2);
}

.intro-boutique .intro1{
    margin-top: 20px !important;
}

.intro-boutique .intro2{
    border: 0 !important;
}

.intro-boutique p{
    margin: 14px 0 !important;
}

.center{ text-align: center; }

.detail-boutique {
    padding: 20% 8%;
    font-size: 1.6em;
    margin-bottom: 0;
    background: rgba(10, 159, 226, 0.1);
    
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.detail-boutique:hover{
    opacity: .9;
    background: #0a9fe2;
    transition: 2s;
    /*-webkit-animation-iteration-count: 1; 
    animation-iteration-count: 1;*/
}

.detail-boutique:nth-of-type(2n):hover{
    /*animation-name: slideInLeft;*/
}

.detail-boutique:nth-of-type(2n+1):hover{
    /*animation-name: slideInRight;*/
}
/*.detail-boutique:nth-of-type(even) {
    background: hsla(357, 69%, 35%, 0.1);
}

.detail-boutique:nth-of-type(odd) {
    background: hsla(234, 100%, 36%, 0.1);
} */

.detail-boutique:nth-of-type(even) article { 
    border-left: 2px solid #912024;
}

.detail-boutique:nth-of-type(odd) article { 
    border-right: 2px solid #000e9a;
}

.detail-boutique h3{
    font-size: 1.8em;
    margin-top: 0;
}

.detail-boutique:hover p, .detail-boutique:hover ul {
    color: #f0f0f0;
    line-height: 1.25em;
}

.etagere-usm{
    opacity: .9;
}

.detail-boutique aside{
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.detail-boutique:active, .detail-boutique:focus, .detail-boutique:visited {
  background: #0a9fe2;
}

.detail-boutique p, .detail-boutique li{
  font-size: 1em;
  line-height: 1.25em;
}

.detail-boutique:hover article h3 a {
    color: #fff !important; 
}

/* -------  Page 404 ------- */

.error404 .entry{
    margin: 2.8% 0;
}

/* -------------Jquery UI-------------- */

.ui-widget-header {
    border: 7px solid #0a9fe2;
    background: #0a9fe2;
    color: #fff;
    font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar-close {
    display: none;
}

button:focus {
    outline: none;
    background-color: #0a9fe2;
}
/* --------------------------------------------------------------------------------- */
.r-avocat::before, .r-consultant::before, .r-economiste::before,
.r-informatique::before, .r-secretariat::before{
    font-family: 'fontawesome';
    font-size: 2em;
    color: #0a9fe2;
    margin-right: .5em;
}
.r-avocat::before{
    content: '\f24e';
}
.r-consultant::before{
    content:'\f27e';
}
.r-economiste::before{
    content: '\f080';
}
.r-informatique::before{
    content: '\f120';
}
.r-secretariat::before{
    content: '\f1e4';
}

ul.collapsible li{ list-style-type: none!important;}
/* --------------------------------------------------------------------------------- */
#canvas{
    position:absolute;
    top: 318px;
    left: 10%;
    /*margin-top:-300px;
    margin-left:-300px;*/
    z-index: 1;
    background-image: radial-gradient(circle, #008a2a, #007a2d, #006b2e, #055c2d, #0d4d2b);
}
#canvas, #domaine{
    width: 80%;
    height: 400px;
    margin: 0 auto !important;
}
#domaine{
    position: relative;
   /* width: 1200px;*/
}
@font-face{
    font-family: "Circuit";
    src: url("https://www.alain-bensoussan.com/wp-content/themes/pinboard-child/fonts/circuit.TTF");
    font-weight: normal;
}
#domaine a{
    position: absolute;
    text-decoration: none;
    color: #ec407a;
    font-weight: bolder;
    z-index: 2;
    font-size: 2.4em;
    font-family: "Circuit", "Open Sans", sans-serif;
    height: 30px;
    line-height: 30px;
    width: 320px;
    text-align: center;
    /*background-image: radial-gradient(circle, #f3d72f, #bdc621, #88b41f, #549f24, #008a2a);
    background-image: -webkit-radial-gradient(circle, #f3d72f, #bdc621, #88b41f, #549f24, #008a2a);*/
    background-image: linear-gradient(to right, #000000, #0c0b0b, #141313, #1b1919, #211f1f);
    color:transparent;
    -webkit-background-clip: text;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

#domaine a:nth-of-type(2n){
    font-style: oblique;
}

#domaine a:nth-of-type(2n+1){
    font-style: unset;
}

#domaine a:hover{
    color: #000;
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    -ms-transform: scale(1.35);
    -o-transform: scale(1.35);
    transform: scale(1.35);
    background-color: transparent;
}

#domaine a::before {
    font-family: 'fontawesome';
    /*font-size: 2em;*/
    color: #ec407a;
    margin-right: .1em;
}

#domaine a#accountability{
    top: 5px;
    left: 38px;
    animation: zoomIn 7s 1s ease-in-out;
    /*background-image: url("img/circuit/condensateur.png") no-repeat center;*/
    font-size: 2.4em;
}
#domaine a#analyse-impact{
    top: 30px;
    right: 20px;
    animation: zoomIn 12s 2s ease-in-out;
    font-size: 2.33em;
}
#domaine a#cartographie{
    top: 61px;
    right: 406px;
    animation: zoomIn 17s 0s ease-in-out;
    font-size: 2.3em;
}
#domaine a#droit-des-personnes{
    top: 124px;
    left: 137px;
    animation: zoomIn 22s 0s ease-in-out;
    font-size: 2.38em;
}
#domaine a#faille-de-securite{
    top: 182px;
    left: 446px;
    animation: zoomIn 27s 0s ease-in-out;
    font-size: 2.3em;
}
#domaine a#flux-transfrontieres{
    top: 229px;
    right: 30px;
    animation: zoomIn 32s 0s ease-in-out;
    font-size: 2.28em;
}
#domaine a#gestion-des-projets{
    top: 262px;
    left: 25px;
    animation: zoomIn 35s 0s ease-in-out;
    font-size: 2.37em;
}
#domaine a#litige{
    top: 288px;
    left: 439px;
    animation: zoomIn 40s 0s ease-in-out;
    font-size: 2.39em;
}
#domaine a#livre-rgpd{
    top: 330px;
    right: 108px;
    animation: zoomIn 45s 0s ease-in-out;
    font-size: 2.32em;
}
#domaine a#registre{
    top: 338px;
    left: 222px;
    animation: zoomIn 50s 0s ease-in-out;
    font-size: 2.29em;
}
/*************************************************/
#domaine a#avocat{
    top: 12%;
    left: 29%;
    animation: zoomIn 30s 0s ease-in-out;
}
#domaine a#consultant{
    top: 25%;
    right: 10%;
    animation: zoomIn 45s 0s ease-in-out;
}
#domaine a#dpo{
    top: 35%;
    right: 46%;
    animation: zoomIn 60s 0s ease-in-out;
}
#domaine a#economiste{
    top: 50%;
    left: 74%;
    animation: zoomIn 80s 0s ease-in-out;
}
#domaine a#informatique{
    top: 62%;
    left: 35%;
    animation: zoomIn 90s 0s ease-in-out;
}
#domaine a#secretariat{
    top: 75%;
    left: 76%;
    animation: zoomIn 120s 0s ease-in-out;
}
#domaine a#avocat::before{
    content: '\f24e';
}
#domaine a#consultant::before {
    content: '\f27e';
}
#domaine a#dpo::before {
    content: '\f023';
}
#domaine a#economiste::before {
    content: '\f080';
}
#domaine a#informatique::before {
    content: '\f120';
}

#domaine a#secretariat::before {
    content: '\f1e4';
}

/* Projet RGPD */

/* fa-newer */
.outilrgpd .fa-new{ font-size: 6em;text-align:center; }

.outilrgpd .fa-new i, .outilrgpd .card .card-content .card-title i,
.outilrgpd .card .card-title.activator{
    /*background-image: linear-gradient(to right top, #083c87, #65328c, #a00e7b, #c90058, #db0028);
    background-image:  -webkit-linear-gradient(to right top, #083c87, #65328c, #a00e7b, #c90058, #db0028);*/

    background-image: linear-gradient(to right top, #27d9ff, #00b9ff, #0093ff, #0066ff, #0b0bf6);
    background-image: -webkit-linear-gradient(to right top, #27d9ff, #00b9ff, #0093ff, #0066ff, #0b0bf6);
    color:transparent;
    -webkit-background-clip:text;
    transition: transform ease-out 0.1s, background 0.2s;
}

.outilrgpd .fa-new i:hover{
    color: #fff;
    font-size: 1.2em;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    background-image: radial-gradient(circle, #27d9ff, #00b9ff, #0093ff, #0066ff, #0b0bf6);
    background-image: -webkit-radial-gradient(circle, #27d9ff, #00b9ff, #0093ff, #0066ff, #0b0bf6);
    color:transparent;
    -webkit-background-clip:text;
    transition: 2s;
}
.outilrgpd p, .outilrgpd li{
    margin: 20px 0 !important;
    font-weight: lighter !important;
}

.outils-rgpd{
    margin: 2% auto !important;
}

.outilrgpd .card .card-title.activator{
    text-align: center;
    font-weight: 600;
}

.outilrgpd .card .card-reveal .card-title {
    cursor: pointer;
    display: block;
    font-size: 1.6em;
    line-height: 1.2em;
    margin: 0 0 5px 0;
}

.outilrgpd ::-webkit-scrollbar { /* Scrollbars */
    width: 7px;
    height: 14px;
    background: #fff 0 0 repeat;
}

.outilrgpd .card .card-reveal {
    padding: 6px;
}

.outilrgpd div.card-content{
    height: 142px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.outilrgpd ul{margin-left: 60px;}

.outilrgpd span.card-title.activator{
    line-height: 1.8;
    animation: fadeIn .2s 0s ease, slideInUp 1s 0s ease;
    -webkit-animation: fadeIn .2s 0s ease, slideInUp 1s 0s ease;
}
.outilrgpd span.card-title.activator:hover{
    line-height: 1.8;
    animation: slideInUp 1s ease-in;
    -webkit-animation: slideInUp 1s ease-in;
}

.outilrgpd .card:hover{
    background-image: linear-gradient(to right top, #27d9ff, #00b9ff, #0093ff, #0066ff, #0b0bf6);
    background-image: -webkit-linear-gradient(to right top, #27d9ff, #00b9ff, #0093ff, #0066ff, #0b0bf6);
}
.outilrgpd .card:hover .fa-new i, .outilrgpd .card:hover .card-content .card-title i,
.outilrgpd .card:hover .card-title.activator{
    color: #fff !important;
    padding: 2% 0;
    transition: 2s;
}

.center{
    display: block;
    margin: 0 auto;
    text-align: center;
}

.outilrgpd .numero{
    text-align: center;
    border-radius: 50%;
    behavior: url(PIE.htc);
    /* remove if you don't care about IE8 */
    width: 36px;
    height: 36px;
    padding: 8px;
    background: #fff;
    border: 2px solid #0a9fe2;
    color: #0a9fe2 !important;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.bg-blanc{
    padding: 10px;
    background: rgba(255,255,255, 0.8);
    color: #0a9fe2;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    font-size: 1.25em !important;
    padding: 0;
}


/* ********************* début test rgpd *************************** */

/* fa-newer */
.outilrgpd2 .fa-new{ font-size: 6em;text-align:center; }

.outilrgpd2 .fa-new i, .outilrgpd2 .card .card-content .card-title i
{
    /*background-image: linear-gradient(to right top, #083c87, #65328c, #a00e7b, #c90058, #db0028);
    background-image:  -webkit-linear-gradient(to right top, #083c87, #65328c, #a00e7b, #c90058, #db0028);*/

    background-image: linear-gradient(to right top, #27d9ff, #00b9ff, #0093ff, #0066ff, #0b0bf6);
    background-image: -webkit-linear-gradient(to right top, #27d9ff, #00b9ff, #0093ff, #0066ff, #0b0bf6);
    color:transparent;
    -webkit-background-clip:text;
}

.outilrgpd2 .row:nth-of-type(2) .card .card-title.activator{
    color: #0c0b0b;
}

.outilrgpd2 .fa-new i:hover{
    color: #E73879 !important;
    font-size: inherit;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-image: none;
    color:transparent;
    animation: none;
}

.outilrgpd2 p, .outilrgpd2 li{
    margin: 10px 0 !important;
    font-weight: lighter !important;
}

.outils-rgpd2{
    margin: 2% auto !important;
}

.outilrgpd2 .card .card-title.activator{
    text-align: center;
    font-weight: 600;
}

.outilrgpd2 .card .card-reveal .card-title {
    cursor: pointer;
    display: block;
    font-size: 1.6em;
    line-height: 1.2em;
    margin: 0 0 5px 0;
}

.outilrgpd2 ::-webkit-scrollbar { /* Scrollbars */
    width: 7px;
    height: 14px;
    background: #fff 0 0 repeat;
}

.outilrgpd2 .card .card-reveal {
    padding: 2px 4px;
}

.outilrgpd2 div.card-content{
    height: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.outilrgpd2 ul{margin: 0;}

.outilrgpd2 span.card-title.activator{
    line-height: inherit;
    animation: none, none;
    -webkit-animation: none, none;
}
.outilrgpd2 span.card-title.activator:hover{
    line-height: inherit;
    animation: none;
    -webkit-animation: none;
}

/*.outilrgpd2 .card:hover{
    background-image: linear-gradient(to right top, #27d9ff, #00b9ff, #0093ff, #0066ff, #0b0bf6);
    background-image: -webkit-linear-gradient(to right top, #27d9ff, #00b9ff, #0093ff, #0066ff, #0b0bf6);
}
.outilrgpd2 .card:hover .fa-new i, .outilrgpd2 .card:hover .card-content .card-title i,
.outilrgpd2 .card:hover .card-title.activator{
    color: #fff !important;
    padding: 2% 0;
    transition: 2s;
}*/

.center{
    display: block;
    margin: 0 auto;
    text-align: center;
}

.outilrgpd2 .numero{
    text-align: center;
    border-radius: 50%;
    behavior: url(PIE.htc);
    width: 36px;
    height: 36px;
    padding: 8px;
    border: 0 !important;
    color: #0c0b0b !important;
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: 100 !important;
    font-variant: inherit;
    font-size: 1em !important;
}

.bg-blanc{
    padding: 10px;
    background: rgba(255,255,255, 0.8);
    color: #0a9fe2;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    font-size: 1.25em !important;
    padding: 0;
}

.design-x1{
    text-align: center;
    font-weight: 600;
    color: #fff !important;
    font-size: 2em;
    width: fit-content;
    margin: 0 auto;
    padding: 12px;
    border-radius: 2% 15px;
    background: #0A9FE2;
}

.outilrgpd2 .card .card-image img {
    height: 120px !important;
    height: auto;
    max-width: 320px;
    margin: 0 auto;
}

/* **************************** fin rgpd test ********************* */


#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
/*#details{
    left: 222px !important;
    max-width: 1266px;
}*/
/* ************************************************* */
/* nouvelle colonne */
.s5ths,
.m5ths,
.l5ths,
.xl5ths {
    margin-left: auto;
    left: auto;
    right: auto;
}
.row .col.s5ths {
    width: 20%;
}
@media only screen and (min-width: 993px) {
    .row .col.l5ths {
        width: 20%;
    }
}
@media only screen and (min-width: 1201px) {
    .row .col.xl5ths {
        width: 20%;
    }
}
/* --------------------------------------------------------------------------------- */

/* media screen */
@media screen and (min-width: 1366px) { 
    .home .entry-summary p {
        margin: 0;
        height: 63px !important;
    }
}

@media screen and (max-width: 1366px) {
    #access a { font-size: .98em; }
}

@media screen and (max-width: 1260px) and (min-width: 993px){
    .cartes .card .card-image {
        height: 192px !important;
    }
    /*.cartes .card .card-content {
        height: 181.5px !important;
    }*/
}

@media screen and (max-width: 1266px) and (min-width: 768px){
    #container { margin-top: -6px !important; }
}

/* full width en resposnive */
@media screen and (max-width: 1266px){

    #wrapper {
        max-width: 100%;
    }

    #header input#s {
        margin-top: 5px;
    }

    #social-media-icons {
        margin-top: 14px;    
    }

    #header #searchform {
        margin: 8px 18.4% 0 2px;
    }

    div#site-description { margin: 0; }

    #access {
        /*display: inline-table;*/
    }

    #sidebar-wide { /*argin-top: 241px;*/ }
}

@media screen and (max-width: 992px){

    #wrapper {
        max-width: 100%;
    }

    #social-media-icons {
        margin-top: 14px;    
    }

    #header #searchform {
        margin: 8px 2.4% 0 5px;
    }

    #access .menu a {
        background: #0a9fe2;
    }

    div#site-description { margin: 0; }

    #access .menu a:hover {
        background: rgba(255, 255, 255, .2);
    }

    .drop-down-toggle {
        background: transparent;
        border: 0;
    }

    #access:target .menu {
        background: #0a9fe2;
    }
    #trophee, .liens { display: none;}
    #sidebar-wide { /*margin-top: 241px;*/ }
}

@media screen and (max-width: 760px){

    #access a:hover, #access li.current_page_item > a, #access li.current-menu-item > a {
        /*background: #0a9fe2 !important;*/}
    #wrapper, .page-template-template-no-sidebars-php #wrapper, .page-template-template-blog-no-sidebars-php #wrapper, .page-template-template-portfolio-no-sidebars-php #wrapper {
        max-width: 100%;
    }
    #header #searchform {
        margin: 0 auto;
    }
    #social-media-icons {
        margin-top: 15px;
    }
    /*#access:target .menu {
        margin-top: 228px;
        background: #0a9fe2;
    }*/
   /*#access {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        width: 100%;
        padding: 0;
        background: none;
        box-shadow: none;
    }*/
    #access .menu a {
        background: #0a9fe2;
        opacity: .9;
    }
    #access .menu a:hover {
        background: rgba(255, 255, 255, .2);
    }
    /*.drop-down-toggle {
        background: transparent;
        border: 0;
    }*/
    /* menu nav */
    #access .nav-show, #access a.nav-show:hover {
        background: url(img/nav.png) no-repeat;
        top: 132px;
        right: 4%;
    }

    .home .threefourthcol .threecol .entry, .onecol .fourcol .entry, .fourcol .widget { margin: 7.5%; }
    #header input#s { color: #000; font-weight: bold; }
    #trophee, .liens { display: none;}
    #countdown ul{  flex-direction: column; }
    #sidebar-wide { margin-top: initial; }

    /* fixer le header */
    .home #header {
        position: initial;
        top: 0;
        transition: background-color 150ms linear;
        -webkit-transition: background-color 150ms linear;
        z-index: 10000;
        background: #fff;
        width: 100%;
    }
    .menu li:hover > ul.sub-menu {
        display: block !important;
        line-height: 40px;
        -moz-transition: height .25s, line-height .25s;
        -webkit-transition: height .25s, line-height .25s;
        -o-transition: height .25s, line-height .25s;
        -ms-transition: height .25s, line-height .25s;
        transition: height .25s, line-height .25s;
    }
    /* régler le pb hover sous-menu sous Ios */
    html.ios .menu li:hover > ul{
        /*surcharge afin de retirer les styles posant problème*/
        height: 500px !important;
    }
    #access li ul{
        height: auto;
        width: 100%;
        position: inherit;
        opacity: 0.9;
    }
    #access .menu a{
        font-size: 1.45em !important;
    }
    .menu{ display: none;}
    .show-nav{ display: block;}
    nav#access{ background: transparent!important;}
    .nav-show{ z-index: 9999;}
}

@media screen and (max-width: 520px){
    #meuble-usm { 
        zoom: 70%; }
    .etagere a{
        font-size: 1em;
    }
    .detail-boutique:nth-of-type(even) article, .detail-boutique:nth-of-type(odd) article {
        border-left: none;
        border-right: none;
    }
}

@media screen and (max-width: 380px){
    .cartes .card .card-image {
        height: 225px !important;
    }

    .cartes .card .card-content {
        height: 174px !important;
    }

    #meuble-usm {
        zoom: 60%;
    }
}