/*
#
# Thème "Paulane B" - par William Kieselé
# www.wk-concept.fr
# 
*/

@import 'https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,600,600i';

:focus {
    outline: none;
    outline: none;
    border: 0;
}
a:hover,
a:active,
a:focus {
    outline: 0;
}
::-moz-focus-inner {
    border: 0;
}
/* Clearfix */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/*******************/

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}
body {
    color: #3E0880;
    background: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.25em;
    line-height: 1.1;
    font-weight: 300;
}
/* H1 > H6 */

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: 'PabessenceScript';
    line-height: 1.25;
    margin-bottom: .25em;
    margin: 0rem 0 1rem 0;
    font-weight: 400;
    color: #8520A5;
}
.h1,.h2,.h3,.h4,.h5,.h6 {height: auto;}

h1,.h1 {font-size: 3.0em;}
h2,.h2 {font-size: 2.6em;}
h3,.h3 {font-size: 2.0em;}
h4,.h4 {font-size: 1.8em;}
h5,.h5 {font-size: 1.6em;}
h6,.h6 {font-size: 1.5em;}


.theonepage h1, .theonepage h2, .theonepage h3, .theonepage h4, .theonepage h5, .theonepage h6,
.theonepage .h1, .theonepage .h2, .theonepage .h3,.theonepage .h4,.theonepage .h5,.theonepage .h6 {
    font-family: 'PabessenceScript';
    line-height: 1.25;
    margin-bottom: .25em;
    margin: 0rem 0 1rem 0;
    font-weight: 400;
    color: #8520A5;
}
.theonepage .h1,.theonepage .h2,.theonepage .h3,.theonepage .h4,.theonepage .h5,.theonepage .h6 {height: auto;}

.theonepage h1,.theonepage .h1 {font-size: 144px;}
.theonepage h2,.theonepage .h2 {font-size: 7.2em;}
.theonepage h3,.theonepage .h3 {font-size: 6.8em;}
.theonepage h4,.theonepage .h4 {font-size: 6.0em;}
.theonepage h5,.theonepage .h5 {font-size: 5.3em;}
.theonepage h6,.theonepage .h6 {font-size: 4.0em;}

.theonepage {padding-left: 10px;padding-right: 10px;}


.theonepage .message-rea {
    font-family: 'Josefin Sans', sans-serif;
    color: #3E0880;
    font-size 24px;    
    text-align: center;
    font-weight: bold;
}

img.ombre {
    box-shadow: 8px 8px 12px rgba(59, 78, 112, 0.6);
}


img.fx1,img.fx2  {
    -webkit-transition: all .5s ease-out; 
    -moz-transition: all .5s ease-out; 
    -o-transition: all .5s ease-out; 
    transition: all .5s ease-out;
    
}

.maloupe {position:absolute;color:rgba(255, 255, 255, 0.5);font-size: 1.5em;bottom:25%;left:70%;}

img:hover.fx1 {
    -moz-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    -ms-transform: scale(1.6); 
    cursor:  pointer;
}

@media (max-width: 767px) {
    img:hover.fx1 {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1); 
}
    .maloupe {display:none;}
}

a {
    color: #DB3C8E;
    text-decoration: none;
    /*border-bottom: 1px dotted transparent;*/
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
a:hover {
    color: #E36BD9;
    text-decoration: none;
    /*border-bottom: 1px dotted #DB3C8E;*/
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.header {
    background: transparent;
    padding: 20px;
}
.header h1 {
    font-weight: 300;
    font-size: 5.4em;
    padding-top: 20px;
    line-height: 1em;
    margin: 10px 0em 0em 0em;
    font-style: italic;
    color: #295baf;
}
.header h1::first-letter {
    color: #93abd1;
}
.header h2 {
    font-weight: 100;
    font-style: italic;
}
.header img {
    margin-top: 26px;
}
/*Effet Ziommmmmm ds le header :) */

.ziomm_atester {
    background-color: #fff;
    background-image: url('../img/netw.svg'), radial-gradient(200px 640px at center, #295baf 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
    background-size: 100%, 50% 100%;
    background-position: 0 60%, 0 100%;
    animation: move 5s linear infinite;
    border-right: 0;
    border-left: 0;
}
@keyframes move {
    0% {
        background-position: 0 60%, 0 50%;
    }
    100% {
        background-position: 0 60%, 100% 50%;
    }
}
@media (max-width: 1024px) {
    .ziomm {
        animation: none;
        background: #fff;
    }
}
/**/

.top-menu {
    background: transparent url('../img/motif-header.png');
    font-weight: normal;
    padding: 30px 0px 0px 0px;
    height: 114px;
    color: #8520A5;
    z-index: 8000;
    position: fixed;
    width: 0 auto;
    font-family: 'Pabessence-Sans';
}

.top-menu .fa {
    font-size: 1.5em;
    margin-right: 8px;
}
/* Navigation top */


.menu-btn,
.menu-top {
    display: inline;
    margin-right: 10px;
    font-size: 1.3em;
    font-weight: 400;
}
.menu-btn {
    color: #8520A5;
}
.menu-btn:hover {
    color: #E36BD9;
}
.menu-btn a,
.menu-top a {
    color: #8520A5;
}
.menu-btn a:hover,
.menu-top a:hover {
    color: #E36BD9;
}
.menu-btn-change {
    color: #1990ff;
}
.menu-btn-change:hover {
    color: #FF2619;
}
.menu-btn-change a,
.menu-top-change a {
    color: #1990ff;
}
.menu-top-change a:hover {
    color: #FF2619;
}
.menu-top-right {
    display: none;
    float: right;
    color: #fff;
}
.menu-top-right-change {
    display: inline;
    float: right;
    color: #FF2619;
}
.menu-change {
    text-align: left;
    direction: ltr;
}
.menu-btn:hover,
.menu-top a:hover {
    cursor: pointer;
}
/* Social top */

.menu,
.responsive-menu label {
    background: transparent;
}
.responsive-menu label {
    padding-top: 0;
}
@media (max-width: 767px) {
    ul.menu {
        position: absolute;
        margin-top: 2px;
        background: rgba(0, 0, 0, .2);
        z-index: 1000;
    }
    ul.menu li:hover {
        background: rgba(0, 0, 0, .05);
    }
}
/* Classes divers */
/* Classes divers */

.pt20 {
    padding-top: 20px;
}
.pt10 {
    padding-top: 10px;
}
.pb20 {
    padding-bottom: 20px;
}
.mt20 {
    margin-top: 20px;
}
.mb20 {
    margin-bottom: 20px;
}
.pt30 {
    padding-top: 30px;
}
.pb8 {
    padding-bottom: 8px;
}
.pb30 {
    padding-bottom: 30px;
}
.mt30 {
    margin-top: 30px;
}
.mb30 {
    margin-bottom: 40px;
}
.pt40 {
    padding-top: 40px;
}
.pt50 {
    padding-top: 50px;
}
.pt60 {
    padding-top: 60px;
}
.pb40 {
    padding-bottom: 40px;
}
.mt40 {
    margin-top: 40px;
}
.mb40 {
    margin-bottom: 40px;
}
.pt50 {
    padding-top: 50px;
}
.pb50 {
    padding-bottom: 50px;
}
.mt50 {
    margin-top: 50px;
}
.mb50 {
    margin-bottom: 50px;
}
.pt60 {
    padding-top: 60px;
}
.pt70 {
    padding-top: 70px;
}
.pt80 {
    padding-top: 80px;
}
.pt100 {
    padding-top: 100px;
}
.pt120 {
    padding-top: 120px;
}
.pb60 {
    padding-bottom: 60px;
}
.mt60 {
    margin-top: 60px;
}
.mb60 {
    margin-bottom: 60px;
}
.flr {
    float: right;
}
.fll {
    float: left;
}
.m10 {
    margin: 10px;
}
.m20 {
    margin: 20px;
}
.p10 {
    padding: 10px;
}
.p20 {
    padding: 20px;
}
.pb-img-book {
    padding-bottom: 100px;
}





@media (max-width: 767px) {

    .pt60 {
        padding-top: 30px;
    }
    .pt70 {
        padding-top: 30px;
    }
    .pt80 {
        padding-top: 30px;
    }
    .pt100 {
        padding-top: 30px;
    }
    .pt120 {
        padding-top: 30px;
    }
}



.effet1 {
    display: inline-block;
    position: relative;
}
.effet1.laloupe {
    position: absolute;
    top: 5;
    color: red;
}

.pt-blog {
    padding-top: 140px;
}
.couleurw {
    color: #FFF;
}
.couleur1 {
    color: #295baf;
}
.bg-couleur1 {
    background-color: #295baf;
}
.couleur2 {
    color: #D94D35;
}
.bg-couleur2 {
    background-color: #D94D35;
}
.couleur3 {
    color: #e69307;
}
.bg-couleur3 {
    background-color: #e69307;
}
.couleur4 {
    color: #DACFE0;
}
.bg-couleur4 {
    background-color: #DACFE0;
}
.couleur5 {
    color: #AF98BC;
}
.bg-couleur5 {
    background-color: #AF98BC;
}
hr {
    margin: 24px 0px 24px 0px;
}
/* Pagination */

.more {
}


.p_next a,
.p_current,
.p_last a,
.p_first a,
.p_prev a,
.more a {
    font-family: 'PabessenceScript';
    color: #8520A5;
    padding: 10px;
    font-size: 32px;
    transition: none;
    background-image: url('../img/bouton-lire.png');
    background-position: center;
    background-repeat: no-repeat;
}

.more a {float: right;}

.p_next a:after,
.more a:after {
    display: inline-block;
    font-size: 32px;
    content: " > ";
    font-weight: 100;
}
.p_prev a:before {
    display: inline-block;
    font-size: 32px;
    content: " < ";
}
.p_page,
.p_current {
    padding: 10px;
}
.p_page,
.p_current,
.p_next a:hover,
.p_first a:hover,
.p_last a:hover,
.p_prev a:hover,
.more a:hover {
    opacity: .9;
    color: #8520A5;
    transition: none;
}

@media(max-width: 767px) {
    .p_next a,
    .p_current,
    .p_last a,
    .p_first a,
    .p_prev a {
    display: inline-block;
    margin-top: 8px;
    }
}
/* Article */

.article {
    margin-bottom: 20px;
    padding: 0px;
    color: #3B4E70;
    font-size: 24px;
}
.article h1 a {
    font-family: 'Josefin Sans', sans-serif;
    color: #8520A5;
    font-weight: 300;
    font-size: 30px;
    text-transform: uppercase;
    display: inline-block;
}
.article h1 a:hover {
    color: #DB3C8E;
}
.bg-article,
.bg-static {
    background: #fff;
    padding: 20px;
}
.bg-article-home {
    background: rgba(255, 255, 255, 0);
    padding: 0px 20px 0px 20px;
}
.bg-comment {
    background: #ffffff;
    background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #ffe271 100%); 
    background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffe271 100%);
    background: radial-gradient(ellipse at center,  #ffffff 0%,#ffe271 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe271',GradientType=1 );
    padding: 20px;
    border-top-right-radius: 96px;
    border-bottom-left-radius: 96px;
    margin-bottom: 20px;
}
.author-infos {
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #ffffff;
    background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #93f9ea 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#93f9ea 100%);
    background: radial-gradient(ellipse at center,  #ffffff 0%,#93f9ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#93f9ea',GradientType=1 );
    border-top-right-radius: 96px;
    border-bottom-left-radius: 96px;
}
.link-author {
    color: #295baf;
}

.rss-comments {
    background: #79aced;
    background: -moz-radial-gradient(center, ellipse cover, #79aced 0%, #7a8fb9 100%); 
    background: -webkit-radial-gradient(center, ellipse cover, #79aced 0%,#7a8fb9 100%); 
    background: radial-gradient(ellipse at center, #79aced 0%,#7a8fb9 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79aced', endColorstr='#7a8fb9',GradientType=1 );
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
     -webkit-border-top-right-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -moz-border-radius-topright: 16px;
    -moz-border-radius-bottomleft: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
}
.bdred {
    border: 1px solid red;
}
/* Sidebar */

.aside-zone {
    background: #79aced;
    background: -moz-radial-gradient(center, ellipse cover, #79aced 0%, #7a8fb9 100%); 
    background: -webkit-radial-gradient(center, ellipse cover, #79aced 0%,#7a8fb9 100%); 
    background: radial-gradient(ellipse at center, #79aced 0%,#7a8fb9 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79aced', endColorstr='#7a8fb9',GradientType=1 );
    padding: 20px;
    margin-bottom: 20px;
    -webkit-border-top-left-radius: 48px;
    -webkit-border-bottom-right-radius: 48px;
    -moz-border-radius-topleft: 48px;
    -moz-border-radius-bottomright: 48px;
    border-top-left-radius: 48px;
    border-bottom-right-radius: 48px;
}


.aside span {
    margin: 0px 2px 0px 2px;
}
.aside .badge {
    background: rgba(255, 255, 255, 0.50);
    color: #3B4E70;
    margin-left: 8px;
    text-align: center;
    vertical-align: middle;
    border-radius: 6px;
}
aside h3 {
    color: #fff;
}

.aside .cat-list,
.aside .lastart-list,
.aside .lastcom-list,
.aside .arch-list {
    margin-left: 12px;
}
.aside a {
    color: #FFF;
    position: relative;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    font-size: 20px;
}
.aside a:hover {
    color: #FFE271;
}


aside ul#nuage-mots li {
    display: inline-block;
    padding: 6px;
    color: #fff;
    margin: 0px 4px 4px 0px;
}

aside ul#nuage-mots {
    margin: 0px;
    padding: 0px 0px 8px 0px;
}

/* */

button.blue,
input[type="button"].blue,
input[type="reset"].blue,
input[type="submit"].blue {
    background-color: #295baf;
    color: #fff;
}
button.blue:hover,
input[type="button"].blue:hover,
input[type="reset"].blue:hover,
input[type="submit"].blue:hover {
    background-color: #6a6a6a;
}

input:focus,
select:focus,
textarea:focus {
    border: 1px solid #295baf;
    background: #fafafa;
}
/* articles  */

.cube-infos {
    width: 134px;
    height: 139px;
    background: #fff url('../img/iconautedate-blog.jpg') top left no-repeat;
    color: #8520A5;
    padding-top: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 5px;
}

/*
.cube-infos .fa,
.cube-infos .fa a {
    color: #fff;
}
.cube-infos .fa:hover {
    color: #295baf;
}
*/

@media (max-width: 767px) {
   .cube-infos {
       
       height: auto;
       margin-bottom: 20px;
       padding-bottom: 5px;
       clear:both;
    }
    
    .bg-article-home {
    margin-top: 10px;
}
}

@media (max-width: 360px) {
   .cube-infos {
       
       height: 64px;
       margin-bottom: -10px;
       padding-bottom: 5px;
    }
    
    .bg-article-home {
    margin-top: 10px;
}
}

.art-info {
    font-size: 20px;
}
.art-info span {
    display: inline;
    margin-right: 16px;
}
.art-info i {
    padding-right: 4px;
    color: #8520A5;
}
.art-info a {
    text-decoration: none;
    color: #DB3C8E;
}
.art-info a:hover {
    color: #8520A5;
}
.art-info.deco {
    padding: 12px;
    background: #ffffff;
    background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #ffe271 100%); 
    background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffe271 100%);
    background: radial-gradient(ellipse at center,  #ffffff 0%,#ffe271 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe271',GradientType=1 );
    -webkit-border-top-left-radius: 24px;
    -webkit-border-bottom-right-radius: 24px;
    -moz-border-radius-topleft: 24px;
    -moz-border-radius-bottomright: 24px;
    border-top-left-radius: 24px;
    border-bottom-right-radius: 24px;
}
.art-info.home-com {
    font-size: 1.1em;
    text-align: center;
}
.repertory {
    background: rgba(0, 0, 0, .05);
    padding: 4px;
    margin: 10px 0px 10px 0px;
}
table {
    margin-bottom: 20px;
}
/* Commentaires */

.type-normal {
    font-style: italic;
    margin-top: 0px;
    padding: 20px;
    font-weight: 300;
}
.type-admin {
    font-style: italic;
    margin-top: 0px;
    padding: 20px;
    font-weight: 300;
}
.nbcom-normal {
    padding: 10px;
}
.nbcom-admin {
    padding: 10px;
}
a.nbcom-admin {
    color: #8520a5;
}
a.nbcom-normal {
    color: #8520a5;
}
a:hover.nbcom-normal {
    color: #8520a5;
}
a:hover.nbcom-admin {
    color: #8520a5;
}
.type-admin a {
    color: #fff;
    border-bottom: 1px dotted #fff;
}
.type-admin a:hover {
    border-bottom: 1px dotted transparent;
}
#commentsments h2 {
    color: #295baf;
}
/* Footer */

.bg-footer {
    background: #3E0880;
    color: #fff;
    font-weight: normal;
    font-size: 0.85em;
}
.footer {
    padding-top: 0px;
    padding-bottom: 10px;
}
.footer a {
    color: #fff;
}
.footer a:hover {
    color: #DB3C8E;
}

.footer ul,
.footer ol {
    margin: 0;
    padding: 0;
}

.footer-text-gauche {padding-top: 48px;}
.footer-text-droite {padding-top: 30px;}

.table0 caption,
.table0 th {
	text-align: left;
}
.table0 table {
	border-collapse: collapse;
	border-spacing: 0;
}
.table0 td,
.table0 th {
	border: 0px solid #bbb;
	padding: .4rem .7rem;
}
.table0 tfoot,
.table0 thead {
	background-color: transparent;
}
.table0 tr:hover {
	background-color: transparent;
}
.table0 tfoot tr:hover,
.table0 thead tr:hover {
	background-color: transparent;
}

.kitext {
    color: #53d5f2;
    font-size: 1.1em;
    font-weight: bold;

}
.menu-bas ul li {
    font-family: 'Josefin Sans', sans-serif;
    list-style: none;
    padding: 0;
    color: white;
    font-size: 20px;
    font-weight: 300;
}

.text-right-center-on-mobile {text-align: right;}
.text-left-center-on-mobile {text-align: left;}

.fin {
    text-align: center;
    font-family: 'PabessenceScript';
    line-height: 1.25;
    margin: 0;
    font-weight: 400;
    color: #fff;
   /* margin-top: -20px;*/
    font-size: 8.0em;
}

.cocrea {
    text-align: center;
    color: #fff;
    padding-top: -20px;
    padding-bottom:20px;
}

.white {color: #fff;}

.expanded-footer li a {
    display: block;
    padding: 14px;
    margin: 0;
}
@media (max-width: 767px) {
    .menu li {
        margin: 0px;
    }
}
/* SUGGESTION PLUCSS */

.clear {
    clear: both;
}
.text-italic {
    font-style: italic;
}
.text-bold {
    font-weight: bold;
}
/* OFF CANVAS RESPONSIVE LEFT MENU pour PluXml modifié par William Kieselé
* Sur les bases de travail de Christopher Yee
* https://github.com/christophery/pushy/
*/

.pushy {
    position: fixed;
    width: 300px;
    height: 100%;
    top: 0;
    z-index: 9999;
    overflow: auto;
    font-family: 'Pabessence-Sans';
    -webkit-overflow-scrolling: touch;
    /* enables momentum scrolling in iOS overflow elements */
    font-size: 26px;
    background: rgba(94, 213, 242, 0.6);
    color: #8520A5;
}
.close {
    font-size: 26px;
    color: #8520A5;
}
.close:hover {
    color: white;
    cursor: pointer;
}
.pos-close {
    text-align: right;
    font-weight: normal;
    padding: 8px;
}

.pushy ul {
    margin: 0px;
    padding: 0px;
}
.pushy ul li {
    list-style: none;
    padding: 0;
}
.pushy li a,
.pushy span {
    display: block;
    color: #8520A5;
    padding: 8px;
    text-decoration: none;
    margin: 0px;
    /*border: 1px solid red;*/
}
.pushy li a:hover {
    color: #DB3C8E;
    transition: all .1s ease-in-out;
}
.pushy-left {
    -webkit-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
}
.pushy-open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.container-push,
.push-push {
    -webkit-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
    -ms-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
}
.pushy,
#container,
.push {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform 0.8s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform 0.8s cubic-bezier(.16, .68, .43, .99);
    transition: transform 0.8s cubic-bezier(.16, .68, .43, .99);
}
/* Site Overlay */

.site-overlay {
    display: none;
}
.pushy-active .site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    -webkit-animation: fade 500ms;
    -moz-animation: fade 500ms;
    -o-animation: fade 500ms;
    animation: fade 500ms;
}
/* Traintement des sous menus */

.pushy span:after {
    display: inline-block;
    font-size: inherit;
    content: "Z";
    color: #E36BD9;
    font-family: "Paulanebicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.pushy li ul li {
    position: relative;
    display: none;
}
.pushy li:hover ul li {
    display: block;
    padding: 0px;
}
.pushy li:hover ul {
    background: rgba(255, 255, 255, 0.25);
    -webkit-animation: fadeInRight .9s;
    animation: fadeInRight .9s;
}
@media screen and (max-width: 1024px) {
    .pushy {
        background: rgba(94, 213, 242, .9);
        font-size: 1.0em;
    }
    .pushy li a,
    .pushy li span {
        padding: 20px;
    }
}

/* End menu */
/* Boutons sociaux awesome fonts */

.social-awf .fa {
    font-size: 1.1em;
}
.social-awf-info .fa {
    font-size: 1.35em;
    margin: 10px 10px 10px 0px;
}
.menu-top-right a {
    color: #FFF;
}
.hr1 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
hr {
    border: 0;
    height: 1px;
    width: 50%;
    margin: auto;
    background-image: linear-gradient(to right, rgba(50, 54, 57, 0), rgba(50, 54, 57, 0.75), rgba(50, 54, 57, 0));
}
/* sub categories */

.sub-categories:before {
    padding-left: 2px;
    content: "\2514\0000a0";
    color: #295baf;
}
.wave {
    margin-top: -10px;
    background: transparent url('../img/wave.png') no-repeat;
    height: 7px;
}
.separation {
    padding: 30px 30px;
    background: transparent url('../img/wave.png') no-repeat;
    background-position: center;
    height: 7px;
}
/*Modifs plucss */

thead {
    background-color: rgba(0, 0, 0, .1)
}
tr:hover {
    background-color: rgba(0, 0, 0, .1)
}
tfoot tr:hover,
thead tr:hover {
    background-color: rgba(0, 0, 0, .1)
}
code,
kbd,
pre,
samp {
    color: #93abd1;
}
.choix-cat {
    position: relative;
    margin: 20px 0px 0px 0px;
    padding: 8px;
    font-size: 1.1em;
    font-weight: normal;
    text-align: right;
    line-height: 40px;
}
.button.blue {
    background-color: #295baf;
    color: #fff;
}
.button.blue:hover,
.button.blue.active {
    background-color: #6e7b8f;
}
.button.alert {
    background-color: #b7a5b5;
    color: #fff;
}
.button.alert:hover {
    background-color: #373e48;
}
.capcha-word {
    font-size: 1.5em;
    font-weight: bold;
    color: #DB3C8E;
}
/* image d'accroche à gauche du chapo */

.article-home img.art_thumbnail {
    display: inline-block;
    float: left;
    padding: 5px 10px 10px 0;
    width: 280px;
}
/* Articles sur 3 colonnes style Masonry --- ATTENTION BUG TRANSLATE CHROME DE DAUBE --- */
/* Les articles se lisent de bas en haut et de la colonne gauche à droite ensuite (comme un journal) */

.masonry-article {
    -moz-column-width: 20em;
    -webkit-column-width: 20em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
}
.masonry-article-section {
    display: inline-block;
    margin: 0.7rem;
    padding: 0.4rem;
    width: 100%;
    background: #fff;
    border: 4px solid #D2D6D9;
}
.masonry-article-div {
    margin: 0;
    padding: 12px;
}
.masonry-article .art_thumbnail {
    border: 1px solid #fff;
    padding: 4px;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
}
.masonry-article .art_thumbnail:hover {
    border-color: #65B1B0;
    box-shadow: 0 0 45px #baeffd inset, 0 0 20px #fff inset, 0 0 15px;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
}
/* Articles sur 3 colonnes standard */

.row-article {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    align-items: flex-start;
    align-content: flex-start;
}
.col-article {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30.2%;
    -ms-flex: 0 0 30.2%;
    flex: 0 0 30.2%;
    padding: 1em;
    margin: 1em 1em 1em 1em;
    background: rgba(255, 255, 255, .7);
    flex-grow: 1;
}
@media(max-width: 767px) {
    .col-article {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        flex-grow: 1;
    }
}
/* Effet sur les images */

.art_thumbnail,
.col-article .art_thumbnail {
    /*border: 2px solid #fff;
	padding: 4px;
	filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);*/
}
.art_thumbnail:hover,
.col-article .art_thumbnail:hover {
    /*border-color: #D2D6D9;
    filter: grayscale(1);
     -webkit-filter: grayscale(1);
     -moz-filter: grayscale(1);
     -o-filter: grayscale(1);
     -ms-filter: grayscale(1);*/
}
article p {
    margin-top: 0px;
}
/* Menu vertical de la one page */

#cd-vertical-nav .flechebas {
    position: fixed;
    right: -20px;
    top: -80px;
    bottom: auto;
    color: #8520A5;
}
#cd-vertical-nav .flechebas {
    text-align: right;
}
.cd-nav-trigger {
    display: none;
}
.no-touch #cd-vertical-nav {
    position: fixed;
    right: 40px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.no-touch #cd-vertical-nav li {
    text-align: right;
}
.no-touch #cd-vertical-nav a {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 1px solid transparent;
    
}
.no-touch #cd-vertical-nav a:after {
    content: "";
    display: table;
    clear: both;
}
.no-touch #cd-vertical-nav a span {
    float: right;
    display: inline-block;
    border-bottom: 1px solid transparent;
}
.no-touch #cd-vertical-nav a:hover span {
    border-bottom: 1px solid transparent;

} 

.no-touch #cd-vertical-nav a:hover .cd-label {
    opacity: 1;
    font-size: 26px;
    color: #8520A5;
    font-family: 'Pabessence-Sans';
    /*background: rgba(255,255,255,.5);
    padding: 8px;*/
}
.no-touch #cd-vertical-nav a.is-selected .cd-dot {
    background-color: white;
}
.no-touch #cd-vertical-nav .cd-dot {
    position: relative;
    color: #8520A5;
   /* background: rgba(255,255,255,.5);
    border-radius: 16px;
    padding: 6px;*/
}
.no-touch #cd-vertical-nav .cd-label {
    position: relative;
    margin-right: 10px;
    color: transparent;
    font-size: 26px;
}
.touch #cd-vertical-nav li:last-child a {
    border-bottom: none;
}
#cd-vertical-nav ul {
    list-style-type: none;
}
#cd-vertical-nav .cd-dot .pbi-icons {
    color: #8520A5;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}
#cd-vertical-nav .cd-dot .pbi-icons:hover {
    color: #DB3C8E;
}
@media only screen and (min-width: 768px) {
    .touch .cd-nav-trigger,
    .touch #cd-vertical-nav {
        bottom: 40px;
    }
}
/* css de la page accueil */

.presentation {} 

strong,b { 
    font-weight: 400;
}

.presentation .coudepinceau {
    font-family: 'Pabessence-Sans';
    color: #8520A5;
    background: transparent url('../img/coudepinceau.jpg') no-repeat top center;
    height: 274px;
    font-size: 36px;
    padding: 20px 0px 20px 0px;
}


@media (max-width: 767px) {
    .presentation .coudepinceau {
    background: #f00; 
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffe271 50%, #ffffff 100%);
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffe271 50%,#ffffff 100%); 
    background: linear-gradient(to right,  #ffffff 0%,#ffe271 50%,#ffffff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    height: auto;
    font-size: 24px;    
    }
}

.coudepinceau-2 {
    font-family: 'Pabessence-Sans';
    color: #DB3C8E;
    background: transparent url('../img/coudepinceau.jpg') no-repeat top center;
    background-size: 1220px 176px;
    font-size: 24px;
    padding: 40px 0px 40px 0px;
}

.coudepinceau-2 .pbi-icons-va {
    color: #8520A5;
}

.coudepinceau-2 .text-right {text-align: right;}
.coudepinceau-2 .text-left {text-align: left;}
.coudepinceau-2 .text-center {text-align: center;}

@media (max-width: 767px) {
    .coudepinceau-2 {
    background: #f00; 
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffe271 50%, #ffffff 100%);
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffe271 50%,#ffffff 100%); 
    background: linear-gradient(to right,  #ffffff 0%,#ffe271 50%,#ffffff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    height: auto; 
    }
    .coudepinceau-2 .text-right {text-align: center;}
    .coudepinceau-2 .text-left {text-align: center;}
}

/**/

.prestations .separation-prestations-pb {
    background: #fff url('../img/fond-presta.jpg') top center no-repeat;
    margin-top: 160px;
}
.prestations .imagette {
    margin-top: 90px;
}
.prestations .imagette-centrale {
    margin-top: 20px;
}

.liens-presta {
    font-family: 'Pabessence-Sans';
    font-size: 36px;
    color: #DB3C8E;
}

.liens-presta .pbi-icons {
    color: #637CAD;
}

.liens-presta i {
    margin-right: 6px;
}
.liens-presta a {
    font-family: 'Josefin Sans', sans-serif;
    color: #8520A5;
    font-size: 20px;
    font-weight: 400;
}

.liens-presta span {
    font-family: 'Josefin Sans', sans-serif;
    color: #637CAD;
    font-size: 20px;
    font-weight: 400;
}

.liens-presta a:hover {
    color: #DB3C8E;
}

@media (max-width: 767px) {
    .prestations .imagette, .prestations .imagette-centrale {
        text-align: center;
    }
    
}
.prestations .titre-focus {
    text-align: center;
    font-weight: 300;
    color: #3E0880;
    font-size: 1.25em;
}
.prestations .texte-focus {
    margin-top: 20px;
    font-size: 24px;
    text-align: left;
    font-weight: 300;
    color: #3B4E70;
}
.souris {
    text-align: center;
    margin-top: 20px;
}
.coudepinceau2 {
    font-family: 'Pabessence-Sans';
    color: #DB3C8E;
    background: transparent url('../img/coudepinceau2.jpg') no-repeat top center;
    height: 282px;
    margin-top: 180px;
}
@-webkit-keyframes SCROLL {
    from {
        background-position: 0px 0px, 0px 0px
    }
    to {
        background-position: -1920px 0px, 0px 0px
    }
}
.test,.ziomm {
    background: #93F9EA;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-image: url(../img/translat-real-2.png), linear-gradient(to right, #93f9ea 0%, #ffffff 40%, #ffffff 59%, #5ed5f2 100%);
    -webkit-animation-name: SCROLL;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

.fond-art-st {
    padding-top: 48px;
    background: #637CAD;
    height; 200px;
}

.fond-static {
    padding-top: 48px;
    height; 200px;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#93f9ea+20,5ed5f2+73,ffffff+73 */
background: #93f9ea; /* Old browsers */
background: -moz-linear-gradient(top,  #93f9ea 20%, #5ed5f2 73%, #ffffff 73%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #93f9ea 20%,#5ed5f2 73%,#ffffff 73%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #93f9ea 20%,#5ed5f2 73%,#ffffff 73%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93f9ea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

@media (max-width: 767px) {
    .fond-static {
        background: #93f9ea;
        background: -moz-linear-gradient(top,  #93f9ea 0%, #5ed5f2 100%);
        background: -webkit-linear-gradient(top,  #93f9ea 0%, #5ed5f2 100%);
        background: linear-gradient(to bottom,  #93f9ea 0%,#5ed5f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93f9ea', endColorstr='#5ed5f2',GradientType=0 ); /* IE6-9 */
    }
}

/* Découvrez lien pour les pages book */

.decouvrez a {
    color: #DB3C8E;
    font-family: 'PabessenceScript';
    font-size: 40px;
}

.decouvrez a:hover {
    color: #E36BD9;
}

/**/

.montexte p,
.focus-jaune p,
.focus-bleu p,
.focus-vert p,
.focus-indigo p {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
    font-size: 1.5em;
    margin: 20px;
    text-align: center;
    font-family: 'Pabessence-Sans';
    color: #8520a5;
    z-index: 5;
}
.focus-jaune {
    background: transparent url('../img/real-jaune.png') top center no-repeat;
    width: 267px;
    height: 267px;
}
.focus-jaune-vigne {
    background: transparent url('../img/real-vignes-des-angelys-paulaneb.png') top center no-repeat;
    width: 267px;
    height: 267px;
}
.focus-bleu {
    background: transparent url('../img/real-bleu.png') top center no-repeat;
    width: 267px;
    height: 267px;
}
.focus-vert {
    background: transparent url('../img/real-vert.png') top center no-repeat;
    width: 267px;
    height: 267px;
}
.focus-indigo {
    background: transparent url('../img/real-indigo.png') top center no-repeat;
    width: 267px;
    height: 267px;
}

.realisations {
    margin-top: 160px;
}
.pplus {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 20px;
}
.contactezmoi .separation-contactezmoi-pb {
    background: #91faec url('../img/backgcontact.jpg') top center no-repeat;
    margin-top: 0px;
}
/* pages statiques  */

.static-titre,.static-titre2 {font-weight: 300; font-size: 30px; color:#3e0880;}
.static-corps {font-weight: 400; font-size: 20px; color:#3b4e70;}
.static-corps-2 {font-weight: 300; font-size: 30px; color:#3E0880;}
.static-corps-3 {font-weight: 400; font-size: 20px; color:#3B4E70;}

.static-mentions-titre {font-weight: 400; font-size: 24px; color:#3E0880;}
.static-mentions {font-weight: 600; font-size: 20px; color:#3b4e70;}
.static-mentions span {font-weight: 400;}
.static-mentions-cgv {font-weight: 400; font-size: 16px; color:#3b4e70;}
.static-mentions-cgv span {font-weight: 600;}

.static h1 {font-size:144px;}



.static ul,
.art-content ul {
    list-style-type: disc;
}
.static ul,
.static ol,
.art-content ul,
.art-content ol {
    margin: 0 0 20px 30px;
}
.static ol,
.art-content ol {
    list-style-type: decimal;
}
.static ol ol,
.art-content ol ol {
    list-style: upper-alpha;
}
.static ol ol ol,
.art-content ol ol ol {
    list-style: lower-roman;
}
.static ol ol ol ol,
.art-content ol ol ol ol {
    list-style: lower-alpha;
}
.static ul ul,
.static ol ol,
.static ul ol,
.static ol ul,
.static ul ul,
.art-content ol ol,
.art-content ul ol,
.art-content ol ul {
    margin-bottom: 0;
}
.static h3 {
    color: #295baf;
    padding: 2px;
    background: #ccd6e3;
}

.static-jaune {
    background: #fff; 
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffe271 50%, #ffffff 100%);
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffe271 50%,#ffffff 100%); 
    background: linear-gradient(to right,  #ffffff 0%,#ffe271 50%,#ffffff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe271',GradientType=1 );
}

.static-bleu {
    background: #ffffff;
    background: -moz-linear-gradient(left,  #ffffff 0%, #93f9ea 50%, #ffffff 100%, #ffffff 100%);
    background: -webkit-linear-gradient(left,  #ffffff 0%,#93f9ea 50%,#ffffff 100%,#ffffff 100%);
    background: linear-gradient(to right,  #ffffff 0%,#93f9ea 50%,#ffffff 100%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#93f9ea',GradientType=1 );
}

.static-violet {
    background: #ffffff;
    background: -moz-linear-gradient(left,  #ffffff 0%, #AFA8FA 50%, #ffffff 100%, #ffffff 100%);
    background: -webkit-linear-gradient(left,  #ffffff 0%,#AFA8FA 50%,#ffffff 100%,#ffffff 100%);
    background: linear-gradient(to right,  #ffffff 0%,#AFA8FA 50%,#ffffff 100%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#AFA8FA',GradientType=1 );
}

.white50 {
    background-color: rgba(255, 255, 255, 0.50);
    padding-top: 10px;
    padding-bottom: 10px;
}


/* Animation rolling/sliding text */

h8 {
    font-weight: bold;
    font-size: 1.3em;
    color: #3E0880;
}
.slidingVertical {
    display: inline;
    text-indent: 4px;
}
.slidingVertical span {
    animation: topToBottom 12.5s linear infinite 0s;
    -ms-animation: topToBottom 12.5s linear infinite 0s;
    -webkit-animation: topToBottom 12.5s linear infinite 0s;
    color: #DD3C8E;
    opacity: 0;
    overflow: hidden;
    position: absolute;
}
.slidingVertical span:nth-child(2) {
    animation-delay: 2.5s;
    -ms-animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
    color: #E36BD9;
}
.slidingVertical span:nth-child(3) {
    animation-delay: 5s;
    -ms-animation-delay: 5s;
    -webkit-animation-delay: 5s;
    color: #DD3C8E;
}
.slidingVertical span:nth-child(4) {
    animation-delay: 7.5s;
    -ms-animation-delay: 7.5s;
    -webkit-animation-delay: 7.5s;
    color: #E36BD9;
}
.slidingVertical span:nth-child(5) {
    animation-delay: 10s;
    -ms-animation-delay: 10s;
    -webkit-animation-delay: 10s;
    color: #DD3C8E;
}
@-moz-keyframes topToBottom {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        -moz-transform: translateY(-50px);
    }
    10% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }
    25% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }
    30% {
        opacity: 0;
        -moz-transform: translateY(50px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes topToBottom {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
    }
    10% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    25% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    30% {
        opacity: 0;
        -webkit-transform: translateY(50px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@-ms-keyframes topToBottom {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        -ms-transform: translateY(-50px);
    }
    10% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }
    25% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }
    30% {
        opacity: 0;
        -ms-transform: translateY(50px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

/**/
.contactezmoi {
    padding-top: 60px;
}
.adressepb {
    font-family: 'Josefin Sans', sans-serif;
    color: #8520A5;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
}
.adressepb span {
    font-size: 0.8em;
    font-weight: 400;
    font-size: 20px;
}

.adresse-contact {
background: rgba(255,255,255,.8);
color: #3E0880;
border-radius: 12px;
padding: 20px;
}

.adresse-contact .pbi-icons {
    font-size: 36px;
    color: #8620A6;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
}

.telpb {
    font-family: 'Pabessence-Sans';
    color: #DB3C8E;
    text-align: center;
    font-size: 28px;
}
blockquote {
    margin: 0;
    padding: 20px;
    width: 100%;
    background-color: #E2E5E7;
    color: #295baf;
    box-shadow: 0 5px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    font-weight: normal;
    font-style: normal;
    font-size: 1.05em;
}

img.rond {
    border-radius: 50%;
}
.message1 {
    width: 98%;
    padding: 20px;
    background: #b49bb4;
    font-size: 1.1em;
    text-align: center;
    display: table;
    margin: 0 auto;
}
.message1 a {
    font-weight: 400;
    color: #fff;
}
.message1 a:hover {
    font-weight: 400;
    color: #295baf;
}
.message1 .fa-circle {
    color: #295baf;
}


/* */
.fond-adress {
    background: transparent url('../img/fond-adress.png') top center no-repeat;
    margin-top: 20px;
    padding: 10px;
    line-height: 1.25;
}

.fond-contact {
    background: transparent url('../img/contact-img.jpg') top left no-repeat;
    /*border: 1px solid green;*/
}

.form1 {
    /*border: 1px solid red;*/
    font-size: 20px;
    color: #8620A6;
    font-weight: 600;
}

**/
#form_contact, #comments label {
    font-weight: 600;

}
#form_contact input,
#form_contact select,
#form_contact textarea {
	font-weight: 400;
    font-size: 20px;
    border: 1px solid #5ED5F2;
	outline: none;
	padding: .35rem .4rem;
	width: 100%;
    background: rgba(255,255,255,.35);
    border-radius: 6px;
}

#form_contact button.envoyer,
#form_contact input[type="button"].envoyer,
#form_contact input[type="reset"].envoyer,
#form_contact input[type="submit"].envoyer {
	background: transparent url('../img/bouton-bleu.png') top center no-repeat;
	color: #3E0880;
    display: inline-block;
    border: none;
    padding: 16px 0px 16px 0px;
    font-size: 20px;
    font-weight: 600;  
}


#form_contact textarea {
	height: auto;
	overflow: auto;
}
#form_contact select {
	padding-left: .2rem;
	padding-right: 0;
}
#form_contact optgroup {
	font-weight: bold;
}
#form_contact input:focus,
#form_contact select:focus,
#form_contact textarea:focus {
	border: 1px solid #DB3C8E;
    background: rgba(255,255,255,.55);
}
/**/
/* 	MyBreadcrumb > http://pluxopolis.net/myplugins */

.breadcrumb {
    background: #ccd6e3;
    padding: 10px 0px 10px 0px;
}
.breadcrumb a:first-child:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: "\f015\0000a0";
    color: #e69307;
}
.breadcrumb a {
    text-decoration: none;
    background: rgba(255, 255, 255, 0.30);
    padding: 8px;
}
.breadcrumb a:hover {
    color: #295baf;
}
.breadcrumb span.sep {
    margin: 0px 6px 0px 6px;
}
.breadcrumb span.sep:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: "\0000a0\f178";
    color: #e69307;
}
.breadcrumb span.here {} #photo-art {
    text-align: center;
}
/**/
/* Paulane b Icons fonts */

.pbi-icons {
    font-family: "Paulanebicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 32px;
}

.pbi-icons-va {
    font-family: "Paulanebicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 32px;
    vertical-align: middle;
}

.pbi-accueil:before {
    content: "A";
}
.pbi-bateau:before {
    content: "B";
}
.pbi-clef:before {
    content: "C";
}
.pbi-croix:before {
    content: "D";
}
.pbi-etiquette:before {
    content: "E";
}
.pbi-fil:before {
    content: "F";
}
.pbi-goutte-encre:before {
    content: "G";
}
.pbi-horloge:before {
    content: "H";
}
.pbi-mobile:before {
    content: "I";
}
.pbi-coffre:before {
    content: "J";
}
.pbi-mail:before {
    content: "L";
}
.pbi-menu:before {
    content: "M";
}
.pbi-loupe:before {
    content: "O";
}
.pbi-plume:before {
    content: "P";
}
.pbi-rangement:before {
    content: "R";
}
.pbi-eye:before {
    content: "S";
}
.pbi-phone:before {
    content: "T";
}
.pbi-visage:before {
    content: "V";
}
.pbi-visage2:before {
    content: "W";
}
.pbi-fleche-d:before {
    content: "X";
}
.pbi-fleche-g:before {
    content: "Y";
}
.pbi-fleche-bas:before {
    content: "Z";
}


.pbi-1-5x {
    font-size: 1.5em;
}
.pbi-36px {
    font-size: 36px;
}
.pbi-2x {
    font-size: 42px;
}
.pbi-3x {
    font-size: 3em;
}
.pbi-4x {
    font-size: 4em;
}
.pbi-5x {
    font-size: 5em;
}
/* pour présenter les icones */

.icons-set {
    display: inline-block;
    text-align: center;
    width: 30%;
    padding: 1%;
    margin: 1%;
    border: 1px solid #c7d2d9;
}
.icons-set span.icons {
    font-size: 32px;
    vertical-align: middle;
}
.icons-set i {
    font-size: 48px;
    vertical-align: middle;
    color: #085DAD;
    float: left;
}
.icons-set code {
    color: #085DAD;
}
.icons-set i2 {
    font-size: 48px;
    vertical-align: middle;
    color: #fff;
    float: left;
    background-color: #085DAD;
    padding: 8px;
}
.pbifull {
    font-family: "Paulanebicons";
}



/**/

/*
==============================================
floating - http://www.justinaguilar.com/animations
==============================================
*/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);
        color: #DB3C8E;
	}	
	100% {
		-webkit-transform: translateY(0%);
        color: #8520A5;
	}			
}

/**/

@media (max-width: 767px) {
    .hide-on-mobile {
        display:none;
        text-indent: -999999px;
        overflow: hidden;
    }
}


/**/
#comments, #comments label {
    font-weight: 600;

}
#comments input,
#comments select,
#comments textarea {
	font-weight: 400;
    font-size: 24px;
    border: 1px solid #8520A5;
	outline: none;
	padding: .35rem .4rem;
	width: 100%;
    background: transparent;
}

#comments button.envoyer,
#comments input[type="button"].envoyer,
#comments input[type="reset"].envoyer,
#comments input[type="submit"].envoyer {
	background: transparent url('../img/bouton-bleu.png') top center no-repeat;
	color: #3E0880;
    display: inline-block;
    border: none;
    padding: 16px 0px 16px 0px;
    font-size: 22px;
    font-weight: 600;
    
}


#comments textarea {
	height: auto;
	overflow: auto;
}
#comments select {
	padding-left: .2rem;
	padding-right: 0;
}
#comments optgroup {
	font-weight: bold;
}
#comments input:focus,
#comments select:focus,
#comments textarea:focus {
	border: 1px solid #DB3C8E;
    background: rgba(255,255,255,.35);
}

.alert.red {
	background-color: #DB3C8E;
     -webkit-border-top-right-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -moz-border-radius-topright: 16px;
    -moz-border-radius-bottomleft: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.alert.red strong {
	color: #fff;
}

/* Spolier */
.content-tarifs {
    box-shadow: 0px 0px 8px rgba(59, 78, 112, 0.5);
    border-radius: 16px;
    padding: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.content-tarifs img {
    border-radius: none;
    box-shadow: 0px 0px 4px rgba(59, 78, 112, 0.5);
}

input[id^="tarifs-presta"]{
 display: none;
}
input[id^="tarifs-presta"] + label {
  font-family: 'PabessenceScript';
    font-weight: bold;
    display: block;
  margin: 0 auto;
  padding: 5px 20px;
  color: #8520A5;
  text-align: center;
  font-size: 48px;
  border-radius: 8px;
  cursor: pointer;
  transition: all .6s;
}
input[id^="tarifs-presta"]:checked + label {
}
input[id^="tarifs-presta"] ~ .tarifs-presta {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  margin: 0px auto 0; 
  padding-top: 0px;
  background: #fff;
  transition: all .6s;
}
input[id^="tarifs-presta"]:checked + label + .tarifs-presta{
  height: auto;
  opacity: 1;
  padding-top: 10px;
}

.tarifs-presta strong {
    color:#e36bd9;
    font-weight:bold;
}

.tarifs-presta p {
    margin: 0;
    padding: 0;
    margin-bottom: 14px;
}



.static h1 {height: auto;line-height: 1;margin-top: -30px;}


/* MEDIA -767 */

@media (max-width: 767px) {
    .static h1 {
        height: auto;
        line-height: 1;
        font-size:64px;}

    .fin.h1 {
    font-size: 84px;
    height: auto;
    padding-bottom: 20px;
}
    .panel-prestations img, .book img, .annuaire img {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

    .text-right-center-on-mobile {text-align: center;}
    .text-left-center-on-mobile {text-align: center;}
    .footer-text-gauche, .footer-text-droite {padding-top: 0px;}
}

.annuaire {text-align: center; color: #8520A5; font-weight: 600; font-size: 20px;}
.infos-annu {color: #3b4e70;font-weight: 300;}

/**/

.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d; 
    			-ms-transform-style: preserve-3d; 

        }

			/* START: Accommodating for IE */
			.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
		
		/* END: Accommodating for IE */

		.flip-container, .front, .back {
			width: 267px;
			height: 267px;
		}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			background: lightgreen;
			z-index: 2;
		}
        
       

		.back {
			background: transparent;
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		}

		.front .name {
			font-size: 2em;
			display: inline-block;
			background: transparent;
			color: #f8f8f8;
			font-family: Courier;
			padding: 5px 10px;
			border-radius: 5px;
			bottom: 60px;
			left: 25%;
			position: absolute;
			text-shadow: 0.1em 0.1em 0.05em #333;
			display: none;

			-webkit-transform: rotate(-20deg);
			-moz-transform: rotate(-20deg);
			-ms-transform: rotate(-20deg);
			transform: rotate(-20deg);
		}

		.back-logo {
			position: absolute;
			top: 40px;
			left: 90px;
			width: 160px;
			height: 117px;
			background: url(logo.png) 0 0 no-repeat;
		}

		.back-title {
			font-weight: bold;
			color: #00304a;
			position: absolute;
			top: 180px;
			left: 0;
			right: 0;
			text-align: center;
			text-shadow: 0.1em 0.1em 0.05em #acd7e5;
			font-family: Courier;
			font-size: 22px;
		}

		.back p {
			position: absolute;
			bottom: 40px;
			left: 0;
			right: 0;
			text-align: center;
			padding: 0 20px;
			font-size: 18px;
		}

		/* vertical */
		.vertical.flip-container {
			position: relative;
		}

			.vertical .back {
				-webkit-transform: rotateX(180deg);
				-moz-transform: rotateX(180deg);
				-ms-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}

			.vertical.flip-container .flipper {
				-webkit-transform-origin: 100% 213.5px;
				-moz-transform-origin: 100% 213.5px;
				-ms-transform-origin: 100% 213.5px;
				transform-origin: 100% 213.5px;
			}

			/* START: Accommodating for IE */
			.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
			    -webkit-transform: rotateX(0deg);
			    -moz-transform: rotateX(0deg);
			    -o-transform: rotateX(0deg);
			    -ms-transform: rotateX(0deg);
			    transform: rotateX(0deg);
			}

			.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
			    -webkit-transform: rotateX(180deg);
			    -moz-transform: rotateX(180deg);
			    -o-transform: rotateX(180deg);
			    transform: rotateX(180deg);
			}
		/* END: Accommodating for IE */


 .front p {
            font-size: 1.5px;
            
            text-align: center;
            font-size: 24px;
            margin: 40px;
            text-align: center;
            font-family: 'Pabessence-Sans';
            color: #8520a5;
          
}

/*
.grid,.btest {border: 1px solid red;}

.bvert {border: 1px solid green;}*/


figure.zapzap {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    min-width: 382px;
    max-width: 382px;
    width: 100%;
    background: transparent;
    text-align: center;
}
figure.zapzap * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.zapzap img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.zapzap figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left;
}
figure.zapzap figcaption > div {
  float: left;
  height: 100%;
  overflow: hidden;
  width: 50%;
  position: relative;
}
figure.zapzap figcaption::before {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 50%;
  width: 2px;
  content: '';
  opacity: 0;
  background-color: #5ED5F2;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.zapzap h2,
figure.zapzap p {
margin: 0;
  padding: 20px;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  -webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
  transition: opacity 0.45s,-webkit-transform 0.45s,-moz-transform 0.45s,-o-transform 0.45s,transform 0.45s;
}

figure.zapzap h2 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-align: right;
    display: inline-block;
    word-spacing: -0.1em;
    font-weight: 300;
    text-transform: uppercase;
    bottom: 0;
    background: rgba(149, 215, 91, 0.80);
    -webkit-transform: translate3d(50%, 0%, 0);
    transform: translate3d(50%, 0%, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    text-align: center;
    color: #3E0880;
}
figure.zapzap h2 span {
  font-weight: 800;
	font-size: 1.6em;
}

figure#paulane.zapzap h2 {
  background: rgba(94, 213, 242, 0.80);
}

figure#crunch.zapzap h2 {
  background: rgba(255, 226, 113, 0.80);
}


figure.zapzap p {
  display: block;
  bottom: 0;
  text-align: left;
  font-weight: 300;
  top: 0%;
  color: #000;
  background: rgba(133, 32, 165, 0.80);
  -webkit-transform: translate3d(-50%, 0%, 0);
  transform: translate3d(-50%, 0%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.zapzap a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.zapzap:hover img {
  opacity: 0.7;
}
figure.zapzap:hover figcaption h2,
figure.zapzap:hover figcaption p {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.zapzap:hover figcaption h2 {
  opacity: 1;
}
figure.zapzap:hover figcaption p {
  opacity: 1;
    color: white;
    font-weight: 400;
}
figure.zapzap:hover figcaption::before {
  background: #ffffff;
  top: 0px;
  bottom: 0px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}


/**/

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: #93f9ea;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    z-index:99999; /* makes sure it stays on top */
}

#status {
    width:50px;
    height:30px;
    position:fixed;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
   margin:-25px 0 0 -15px; /* is width and height divided by two */
}

.spinner {
  margin: 0px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #3E0880;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  background-color: #8520A5;
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  background-color: #DB3C8E;
    -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  background-color: #5ED5F2;
    -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  background-color: #95D75B;
    -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}