/* mise des marges à 0 */
html{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    color: #333333;
}

.cell p a { color:#333333; font-size: 1em;}

/*p, h4 a, .options a, .navigation a, .line-link a, a.link-1{ font-size: 0.8em;}*/
p, a, .navigation a, .line-link a, a.link-1{ font-size: 0.8em;}

h1{ font-size: 1.35em;}
h2{ font-size: 1.25em;}
h3{ font-size: 1.15em;}
h4{ font-size: 1.1em;}
h5{ font-size: 1em;}

a { text-decoration: none; }

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
img {
    border: none;
}
input{
    height: 19px;
}
textarea, select, input{
    padding-left: 3px;
    font-size: 0.75em;
    color: #555555;
    border: thin #555555 solid;
    margin: 0 3px 3px 0;
}
textarea{
    font-size: 0.95em;
}
/* message alerte */
#showMessage{
    background:#efefef;
    width: 40%;
    left: 30%;
    border: #777777 thin solid;
    -webkit-border-radius: 0 0 11px 11px;
    -moz-border-radius: 0 0 11px 11px;
    border-radius: 0 0 11px 11px;
}
#showMessage span a{
    color: #003e66;
}
#showMessage div ul li div{
    font-size: 14px;
    margin-left: 40px;
}

/* popup connection */
#ev-popup{
    background-color: #F0F0F0;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.32, #F3F3F3), color-stop(0.8, #DADADA) );
    background-image: -moz-linear-gradient( center bottom, #F3F3F3 32%, #DADADA 80% );
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F3F3F3', endColorstr='#DADADA');

    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;

    border: 1px #F5F5F5 solid;
}
#popup-vendeur-mode-btn, #popup-gdpublic-btn{
    display: block;
    width: 70%;
    text-align: center;
    margin: 8px auto;
}
#popup-vendeur-mode-btn{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.33, #3d3e40), color-stop(0.84, #61686e) );
    background-image: -moz-linear-gradient( center bottom, #3d3e40 33%,#61686e 84% );
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3d3e40', endColorstr='#61686e');

    padding: 5px;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.2em;
    color: #FFFFFF;
    font-weight: bold;

    border: 1px #F5F5F5 solid;
}
#popup-vendeur-mode-btn:hover{
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.33, #61686e), color-stop(0.67, #1c3880), color-stop(0.84, #3d3e40) );
    background-image: -moz-linear-gradient( center bottom, #61686e 33%, #3d3e40 84% );
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3d3e40', endColorstr='#61686e');
}
#popup-gdpublic-btn{
    text-decoration: underline;
    color: #454545;
    font-weight: normal;
}

/* App.component.NavigationHelper */
#app-navigation-helper {
    border: 1px solid #ccc;
    border-radius: 7px;
    background-color: #fff;
    text-align: left;
    color: #333;
}

#app-navigation-helper .content-ctn {
    overflow: hidden;
    margin: 5px;
}

#app-navigation-helper .close-btn {
    position: absolute;
    right: -1px;
    top: -20px;
    padding: 5px;
    text-align: center;
    background-color: #fff;
    font-size: 0.8em;
    width: 75px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}

#app-navigation-helper .close-btn:hover {text-decoration: underline;}

#app-navigation-helper .slides-cpt {
    display: block;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

#app-navigation-helper h1 {
    background-color: #6e7277;

    border: none;
    color: white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 26px;
    margin-top: 10px;
    padding: 10px;
    margin-bottom: 30px;
}

#app-navigation-helper h1 .icon-infos {
    width: 40px;
    height: 40px;
    background: url(picto_infos_reverse_40.png) no-repeat transparent;
    float: left;
    margin: -6px 10px 0px 0px;
}

#app-navigation-helper .control-ctn {
    width: 95%;
}

#app-navigation-helper input[type=button] {
    /*width: 80px;
    text-align: center;
    border-radius: 5px;*/
    margin: 3px;
    background-color: #4a4d50;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.01, rgb(63,64,66)),
        color-stop(0.51, rgb(97,104,110))
    );
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#61686e', endColorstr='#3f4042');
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(63,64,66) 1%,
        rgb(97,104,110) 51%
    );
    border: none;
    color: #fff;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    height: 26px;
    margin-top: 10px;
    width: 120px;
}

#app-navigation-helper input[type=button]:hover {
    text-decoration: underline;
    cursor: pointer;
}

#app-navigation-helper input[type=checkbox] {
    margin-top: 10px;
    border-width: 0px;
}

/* containers */
#container-top-bar{
    position: absolute;
    top: 0;
    width: 100%;
}
#container{
    margin: 50px auto 20px auto;
    min-height: 500px;
    width: 962px;
}

#top-bar, #middle, #footer {
    clear: both;
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    margin: 0 0 12px 0;
}
/* général */
#maquette-ctn, #plan-acces, #plan-acces-bloc{
    height: 100%;
}
.media-arkaplayer{
    height: 534px;
}

.right{
    float: right;
}
.left{
    float: left;
}
.notdisplay {
    display: none;
}
.center{
    margin-left: auto;
    margin-right: auto;
}
.clear{
    clear: both;
}
.line-150{
    max-height: 150px;
}
.line-150 td{
    height: 150px;
    overflow: hidden;
}
.line-215{
    max-height: 215px;
}
.line-215 td{
    height: 215px;
    overflow: hidden;
}
.line-315{
    max-height: 315px;
}
.line-315 td{
    height: 315px;
    overflow: hidden;
}
.line-link td{
    overflow: hidden;
    padding: 11px 0 5px 5px;
}
.line-link a{
    cursor: pointer;
}
.line-link a > span{
    padding: 0 0 0 8px;
}
.line-link div.icon-32{
    margin-top: -5px;
}
.back-link{
    font-size: 1.1em;
}
p a.link-1 {
    text-decoration: underline;
    font-weight: normal;
    font-size : 1em;
}

.link-1{
    color: #1a2983;
    font-weight: bold;
}
.link-2{
    color: #FFFFFF;
    font-weight: bold;
}
.link-3{
    color: #919191;
}
.link-1, .link-2, link-3{
    cursor: pointer;
    text-decoration: none;
}
.text-center{
    text-align: center;
}
.layout-margin{
    margin: 8px;
}
.tiny{
    font-size: 0.6em;
}

.bandeau{
    height: 22px;
    padding: 12px;
    text-align: center;
    vertical-align: middle;
}
.color-1, .color-2{
    color: #1F1F1F;
}
.color-dark-grey{
    color: #6f6f6f;
}
.gradient-background-1, .gradient-background-2{
    /*background-color: #FBFBFB;*/
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.32, #F3F3F3), color-stop(0.8, #DADADA) );
    background-image: -moz-linear-gradient( center bottom, #F3F3F3 32%, #DADADA 80% );
    filter: no-filter;
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F3F3F3', endColorstr='#DADADA');*/
}

.gradient-1, .gradient-2, .gradient-3 {
    color: #FFFFFF;
    background-color: #555a5f;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.32, #45474b), color-stop(0.8, #61686e) );
    background-image: -moz-linear-gradient( center bottom, #45474b 32%, #61686e 80% );
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#45474b', endColorstr='#61686e');
}
.button-programme{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    padding: 3px 5px;
    cursor: pointer;
    font-size: 0.8em;
}
.button-disable, .ui-disabled, .disabled, .disabled a{
    opacity: 0.3;
    cursor: default;
}
.gradient-programme {
    color: #FFFFFF;
    background-color: #152469;
    border: 1px solid #999999;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.33, #152469), color-stop(0.67, #1c3880), color-stop(0.84, #346898) );
    background-image: -moz-linear-gradient( center bottom, #152469 33%, #1c3880 67%, #346898 84% );
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#152469', endColorstr='#346898');
}
.gradient-programme:active {
    background-color: #346898;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.33, #346898), color-stop(0.67, #1c3880), color-stop(0.84, #152469));
    background-image: -moz-linear-gradient( center bottom, #346898 33%, #1c3880 67%, #152469 84% );
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#346898', endColorstr='#152469');
}

.gradient-programme2 {
    color: #FFFFFF;
    background-color: #2f3034;
    border: 1px solid #999999;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.33, #2f3034), color-stop(0.67, #44464a), color-stop(0.84, #5c5f62) );
    background-image: -moz-linear-gradient( center bottom, #2f3034 33%, #44464a 67%, #5c5f62 84% );
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2f3034', endColorstr='#5c5f62');
}
.gradient-programme2:active {
    background-color: #5c5f62;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.33, #5c5f62), color-stop(0.67, #44464a), color-stop(0.84, #2f3034));
    background-image: -moz-linear-gradient( center bottom, #5c5f62 33%, #44464a 67%, #2f3034 84% );
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5c5f62', endColorstr='#2f3034');
}

.bar{
    background-color: #eeeeee;
    margin: 20px 0;
    padding: 20px;
}

/* top bar */
#top-bar {
    background-color: #f2f2f2;
    border-radius: 0 0 11px 11px;
    -webkit-border-radius: 0 0 11px 11px;
    -moz-border-radius: 0 0 11px 11px;
    border-radius: 0 0 11px 11px;
    width: 956px;
    margin: 0 auto;
    border-top: 0 none;
    height: 35px;
    padding: 2px;
    position: relative;
}
#top-bar .logo-client{
    /*overflow: hidden;*/
    height: 30px;
    margin: 4px 0 0 2px;
}
#top-bar .logo-client img{
    height: 100%;
}
#top-bar .tous-projets{
    margin: 8px 0 0 5px;
}

#top-bar .help-btn {
    position: absolute;
    top: 3px;
    right: 7px;
    width: 16px;
    height: 16px;
    background: url(icon-help) no-repeat transparent;
    cursor: help;
}

#connection{
    padding: 7px 4px 0 0;
    color: #979797;
    /*width: 440px;*/
}
#connection span{
    font-size: 0.75em;
}
#connection label{
    display: none;
}
#connection .connection-btn, #connected-user .connection-btn{
    border: none;
    background: none;
    cursor: pointer;
    font-size: 1em;
}

#connection .connection-btn:hover{
    text-decoration: underline;
}

#connected-user > p {
    padding: 10px;
}
#connected-user .icon-24 {
    margin-top: 5px;
}


/* encart contact */
#contact {
    width: 200px;
    margin: 50px 0 0 -200px;
    position: relative;
    z-index: 900;
}


#contact p {
    margin: 8px 0;
}

#contact a.color-1 {
    display: block;
    clear: both;
    margin: 4px 0;
}


#contact .quick-contact-notel{
    font-size: 1.1em;
    padding-top: 6px;
}
#contact .nom{
    width: 180px;
}
#contact .tel{
    width: 82px;
}

/* content */
#middle{
    background-color: #f2f2f2;
}
#header{
    min-height: 110px;
    position: relative;
    z-index: 100;
}
#header #logo_programme{
    text-align: center;
    width: 40%;
    overflow: visible;
    margin: 10px auto 0 auto;
}
#header #prog{
    margin: 15px auto;
    width: 500px;
}
#header #prog .prog-text{
    width: 310px;
}
#header #tout-sur{
    text-align: left;
    padding: 15px 0 0 20px;
}
#header #programme-name{
    text-align: left;
    text-shadow: 1px 1px 1px #555555;
}
#header #programme-place{
    text-align: right;
    padding: 0 10px 0 20px;
    text-shadow: 1px 1px 1px #555555;
}
#header #prog-en3d{
    margin: 23px 0 0 10px;
}
#header #en {
    padding: 40px 10px 0 10px;
}

/* menu*/
#menu{
    clear: both;
    height: 113px;
    margin: 10px auto 15px auto;
}
#menu a {
    color: #767779;
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 13px;
    text-decoration: none;
}
#menu a > span{
    display: block;
    line-height: 13px;
    margin:  0 0 0 -13px;
    padding: 68px 0 0;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    width: 90px;
}
#menu ul{
    list-style: none outside none;
}
#menu ul li{
    border-bottom: 3px solid #EEEEEE;
    cursor: pointer;
    float: left;
    height: 108px;
    margin: 0 10px;
    width: 90px;
}
#menu ul li:hover, #menu ul li.active {
    border-bottom: 3px solid #333333;
}

/* page */
#baseline{
    font-size: 0.8em;
    padding: 5px 0;
    height: auto;
    min-height: 22px;
}


.titre{
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    padding: 15px 15px 15px 30px;
    background-color: #5b5f62;
    color: #FFFFFF;
}
.titre h1 .icon-32{
    margin-top: -3px;
}

#display-interface{
    width: 430px;
    margin-right: 8px;
}

#banniere{
    height: 270px;
    overflow: hidden;
    text-align: center;
}
#banniere > img{
    width: 100%;
}

#go-localisation{
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(default_localisation_bg.png);
}
#go-localisation h4 {
    text-align: center;
    padding-top: 5px;
}
#go-localisation .icon-3d{
    margin: 70px 30px -150px 0;
}
#go-localisation .icon-localisation-pin{
    margin: 70px 0 -150px 30px;
}

#lot-home h4{
    margin: 4px 15px 2px 15px;
    text-align: center;
}
#lot-home #img-lot-ctn{
    width: 100%;
    height: 100px;
    overflow: hidden;
}
#lot-home #img-lot-ctn > img{
    margin-top: -45px;
}

/* icones */
.disableEditor{
    display: none;
}
/* cellules */
table{
    width: 100%;
    border-width: thin;
    border-collapse: collapse;
    border-spacing: 0px;
    table-layout: fixed;

}
table .r4 > td{
    width: 25%;
    overflow: hidden;

}
table .r3 > td{
    width: 33%;

}
.cell{
    border-bottom: 1px solid #C3C3C3;
    border-left: 1px solid #C3C3C3;
    border-top: 1px solid #C3C3C3;
    border-right: 1px solid #C3C3C3;
    border: 1px solid #C3C3C3;
    vertical-align: top;
    border-right: 0;
    border-bottom: 0;
    overflow: hidden;
}

.cell > img, #loc_cell1 > img{
    width: 100%;
    margin-bottom: -50%;
    padding: 0;
}
.cell ul {
    list-style-type: square;
    list-style-position: inside;
}

.cell ul li{
    font-size: .9em;
    font-weight: normal;
    margin-left: 15px;
}
.first{
    border-left: 0;
}
.cell > p, .cell > h1, .cell > h2, .cell > h3, .cell > h4, .cell > h5{
    margin: 15px;
}
.legende{
    padding: 5px;
    background-color: #FFFFFF;
    font-size: 0.75em;
}
#page-lot #action-ctn{
    position: relative;
    width: 1px;
    overflow: visible;
}

#page-lot .add-remove-lot{
    cursor: pointer;
}

#page-lot .lot{
    width: 68px;
    margin: -68px 0 0 15px;
    padding: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: none;
    height: 68px;
}
.button-lot{
    display: block;
    width: 60%;
    padding: 2px 5px 3px 5px;
    text-align: center;
    margin: 5px auto;
}
#ipadApp{
    padding: 10px 10px 0 10px;
}
#ipadApp a p{
    margin-top: 20px;
    font-size: 0.85em;
}
#ipadApp a div{
    margin-top: 5px;
}
#ipadApp a > img.resized{
    width: 60%;
    margin-right: -10px;
}
#ipadApp div.appStore-ctn{
    text-align: center;
    padding-right: 5px;
    /*padding-left: 60%;*/
}
.appStore-ctn .icon-appStore{
    margin-right: 20px;
}
#page-lot #ipadApp a > img{
    margin-top: 5px;
}
#page-lot #ipadApp a p{
    margin-top: 10px;
}
#page-lot #ipadApp{
    height: 110px;
    overflow: hidden;
}
#page-lot .appStore-ctn .icon-appStore{
    margin-right: 7px;
}

#page-lot .social-networks {
    margin-left: 7px;
}

#infos-lot ul li{
    font-size: 0.9em;
    font-weight: normal;
}
#lot_cell1{
    height: 218px;
}
#lot_cell2{
    /*height: 218px;*/
}
#actions{
    height: 80px;
    padding-top: 15px;
}
#document{
    max-height: 120px;
    overflow: auto;
}
#document .no-document{
    text-align: center;
    color: #666666;
}
#action-lot h5{
    text-align: center;
    margin-bottom: 5px;
}
/* galerie */
.pika-imgnav a.previous{
    left: 0;
}
.pika-imgnav a.next{
    right: 0;
}

.pika-stage {
    text-align: center;
}

.pika-stage img {
    width: auto;
    max-height: 400px;
    width: auto;
    margin: 0;
    padding: 0;
}


/*discover */
#discover{
    -webkit-border-radius: 0 0 11px 11px;
    -moz-border-radius: 0 0 11px 11px;
    border-radius: 0 0 11px 11px;
}
#discover .inside a {
    background-color: #FFFFFF;
    padding-bottom: 3px;
}

#discover .bandeau{
    padding: 11px 12px 5px 12px;
}
#discover h2{
    font-size: 1em;
}
#discover .inside .link-visit {
    text-align: center;
    width: 90%;
    bottom: 5px;
    position: absolute;
}

.inside{
    background: #FFFFFF;
    border: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 160px;
    overflow: hidden;
    position: relative;
}

.inside .slider-img-ctn{
    width: 320px;
    height: 180px;
    margin: -20px -40px;
}
.inside img{
    border: 0;
    width: 320px;
    height: 180px;
    /*margin: -11% -16%;*/
}
.inside h2{
    font-size: 1.5em;
    text-align: center;
}
#slider-discover .inside h4{
    text-align: center;
    position: relative;
    line-height: 14px;
}
.slider div.panel.current .inside {
    border: 1px solid #333333;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.slider {
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
}
#slider-discover .scrollButtons.left{
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}
#slider-discover .scrollButtons.right{
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius:  0 8px 8px 0;
    border-radius:  0 8px 8px 0;
}
.quick-app-slider a.scrollButtons {
    background-image: none;
    background-color: #7A7A7A;
    border: 1px solid #aaa;
    opacity: 1;
    width: 35px;
    top: 50%;
    margin-top: -30px;
}
.quick-app-slider .arrow {
    padding:0;
    margin: auto;
    margin-top: 13px;
    background-color: #7A7A7A;
    border: 15px solid #7A7A7A;
    height:0px; /* Hauteur de l'intérieur de la boîte pour Mozilla et consorts */
    _height: 15px; /* Pour IE, c'est la hauteur totale */
    width: 0px; /* Largeur de l'intérieur de la boîte pour Mozilla et consorts */
    _width: 15px; /* Pour IE, c'est la largeur totale */
    _line-height: 0pt; /* force IE à supprimer la fonte */
}
.quick-app-slider .arrow-right {
    border-left-color: #fff; /* le bord de gauche en blanc, couleur de remplissage */
}
.quick-app-slider .arrow-left {
    border-right-color: #fff; /* le bord de gauche en blanc, couleur de remplissage */
}

a.scrollButtons:active {
    border: 1px solid #777;
}

/* formulaire */
.form-contact form, .form-recherche form, .form-panier form{
    border: none;
    border-top: 1px solid #FFFFFF;
    padding: 15px;
    color: #FFFFFF;
    background-image: -moz-linear-gradient(center bottom , #333333 29%, #5b5f62 98%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.29, #333333), color-stop(0.98, #5b5f62 ));
    background-image: linear-gradient(to top, #333333, #5b5f62);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5b5f62', endColorstr='#333333');
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
    /*background-color: #333;*/
}
/* recherche */
#bandeau-recherche h5{
    margin: 0 0 8px 0;
    font-weight: normal;
    min-width: 135px;
}

/*checkbox*/
#lots-options.personalCB label, #lots-orientations.personalCB label {
    display: block;
    float: left;
    margin: 0;
    font-size: 0.8em;
}


#lots-duplex.personalCB li a, .checkbox-options.personalCB li a, #lots-options.personalCB li a, #lots-orientations.personalCB li a {
    height: 30px;
    background-color: transparent;
    filter: none;
    border: none;
    float: right;
    margin: -10px 45px 0 0;
}

.ui-sliders {
    border: 1px solid #888888;
    height: 10px;
}
.ui-slider-range {
    background-image: -moz-linear-gradient(center bottom , #cccccc 29%, #333333 98%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.29, #cccccc), color-stop(0.98, #333333 ));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cccccc', endColorstr='#333333');
    background-image: linear-gradient(to top, #cccccc, #333333);
    background-color: #ccc;
}
.ui-sliders a.ui-state-default {
    border: none;
    height: 15px;
    width: 20px;
    cursor: pointer;
}
.ui-sliders a.ui-slider-handle {
    margin-left: -0.75em;
    margin-top: 15px;
}

#search-tbar{
    margin: 15px 0;
    background-color: #EEEEEE;
    padding: 20px 15px 10px 15px;
}
#lot-search-result > span{
    font-weight: bold;
}
#display-interface button{
    height: 38px;
    padding: 2px 10px 0 10px;
    margin: -7px 0 0 5px;
    border: 1px solid #CCCCCC;
    background-color: #EEEEEE;
    float: right;
}
#display-interface button.sort {
    color: #000000;
    padding-left: 18px;
    text-shadow: none;
}
#display-interface button:hover, #display-interface button.active {
    background-color: #DDDDDD;
    border-color: #444444;
    color: #444444;
}

/*affichage lots recherche et panier */
#noresults, #empty{
    margin: 20px;
    font-style: italic;
    color: #505050;
}

#page-recherche #maquette-ctn, #page-panier #maquette-ctn{
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    border: 1px solid #DDDDDD;
    padding: 0;
    margin: 0 5px 5px 5px;
}
#grille-lots{
    padding-bottom: 15px;
}

#page-recherche #maquette-ctn, #page-recherche .display-mosaic #maquette-ctn, #page-recherche .display-liste #maquette-ctn, #page-panier #maquette-ctn, #page-panier .display-mosaic #maquette-ctn, #page-panier .display-liste #maquette-ctn, .display-mosaic .gradient-programme1 {
    display: none;
}
#page-recherche #grille-lots.display-3d, #page-panier #grille-lots.display-3d{
    height: 534px;
}
#page-recherche .display-3d #maquette-ctn, #page-panier .display-3d #maquette-ctn{
    display: block;
}

.display-3d #lots-ctn{
    display: none;
}
#lots-ctn, .display-mosaic #lots-ctn, .display-liste #lots-ctn{
    display: block;
}

#lots{
    list-style: none outside none;
}
#lots li{
    display: block;
}
#lots .notmatch{
    display: none;
}
#lots .icon-compass{
    position: relative;
}

li.lot{
    width: 95%;
    margin: 15px auto 0 auto;
    padding: 8px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    border: 1px solid #DDDDDD;
    height: 220px;
    background-color: #F5F5F5;
}

.display-mosaic li.lot{
    width: 30%;
    margin: 0px 7px 15px 7px;
    padding: 8px;
    border: 1px solid #DDDDDD;
    height: 200px;
    float: left;
    position: relative;
}

.lot .lot-img-ctn{
    float: left;
    width: 320px;
    overflow: hidden;
    margin: 15px 20px 0 -45px;
}
.display-mosaic .lot .lot-img-ctn{
    width: 270px;
    margin: -65px 0 0 0;
}
.lot .lot-img-ctn img{
    width: 100%;
}

.display-mosaic .lot .lot-img-ctn img {
    margin: 20% 30% -5% 0;
    width: 70%;
}

.lot .icon-32-compass{
    position: relative;
    margin: 0 -32px 0 0;
}
.lot .boutons{
    float: left;
    margin: 174px 0 -200px 380px;
}
.display-mosaic .lot .boutons{
    /*margin: 180px 0px -200px 0;*/
    position: absolute;
    bottom: 9px;
    font-size: 0.75em;
    margin: 0px;
}
.lot .boutons .button-programme{
    padding: 5px 7px;
}

.lot .description-ctn{
    padding: 0 48px 0 0;
}
.lot .description-ctn .description{
    margin-top: 8px;
    padding-left: 420px;
}
.lot .description-ctn h4{
    font-size: 1.25em;
    width: 425px;
    float: left;
    margin: 0 0 15px 0;
    padding-left: 15px;
}
.display-mosaic .lot .description-ctn .description{
    display: none;
}
.display-mosaic .lot .description-ctn h4{
    font-size: 1.1em;
    width: 205px;
    margin: -143px 0 15px 25px;
}

.lot .add-remove-lot-ctn{
    float: right;
    cursor: pointer;
}
.display-mosaic .lot .add-remove-lot-ctn{
    margin: 0 -10px 8px 0;
}
.lot .options{
    float: left;
    margin: 0 0 0 -28px;
    width: 100px;
    height: 220px;
    overflow: hidden;
}
.display-mosaic .lot .options{
    float: left;
    margin: -90px 0 -50px 215px;
    width: 100px;
    height: 150px;
    overflow: hidden;
}
.lot .options .icon-48{
    margin: 0;
}
.lot .options > div{
    margin: 15px 0 0 0;
}
.display-mosaic .lot .options > div{
    margin: 5px 0 0 0;
}
.lot .options > div > a div{
    margin: 10px 0 0 0;
}
.display-mosaic .lot .options > div > a div{
    display: none;
}

/* Contact */
.form-contact form textarea, .form-panier form textarea{
    width: 347px;
    margin: 4px
}

#page-panier .form-contact textarea {
    height: 80px;
}

#page-panier .contact-nom {
    font-size: 20px;
    font-weight: bold;
}

.form-contact form input, .form-panier form input {
    width: 167px;
    margin: 4px 0 4px 4px;
}
.form-contact form img {
    width: 353px !important;
    margin: 4px 0 4px 4px;
}
.form-contact form #captcha {
    width: 350px !important;
    margin: 4px 0 4px 4px;
}
.form-contact form select, .form-panier form select{
    margin: 4px;
}
.form-contact form .container-form, .form-panier form .container-form{
    width: 370px;
}
.form-contact label.captcha {
    font-size: 12px;
     margin: 4px 0 4px 6px;
}
#submit-contact-btn, #submit-panier-btn{
    margin: -27px 0 0 450px;
}
 #page-panier #submit-contact-btn {
    margin-left: 650px;
}
#teaser{
    width: 460px;
}
#background-contact{
    min-height: 530px;
    background-position: top left;
}
#bientot-dans{
    margin: 0 0 0 55%;
    padding: 35px 0 0 0;
}
#bientot-dans .nom-commercialisateur{
    color: #000000;
}
#bientot-dans ul{
    list-style: none;
    font-size: 1.2em;
    color: #666666;
}
#bientot-dans .tel-commercialisateur p, #bientot-dans .adresse-commercialisateur p{
    margin: 15px 0 0 0;
}

/* App.component.ContactDialog */
.ui-dialog, #contact-dialog{
    overflow: visible;
}
.contact-dialog {
    border: none;
    font-size: 0.8em;
    border-radius: 7px 0 7px 7px;
    -moz-border-radius: 7px 0 7px 7px;
    -webkit-border-radius: 7px 0 7px 7px;
}
.contact-dialog div.close{
    font-size: 0.85em;
    margin-top: -22px;
    margin-right: -2px;
    padding: 5px 0 1px 0;
    width: 75px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.contact-dialog #text-infos{
    margin: 18px 18px 5px 18px;
    padding: 0;
    font-size: 1em;
    font-style: normal;
    clear: both;
    min-height: 40px;
}

.picto-infos {
    background: transparent url('picto_infos.png') no-repeat center center;
    width: 40px;
    height: 40px;
    float: left;
}

.contact-dialog #text-infos .picto-infos{
    float: left;
    width: 40px;
    height: 40px;
    background: transparent url('picto_infos.png') no-repeat center center;
    margin: 0 18px 0 9px;
}


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

.contact-dialog form input[type="text"], .contact-dialog form input[type="password"], .contact-dialog textarea, .contact-dialog select {
    border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;
    width: 206px;
    height: 25px;
    color: #434548;
    padding-left: 13px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-color: #bbb;
}

.contact-dialog select {border-color: #bbb;}
.contact-dialog textarea {height: 100px;}

.contact-dialog form, .contact-dialog  #container-help-update-contact {
    text-align: left;
    height: 320px;
    display: block;
    background-color: #f0f0f0;
    padding: 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}
#window-form-connect-contact, #container-help-update-contact {
    float: left;
    width: 222px;
    margin: 13px 0 18px 18px;
}
#window-form-create-contact{
    float: right;
    width: 222px;
    margin: 13px 18px 18px 0;
}

.contact-dialog #container-help-update-contact p {
    font-size: 12px;
    margin-top: 5px;
    line-height: 16px;
}

.contact-dialog #btn-update-contact {
    color: blue;
    text-decoration:  underline;
    position: absolute;
    bottom: 30px;
    font-size: 12px
}

.contact-dialog p {
    font-style: italic;
    color: #45474a;
}

.contact-dialog label {
    color: #45474a;
    font-weight: normal;
}

/*.contact-dialog form .submit {
    background-color: #f0f0f0;
}*/
.voirInfo{
    font-size: 13px;
    width: 140px;
    padding: 3px 0px;
    text-align: center;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    cursor: pointer;
    font-weight: normal;
}

#infos-lot .voirInfo{
    float: right;
    clear: right;
    margin: 1px 0 0 0;
}
#document .voirInfo{
    margin: 5px auto 0 auto;;
}

.contact-dialog .submit {
    background-color: #4a4d50;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.01, rgb(63,64,66)),
        color-stop(0.51, rgb(97,104,110))
    );
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#61686e', endColorstr='#3f4042');
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(63,64,66) 1%,
        rgb(97,104,110) 51%
    );
    background-image: linear-gradient(to top, #61686e, #3f4042);
    background-color: #61686e;
    border: none;
    color: #fff;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    height: 26px;
    margin-top: 10px;
    width: 120px;
}

/* motif chargement */
.contact-dialog .motif-loading{
    margin: -32px 0 0 140px;
    background-image: url( /img/loading.gif );
    width: 32px;
    height: 32px;
}
.contact-dialog #loading-valide.motif-loading{
    margin: 10px auto;
}

.contact-dialog #retour-programme{
    width: 200px;
}
.contact-dialog .submit:hover {
    text-decoration: underline;
    cursor: pointer;
}

.contact-dialog #valid-contact-response-text {
    color: #444648;
    width: 405px;
    font-size: 1.3em;
    margin: 20px auto 15px auto;
}
.contact-dialog #valid-contact-info {width: 380px;font-size: 0.7em; font-style: italic; margin:auto;}
.contact-dialog h1 {
    padding: 17px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 10px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    background-color: #4a4d50;
    font-size: 13px;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.01, rgb(63,64,66)),
        color-stop(0.51, rgb(97,104,110))
    );
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#61686e', endColorstr='#3f4042');
        background-image: -moz-linear-gradient(
            center bottom,
            rgb(63,64,66) 1%,
            rgb(97,104,110) 51%
        );
        background-image: linear-gradient(to top, #61686e, #3f4042);
        background-color: #61686e;
}

#window-form-valid-contact {
    text-align: center;
    margin: 18px;
}

#window-form-valid-contact h1 {
    text-align: left;
}

.contact-dialog #valid-contact-by, .contact-dialog #infos-contact-connect {
    font-size: 0.8em;
    margin: 5px 0px 5px 0px;
}

#contact-dialog-response-text {
    font-size: 13px;
    color: #555;
}

#contact-dialog-response-text .value-response-text {
    float: left;
}

#contact-dialog-response-text .icon-response-text {
    background-image: url(icon-app-exclamation_23);
    margin: 0px 10px 0px 0px;
    background-repeat: no-repeat;
    float: left;
    width: 23px;
    height: 23px;
}

#contact-dialog #oublier-password-btn {
    font-size: 1em;
    margin: 10px 0px 10px 0px;
    white-space: nowrap;

}

#contact-dialog #oublier-password-btn:hover {
    text-decoration: underline;
}

#contact-dialog #oublier-password-ctn {

}

#contact-dialog #oublier-password-ctn .submit {width: 40px;}
#contact-dialog #oublier-password-ctn input {width: 65%;}

.contact-dialog #loading-connect-oublier-password.motif-loading {
    margin: -32px 0 0 220px;
}

/* App.component.SendToFriend */
#app-send-to-friend {
    display: block;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
    border: 0px solid #aaa;
    position: relative;
}

#app-send-to-friend form {
    padding: 4px;
}

#app-send-to-friend .notice {
    height: 30px;
}

#app-send-to-friend form input, #app-send-to-friend form textarea {
    border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
    width: 220px;
    height: 25px;
    color: #434548;
    padding-left: 13px;
    margin: 5px auto 2px 20px;
    border-color: #bbb;
    display: block;
}

#app-send-to-friend form textarea {
    height: 100px;
    width: 300px;
}

#app-send-to-friend input.submit {padding: 0px;margin-left: 210px;background-color: #4A4D50;background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.01, #3F4042), color-stop(0.51, #61686E) );filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#61686e', endColorstr='#3f4042');background-image: -moz-linear-gradient( center bottom, #3F4042 1%, #61686E 51% );background-image: linear-gradient(to top, #61686e, #3f4042);background-color:#61686e;border: none;color: white;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;height: 26px;margin-top: 10px;;width: 130px;cursor: pointer;}

#app-send-to-friend .message {
    font-style: italic;
    text-align: center;
    margin: 4px;
}

#app-send-to-friend .motif-loading {
    position: absolute;
    right: 10px;
    bottom: 15px;
}

#app-send-to-friend .ev-popup-close {
    position: absolute;
    top: -15px;
    height: 18px;
    text-align: center;
    font-size: 10px;
    right: -0px;
    color: #000;
    background-color: white;
    display: block;
    border: 0px solid #aaa;
    width: 70px;
    border-radius: 3px 3px 0px 0px;
    cursor: pointer;
}

#app-send-to-friend .placeholder {
    color: #aaa;
    font-style: italic;
}

#app-send-to-friend .text-infos {
    margin: 18px 18px 5px 18px;
    padding: 0;
    font-size: 12px;
    color: #000;
    font-style: normal;
    clear: both;
    min-height: 40px;
    text-align: left;
}

#app-send-to-friend .text-infos span {
    margin-left: 50px;
    display: block;
}

#app-send-to-friend .picto-infos {
    margin-top: -5px;
}

#app-send-to-friend .notification-response-text {
    position: absolute;
    top: -22px;
    background-color: white;
    width: 200px;
    border-radius: 5px 5px 0px 0px;
    font-size: 12px;
    left: 50%;
    margin-left: -100px;
    display: none;
}

/* ipad */
#popupAppstore{
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 590px;
    height: 210px;
    margin: -95px 0 -95px -300px;
    z-index: 500;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
}
#popupAppstore p{
    padding: 12px;
    text-align: center;
}
/* footer */
#footer{
    background-color: #f2f2f2;
}

#noIpadApp div{
    margin : 45px 30px 0 30px;
    color : #888888;
    font-weight:bold;
}

#noIpadApp div a {
    font-size:1em;
    color:#888888;
    text-decoration: underline;
}

#noIpadApp div span{
    font-size:0.8em;
}


#recherche-display-3d {
    display: none;
}

#lots .options div:first-child {
    display: none;
}

/* Contact telephone */

.contact-telephone {
    font-weight: bold;
    font-size: large;
    font-size: medium;
    margin-top: 2em;
}

#page-contact .contact-telephone {
    width: 200px;
    text-align: center;
}

/* Picto agrandir l'image */

.pika-stage .enlarge {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url('/img/enlarge.png') no-repeat top right;
    z-index: 100 ;
}

.relative {
    position: relative !important;
}

/* ajout ui html5 */
.arka_player {
    /*height: 500px;*/
}

/* Toutes les déclarations du player 3d sont dans "js/arka-player/"
/*
.rounded{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}


#page-lot #container_player{
    width: 720px;
}

tr.arka_player{
    height: 534px;
}
#tip{
    position: absolute;
    padding: 12px;
    z-index: 3000;
    background-color: #FFFFFF;
    border: 2px solid #EEEEEE;
    display: none;
}

#palette{
    position: absolute;
}

#paletteEtage{
    position: relative;
    top: 0;
    left: 0;
    margin: 15px 0 0 15px;
}
#paletteEtage ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

#paletteEtage li.btn{
    margin: 0;
    list-style: none;
    width: 60px;
    padding: 8px 0;
    background-color: #FFFFFF;
    text-align: center;
    font-size: 0.9em;
    border: 3px solid #EEEEEE;
    cursor: pointer;
}
#paletteEtage li:hover{
    color: #333333;
}

#paletteEtage li.apbtn{
    margin: 5px 0;
}

#fixScroll{
    position: relative;
    top:0;
    left: 930px;
    width: 30px;
    height: 534px;
    margin: 0 0 -534px 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2000;
}

#maquette-miniloader {
    background-image: url(/img/webdesign/maquette-js/bg_miniloader.png);
    width: 64px;
    height: 64px;
    overflow: hidden;
    background-repeat: no-repeat;
    position: relative;
    left: 50%;
    top: 50%;
    margin-top: -32px;
    margin-left: -32px;
    margin-bottom: -117px;
}

#maquette-miniloader-anim {
    background-image: url(/img/webdesign/maquette-js/miniloader.png);
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
}

#palette-control{
    position: absolute;
    background-color: #FFFFFF;
    left: 50%;
    top: 100%;
    z-index: 500;
    margin: -85px 0 0 -133px;
    width: 315px;
}
#palette-control .drag-bar{
    padding: 0;
    margin: 0;
    height: 15px;
    background-color: #777777;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;

}
#palette-control .btn-control-ctn{
    padding: 5px;
}
#palette-control ul li{
    display: block;
    float: left;
    margin: 5px;
    padding: 0;
    list-style: none;
    text-align: center;
}
#palette-control ul li input{
    width: 38px;
    height: 34px;
    border: 0;
    margin: 0;
    padding: 0;
    color: transparent;
    cursor: pointer;
    border: none;
}

.btn-turnLeft input{
    background: transparent url( /img/webdesign/maquette-js/left.png ) no-repeat;
}
.btn-turnRight input{
    background: transparent url( /img/webdesign/maquette-js/right.png ) no-repeat;
}
.btn-zoomMinus input{
    background: transparent url( /img/webdesign/maquette-js/unzoom.png ) no-repeat;
}
.btn-zoomPlus input{
    background: transparent url( /img/webdesign/maquette-js/zoom.png ) no-repeat;
}
.btn-fullscreen input{
    background: transparent url( /img/webdesign/maquette-js/fullscreen_player.png ) no-repeat;
}
.btn-fullscreen.back input{
    background: transparent url( /img/webdesign/maquette-js/unfullscreen.jpg ) no-repeat;
}
.btn-toggleMove input{
    background: transparent url( /img/webdesign/maquette-js/toggle_move.png ) no-repeat;
}
*/

/* Adaptations Editeur HTML du mode rédacteur
------------------------------------------------- */

.scayt-enabled ul {
    list-style-type: square;
    list-style-position: inside;
}

.scayt-enabled ul li {
    font-size: .9em;
    font-weight: normal;
    margin-left: 15px;
}

.scayt-enabled p,
.scayt-enabled h3,
.scayt-enabled h2 {
    margin: 15px;
}

.scayt-enabled p a {
    margin: 15px;
    color: #333333;
    font-size: 1em;
    text-decoration: underline;
    margin: 0;
    padding: 0;
}


/* Fiscalités et labels
------------------------------------------------- */

#info-energie {
    text-align: center;
    padding: 0;
}

#info-energie hr.cell {
    clear: both;
    width: 100%;
    /*border-top: 1px solid #000;*/
    border-width: 1px 0 0 0;
}

#info-energie h4 {
    clear: both;
    margin: 15px 0 10px 0;
}

#info-energie img {
    width: auto;
    display: inline;
    margin: 2px;
    padding: 0;
}


#info-energie .liste-labels {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.liste-labels li {
    display: inline-block;
    /*position: relative;*/
}

.liste-labels span {
    float: right;
    background: #000;
    color: #fff;
    font-weight: bold;
    border-radius: 6px;
    font-size: 1.1em;
    line-height: 100%;
    padding: 1px 3px;
    margin: 37px 0 0 -12px;
    position: relative;
    opacity: 0.7;
}


.picto-labels {
    display: inline-block;
    width: 80px;
    height: 75px;
    margin: 2px;
    padding: 0;
}

.picto-labels.bbc { background: url('/img/icons/labels/bbc.png') 0 0 no-repeat; }
.picto-labels.duflot { background: url('/img/icons/labels/duflot.png') 0 0 no-repeat; }
.picto-labels.lmnp { background: url('/img/icons/labels/lmnp.png') 0 0 no-repeat; }
.picto-labels.lmnp-censi-bouvard { background: url('/img/icons/labels/lmnp-censi-bouvard.png') 0 0 no-repeat; }
.picto-labels.rt2012 { background: url('/img/icons/labels/rt2012.png') 0 0 no-repeat; }
.picto-labels.scellier { background: url('/img/icons/labels/scellier.png') 0 0 no-repeat; }
.picto-labels.tva-reduite { background: url('/img/icons/labels/tva-reduite.png') 0 0 no-repeat; }
.picto-labels.tva-7 { background: url('/img/icons/labels/tva-7.png') 0 0 no-repeat; }
.picto-labels.thpe { background: url('/img/icons/labels/thpe.png') 0 0 no-repeat; }
.picto-labels.thpe-enr { background: url('/img/icons/labels/thpe-enr.png') 0 0 no-repeat; }



.picto-labels.small {
    width: 73px;
    height: 68px;
}

.small .picto-labels.bbc { background: url('/img/icons/labels/small/bbc.png') 0 0 no-repeat; }
.small .picto-labels.duflot { background: url('/img/icons/labels/small/duflot.png') 0 0 no-repeat; }
.small .picto-labels.lmnp { background: url('/img/icons/labels/small/lmnp.png') 0 0 no-repeat; }
.small .picto-labels.lmnp-censi-bouvard { background: url('/img/icons/labels/small/lmnp-censi-bouvard.png') 0 0 no-repeat; }
.small .picto-labels.rt2012 { background: url('/img/icons/labels/small/rt2012.png') 0 0 no-repeat; }
.small .picto-labels.scellier { background: url('/img/icons/labels/small/scellier.png') 0 0 no-repeat; }
.small .picto-labels.tva-reduite { background: url('/img/icons/labels/small/tva-reduite.png') 0 0 no-repeat; }
.small .picto-labels.tva-7 { background: url('/img/icons/labels/small/tva-7.png') 0 0 no-repeat; }
.small .picto-labels.thpe { background: url('/img/icons/labels/small/thpe.png') 0 0 no-repeat; }
.small .picto-labels.thpe-enr { background: url('/img/icons/labels/small/thpe-enr.png') 0 0 no-repeat; }



/**
 * Corrige un problème de trait manquant sous IE8 et moins
 */
.gradient-background-2,
table .r4 > td,
table .r3 > td,
.line-link td,
table td,
.cell {
    background: transparent\9;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff, endColorstr=#4cffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff, endColorstr=#4cffffff)";
}

#cookie-law-info-bar {
    text-align: center;
    padding: 8px;
    font-size: 0.85em;
}

/** PAGE MENTIONS LEGALES **/
#page-mentions-legales {
    padding: 45px;
    padding-top: 0px;
    color: #444;
}

#page-mentions-legales p, #page-mentions-legales li {
    color: #666;
    text-align: justify;
    margin-left: 30px;
}

#page-mentions-legales ul {
    list-style: none;
}

#page-mentions-legales h1, #page-mentions-legales h2 , #page-mentions-legales h3 {
    margin-bottom: 5px;
    margin-top: 10px;
}
#page-mentions-legales h1 {
    font-size: 1.8em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
}

.mbs {margin-bottom: 8px;} 
.mts {margin-top: 8px;}

.mentions-legales-links {
    color: #bbb;
    font-size: 12px;
    text-align: center;
    line-height: 5px;
    height: 20px;
}

.mentions-legales-links a {
    text-decoration: underline;
}