@font-face {
	font-family: 'pictotour4';
	src: url('/css/fonts/PictoTour2017.otf') format("opentype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'pictotour2';
	src: url('/css/fonts/PictoTourDeux2009.otf') format("opentype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'pictotour1';
	src: url('/css/fonts/PictoTourUn2009.woff') format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'pictotour3';
	src: url('/css/fonts/PictoTourTrois.otf') format("opentype");
	font-weight: normal;
	font-style: normal;
}


.pictotour1 { font-family: 'pictotour1' !important; }
.pictotour2 { font-family: 'pictotour2' !important; }
.pictotour3 { font-family: 'pictotour3' !important; }
.pictotour4 { font-family: 'pictotour4' !important; }

@import 'src/vendor/gridstack/src/gridstack';
@import 'src/vendor/slick-carousel/slick/slick.scss';
@import 'src/vendor/slick-carousel/slick/slick-theme.scss';
@import 'site';
@import 'style';
@import 'site-menu';
@import 'site-modale';
@import 'src/vendor/font-awesome/css/font-awesome/css';

#noscript {font-size:20px; color:#fff;text-align:center;margin-bottom:500px;}
tbody.rowlink tr td {cursor:pointer;}
.navbar .versionCMS {
	color: #fff;
	font-size: 14px;
	text-shadow: none;
	padding-top: 10px;
	display: block;
}
.navbar .versionCMS a { color: #fff; }

#boiteVersionCMS { position: absolute; bottom: 0; z-index: 10; width: 100%; }

#contenu { padding-bottom: 50px; }
#modale #contenu { padding-bottom: 0; }
#modale .page-content > .row { margin: 0 !important; }

table.dataTable tr td span{ display:block;}
table.dataTable tr td span.niveau1{padding-left:0px;}
table.dataTable tr td span.niveau2{padding-left:16px;}
table.dataTable tr td span.niveau3{padding-left:32px;}
table.dataTable tr td span.niveau4{padding-left:48px;}
table.dataTable tr td span.niveau5{padding-left:64px;}
table.dataTable tr td span.niveau6{padding-left:80px;}
table.dataTable tr td span.niveau7{padding-left:96px;}

table.dataTable tr td p span.text-right { display: inline-block;float: right; }

.ace-thumbnails>li { border: 1px solid #333 ; margin: 1px; }
.ace-thumbnails > li.selectionne { border: 10px solid #59a84b  }
@media only screen and (min-width: 48em){ 

    .ace-thumbnails > li > a > img { width: 200px; height: 150px; }
    .ace-thumbnails > li > a > .contenuListingFichier { width: 200px; height: 150px; }
    .ace-thumbnails > li.selectionne > a > img { width: 182px; height: 132px; }
    .ace-thumbnails > li.selectionne > a > .contenuListingFichier { width: 182px; height: 132px; }
}


select.select2 { width: 100%; }

@media only screen and (min-width: 992px) {
    .boiteLienRepertoire { display: table-cell !important}
}
@media only screen and (max-width: 992px) {
    .boiteInputLienRepertoire { display: block !important }
}


.radio, .checkbox { padding-left: 10px}

#boutonsHautIntranet { float: right; position: relative; top: -5px; list-style-type: none;}
#boutonsHautIntranet li { display: inline-block; }
.nav-tabs>li.has-error>a, .nav-tabs>li.has-error>a:focus, a.nav-tabs li.has-error:hover a,
.nav-tabs>li.has-error.active>a, .nav-tabs>li.has-error.active>a:hover, .nav-tabs>li.has-error.active>a:focus
{ background-color: #f2dede; color: #b94a40; border-top-color: #f09784 }
span.has-error { color: #d16e6c; }

img[data-rel=popover] { margin-left: 10px; }

.dd-list{cursor:move !important;}
.dd-list .dd-handle{cursor:move !important;}


div.niveau-2{margin-left:20px;}
div.niveau-3{margin-left:40px;}
div.niveau-4{margin-left:60px;}
div.niveau-5{margin-left:80px;}
div.niveau-6{margin-left:100px;}
div.niveau-7{margin-left:120px;}

/* jquery Validator password strength */
.password-meter {position:relative;width:180px;}
.password-meter-message {text-align:right;font-weight:bold;color:#676767;}
.password-meter-bg, .password-meter-bar {height:4px;}
.password-meter-bg {top:8px;background:#e0e0e0;} 
.password-meter-message-very-weak {color:#aa0033;}
.password-meter-message-weak {color:#f5ac00;}
.password-meter-message-good {color:#6699cc;}
.password-meter-message-strong {color:#008000;}
.password-meter-bg .password-meter-very-weak {background:#aa0033;width:30px;}
.password-meter-bg .password-meter-weak {background:#f5ac00;width:60px;}
.password-meter-bg .password-meter-good {background:#6699cc;width:135px;}
.password-meter-bg .password-meter-strong {background:#008000;width:180px;}

.sousBoiteCarte{position:relative;width:100%;padding-bottom:55.45722713864307%;border:1px solid #ecc014;height: 492px; overflow: hidden}
.sousBoiteCarte #map{height:490px !important;}
.sousBoiteCarte > *{position:absolute;top:0;left:0;width:100%;height:100%;display:block;}
.sousBoiteCarte img { max-width: none; height: auto }

label.obl {font-weight:bold;}
.checkbox label, .radio label { padding-left: 0px; }

.select2-results .select2-result-selectable:nth-child(odd) .select2-result-label{
    background-color: #f9f9f9;
	border-bottom:1px solid #dddddd;
	border-top:1px solid #dddddd;
}

.select2-results .select2-result-selectable:nth-child(odd).select2-highlighted .select2-result-label{
    color: #000;
}

.select2-results .select2-result-selectable:nth-child(odd) .select2-result-label:hover{
    background-color: #316ac5;
}

div.select2-container.select2-container-multi{padding:0;}
.tags {
    width: auto;
}

#dropTarget { text-align: center; }
#dropTarget h2 { margin-top: 0; margin-bottom: 35px;}
.boutonUpload { line-height: normal !important; height: auto !important; cursor: pointer; display: inline-block}

#modale .main-content { margin-left: 0 }
#modale .page-content { padding: 5px; }

.tableCouleurs th{font-size:17px !important;font-weight:300 !important;}
.tableCouleurs th.platine{background:#909090;color:#ffffff;}
.tableCouleurs th.or{background:#ffb752;color:#ffffff;}
.tableCouleurs th.argent{background:#f0f0f0;}
.tableCouleurs td.prix{background:#494949 !important;color:#ffffff;}
.tableCouleurs td.renouveler{background:#307ecc !important;}
.tableCouleurs td.renouveler a{color:#ffffff;}

.tableCouleurs td.jaune{background:#ffb752 !important;color:#ffffff;}
.tableCouleurs td.rouge{background:#f04731 !important;color:#ffffff;}
.tableCouleurs td.noir{background:#494949 !important;color:#ffffff;}
.tableCouleurs td.vert{background:#6cb77d !important;color:#ffffff;}

.tableCouleurs .tableDroit{text-align:right;}

/*
 *.boiteImageFichier { width: 250px; }
 */
/*.sort .row { margin-left: 24px; }*/

.boiteImageFichier { position: relative; }
.boiteImageFichier .boiteImage { position: relative; }
.boiteImageFichier img { z-index: 10; }
.boiteImageFichier .barreBoutons { position: absolute; top: 3px; left: 3px; width: 100%; }
.boiteImageFichier.fichier { width: 100%; display: inline; padding-left: 15px; }

.unFichier { margin-bottom: 15px;  }
.texte_limited { text-align: right;  }


.listeFichiers { 
	width: 99% !important;
	margin-left: 0;
	display:block;overflow:hidden
}

.listeFichiers .btn-image {
	padding: 5px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	display: block;
	float: left;
	margin-right: 5px;
}

.listeFichiers .btn-image span {
	text-align: center;
	width: 19px;
	height: 19px;
	display: block;
}

.listeFichiers .btn-image span i {
	font-size: 18px;
}


.listeFichiers li {
	list-style: none;
	padding: 0 10px 0 0;
	float: none !important;
	display: inline-block !important;
	overflow : hidden;
}

.listeFichiers li .handle i { font-size: 18px;  }

.listeFichiers .input-group-addon span { font-family: Monaco, "Lucida Console", monospace; }

input[readonly] {
	cursor: default !important;
	background: #f8f8f8 !important;
}

#designDeLaNewsletter{
    border: 1px dashed gainsboro;
    height: 1px;
    padding: 10px;
    width: 922px;
}

 /* td, th {border:1px solid #000;width:30px;height:20px;font-size:1.1em;padding-top:8px;} */

.dropdown-menu > li > a {white-space:normal;}
.menuChalets {max-height:200px; overflow:auto;margin:0;}
.menuChalets li {line-height:normal;}
.menuChalets li a{padding:4px 11px;color:#333;display:block;}
.menuChalets li a:hover{color:#444;background-color:#fee188;text-decoration:none;}

.boiteUploadFichier .has-error {display:block;}

.dropdown-menu.dropdown-close{left:-24px;}
.dropdown-menu.dropdown-caret:before{left:45px;}
.dropdown-menu.dropdown-caret:after{left:45px;}

span.counter { display: block; text-align: right; }

/*
* Section calendrier
*/
div.calendrier td, div.calendrier th {border:1px solid #000;width:55px;text-align:center;height:20px;font-size:1.1em;padding-top:4px;padding-bottom:4px;}
div.calendrier td {font-width:bold;}
div.calendrier {height:250px;float:left;}
div.calendrier td.disponible {background-color:#eeeeee; cursor:pointer}
div.calendrier td.ferme {background-color:#bbb;}
div.calendrier td.non-disponible {background-color:#2283C5;color:#fff;cursor:pointer}
.tab-content:after{content:'';display:block;clear:both;}
div.calendrier table{margin:0 auto;}
.legendDispo {background-color:#eeeeee;width:20px;height:10px; float:left;margin:5px 5px 0 0;}
.legendNonDispo {background-color:#2283C5;width:20px;height:10px; float:left;margin:5px 5px 0 0;}
/*
* FIN Section calendrier
*/


/* Enchères */
.formulaireEncheres{margin: 8px; padding: 0;}
.formulaireEncheres .btn{clear:both;display:block;}
div#boiteMesEncheres{font-size:10px;font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;margin:0 -12px;}
div#boiteMesEncheres:after{content:'';display:block;clear:both;}
div#boiteMesEncheres .col-sm-4.col-md-3{float:none;display:inline-block;vertical-align:top;}
div.boiteEnchere{width:100%;padding:3px;border:1px solid #bebebe;float:left;background:#FFFFFF none;margin-bottom:24px;}
div#boiteMesEncheres div.boiteEnchere h1.page{padding:5px 24% 10px 9px;color:#FFFFFF;background:#363636 none;margin:0;text-align:left;}
div#boiteMesEncheres div.boiteEnchere h1.page:after{content:'';display:block;clear:both;}
div#boiteMesEncheres div.boiteEnchere h1.page span.nomPage{display:block;padding-top:5px;float:left;width:100%;font-size:0.7em;}
div.boiteEnchere h1.page span.position{float:right;font-size:1.25em;line-height:1.0416em;margin-right:-28%;margin-left:-28%;padding-top:0;text-align:right;white-space:nowrap;}
div.boiteEnchere h1.page span.position span.signePosition{float:left;font-size:0.625em;line-height:1.08333em;padding:4px 0 0 0;}
div.boiteEnchere h2{padding:3px 8px;font-size:1.1em;color:#FFFFFF;margin:0;line-height:1.2727em;}

.formulaireEncheres dl{text-align:left;}
.formulaireEncheres dl dt{display:inline-block;width:66%;font-size:1.4em;font-weight:normal;padding:4px 4px 4px 8px;}
.formulaireEncheres dl dd{display:inline-block;width:33%;font-size:1.4em;text-align:right;font-weight:normal;padding:4px 8px 4px 4px;white-space:nowrap;}
.formulaireEncheres dl dd input{width:50px;text-align:right;border:1px solid #d5d5d5;margin-left:-100%;}
.formulaireEncheres dl dt.gris,
.formulaireEncheres dl dd.gris{background-color:#F5F5F5;}
.formulaireEncheres{text-align:right;}
.formulaireEncheres button{margin:0 0 0 auto;}

div.boiteEnchere p.has-error{float:right;white-space:normal;font-size:1.2em;margin:-20px 0 20px 0;color:#d16e6c;padding-right:14px;}

span#totalEncheres{color:#DD5A43;}
.cache{display:none;}

@media only screen and (min-width:768px){
	div#boiteMesEncheres div.boiteEnchere h1.page span.nomPage{font-size:1.93333333vw;}
	div.boiteEnchere h1.page span.position{font-size:4.133333333333333vw;}
	div.boiteEnchere h1.page span.position span.signePosition{font-size:2.533333333333333vw;}
}

@media only screen and (min-width:992px){
	div#boiteMesEncheres div.boiteEnchere h1.page span.nomPage{font-size:1.43333333vw;}
	div#boiteMesEncheres .col-sm-4.col-md-3{width:33.33333333%;}
}

@media only screen and (min-width:1215px){
	div#boiteMesEncheres .col-sm-4.col-md-3{width:25%;}
}

@media only screen and (min-width:1500px){
	div#boiteMesEncheres div.boiteEnchere h1.page span.nomPage{font-size:0.7em;}
	div.boiteEnchere h1.page span.position{font-size:1.90625em;}
	div.boiteEnchere h1.page span.position span.signePosition{font-size:0.4935064935064935em;}
}

/* Items de Factures */
div#boiteItems .row{margin-top:4px;margin-bottom:4px;}

div.noteFondBleu {background-color:#D9EDF7 !important;}

form div.checkboxCalendrierDispo{margin-left:0.02em !important;}

#cropper-dimension {
	position: absolute;
	color: #fff;
	background: rgba(0, 0, 0, 0.4);
}

.boutonLoginFacebook { position: relative; background: #3b5999 !important; color: #fff !important; font-size: 15px; height: 45px; display: block; padding-left: 50px; line-height: 45px; padding-right: 15px;}

.boutonLoginFacebook span.logofb { font-size: 25px; padding-left: 17px; padding-top: 0px; background: #364f88; width: 45px; height: 45px; display: inline-block; margin-right: 10px; position: absolute; top: 0; left: 0; }

.boutonLoginFacebook:hover { background: #364f88 !important; text-decoration: none; }

#btnForgotPasswordLink a {
	position: relative;
	color: #fff !important;
	font-size: 15px;
	height:45px;
	display: block;
	line-height: 15px;
    padding: 10px;
  }

#erreurFacebook {
	display: block;
	margin-top: 15px;
	font-size: 14px;
	color: #ec2e2c;
	display: none;
}
.help-button { cursor: pointer; }


.dejaGenere i{color:#cc0000;}

.tableau_rapport {
	width: 100%;
	border-style: collapse;
}
.tableau_rapport th {
	padding: 5px 10px;
	background: #333 !important;
	font-size: 14px;
	font-weight: normal;
	color: #fff !important;
	-webkit-print-color-adjust: exact; 
}

.tableau_rapport td {
	padding: 5px 10px;
	font-size: 14px;
}

.tableau_rapport tfoot td {
	background: #eee !important;
	-webkit-print-color-adjust: exact; 
}


span.positif { color: green; }
span.negatif { color: red; }
h2.titreBouton{ display:inline-block; }

.itemCouleur {
	position: relative;
	padding-left: 115px;
	height: 25px;
}

.itemCouleur div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 25px;
}

.alert.alert-danger a{color:#000000;text-decoration:underline;}
.alert.alert-danger a:hover{color:#a94442;}

.tab-content > h3 { margin-top: 0; }

.boiteMembre { float: right; min-width: 900px; text-align: right; }
.boiteMembre > span { display: inline-block; font-weight: bold; }
.boiteMembre > div { display: inline-block; text-align:left; }
.boiteMembre > div > div { display: inline-block;  }

@media only screen and (max-width: 1024px) {
.boiteMembre > span { display: block; font-weight: bold; }
.boiteMembre > div { display: block; text-align:left; }
.boiteMembre > div > div { display: blockblock;  }
.boiteMembre { float: none; max-width: 600px; text-align: left; }
#s2id_selectionNoMembre { min-width: auto !important; max-width: 500px !important; }
}

@media only screen and (max-width: 480px) {
.boiteMembre { float: none; max-width: 300px; text-align: left; }
#s2id_selectionNoMembre { min-width: auto !important; max-width: 200px !important; }
}

.bootstrap-duallistbox-container .info-container,
.bootstrap-duallistbox-container .filter
{display:none !important;}

.loading {
    position: fixed;
    z-index: 11;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.8);
    color: #FFF;
    text-align: center;
    padding-top: 25%;
}

.fstMultipleMode,
.fstSingleMode {
	width: 100%;
}

a:not([href]) {
	text-decoration: none!important;
}

#page-loading{
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.7);
    width: 100%;
    height: 100%;
    z-index: 10000;    
    text-align: center;
}

#page-loading i{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    margin-top: -25px;
    margin-left: -21px;
}

#page-loading span{
    position: relative;
    top: 53.5%;
    font-size: 15px;
    margin: 0 auto;
    display: block;
    font-weight: bold;
    color:#484848;
}

.fichierGto {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
#listeMembreRenouv p {
	position:relative;
	diplay:block;
	height:42px;
}
#listeMembreRenouv p span {
	margin: 12px 0 12px;
    float: left;
}
#listeMembreRenouv p a {
	right:0;
	position:absolute;
}
.btn-suivant-renouv {
	float:right;
}
.btnAucuneModif {
	float:left;
}

body.rapport {
	background: #fff !important;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
  margin-right: -10px;
  margin-left: -10px;
  border: 1px solid #000;
  /*background-color: #EEE;*/
  /*box-shadow: #000 2px 2px 6px 0px;*/
}
.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-pencil,
.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-trash,
.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-pencil-square-o,
.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-copy {
        font-size: 2.4rem !important;
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 1.4em;
        cursor: pointer;
        z-index: 1;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-pencil:hover,
.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-trash:hover,
.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-pencil-square-o:hover,
.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-copy:hover {
	font-size: 2.6rem !important;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-pencil.templateAction,
.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-trash.templateAction,
.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-pencil-square-o.templateAction,
.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-copy.templateAction {
	top: 10px;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-pencil-square-o {
	right: 56px;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-pencil {
	right: 42px;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content  i.fa-copy {
	right: 70px;
}
.hauteur {
  background-color: rgba(0, 0, 0, 0.6);
}
.grid-stack-item.bloc.ui-draggable.ui-resizable {
    border: 1px solid #454545;
}

#ajouterBloc .grid-stack-item-content {
  padding: 0;
  text-align: center;
  white-space: nowrap;
  background-color: #438eb9;
}
#ajouterBloc .grid-stack-item-content:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#ajouterBloc .grid-stack-item-content .fa {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    color: #FFF;
}
.grid-stack-item .grid-stack-item-content {
  cursor: pointer;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
    overflow: hidden;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content >.hauteur {
	color: yellow;
	padding: 0.3em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#box_key {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #c0c0c0;
	opacity: 0.75;
	text-align: center;
	padding-top: 250px;
	font-size: 24px;
	color: #000;
	z-index: 9999999999;
}