/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 6 avr. 2018, 09:14:31
    Author     : olivier
*/

.spc10{
    height:10px;
}
.spc20{
    height:20px;
}
.spc30{
    height:30px;
}
.spc40{
    height:40px;
}
.spc50{
    height:50px;
}
.fs16{
    font-size:16px;
}
.fs18{
    font-size:18px;
}
.fs20{
    font-size:20px;
}
.fs31{
    font-size: 31px;
    line-height: 43px;
}
.fs49{
    font-size: 49px;
    line-height: 42px;
}
.fs57 {
    font-size: 46px;
    line-height: 68px;
}
.fs88 {
    font-size: 71px;
    line-height: 69px;
}
.fs120{
    font-size:120px;
}
*{
    font-family:'SlateStd';
}
h1,h2,h3{
    font-family:'SlateStd-Medium';
}
label{
    padding-left: 5px;
    font-weight:normal;
}
hr {
    margin-bottom: 0px !important;
}
#googleMapRevendeur .gm-bundled-control .gmnoprint{
    left:125px !important;
}
#googleMapRevendeur .gm-bundled-control .gmnoprint > div{
    width:81px !important;
    height:40px !important;
}
#googleMapRevendeur .gm-bundled-control .gmnoprint > div > div{
    display:none !important;
}
#googleMapRevendeur .gm-bundled-control .gmnoprint > div > button:nth-child(1){
    display:inline-block !important;
    top: 2px !important;
}
#googleMapRevendeur .gm-bundled-control .gmnoprint > div > button:nth-child(3){
    display:inline-block !important;
    top: -2px !important;
}
#googleMapRevendeur .gm-bundled-control .gmnoprint > div > button > img:nth-child(2),#googleMapRevendeur .gm-bundled-control .gmnoprint > div > button > img:nth-child(3){
    display:none !important;
}
#googleMapRevendeur .gm-bundled-control .gmnoprint > div > button > img:nth-child(1){
    display:block !important;
}
.brSpan{
    display:block;
}
.revendeursItemList h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}
.underline{
    text-decoration:underline;
}
.uppercase{
    text-transform:uppercase;
}
body{
    background-color:white;
    display:flex;
}
#main{
    width:100%;
}
#image_bandeau{
    background-color: #e75903;
    background-image: none;
    height: 200px;
}
#bandeau_sup {
    display: table;
    vertical-align: bottom;
    padding-bottom: 40px;
    height: 415px;
    width: 100% !important;
    margin: 0 auto;
}
#header_main {
    border: none !important;
    z-index: 501;
}
#header_main .container, #header_meta .container {
    width: 97% !important;
    max-width: inherit !important;
}
#header {
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 501 !important;
}
#header .inner-container {
    background: #ffffff !important;
    moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.20);
    -o-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.20);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=3);
    top: 15px;
}
div .logo {
/*    position: absolute;*/
    z-index: 501;
    display: inline-block;
}
a.retourAuSite{
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    padding-left: 15px;
    top: -5px;
    position: relative;
    color: #E75903;
}
#header * {
    background-color: transparent !important;
}
.main_menu .lvl_1 {
    margin-left: 17px;
}
#wrap_all{
    width:100%;
}
#the_header_wrapper {
    position: relative;
}
.boxed #wrap_all {
    overflow: visible;
}
#wrap_all {
    width: 100%;
    position: static;
    z-index: 2;
    overflow: hidden;
}
.logo, .logo a {
    overflow: hidden;
    position: relative;
    display: block;
    height: 100%;
}
.logo img {
    padding: 0;
    display: block;
    width: auto;
    height: auto;
    max-height: 100%;
    image-rendering: auto;
    position: relative;
    z-index: 2;
    height: 100%\9;
    height: auto\9;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}
.inner-container {
    position: relative;
    height: 100%;
    width: 100%;
}
#header_meta {
    position: absolute;
    top: -35px;
    width: 100%;
    border: none;
    z-index: 10;
}
.bandeauPellenc{
    width: 97%;
    background-color: #fff;
    height: 76px;
    position: relative;
    top: 54px;
    margin: 0 auto;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.20);
}
#bandeau_sup{
    height:100px;
    padding-top:35px;
}
#bandeau_sup input[type="text"], #bandeau_sup select, #bandeau_sup button{
    width: 100%;
    height: 52px;
    border-radius: 0;
    border: 1px solid #aaa;
    padding: 10px;
}

#header_meta {
    position: absolute;
    top: 15px;
    width: 100%;
    border: none;
    z-index: 10;
}
#header_meta .container .sub_menu {
/*    background: url("../images/planete-white.png") no-repeat 0 0 transparent;*/
    background-color: transparent;
    background-position-x: 0px;
    background-position-y: 0px;
    float: right;
    height: 32px;
    top: 0;
}
.av_secondary_left .sub_menu {
    padding-right: 10px;
}
#top .sub_menu > ul {
    display: inline-block;
    margin: 0;
    padding-top: 12px;
}
#top #header_meta .sub_menu > ul li {
    border-color: #FFFFFF;
}
#header_meta li, #menu_pellenc_hm li, .entry-content-wrapper .avia-slideshow-inner li, #footer li {
    list-style-type: none;
    margin: 0;
}
#top #header_meta .sub_menu > ul a {
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 1px 1px #777777;
    font-weight: normal;
    font-family: 'SlateStd';
    font-size: 10px;
}
.menu-item {
    border-right: 1px solid white;
    display: inline-block;
    padding: 0 12px;
}
.menu-item:last-child {
    border-right: 0;
}
.menu-item a{
    color:white;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: -27px;
}
#googleMapRevendeur{
    height: 600px;
    width: 100%;
    display: block;
}
.select2-container--default .select2-selection--multiple,.select2-container--default .select2-selection--single {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 0 !important;
    cursor: text;
    min-height: 41px !important;
}
.selection{
    min-height:50px;
}
/*.select2-container{
    min-height:50px;
}*/
.googleMapRevendeurWrapper{
    position:relative;
}
.listeRevendeurs {
    position: relative;
    width: 560px;
    height: 400px;
    background-color: white;
    display: block;
    max-width: 700px;
    padding: 8px 10px;
    overflow: auto;
}
.legende i {
    width: 167px;
    display: inline-block;
    font-size: 12px;
}
.btn-danger {
    color: #fff;
    background-color: #e75903;
    border-color: #e75903;
}
.residenceItemList img {
    width: 50px;
    height: 50px;
}
.btn-danger:hover {
    color: #fff;
    background-color: #ff7620;
    border-color: #ac2925;
}
.revendeursItemList img {
    width: 37px;
    height: 60px;
}
#bandeau_sup button{
    border:0 !important;
}
.revendeursItemList {
    height: 100px;
    border-bottom: 1px solid #ccc;
    padding: 9px 1px 9px 10px;
}
.revendeursItemList img, .revendeursItemList .revendeursItemListDroite {
    display: inline-block;
}
.btnActionsRevendeurs a{
    float:right;
    border-radius: 0;
}
.btnActionsRevendeurs a {
    width: 149px;
    display: inline-block;
    text-align: left;
    border: 1px solid;
    /*height: 27px;*/
    padding-top: 5px;
    font-size: 12px;
    background-color: white;
    color: #ff7620;
    border-color: white;
    margin: 7px 0;
    overflow: hidden;
}
.pamButton{
    font-size: 12px;
    display: inline-block !important;
    width: 100%;
    width: 149px;
    position: relative;
    left: -42px;
}
.revendeursItemList h3 {
    font-weight: bold;
    margin-bottom: 4px;
    font-size:15px;
}
.revendeursItemListDroite {
    padding-top: 5px;
}
.revendeursItemList h4 {
    margin: 0;
    font-size: 13px;
}
.revendeursItemList h5 {
    font-size: 13px;
}
.revendeursItemList:hover {
    background-color: #f2f2f2;
}
.revendeursItemListHover{
    background-color: #f2f2f2;
}
.groupCheckbox input {
    width: 20px !important;
    height: 20px;
    border-radius: 0 !important;
    border: 1px solid;
}
.revendeursItemList {
    height: 98px;
    border-bottom: 1px solid #ccc;
    padding: 8px 1px 10px 10px;
}
.blocCoordonnees {
    background-color: #e6e6e6;
    padding: 37px 22px;
    background-image: url("../images/bck-pellenc2.png");
/*    background-size: 99px;*/
    background-repeat: no-repeat;
    background-position: bottom right;
}
.listeRevendeursWrapper{
    position: absolute;
    top: 74px;
    box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.20);
    left: 100px;
}
.select2-search__field {
    padding: 9px !important;
}
.legende{
    position: absolute;
    bottom: -65px;
    background-color: white;
    width: 560px;
    border: 1px solid #e6e6e6;
    padding: 10px 5px;
    text-align: center;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.20);
}
.adresse_ft{
    font-size: 12px;
}
.adresseAucunRevendeur{
    position: absolute;
    bottom: 0;
    width: 97%;
}
.numeroPointeur {
    position: absolute;
    top: 13px;
    left: 30px;
    font-weight: bold;
}
.bandeauPellenc h3{
    display: inline-block;
    float: right;
    padding-right: 24px;
    padding-top: 4px;
}
.h1Accueil{
    font-size: 25px !important;
}
.btn{
    border-radius: 0 !important;
}
.listeRevendeurs p {
    font-size: 20px;
    font-family: Roboto;
    text-align: center;
    width: 71%;
    margin: 18px auto 23px;
}
.adresseFiche {
    font-size: 16px;
    padding: 0 !important;
    margin: 0;
}
.bold{
    font-weight:bold;
}
/*#googleMapRevendeur > div {
    left: -360px !important;
    width:121% !important;
}*/
.revendeursItemList:last-child {
    border-bottom: 0;
}
.locationFormGroup{
    position:relative;
}
.locationFormGroup img{
    position: absolute;
    right: 14px;
    width: 26px;
    top: 13px;
    cursor: pointer;
}
/*border-color: #ff7620;
    color: #ff7620;
    background-color: white;*/
.revendeursItemList:hover,.revendeursItemListHover{
    background-color: #E75903;
    color: white;
}
.revendeursItemList:hover .numeroPointeur,.revendeursItemListHover .numeroPointeur{
    color: #E75903;
}
.revendeursItemList:hover > .hidden-xs > img,.revendeursItemListHover > .hidden-xs > img{
    background-color: white;
    border-radius: 5px;
}
.revendeursItemList:hover h5 a,.revendeursItemListHover h5 a{
    color: white;
}
.revendeursItemList:hover .btn-danger,.revendeursItemListHover .btn-danger{
    border-color: #ff7620;
    color: #ff7620;
    background-color: white;
}
.btn-danger.active, .btn-danger:focus,.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #E75903;
    border-color: #E75903;
}
body{
    background-image: url('../images/bck-pellenc-white.png');
    background-repeat: no-repeat;
    background-position: top right;
}
.revendeursItemList:hover .numeroPointeur,.revendeursItemListHover .numeroPointeur,.revendeursItemList:hover > .hidden-xs > img,.revendeursItemListHover > .hidden-xs > img{
    display:none;
}
.revendeursItemList .fa-arrow-right{
    display:none !important;
    padding-top: 25px;
    padding-left: 25px;
}
.revendeursItemList:hover .fa-arrow-right,.revendeursItemListHover .fa-arrow-right{
    display:block !important;
    font-size:25px;
    color:white;
}
.btnActionsRevendeurs a:first-child{
    margin: 0px 0 1px;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}
#blocCarte{
    height: 320px;
}
.versionBeta {
    display: block;
    font-size: 13px;
    font-style: italic;
    text-align: right;
}
.formRevendeur label,.formRevendeur input,.formRevendeur textarea,.formRevendeur select{
    display:inline-block;
    border-radius: 0;
}
.formRevendeur .btn-danger{
    width: 100%;
    height: 46px;
    border-radius: 0;
    font-size: 18px;
}
.glyphicon{
    display:none !important;
}
.select2-container{
    width:100% !important;
}
.adresseAucunRevendeur{
    display:none;
    padding: 30px 10px;
}
.btnBoutiquePellenc{
    border-radius: 0;
    width: 100%;
    height: 52px;
    font-size: 16px;
    padding-top: 12px;
    margin-top: 37px;
}
.blocCoordonnees {
    background-color: #E75903;
    padding: 13px 22px 25px;
    color: white;
    min-height: 321px;
}
.blocCoordonnees h3 {
    margin: 10px 0;
}
.wrap_all_fiche h1,.wrap_all_fiche h2{
    color: #E75903;
}
img[src="https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi-dotless2.png"] {
    display: none;
}
.blocCoordonnees h1 {
    font-size: 30px;
    color:white;
}
.logo img {
    width: 147px;
    padding: 6px 6px !important;
    margin-left: -4px;
}
.panel-heading h3{
    color:#E75903;
    margin-top: 9px;
}
.btnEnvoyerOrange{
    background-color: #E75903;
    color: white;
    border-color: #E75903;
    font-size: 16px;
}

#selectLanguage{
    padding-top:0px!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    color: #FFFFFF !important;
    text-shadow: 1px 1px #777777;
    font-weight: normal;
    font-family: 'SlateStd';
    font-size: 10px !important;
    border: 0px !important;
    width:120px!important;
}
.textSelect{
    
    padding-left:17px !important;
    padding-top:0px !important;
    top: 0px;
}
.imageSelect{
    padding-top:1px;
    position:absolute;
}
#select2-selectLanguage-results .imageSelect{
    padding-top:4px;
    background-color:transparent !important;
}
#select2-selectLanguage-results,
.select2-results,
.select2-dropdown select2-dropdown--below{
    background-color:transparent !important;
}

#selectLanguage img{
    width:20px !important;
}

#selectLanguage::-ms-expand {
    display: none;
}

#selectSite{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    position:absolute;
    border-radius:0px !important;
    width:15% !important;
    background: rgba(255,255,255,0.7) !important;
    background-image: none !important;
    margin-left: 20px !important;
    z-index:155555555;
    border: 0px !important;
 
}
.selectSiteSelect{
    padding:5px !important;
}
#selectSite  {
    background: rgba(255,255,255,0.7) !important;
}

#selectSite optgroup {
    background:none !important;
    background-image: none !important;
    font-style:normal;
    padding-top:5px !important;
}
#selectSite optgroup option {
    background:none !important;
    font-style:normal;
}
#selecteurDeSite .select2-container--default{
     -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    position:absolute;
    border-radius:0px !important;
    width:300px !important;
    background: rgba(255,255,255,0.8) !important;
    background-image: none !important;
    margin-left: 1.5% !important;
    z-index:155555555;
    border: 0px !important;
    
    
}
#selecteurDeSite .select2-container--default * {
        background: transparent !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    
    line-height: 0px !important;
}
.select2-container--default .select2-selection--single {

    border: 0px !important;
}
#select2-selectLanguage-container{
    text-transform: uppercase!important;
    color: #FFFFFF !important;
    text-shadow: 1px 1px #777777!important;
    font-weight: normal!important;
    font-family: 'SlateStd'!important;
    font-size: 10px !important;
    padding-top:0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    display: none !important;
}

.imageSelect{
    
}
#selecteurDeSite .select2-container--default .select2-dropdown::-webkit-scrollbar {
    display: none;
}
   .selecteurContainer1 .select2-results__option {
    padding: 0px !important;
}
  .selecteurContainer1 .select2-results > .select2-results__options {

    max-height: 380px !important;
}

  .selecteurContainer1 .select2-results{
    height: 380px !important;
}
  .selecteurContainer1 .select2-dropdown{
    width:300px !important;
    background: rgba(255,255,255,0.8);
    padding: 28px;
    border:0px !important;
    border-radius:0px !important;
}

  .selecteurContainer2 .select2-dropdown{

    background: rgba(255,255,255,0.8);

}

#select2-selectSite-container{
        width:280px !important;
}

.select2-selection__placeholder{
       font-size:0.75em;
}
.select2-selection__placeholder i{
    color:lightskyblue;
    position:absolute;
    right:8px !important;
    top:7px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: transparent !important;
    color:black!important;
}
.select2-container--default .select2-results__option[aria-selected="true"]{
    background-color: transparent !important;
}
.select2-container--default .select2-results__group{
    padding-left:0px!important;
    padding-right:0px!important;
    font-size:1.2em;
    font-weight: 100;
}
#select2-selectSite-results > li.select2-results__option[role="group"]:last-child {
    padding-top: 20px !important;
}
.select2-container--default .select2-results__option .select2-results__option{
    
    text-decoration: underline;
    
}
.select2-selectLanguage-container{
    border: 0px!important;
}

#selecteurDeSite .select2-container--default *{
    height:35px !important;
    padding-top:6px !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color:black !important;
}
span.select2-selection.select2-selection--single {
    outline: none;
}
.selecteurContainer1 .select2-results > .select2-results__options {
    max-height: 503px !important;
}

 .selecteurContainer1 .select2-results {
    height: 491px !important;
}
.select2-results__option{
    margin-bottom:6px;
}
.blocCoordonnees a{
    color:white;
}
.blocCoordonnees a:hover{
    color:white;
}
#accordion a:hover,#accordion a:active,#accordion a:focus{
    text-decoration: none;
}
#select2-selectSite-results > li.select2-results__option[role="group"] {
    text-transform: uppercase;
}
#select2-selectSite-results li.select2-results__option[role="treeitem"] {
    text-transform: none !important;
}
#select2-selectSite-results > li.select2-results__option[role="group"] strong {
    font-size: 16px;
}
@media all and (max-width: 1000px){
    
    #selecteurDeSite{
        display:none !important;
    }
    
}
@media (min-width:315px) and (max-width:1024px){
    .listeRevendeursWrapper {
        position: static !important;
        top: 74px;
        left: 100px;
        text-align: center;
        width: 100% !important;
    }
    .listeRevendeurs {
        position: relative;
        width: 100%;
        height: 400px;
        background-color: white;
        display: block;
        max-width: 1024px !important;
        padding: 8px 10px;
        overflow: auto;
    }
    .numeroPointeur {
        left: 47%;
    }
    .revendeursItemList img, .revendeursItemList .revendeursItemListDroite {
        display: inline-block;
        text-align: left;
    }
    #googleMapRevendeur .gm-style{
        left: 0px !important;
        width: 100% !important;
    }
    .btnActionsRevendeurs{
        text-align:right;
    }
    .btnActionsRevendeurs i{
        font-size: 25px;
    }
}
@media (min-width:1025px) and (max-width:2500px){
    #googleMapRevendeur .gm-style{
        left: -27% !important;
        width: 125% !important;
    }
}
@media (min-width:315px) and (max-width:480px){
    .btnActionsRevendeurs a {
        width: 67px !important;
    }
    .listeRevendeurs p {
        font-size: 24px;
        font-family: Roboto;
        text-align: center;
        width: 95%;
        margin: 30px auto 50px;
    }
}
.pamButton img {

    width: 14px;
    height: 14px;

}
.btnActionsRevendeurs span {
    display: inline-block;
    white-space: normal;
    line-height: 11px;
    vertical-align: middle;
    padding-left: 3px;
}
/*.fa-location-arrow{
    color:#E75903;
}*/
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc !important;
}
.select2-search__field:placeholder-shown {
    width: 100% !important; /*makes the placeholder to be 100% of the width while there are no options selected*/
}
.onlyCompany{
    display:none;
}