/** ADD CSS **/




.div-form-question .div-retour-container .alert,
.form-landing-partenaire .div-retour-container .alert ,
.div-etape-3-texte {
    text-align: center;
    font-style: italic;
    margin-top: 15px;
    margin-bottom: 15px;
	line-height: 1.3;
    color: #2b2b2b;
    font-size: 21px;
}

.div-element-radio.form-control {
    padding: 0px;
}

.i-eye {
	font-family: "Font Awesome 5 Free";
    content: "\f06e";
    display: inline-block;
    color: #A10028;
    margin-right: 10px;
}

.div-etape-2-texte {
	text-align:center;
}

.title-tirage  {
	text-align:left;
}


.tirage img {
	padding:0px !important;
	box-shadow:6px 6px 10px 2px rgba(0,0,0,0.4);
}
.j-card-holder div {
	background-color: transparent !important;
	background-image: url(../img/cartes/blank.png) !important;
    background-size: 100% 100% !important;

}


.j-results-wrapper {
    width: 100% !important;
    text-align: center;
}

.card-deck-img{
	-webkit-transition: margin-top 2s; /* Safari */
	transition: margin-top 2s, transform 1s;
	transform-style: preserve-3d;
}

.card-deck-img.scale{
	transform: translateX(-0%) rotateY(-360deg);
}

#imgTampon{
	position: absolute; visibility: hidden;
}

.formulaire .form-landing label {
	color:#495057 !important;
}


.form-landing .form-control ,
#div-desabonnement .form-control {
	border-radius:0px;
	height: 38px;
    padding: .25rem .5rem;
}

.btn-landing {  
	font-size:18px !important;
	padding-top:10px;
	padding-bottom:10px;
}
.input-landing-cgu {
	margin-top: 4px;
}

.div-choix-radio{
    height: 38px;
}

.div-choix-radio .div-element-radio {
	display: inline-block;
    background: #ffffff;
    height: 38px;
    border: 1px solid #ced4da;
	width: calc(50% - 10px);
    float: left;
}

.div-choix-radio .div-element-radio:last-child {
	margin-left:20px;
}

.div-choix-radio .form-control-radio {
	margin-left: 10px;
    width: 20px;
    height: 20px;
    margin-top: 0px;
    vertical-align: text-top;
}

.div-choix-radio .label-for {
	margin-left:5px;
	line-height: 36px;
	color:#495057;
	cursor:pointer;
}

.div-lien-pdc {
	text-align:center;
}






/****************************************************
        RESPONSIVE
****************************************************/


@media (min-width: 1400px) {
    .j-card {
        width: 125px;
        margin-left: -49px;
        margin-right: -49px;
    }    
}

@media (max-width: 1399px) {
    .j-card {
        width: 120px;
        margin-left: -48px;
        margin-right: -48px;
    }
}
@media (max-width: 1199px) {
    .j-card {
        width: 108px;
        margin-left: -45px;
        margin-right: -45px;
    }
}

@media (max-width: 991px) {
    .j-card {
        width: 105px;
        margin-left: -46px;
        margin-right: -46px;
    }
}

@media (max-width: 767px) {
    .j-card {
        width: 100px;
        margin-left: -39px;
        margin-right: -39px;
    }
}

@media (max-width: 576px) {
    .j-card {
        width: 90px;
        margin-left: -38px;
        margin-right: -38px;
    }

}

@media (max-width: 479px) {
    .j-card {
        width: 100px;
        margin-left: -37px;
        margin-right: -37px;
    }
}

@media (max-width:399px) {
    .j-card {
        width: 96px;
        margin-left: -37px;
        margin-right: -37px;
    }
}

@media (max-width:320px) {

    .j-card {
        width: 93px;
        margin-left: -38px;
        margin-right: -38px;	
    }	

}