/**
* CONTENTS
*
* FONCTIONNEMENT GENERAL
*
* General................................Positionnement general
*
*
* AJUSTEMENT TABLETTE ET MOBILE
* Max width 980px........................Gestion de l'apparence du panier en dessous de 980px;
*
* AJUSTEMENT SMARTPHONE
* Max width 767px........................affichage du contenu du panier en full largeur
*/

/*------------------------------------*\
#GENERAL
\*------------------------------------*/

.compObjet {
    padding: 0 20px;
    width: 940px;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants {
    clear: both;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants .titleComposants span {
    display: none;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants .titleComposants .lienBox {
    display: block;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants .titleComposants .lienBox .lienBoxM {
    margin-right: 0;
    margin-top: 10px;
    width: 320px;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants .titleComposants .lienBox .lienBoxM a {
    background: url('../image/arrowBack.png') no-repeat 0 4px transparent;
    height: 24px;
    padding-left: 15px;
    text-align: left;
    text-decoration: none;
    color: var(--text-primary-color);
    font-size: 1rem;
    line-height: 25px;
    display: none;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants .titleComposants .lienBox .lienBoxM a:hover {
    color: #E31818;
}

#pageEtape1 .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl {
    overflow: hidden;
    background-color: var(--gray-Primary-color);
    padding: 20px;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl {
    clear: both;
    position: relative;
    margin-bottom: 15px;
    width: 860px;
    margin-top: 20px;
    border-radius: 10px;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dt {
    cursor: pointer;
    float: left;
    height: 110px;
    width: 110px;
    position: relative;
    background: url("../image/bg_img_110x110.gif") no-repeat scroll left top transparent;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dd {
    color: red;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dt img {
    width: 110px;
    height: 110px;
    border-radius: 10px;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants .objetArtiste dt img {
    width: 110px;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants .objetArtiste dt {
    width: 110px;
    height: inherit;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dt .copyrightvignette {
    display: none;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd {
    float: left;
    width: 730px;
    padding-left: 15px;
    position: relative;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .nom {
    color: var(--text-Tertiary-color);
    font-size: 1.8333rem;
    font-weight: 700;
    word-wrap: break-word;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .date {
    clear: left;
    display: block;
    font-size: 1.1667rem;
    font-weight: 700;
    color: var(--text-Tertiary-color);
    text-transform: none;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .lieu {
    clear: both;
    color: var(--text-Quaternary-color);
    font-size: 1.1667rem;
    text-transform: none;
    padding: 4px 0;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .adresse {
    color: #DFDBDB;
    font-size: 1rem;
    text-transform: none;
    clear: both;
    display: none;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .ville {
    font-size: 1.1667rem;
    text-transform: uppercase;
    color: var(--text-Quaternary-color);
    margin: 4px 0 0 5px;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .genre {
    display: none;
    color: var(--text-Quaternary-color);
    font-size: 1.1667rem;
    float: left;
    font-weight: 400;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .sousgenre {
    display: none;
    color: var(--text-Quaternary-color);
    font-size: 1.1667rem;
    float: left;
    font-weight: 400;
    margin-left: 5px;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .sousgenre:before {
    content: " / ";
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .info {
    display: block;
    text-align: justify;
    clear: both;
    color: var(--text-Quaternary-color);
    font-size: 1.1667rem;
    margin: 20px 0 0;
}

.infoOverflowed {
    height: 50px;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .overflowInfo {
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    font-weight: 700;
    font-size: 14px;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd #infocompobjetbouton {
    background: url("../image/bgARROWCart.gif") no-repeat scroll right 9px transparent;
    display: block;
    font-size: 1.0833rem;
    height: 15px;
    margin-bottom: 5px;
    padding-left: 11px;
    padding-top: 5px;
    color: var(--text-Tertiary-color);
    float: right;
}

#langageEN .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd #infocompobjetbouton {
    width: 133px;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd #infocompobjetbouton:hover {
    text-decoration: underline;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd #infocompobjet {
    clear: both;
    color: var(--text-Tertiary-color);
    display: block;
    font-size: 1.0833rem;
    line-height: 1.5em;
    padding-bottom: 5px;
    padding-top: 1em;
    text-align: justify;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd #infocompobjet a {
    color: var(--text-Quaternary-color);
    float: left;
}

dd #infocompobjet a {
    text-decoration: underline;
}

dd #infocompobjet a:hover {
    text-decoration: underline;
    color: #F8BE00;
}

.compObjet .bottomContentComposants {
    background: none !important;
    height: 0 !important;
}

#infocompobjet {
    font-size: 0.9167rem;
}

/* Afficher plan de salle */

.btn-eventroom {
    margin-top: 15px;
}

.btn-eventroom a {
    font-weight: bold;
    font-size: 1.4166rem;
    --c: linear-gradient(#000 0 0);
    /* update the color here */
    padding-bottom: .15em;
    background: var(--c), var(--c);
    background-size: .3em .1em;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    transition: .3s linear, background-size .3s .2s linear;
}

.btn-eventroom a:hover {
    background-size: 40% .1em;
    background-position: 10% 100%, 90% 100%;
}

/* Fin afficher plan de salle */

.social {
    margin-bottom: 15px;
    margin-top: 15px;
    display: block;
    overflow: hidden;
    clear: both;
}

.social .span4 {
    margin-right: 5px;
}

.social .compTwitterShare,
.social .compGoogleLike,
.social .compFacebookLike {
    display: inline-block;
    vertical-align: top;
}

.social .span4 {
    float: left;
    width: auto;
    margin-right: 5px;
}

.social .compTwitterShare {}

.infocomp {
    clear: both;
    display: block;
}

.descContent {
    padding: 17px 20px;
    font-size: 1.3333rem;
}

.buttonsContainer div {
    display: inline-block;
}

.buttonsContainer #submitChoix {
    display: none;
}

.bandeauEtat {
    display: block;
    height: 110px;
    position: absolute;
    width: 110px;
    top: 0;
    margin: inherit;
}

.descEtat {
    height: auto;
    margin: 10px 0;
    font-weight: 700;
    padding: 10px 0;
    color: #5F5F5F;
    display: block;
    font-size: 1rem;
    border-bottom: 1px solid #dedede;
    width: 100%;
    line-height: 1.8rem;
}

.descEtat:before {
    font-family: "FontAwesome";
    color: #e60000;
    font-size: 2rem;
    margin-right: 5px;
    position: relative;
    top: 5px;
    font-weight: 100;
}

/* terminé annulé complet */
.descEtat10,
.descEtat12,
.descEtat40 {
    background: transparent;
    color: #e60000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg transform='translate(-617 -319)'%3E%3Cpath d='M30,0A30,30,0,1,1,0,30,30,30,0,0,1,30,0Z' transform='translate(617 319)' fill='%23e60000'/%3E%3Cpath d='M7.268,9.595h18.17v10.19H7.268ZM29.98,14.69a2.641,2.641,0,0,0,2.725,2.547v5.095A2.641,2.641,0,0,1,29.98,24.88H2.725A2.641,2.641,0,0,1,0,22.332V17.237A2.641,2.641,0,0,0,2.725,14.69,2.641,2.641,0,0,0,0,12.142V7.047A2.641,2.641,0,0,1,2.725,4.5H29.98a2.641,2.641,0,0,1,2.725,2.547v5.095A2.641,2.641,0,0,0,29.98,14.69ZM27.254,9.17A1.32,1.32,0,0,0,25.892,7.9H6.814A1.32,1.32,0,0,0,5.451,9.17V20.209a1.32,1.32,0,0,0,1.363,1.274H25.892a1.32,1.32,0,0,0,1.363-1.274Z' transform='translate(624.818 349.944) rotate(-45)' fill='%23f7f7f7'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px;
    padding-left: 30px;
}

/* bientot en vente reporté */
.descEtat60,
.descEtat11 {
    background: transparent;
    color: #FFA303;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg transform='translate(-617 -319)'%3E%3Cpath d='M30,0A30,30,0,1,1,0,30,30,30,0,0,1,30,0Z' transform='translate(617 319)' fill='%23FFA303'/%3E%3Cpath d='M7.268,9.595h18.17v10.19H7.268ZM29.98,14.69a2.641,2.641,0,0,0,2.725,2.547v5.095A2.641,2.641,0,0,1,29.98,24.88H2.725A2.641,2.641,0,0,1,0,22.332V17.237A2.641,2.641,0,0,0,2.725,14.69,2.641,2.641,0,0,0,0,12.142V7.047A2.641,2.641,0,0,1,2.725,4.5H29.98a2.641,2.641,0,0,1,2.725,2.547v5.095A2.641,2.641,0,0,0,29.98,14.69ZM27.254,9.17A1.32,1.32,0,0,0,25.892,7.9H6.814A1.32,1.32,0,0,0,5.451,9.17V20.209a1.32,1.32,0,0,0,1.363,1.274H25.892a1.32,1.32,0,0,0,1.363-1.274Z' transform='translate(624.818 349.944) rotate(-45)' fill='%23f7f7f7'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px;
    padding-left: 30px;
}

.infoEtat10,
.infoEtat12,
.infoEtat40,
.infoEtat60 {
    margin: 5px 0;
}

.infoEtat11 {
    line-height: 1.5rem;
}

#langageFR .bandeauEtat60 {
    background: url('../image/bandeaux-etats/fr/reporte.png') -3px center no-repeat;
}

#langageFR .bandeauEtat40 {
    background: url('../image/bandeaux-etats/fr/annule.png') -4px center no-repeat;
}

#langageFR .bandeauEtat10 {
    background: url('../image/bandeaux-etats/fr/complet.png') -4px center no-repeat;
}

#langageFR .bandeauEtat11 {
    background: url('../image/bandeaux-etats/fr/bientot.png') -4px center no-repeat;
}

#langageFR .bandeauEtat12 {
    background: url('../image/bandeaux-etats/fr/termine.png') -4px center no-repeat;
}

.accueilFiltre .bandeauEtat {
    position: absolute;
    top: 122px;
}

div.erreur_input_tooltip div.tooltipBottom_right {
    background: #333 !important;
    bottom: -9px;
    right: 19px;
    height: 20px;
    width: 20px;
    display: block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.errorContent {
    background: url("../image/ico-alert.png") no-repeat scroll -2px 11px transparent;
}

/* AFFICHAGE PAYS */

.pageEtape .compBody .compObjet .pays {
    border-left: 1px solid #999;
    display: inline-block;
    font-size: 1.1667rem;
    height: 11px;
    line-height: 9px;
    margin-left: 9px;
    margin-top: 5px;
    padding-left: 8px;
    padding-top: 2px;
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    .assuranceTable .body .column2 {
        height: 60px;
    }

    .assuranceTable .body .column3 {
        position: relative;
        height: 55px;
    }

    #erreur_inputchoixAssuranceReponse {
        left: -286px !important;
        top: -106px !important;
    }

    .compObjet {
        width: 100%;
    }

    .compPano {
        display: none !important;
    }
}

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

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd {
        padding-left: 0px;
    }

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .nom {
        font-size: 1.5rem;
        min-height: 35px;
        margin-left: 125px;
    }

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .date,
    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .genre,
    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .lieu {
        margin-left: 125px;
    }

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .sousgenre,
    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .lieu {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .bandeauEtat {
        display: block;
        margin: inherit;
        position: absolute;
        top: 1px;
    }

    .bandeauEtat11 {
        background-position: -5px 19px !important;
    }

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .ville {
        margin: 0 0 10px 125px;
        clear: both;
        display: block;
    }

    .compPano {
        display: none !important;
    }
}