/* ancien rouge cb4040 */
#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:300px;

    overflow-y: auto;
}


.form-multiplechk.fullswreen, .form-multiplechk.fullswreen:hover {
    background: white;
    border: 1px solid #333;
    width: 80%;
    height: auto;


    top: 80px;
    left: 150px;

    overflow: auto;
    position: fixed;

    z-index: 200;
    padding: 30px;
    margin: 30px;

    -webkit-box-shadow: 0px 0px 0px 1000px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 0px 1000px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 0px 1000px rgba(0,0,0,0.75);
}


.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 #cb4040;
}

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;
    line-height: 50px;
}


.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: #cb4040 ;
    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;
}

/*evenements fo*/
.eventinlist .bg-white{
    min-height: 250px;
}
.eventinlist {

    padding: 25px !important;
}
/*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 */

.table-infos-facture{
    margin:0;

}

td.prixHt, td.remiseLigneHt {
    background : #f5f5f5;

}
h1.typofacture {
    font-size: 60px;
}

table.lignes-facture h6 {
    margin: 3px 0 0 0px;
}
table#table_factures tbody td {
    white-space:    nowrap;
}
table.lignes-facture tbody td.text-right {
    white-space:    nowrap;
}
table.lignes-facture tbody td {
    padding-left: 20px;
}

table.lignes-facture th {
    padding-right: 5px;
}


table.lignes-facture tr.ligne-info td {
    padding-left: 10px;
    background:lightgrey;
}

.detailLigneFacture {
    font-size: 11px;
}
h6.lignefact {
    font-size: 14px;
}

.ligneremise {
    color:orange;
}
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 : #cb4040;
    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:#cb4040;
}

.duregle {
    padding:5px;
    text-align: right;
    white-space: nowrap;
}

.inlinepadding {
    display:inline-block;
    padding:5px;

}

.widgetpresta.dejapris {
    background : #D9FFD9;
}

.widgetpresta.selected {
    background : #D9ECFF;
}

.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;
}*/

.moyen-paiement {
    min-height: 400px;
}


.chambresinsc {
    background: #efefef;
}


/* .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;
    border-bottom: 1px solid #CF3319;
}

.selectedTr {
    background-color: lightgreen !important;
}
.selectedTr:hover {
    background-color: #b9f4b9 !important;
}



.form-inscription.imageLogo {
    max-width:600px;
    max-height:200px;

}


#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;
        height: 120px;

    }
    .navbar.main.navbar-primary .nav > li {
        float:left;
    }
    .navbar.main .navbar-brand {
        width: auto;
    }
    #content {
        margin-top:40px;
    }
}



/* lettre invitation */
div#invite_letter , div#certif_presence{
    background: white;
    color:black;
    padding: 20px;
    max-width: 80%;
    width: 800px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 27px 34px -14px rgba(0,0,0,1);
    -moz-box-shadow: 0px 27px 34px -14px rgba(0,0,0,1);
    box-shadow: 0px 27px 34px -14px rgba(0,0,0,1);
}




/* generation de documents génériques gener_doc */
div.doc-generique {
    background: white;
    color:black;
    padding: 20px;
    max-width: 80%;
    width: 650px;
    min-height: 900px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 27px 34px -14px rgba(0,0,0,1);
    -moz-box-shadow: 0px 27px 34px -14px rgba(0,0,0,1);
    box-shadow: 0px 27px 34px -14px rgba(0,0,0,1);
    position: relative;
}
table.bottom-table {
    position: absolute;
    bottom: 0;
}
ul#preview-generdoc {
    list-style: none;

}
ul#preview-generdoc li{
    display:none;    
}
ul#preview-generdoc li:first-child{
    display:block;;    
}



ul#preview-generdoc .udarrows{
    margin: 20px auto;
    width: 200px;
    text-align: center;
}
ul#preview-generdoc .udarrows i{
    cursor:pointer;
}
ul#preview-generdoc .udarrows div{
    display : inline-block;
    background: #CF3319;
    padding: 10px;
    color:white;
    margin: 5px;
}




@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;
} 


button[type="submit"][disabled="disabled"] {
    cursor: wait;
    cursor: not-allowed !important;
    background:#ccc;
    color:#666;
    border-color:#666;
}


.widget {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.widget .widget-head {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}