#retPHPErrors p {
    color: red;
}

#header .btn-primary {
    float: right;
    margin-top:14px;
}

/* mode-de-paiement */
.page-payment-mode .block-register p {
    color: #000;
    font-size: 1.6rem;
}
.page-payment-mode .btn-credit-next {
    text-transform: none;
    font-size: 1.4rem;
    padding-top: 2px;
}

/* creer-votre-profil */
.page-profile .form-profile {
    margin-top: 30px;
}
.page-register .avatar-list {

}

.page-register .avatar-list img {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100px;
}

/* Generic */

/* quiz */
.correct-answer {
    color: #00AFAF;
}
.wrong-answer {
    color: #EA5238;
}

/* quiz */
.question-results .in p {
    text-align: left;
    color: #000;
}

/* story review */
.question-review .question {
    text-align: left;
}
.question-review .choices {
    margin-top: 20px;
}
.question-review .choice {
    display: inline-block;
    width: 30%;
}
.question-review .choice .smiley {
    font-size: 8rem;
    opacity:0.5;
}
.question-review .choice .smiley:hover {
    font-size: 8.5rem;
    opacity:1;
}

.question-review .choice .text {
    font-size: 2rem;
}

/* question answered */
.question-answered .no-link {
    pointer-events: none;
}

/* story now */
.question-now  .question {
    text-align: left;
}

/* story anonymous */
.story-anonymous {
    background-color: #fff;
}
.story-anonymous .block-cover-story {
    background-color: #fff;
}

.story-anonymous .block-cover-story.story-home .details {
    color: #999;
}

.story-anonymous .story-anonymous-more .intro {
    text-align: left;
    font-size: 2.4rem;
    margin-bottom: 40px;
    font-weight: bold;
}
.story-anonymous .story-anonymous-more .title {
    text-align: left;
    font-weight: 700;
    font-size: 3.6rem;
    color: #212121;
    margin-bottom: 30px;
}
.story-anonymous .block-story-anonymous .section-2 > .inner p {
    color: #000;
}

/* begin nenelle */
/* special subcription push on anonymous story & categ pages */

.categ-title {
    padding: 20px 40px 20px;
    margin: 0 auto;
    width:1024px;
    text-align:left;
}

.categ-title h2, .categ-title h1  {
    font-size:3.6rem;
    font-weight: 700;
}

.categ-title h1 {
    margin-top:0;
}

.block-list-stories .firstline , .block-list-stories.firstline .list li {
    margin-bottom: 0;
}

.block-autopromo {
    background: url(../img/skin/bg-day.jpg);
    background-size: contain;
    position: relative;

}
.block-autopromo .section  {
    background: #fff;
}

.block-autopromo .section > .inner {
    width: 1024px;
    margin: 0 auto;
    padding: 40px;
    overflow: hidden;
    text-align: left;
}

.block-autopromo .section p {
    font-size: 2.4rem;
    color: rgba(0, 0, 0, 0.87);
}

.block-autopromo .block-subscription .smallp {
    text-align: center;
}

/*.block-autopromo .section-2 {
    background: url('../img/skin/bg-middle.jpg') right bottom no-repeat;
    background-size:cover;
    color: #fff;
}

.block-autopromo .section-2 > .inner p {
    color: #000;
}

.block-autopromo .section-2 img {
    float: left;
    width:432px;
}

.block-autopromo .section-2 .content {
    float: right;
    width: 460px;
    text-align: center;
}

.block-autopromo .section-2 > .card p {
    color: #000;
    margin-bottom:20px;
}


.block-autopromo .card {
    background:#fff;
    border-radius:5px;
    border: none;
    width: 320px;
    padding:20px;
    text-align: left;
    display: inline-block;
}

.block-autopromo .card .span-1 {
    font-weight: 700;
    font-size: 2.4rem;
    margin: 0;
    line-height: 32px;
}

.block-autopromo .card .span-2 {
    font-size: 1.8rem;
    margin: 0 0 20px;
}

.block-autopromo .card ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 0 20px 0;
    border-top: 1px solid rgba(153, 153, 153, 0.5);
}

.block-autopromo .card ul li {
    margin: 0 0 15px;
    font-size: 1.6rem;
    color: #000;
    list-style-type:none;
}

.block-autopromo .card ul li:before {
    content:'';
    background: url('../img/skin/icon-check.svg') left top no-repeat;
    width:14px;
    height:10px;
    margin: 0 8px 0 0;
    display: inline-block;
}

.block-autopromo .card .btn {
    width: 100%;
    padding:8px 20px;
}*/

/* testimonials carrousel */
.carousel {
	margin: 0 auto;
	padding: 0 70px;
}
.carousel .item {
	color: #f8f8f8;
	overflow: hidden;
    min-height: 120px;
	font-size: 13px;
}
.carousel .media {
	position: relative;
	padding: 0 0 0 20px;
}
.carousel .media img {
	width: 75px;
	height: 75px;
	display: block;
	border-radius: 50%;
    margin: 0;
}
.carousel .testimonial-wrapper {
	padding: 0;
}
.carousel .testimonial {
    color: #000;
    position: relative;
    padding: 15px;
    background: #f8f8f8;
    border: 1px solid #efefef;
    border-radius: 3px;
	margin-bottom: 15px;
    font-size:2rem;
    text-align: center;
}

.carousel.day .testimonial {
    padding: 40px;
}

.carousel .testimonial::after {
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	background: #f8f8f8;
	border: 1px solid #efefef;
	border-width: 0 0 1px 1px;
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: rotateZ(-46deg);
}
.carousel .overview {
	padding-top: 3px;
    text-align: center;
}
.carousel .overview .details {
	padding: 5px 0 8px;
    color:#fff;
}
.carousel .overview b {
	text-transform: uppercase;
	color: #000;
}
.carousel .carousel-control {
	width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
	background: none;
}
.carousel-control i {
    font-size: 68px;
	line-height: 42px;
    position: absolute;
    display: inline-block;
	color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #efefef, 0 0 0 #000;
}
.carousel .carousel-indicators {
	bottom: -40px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 18px;
    height: 18px;
	border-radius: 50%;
	margin: 1px 2px;
}
.carousel-indicators li {
    border: 2px solid #efefef;
}
.carousel-indicators li.active {
	color: #fff;
    background: #505bd7;
    border: 5px double;
}

/* mailchimp */

.try-it {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

input[type="email"] {
    -webkit-font-smoothing: antialiased;
    background-color: #f9f9f9;
    border-radius: 6px;
    border: 1px solid #e5efef;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    font-size: 1.6rem;
    font-weight: bold;
    color: #343448;
    margin-bottom: 0;
    padding: 1em;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#mc_embed_signup {
}

.card #mc_embed_signup {
    margin-top: 0px;
}

.try-it div.email {
    float: left;
    display: block;
    margin-right: 5%;
    width: 60%;
    margin-bottom: 0;
}

.card .try-it div.email {
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
}

.try-it .btn-primary, .try-it .btn-secondary {
    float: left;
    display: block;
    width: 35%;
    height: 52px;
}

.card .try-it .btn-primary  {
    width: 100%;
    height: 52px;
    margin-bottom: 17px;
}


/* mailchimp header */

#header .header_signup {
    float: right;
    width:400px;
}

#header .header_signup #mc_embed_signup {
    margin-top: 0;
}

#header .header_signup input[type="email"] {
    font-size: 1.2rem;
    height:52px;
}

#header .header_signup .try-it div.email {
    float: left;
    display: block;
    margin-right: 5%;
    width: 55%;
    margin-bottom: 40px;
}

#header .header_signup .btn {
    margin-top: 0;
}

#header .header_signup .try-it .btn-primary  {
    float: left;
    display: block;
    width: 40%;
    height: 52px;
    font-size: 1.4rem;
}


/* header subcription */
#header .header_subscription {
    float: right;
    margin-top:16px;
}


/* confirmation page */
.block-account.square {
    height: 360px;
}
.confirmation {
    padding: 80px 20px;
    text-align: center;
}
.allgood {
    font-size: 4rem;
}

/* payment page */
.foreword {
    padding: 20px 0;
}

/* passwordRecovery cancelMembership*/
.block-register.square {
    height:360px;
}

.block-register.square p {
    color:#000;
    font-size:1.6rem;
    line-height: 21px;
    margin-top:20px;
}

.block-register p.text {
    color:#000;
    font-size:1.6rem;
    line-height: 21px;
}

.block-register ul.text {
    color:#000;
    font-size:1.6rem;
    line-height: 21px;
    margin:0 0 20px 20px;
}

.block-register ul.text li {
    margin-top:10px;
}

.block-register .btn-primary {
    margin: 10px 0 20px;
}

.block-register.help-legal .btn-primary {
    color:#fff;
}

.block-register .btn-secondary {
    margin-top: 20px;
}


.block-register.cancel .form-check {
    margin-bottom: 5px;
}

.block-register.cancel .form-check .icheckbox {
    top: 3px;
}

.block-register.cancel .form-check label {
    color: #000;
    font-size: 16px;
    line-height: 21px;
}

#content.warning {
    background-color: rgba(0, 0, 0, 0.25);
}

/* billing details */

.block-offer {
    padding: 10px;
    margin-top:20px;
    background-color: #f3f3f3;
}

.block-offer h3 {
    color:#999;
    font-size:2.1rem;
}

.billDetails {
    padding: 0;
    margin-top: 30px;
}

.billDetailsRow {
    border-top: 1px solid #ccc;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 20px 0 20px;
    min-width: 220px;
}

.billDetailsRow .col {
    padding: 0;
    color: #333;
    vertical-align: middle;
}

.col {
    font-size: 1.8rem;
}

.col.billDate {
    font-weight: 700;
    font-size: 1.8rem;
}

.col.billDate a {
    font-size: 1.8rem;
    color: #505bd7;
}

.col.billDate a:hover {
    color: #5E6CFF;
}

.col.billEvent {
    margin-top: 10px;
}
.col.billMethod {
    margin-top: 10px;
}

.text-payment {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    speak: normal;
    display: inline-block;
}

.subtotTax {
    font-style: normal;
    color: #999;
    white-space: nowrap;
}

.col.billTotal {
    font-size: 1.8rem;
    font-weight: 700;
    position: absolute;
    top: 20px;
    right: 0;
    width: 6em;
    text-align: right;
}

/* my account email update */
.my-account-maj-email .current-email {
    color: #000;
}

/* my account tel update */
.my-account-maj-tel .flag {
    width: 15%;
    display: inline-block;
    line-height: 1.5;
    margin-right: -5px;
    padding: .375rem 1.5rem;
    border: 1px solid #ced4da;
    font-size: 1.8rem;
}
.my-account-maj-tel .flag.fr {
    background:url('../img/skin/flag-fr.jpg') no-repeat center center;
}

/* misc */
#please-select-answer-text {
    margin-bottom: 40px;
}
.no-border {
    border: none;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.margin-0-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.width-100 {
    width: 100%;
}
.text-align-center {
    text-align: center;
}

.block-register .emoji {
    font-size: 6rem;
}

/* passwordRecovery cancelMembership*/
.block-register .title {
    margin-bottom: 10px;
}

.block-register .btn-primary{
    margin-bottom: 0;
}

.block-register.password p {
    font-size:1.4rem;
    margin-bottom: 10px;
}

.block-register p.text {
    font-size:1.4rem;
    margin-bottom: 10px;
}

.block-register ul.text {
    font-size:1.4rem;
}

.block-register.cancel .form-check label {
    font-size:1.4rem;
}

#header nav.category {
    float: right;
}

.full-viewport-100 {
    height:100vh;
    vertical-align: middle;
}


.block-register.help-legal h2 {
    margin: 1rem 0 1rem 0;
    font-size: 2.8rem;
    font-weight: 700;
    color: #000;
}

.block-register.help-legal h2.black-title::before {
    content:"";
    display: block;
    width: 125px;
    height: 5px;
    margin: 0 0 2rem 0;
    background-color: #000;
}

.block-register.help-legal h3 {
    margin: 2rem 0 1rem 0;
    font-size: 2.2rem;
    font-weight: 700;
}

.block-register.help-legal blockquote {
    border-left: solid 5px #000;
    margin-left: 0;
    font-size: 2.1rem;
    line-height: 30px;
    padding: 15px 20px;
    margin: 20px 0;
    background: #F8F8F8;
}

.help-legal blockquote {
    font-family: 'Lora', serif;
    font-style: italic;
}

.block-register.help-legal blockquote.green {
    border-left: solid 5px #00afaf;
}

.block-register.help-legal .date {
    font-size: 1.4rem;
}

.block-story .black-bar, .block-register.help-legal .black-bar {
    display: block;
    width: 250px;
    height: 5px;
    margin: 1rem 0 2rem 0;
    background-color: #000;
}


.block-register.help-legal .blue-bar  {
    margin: 4rem 0 0 0;
}

.block-register.help-legal .blue-title {
    color: #505bd7;
}

.block-register.help-legal h2.blue-title::before {
    content:"";
    display: block;
    width: 125px;
    height: 5px;
    margin: 4rem 0 2rem 0;
    background-color: #505bd7;
}

.block-register.help-legal blockquote.blue {
    border-left: solid 5px #505bd7;
}

.block-register.help-legal .green-title {
    color: #00afaf;
}

.block-register.help-legal h2.green-title::before {
    content:"";
    display: block;
    width: 125px;
    height: 5px;
    margin: 4rem 0 2rem 0;
    background-color: #00afaf;
}

.block-register.help-legal .red-title {
    color: #e7533f;
}

.block-register.help-legal h2.red-title::before {
    content:"";
    display: block;
    width: 125px;
    height: 5px;
    margin: 4rem 0 2rem 0;
    background-color: #e7533f;
}

.block-register.help-legal blockquote.red {
    border-left: solid 5px #e7533f;
}

.block-register.help-legal .btn {
    width: 350px;
}



/*  =MEDIAQUERIES
----------------------------------------------------------------------------- */

/* @media screen and (max-width: 1024px)
special subcription push on anonymous story & categ pages */
@media screen and (max-width: 1024px) {

    #header nav.category {
        position: unset;
        top: unset;
        right: unset%;
        display: block;
        width: unset;
        height: unset%;
        z-index: 5;
        opacity: 1;
        overflow: unset;
        transition: unset;
    }

    #header nav.category .in {
        background: transparent;
        padding: 0;
        height: 100%;
        width: 100%;
        z-index: 2;
        position: unset;
    }

    #header nav.category .nav {
        float: right;
        width:auto;
        margin: 25px 0 0 0;
        padding: 0;
    }

    #header nav.category .nav .nav-item {
        display: list-item;
        margin: 0;
        width: auto;
        left: auto;
        position: unset;
        opacity: 1;
        transition: unset;
    }

    #header nav.category .nav .nav-link {
        color: #505bd7;
        font-size: 1.8rem;
        font-weight: normal;
        padding: .5rem 1.5rem;
        }

    .block-cover .image-story {
        top:-50px;
    }

    .block-autopromo .section .content {
        width: auto;
    }
    .block-autopromo .section img {
        width: 100%;
        height: auto;
        margin: 20px 0 0 0;
    }
    .block-autopromo .section-2 {
        background: url('../img/skin/bg-middle.jpg') no-repeat center bottom;
        background-size: cover;
    }
    .block-autopromo .section-2 img {
        width: 348px;
        margin-top: 40px;
    }

    .categ-title {
        padding: 20px;
        margin: 0 auto;
        width:768px!important;
    }

    .try-it {
        width: 450px;
    }

    .try-it div.email {
        width:100%;
    }

    .try-it .btn-primary {
        width: 50%;
        margin-top:10px;
    }

    .block-subscription .try-it {
        width:640px;
    }

    .block-subscription div.email {
        width:60%;
    }

    .block-subscription .try-it .btn-primary {
        width: 35%;
        margin-top:0px;
    }



}

/*special subcription push on anonymous story & categ pages */
@media screen and (max-width: 767px) {

    #header nav.category .nav {
        margin-top:12px;
    }

    #header nav.category .nav .nav-link {
        font-size:1.4rem;
        padding-right: 0;
    }

    #header .btn-primary {
        float: right;
        margin-top:7px;
    }

    .page-register .avatar-list img {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 85px;
    }

    .story-anonymous .story-anonymous-more .title {
        font-size: 2.8rem;
    }

    .block-cover-story.story-anonymous .btn  {
        display: block;
        margin: 10px auto;
    }

    .block-autopromo .section p {
        font-size: 1.6rem;
        margin-bottom: 20px;
    }

    .block-autopromo .section > .inner {
        padding: 10px;
        width: 100% !important;
    }

    .block-autopromo .section .content {
        width: 100%;
        margin: 20px 0;
    }

    .block-autopromo .section-2 img {
        display: none;
    }

    .confirmation {
        padding-top:119px;
        padding-bottom: 119px;
    }
    p.note {
        padding-top: 10px;
        font-size: 1.1rem;
        line-height: 14px;
    }

    .categ-title {
        margin: 0 auto;
        width: 375px!important;
        padding: 10px;
        text-align: left;
        font-size:12px;
    }

    .categ-title h2, .categ-title h1 {
        font-size:2.4rem;
    }

    .tooltip {
        font-size: 1.8rem;
        line-height: 26px;
    }

    /* billing details */

    .block-offer h3 {
        font-size:1.8rem;
    }

    .col {
        font-size: 1.6rem;
    }

    .col.billDate {
        font-size: 1.6rem;
    }

    .col.billDate a {
        font-size: 1.6rem;
    }

    .col.billTotal {
        font-size: 1.6rem;
    }

    /* Carousel */

    .block-presentation .section-5 > .inner .title {
        margin-bottom:20px;
    }

    .carousel {
    	margin: 0 auto;
    	padding: 0 0 40px 0;
    }

    .carousel .overview .details {
    	padding: 2px 0 2px;
    }

    .carousel .testimonial {
        font-size: 1.6rem;;
    }

    .carousel .media img {
    	width: 65px;
    	height: 65px;
    	display: block;
    	border-radius: 50%;
        margin: 0;
    }
    .carousel .carousel-indicators {
        bottom: -10px;
    }

    /* mailchimp */

    #mc_embed_signup {
        margin-top: 20px;
    }

    .try-it {
        width: 100%
    }

    .try-it div.email {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    .try-it .btn-primary, .try-it .btn-secondary {
        width: 100%;
    }

    .block-subscription .try-it {
        width: 100%;
    }

    .block-subscription .btn {
        margin-bottom: 20px;
    }

    /* mailchimp header */

    #header.freestory {
        height:100px;
    }

    #content .block-story.freestory {
        margin-top:100px; /* Pour gérer le header, sans avoir d'espace blanc en haut */
    }

    #header .header_signup {
        float: right;
        width:100%;
    }

    #header .header_signup #mc_embed_signup {
        margin-top: 0;
    }

    #header .header_signup input[type="email"] {
        font-size: 1rem;
        height:35px;
    }

    #header .header_signup .try-it div.email {
        float: left;
        display: block;
        margin-right: 5%;
        width: 60%;
        margin-bottom: 40px;
    }

    #header .header_signup .btn {
        margin-top: 0;
        padding:10px 5px;
    }

    #header .header_signup .try-it .btn-primary  {
        float: left;
        display: block;
        width: 35%;
        height: 35px;
        font-size: 1.1rem;
    }


    /* header subcription */
    #header .header_subscription {
        float: right;
        margin-top:16px;
    }

    .block-register.help-legal h2 {
        font-size: 2.2rem;
    }

    .block-register.help-legal h3 {
        font-size: 1.8rem;
    }

    .block-register.help-legal .btn {
        width: 100%;
    }

}

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

    .page-register .avatar-list .col-4:nth-child(2), .page-register .avatar-list .col-4:nth-child(5), .page-register .avatar-list .col-4:nth-child(8), .page-register .avatar-list .col-4:nth-child(11) {
        padding-left:12px;
    }

    .page-register .avatar-list .col-4:nth-child(3n) {
        padding-left:10px;
    }

    .page-register .avatar-list img {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 75px;
    }

    .block-autopromo .card {
        width: 300px;
        padding: 10px;
    }

    .categ-title {
        width: 320px!important;
    }

}