body,html {width: 100%;height: 100%;}
h1,h2,h3,h4,h5,h6 {font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: 700;}

body { margin:0; padding:0; background: url("../images/fond_clair.jpg") no-repeat center fixed; -webkit-background-size: cover; background-size: cover; background-color:#eee; }
.cadre{ background-color:#DDD; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}

.table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #f9f9f9;}
.table-striped > tbody > tr:nth-of-type(2n) {background-color: #ffffff;}
.table-striped > tbody > tr {opacity: 1; -moz-opacity:1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opaciy=100);}
.table-striped > tbody > tr:hover {background-color: #ffffff;opacity: 1; -moz-opacity:1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opaciy=100);}

#list_partenaires .table-striped,#list_contacts .table-striped, #list_domaines .table-striped, #list_entreprises .table-striped, #list_entreprises_old .table-striped {margin: 0 0 0 15px}

.dropdown-menu.overflow {height:200px; overflow:auto }
.dropdown-menu.overflow li {border-bottom:1px solid #eee}
.tooltip-inner { max-width: 80%; color: #000000; text-align: left; background-color: #ffff80; border:1px solid #222}

.ico-archives {font-size: 10em !important;}

.button-fixed-left { position: fixed; bottom: 0px; left: 0px; margin-left:15px; z-index:100000}
.button-fixed-center { position: fixed; bottom: 0px; right: 50%;  z-index:100000}
.button-fixed-center2 { position: fixed; bottom: 0px; left: 50%;  z-index:100000}
.button-fixed-right { position: fixed; bottom: 0px; right: 0px;margin-right:15px; z-index:100000}

.navbar{margin-bottom: 0px;}
.topnav {font-size: 14px;}
.btn-integre{  margin-top:0px; margin-right:0px}
.accueil a{ color:#000; text-decoration:none;  }
.accueil .badge{position:absolute; right:0px; top:0px;  border-radius: 20px; font-size: 20px; font-weight: 900; float:right }
.grosbp{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#ccc; padding:1px 0 15px 0;   margin: 10px 0 0 0;   }
.grosbp:hover{ background-color:#fff; -moz-box-shadow:4px 4px 10px #000000; -webkit-box-shadow:4px 4px 10px #000000; box-shadow:4px 4px 10px #000000;   }
@media(max-width:767px) {
.grosbp h2{ font-size:15px }
.btn-integre{float:right; width:40px; margin-top:-30px; margin-right:20px}
  }
  

@media (min-width: 768px) and (max-width: 991px) {
.btn-integre{float:right; width:40px; margin-top:-30px; margin-right:20px}
	}


.bp_sort_asc,.bp_sort_desc {display:inline-block; }
.bp_sort_asc:hover,.bp_sort_desc:hover{cursor:pointer; color:#888888 }



@media(max-width:767px) {
.intro-message {padding-bottom: 15%;}
.intro-message > h1 {font-size: 3em;}
ul.intro-social-buttons > li {display: block;margin-bottom: 20px;padding: 0;}
ul.intro-social-buttons > li:last-child {margin-bottom: 0;}
.intro-divider {width: 100%;}
}

.network-name {text-transform: uppercase;font-size: 14px;font-weight: 400;letter-spacing: 2px;}
.content-section-a {padding: 50px 0;background-color: #f8f8f8;}
.content-section-b {padding: 50px 0;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;}
.section-heading {margin-bottom: 30px;}
.section-heading-spacer {float: left;width: 200px;border-top: 3px solid #e7e7e7;}

.banner {background: url(../images/follow-me.jpg) no-repeat center center;padding: 100px 0;color: #f8f8f8;background-size: cover;}
.banner h2 {margin: 0;text-shadow: 2px 2px 3px rgba(0,0,0,0.6);font-size: 3em;}
.banner ul {margin-bottom: 0;}
.banner-social-buttons {float: right;margin-top: 0;}

@media(max-width:1199px) {ul.banner-social-buttons {float: left;margin-top: 15px;}}
@media(max-width:767px) {.banner h2 {margin: 0;text-shadow: 2px 2px 3px rgba(0,0,0,0.6);font-size: 3em;}ul.banner-social-buttons > li {display: block;margin-bottom: 20px;padding: 0;}ul.banner-social-buttons > li:last-child {margin-bottom: 0;}}

footer {padding: 25px 0;}