hr {margin : 1em 0 ;}
h1.titre {font-size:26px;}
.well {padding:10px;}
.triche {margin-top:-100px;}
.triche_accueil {margin-top:-40px;}

.bup_formations img {margin:0 auto; }
.fblanc { background: #FFFFFF; }
.fgris { background:#F4F4F4; }
.fnoir { background: #000000; color:#fff ;}

#actu { padding: 50px 0 0 0; }
#resultats, #references, #Calcul { background: #fff; padding: 60px 0 0 0; }
.fnoir { background: #000000; padding: 50px 0; color:#fff ;}
.fgris { background:#F4F4F4; padding: 100px 0; text-align: center; }
.fnoir , .fblanc, .fgris { padding: 5px 0 ; }

#site {margin-top:50px;}
.input-group-addon {font-size:12px;}
.control-label {font-size:12px; }
.btn-info {    background-color: #fff;    border-color: #ccc;    color: #000; }
.noir , .noir h3{    background-color: #000;    border-color: #ccc;    color: #fff; white-space : normal ; }
.marron , .marron h3{    background-color: #9F835E;    border-color: #ccc;    color: #fff; white-space : normal ; }
.noir:hover {    background-color: #5B5B5B;   border-color: #000;   }
.marron:hover{    background-color: #675026;   border-color: #9F835E;   }
.rouge, .rouge h3 {    background-color: #D60502;    border-color: #ccc;    color: #fff; }
.orange {    background-color: #ffbc40;    border-color: #ccc;    color: #000; }
.vert {    background-color: #bfffa0;    border-color: #ccc;    color: #000; }

h1, .h1, h2, .h2, h3, .h3 {     margin-bottom: 10px;     margin-top: 10px; }
abbr[title], abbr[data-original-title] {     border-bottom: 0;     cursor: help; }

.color-highlight {color: #a8bf75;}
h2.radioanatomie a, h4.radioanatomie a  {color:#fff;}
h3.info_clairance { margin: 50px 10px; text-align:center; font-size : 1.8em; }
h4.info_clairance {margin: 30px 10px; text-align:center; font-size : 1.3em; }


.btn-block {margin:3px;}
.sharrrre {    font-family: MV Boli,"Roboto",Segoe Script,serif;     font-size: 1.5em; color:#fff; }

/* .clairance_bup_gauche img {    width: 75%;} */
.span_g {    width: 90%;}
.clairance_bup_gauche img {    text-align:center;margin:0% auto;}
#tester {display:none;}


/*  tableau  */
.tablesorter-bootstrap {font-size:0.9em;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td  {padding:5px;}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
    white-space: normal;}
tr:hover  {background:#fcf8e3}
.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter {width: 98%;height: auto;}


/* ==========================================
   MEDIA QUERIES
   ======================================== */

@media screen and (max-width:1200px), screen and (max-device-width:1200px) {
.clairance_bup_gauche img {    width: 50%;} /* à supprimer  ou remettre 35%*/
}

@media screen and (max-width:1050px), screen and (max-device-width:1050px) {
body .header { background-attachment: scroll; }

}

@media screen and (max-width:769px) {
#headerwrap h1 { font-size: 80px; }
#headerwrap p { font-size: 30px; line-height: 38px; }
.form-horizontal .form-group {margin-left:0;}
h2 {font-size:24px}
.pub_bureau img {display: block;    height: auto;    max-width: 100%;}
}
@media screen and (max-width:480px) {
#headerwrap h1 {font-size: 34px; }
#headerwrap p {margin-top:30px;font-size: 20px; }
.navbar-nav{float: right !important;width: 100%;margin: 10px auto; }
#team img{margin-top:30px; }
}