
#content h1,#content h2,#content h3,#content h4 {
    margin: 10px 0 ;
}
#content h1.content-heading {
    margin: 0;}
#content .widget-head h4 {
    margin:  0 ;
}
.clear{
    clear: both;
}
.overflow{
    overflow: auto;
}
.overflowscroll{
    overflow: scroll;
}
.overflowscrollx{
    overflow-x: scroll;
}
.no-margin {
    margin:0;   
}
.bg-white{
    background : white;
}


/* liste videos*/
.sharezone {
    text-align: center;
}
ul.sharelist {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    overflow:auto;


}
ul.sharelist li{
    display:inline-block;
}

ul.sharelist li i{
    color:white;
}
ul.sharelist li a{
    width: 60px;
    padding: 5px;
    margin: 5px;
    float: left;
    display:block;
    font-size: 30px;
    color:white;
    text-align: center;
    transition: 1s all ease;
    border-radius: 5px;
    background: grey;
}

span[rel="bookmark"],
span[rel="watchlater"] {
    cursor:pointer;
}
ul.sharelist li.facebook a{    background: #3B5998 ;}
ul.sharelist li.facebook a:hover{    background: #283b66 ;}

ul.sharelist li.twitter a{    background: #55acee ;}
ul.sharelist li.twitter a:hover{    background: #1379c7 ;}

ul.sharelist li.googleplus a{    background: #dd4b39 ;}
ul.sharelist li.googleplus a:hover{    background: #932619 ;}

ul.sharelist li.vk a{    background: #567CA4 ;}
ul.sharelist li.vk a:hover{    background: #324961 ;}

ul.sharelist li.linkedin a{    background: #007bb5 ;}
ul.sharelist li.linkedin a:hover{    background: #00334c ;}

ul.sharelist li.weibo a{    background: #E6162D ;}
ul.sharelist li.weibo a:hover{    background: #860c1a ;}

ul.sharelist li.reddit a{    background: #ff4500 ;}
ul.sharelist li.reddit a:hover{    background: #992900 ;}

ul.sharelist li.tumblr a{    background: #32506d ;}
ul.sharelist li.tumblr a:hover{    background: #111c26 ;}

.itempricezone {
    width: 100%;
    clear:both;
    font-size: 22px;
    text-align:center;
    font-weight:bold;
    background: rgba(0,0,0,.05);
}

.admin-submenu i.fa{
    margin-right: 8px;
}
br.clear {
    clear:both;
    display:block;
    height:0px;
    width: 100%;
}
div.info-codepromo {
    background-color: lightblue;
    color: black;
    padding: 10px;
    margin: 10px 0;
    text-align: center;
    cursor: pointer;
}
.choixRequis {
    background: #cc0033;
    color:white;
    display:inline-block;
    padding: 2px 10px;
    margin-left: 10px;

}
.choixRequisError {
    border: 4px solid red;
    margin: 10px 0;
}
.tarifInPromo{
    background: #ED6205;
    color:white;
    display:inline-block;
    padding: 3px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 0 10px;
    float:right;
}
div.success , div.error , div.warning, div.info {

    background-color: green;
    color: white;
    padding: 10px;
    margin: 10px 0;
    text-align: center;
    cursor: pointer;
}
div.error {
    background-color: #e00000;  
}

div.warning {
    background-color: #FFAD63;

}
div.info {
    background-color: #4b7cc6;
    cursor: auto;
}
div.error  a{
    color: #fff;	
    text-decoration: underline;
    cursor: pointer;
}

div.warning a{
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}
div.info a{
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}


.hidded, .menubar > li.hidded {
    display:none;
}
.form-multiplechk {
    max-height:150px;

    overflow-x: none;
    overflow-y: auto;
    transition: all .1s linear ;
    -webkit-transition: all .1s linear ;
}

.form-multiplechk:hover {
    /*max-height:none;*/
    max-height:300px !important;
    /*height: 300px !important;*/
    /*    overflow: scroll !important;*/
    overflow-y: auto;
}


.form-control {
    color: #A7A7A7;
    transition: all 0.30s ease-in-out 0s;
}

.form-control:focus {
    color: #333;

}
.form-control[rel="redactor"]:focus {
    color: #F5F5F5;
    min-height: 250px;
}

label span.info_label {
    font-size: 0.8em;
    clear: both;
    opacity: 0;
    display:block;
    transition: all 0.30s ease-in-out 0s;
}

.boxColor {
    padding: 5px;
    text-align: center;
    font-size: 9px
}

.boxColor div {
    background-color: rgba(255,255,255, 0.3);
    color: black;
    padding: 1px 5px;
    margin: 0 10px;
}

.glyphicons.standard.circle_ok i:before {
    color: #9fc75f;
}


div.searchResultItem {
    padding: 5px;
    border: 1px solid #dedede;
    background-color: white;
    margin: 5px;
    border-left: 2px solid #09729f;
}

label.radio-custom {
    display:inline;
    padding-left: 0;
}
label.radio-custom div.radio{
    display:inline;
}
.widget-body {
    overflow:auto;
}

.map-canvas {
    height: 200px;
    width: 300px;

    margin: 0px;
    padding: 0px
}

.pointer , .cursor {
    cursor: pointer;
}

.full-width {
    width: 100%;
}

.h40 {
    height: 40px;
}

.h60 {
    height: 60px;
}


.p20 {
    padding: 20px
}

.pt20 {
    padding-top: 20px
}

.pb20 {
    padding-bottom: 20px
}
.mr {
    margin-right: 10px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mt0 {
    margin-top:0;
}
.mt20 {
    margin-top: 20px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}

.pt10 {
    padding-top: 10px
}

.pb10 {
    padding-bottom: 10px
}
.mr10 {
    margin-right: 10px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb0 {
    margin-bottom:0;
}

div.boxoverlay {
    position:fixed;
    display:block;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 3000;
    top:0;
    left:0;
    cursor: pointer;
}
div.boxoverlay div.boxmsg{
    padding: 20px;
    background-color: white;
    width: 790px;
    margin: 80px auto;
    z-index: 3001;

}
div.boxoverlay div.boxmsgclose{
    position: relative;
    float:right;
    cursor: pointer;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: #dedede;
    font-weight: bold;
    border-radius: 25px;


}

div.cbretour_content {
    width: 80%;
    margin: 0 auto;
}

.page404 {

    width:100%;
    height:1000px;
    font-family: 'Love Ya Like A Sister', cursive;
    font-size: 100px;
    padding: 60px 0;
    text-align: center;
    clear: both;
}
.page404 .btn{
    font-size: 20px;
}

.adr-fact {
    cursor: pointer;
    min-height: 250px;
    overflow: auto
}

.openfilters {
    margin-top: -3px;
}
.activefilters {
    background: #09729f ;
    color:white;
}
.activefilters .badge {
    border-color:white;
    color:white;
}



select[name="parentheseg[]"],select[name="parenthesed[]"] {
    width: 90px !important; 
}


table.oddevencols tr th:nth-child(odd){ 
    background: #ccc;
}
table.oddevencols tr td:nth-child(odd){ 
    background: #dedede;
}
table.oddevencols tr td:nth-child(even){ 
    background: #ffffff;
}

/*formulaires*/

form div.form-group:hover {
    background-color: #eee;
}


option.already-used {
    background: grey;

}

.bglightgreen {
    background-color: lightgreen;
}

.bgred {
    background-color: #CF000F;
    color:white;
}

/* facture */


input[type="radio"].make-switch {
    display:none;
}
.btnyes {
    border:1px solid #ccccce;
    border-right: 15px solid #ccc;

    cursor: pointer;
    display: inline-block ;
    font-size: 14px;
    height: 100%;
    line-height: 20px;
    padding: 6px 12px;

    background : #09729f;
    color:white;
    text-transform: capitalize;
    min-width: 80px;
    text-align: center;

}
.btnno {
    border:1px solid #ccccce;
    border-left: 15px solid #eee;

    cursor: pointer;
    display: inline-block ;
    font-size: 14px;
    height: 100%;
    line-height: 20px;
    padding: 6px 12px;

    background:#A6A6A6;
    color:#333;
    text-transform: capitalize;
    min-width: 80px;
    text-align: center;
}
.btignored {
    border:1px solid #ccccce;


    cursor: pointer;
    display: inline-block ;
    font-size: 14px;
    height: 100%;
    line-height: 20px;
    padding: 6px 12px;

    background:#cccccc;
    color:#999999;
    text-transform: capitalize;
    min-width: 80px;
    text-align: center;
}

.link {
    text-decoration: underline;
    cursor: pointer;
    color:#09729f;
}

.duregle {
    padding:5px;
    text-align: right;
    white-space: nowrap;
}

.inlinepadding {
    display:inline-block;
    padding:5px;

}


.btn-default {
    margin-right: 10px;
}

.xdebug-error {
    font-size: 22px
}

ul.menubar .dropdown-menu {
    margin-left:-140%;
}


.divfrmfilter  {
    height: 450px;
    overflow:auto;
}
/*
.admin-navbar, .navbar.main.navbar-primary.admin-navbar {
    background-color: #FF8E0D;
}*/


/* .oddeven ajouté via js si aucun background color n'est prédéfini sur la table*/
table.dynamicTable.oddeven tr:nth-child(even){
    background-color: #ececec;
}


table.dynamicTable tr:hover,table.dynamicTable.oddeven tr:hover{
    background-color: #dedede;
}

.selectedTr {
    background-color: lightgreen !important;
}
.selectedTr:hover {
    background-color: #b9f4b9 !important;
}



#inscription-form input[type="radio"], #inscription-form input[type="checkbox"] {
    width: 25px;
    height: 25px;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

/*menu*/
@media (min-width: 0px) and (max-width: 800px) {
    .navbar.main.navbar-primary {
        overflow-y : scroll;


    }
    .navbar.main.navbar-primary .nav > li {
        float:left;
    }
    .navbar.main .navbar-brand {
        width: auto;
    }
    #content {
        /*        margin-top:40px;*/
    }
}







@keyframes blink {  
    0% { color: white; }
    100% { color: black; }
}
@-webkit-keyframes blink {
    0% { color: white; }
    100% { color: black; }
}
.blink {
    -webkit-animation: blink .55s ease-in-out infinite;
    -moz-animation: blink .55s ease-in-out infinite;
    animation: blink .55s ease-in-out infinite;
} 
/*
residents*/

.resident-selection {
    text-align: center;
}

.residentfo {
    border-radius: 50%;
    border: 6px solid #dedede;
    max-width:200px;

    -webkit-box-shadow: 0px 6px 15px 1px rgba(163,163,163,0.53);
    -moz-box-shadow: 0px 6px 15px 1px rgba(163,163,163,0.53);
    box-shadow: 0px 6px 15px 1px rgba(163,163,163,0.53);
    
    height:200px;
    width:200px;
    background-size: cover;
    background-position: center center;
    display:inline-block;
}

.residentfo.notselected {
   
    border: 6px solid #dedede;
   
    -webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);

        cursor: pointer;
    
}

.residentfo.selected {
     border: 6px solid green;
     
     -webkit-filter: none;
	-webkit-filter: none;
	filter: none;
	filter: none;
        
        -webkit-box-shadow: 0px 6px 15px 1px rgba(148,194,126,1);
-moz-box-shadow: 0px 6px 15px 1px rgba(148,194,126,1);
box-shadow: 0px 6px 15px 1px rgba(148,194,126,1);
	
}

.resident-name {
    font-weight: bold;
    margin-top:10px;
}

.resident-statut {
    
}

#submitentree {
    margin: 30px auto;
    display:block !important;
    padding: 20px;
    font-size: 25px;
    width: 80%;
}
#mod_entree .btn {
     margin: 30px auto;
    display:block !important;
    padding: 20px;
    font-size: 25px;
    width: 100%;
}

#mod_search td {
    vertical-align: middle;
}
#mod_search td img{
    height:65px;
}
#mod_search .btn {
    
    display:block !important;
    padding: 15px;
    font-size: 20px;
   
}

#mod_search input[type="text"] {
     padding: 30px 10px;;
      font-size: 20px;
}