html { position: relative; min-height: 100%; }
body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; margin-bottom: 70px; /*la même que footer height*/ }

/*** PROPRIETES GENERALES ***/
.greenBg { background-color: #7cbb00; }
.blackBg { background-color: #000000; }
.whiteText { color: #ffffff; }
.redText { color: red; }
.padding15-0 { padding-top: 15px; padding-bottom: 15px; }
.margin15-0 { margin: 15px 0; }
.padding10bottom { padding-bottom: 10px; }
.presentation { font-size: 15px; }
textarea { resize: vertical; }
.header { color: white; padding: 5px 10px; }
.spacer50 { height: 50px; }
.spacer20 { height: 20px; }
/*** FIN PROPRIETES GENERALES ***/

/*** MENU ***/
#logo { height: 75px; line-height: 75px; }
.menu-liste { background-color: #f09609; }
.menu-newsletter { background-color: #1ba1e2; }
.menu-envoi { background-color: #a200ff; }
.menu-mlbox { background-color: #e671b8 }
.menu-compte { background-color: #00aba9; }
.menu-deco { background-color: #e51400; }
#lien-deco { padding: 3px; }
#btn-deco { padding-right: 10px; }
.navbar-default .navbar-nav > li > a > .glyphicons { font-size: 22px; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { text-decoration: underline; }
#ariane, #ariane a { font-size: 12px; color: white; }
#ariane a:hover { text-decoration: underline; }
/*** FIN MENU ***/

/*** TABLEAUX ***/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { vertical-align: middle; }
#choix_elements, #pagination_elements { display: inline-block; }
#choix_elements { position: relative; top: -13px; left: -5px; }
.align-right { text-align: right; max-height: 40px; } 
/*** FIN TABLEAUX ***/

/*** STYLES DATA TABLES ***/
.dataTables_filter { display: none; }
.container-fluid .row #choix_elements label { font-weight: normal; }
/*** FIN STYLES DATA TABLES ***/

/*** STYLES PANELS ***/
.panel-liste { border-color: #f09609; }
.panel-liste > .panel-heading { color: #ffffff; background-color: #f09609; border-color: #f09609; }
.panel-liste > .panel-heading + .panel-collapse > .panel-body { border-top-color: #f09609; }
.panel-liste > .panel-heading .badge { color: #f09609; background-color: #ffffff; }
.panel-liste > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #f09609; }

.panel-email { border-color: #1ba1e2; }
.panel-email > .panel-heading { color: #ffffff; background-color: #1ba1e2; border-color: #1ba1e2; }
.panel-email > .panel-heading + .panel-collapse > .panel-body { border-top-color: #1ba1e2; }
.panel-email > .panel-heading .badge { color: #1ba1e2; background-color: #ffffff; }
.panel-email > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #1ba1e2; }

.panel-envoi { border-color: #a200ff; }
.panel-envoi > .panel-heading { color: #ffffff; background-color: #a200ff; border-color: #a200ff; }
.panel-envoi > .panel-heading + .panel-collapse > .panel-body { border-top-color: #a200ff; }
.panel-envoi > .panel-heading .badge { color: #a200ff; background-color: #ffffff; }
.panel-envoi > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #a200ff; }

.panel-compte { border-color: #00aba9; }
.panel-compte > .panel-heading { color: #ffffff; background-color: #00aba9; border-color: #00aba9; }
.panel-compte > .panel-heading + .panel-collapse > .panel-body { border-top-color: #00aba9; }
.panel-compte > .panel-heading .badge { color: #00aba9; background-color: #ffffff; }
.panel-compte > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #00aba9; }

.panel-mlbox { border-color: #e671b8; }
.panel-mlbox > .panel-heading { color: #ffffff; background-color: #e671b8; border-color: #e671b8; }
.panel-mlbox > .panel-heading + .panel-collapse > .panel-body { border-top-color: #e671b8; }
.panel-mlbox > .panel-heading .badge { color: #e671b8; background-color: #ffffff; }
.panel-mlbox > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #e671b8; }
/*** FIN STYLES PANELS ***/

/*** MLBOX ***/
#mlboxes { display: none; }
/*** FIN STYLES MLBOX ***/

/*** FOOTER ***/
.footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 50px; }
.footer a, .footer a:visited { text-decoration: none; color: #fff; }
.footer a:hover { text-decoration: underline; }
/*** FIN FOOTER ***/

/*** LIGHTBOX ***/
.lightbox-content { display:none; }
.ui-lightbox { position:fixed; top:0; bottom:0; left:0; right:0; z-index:9999; display:none; }
.ui-lightbox-overlay { position:fixed; top:0; bottom:0; left:0; right:0; background:#000; background:rgba(0,0,0,0.6); }
.ui-lightbox-content-wrapper { display:table; height:100%; width:100%; }
.ui-lightbox-content-vAlign { display:table-cell; vertical-align:middle; }
.ui-lightbox-content-area { position:relative; z-index:1; box-sizing:content-box; box-shadow:0 0 20px rgba(0,0,0,0.3); padding:25px; margin:0 auto; background:#fff; color: #3d3d3d; font-size: 13px; }
.ui-lightbox-content-area h3 { font-weight: bold; font-size: 16px; margin-bottom: 15px; }
.ui-lightbox-content-overflow { max-height:600px; overflow:auto; }
.ui-lightbox-close { position:absolute; top:-8px; right:-8px;; z-index:1; }
.ui-lightbox-close a { display:block; width:20px; height:20px; text-indent:-9999px; background:url('../images/close.png') no-repeat; .transition-1(opacity); }
.ui-lightbox-close a:hover { opacity:0.8; }
/*** FIN LIGHTBOX ***/

@media screen and (max-width: 728px) 
{
	.align-right { text-align: center; }
	#choix_elements, #pagination_elements { display: block; }
	#choix_elements { top: 0; left: 0; }
	.ui-lightbox-content-area { width:75%!important; }
	.ui-lightbox-content-overflow { max-height:380px; }
	.footer div
}