@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://dev.club44.be/uploads/fonts/OpenSans.woff2) format('woff2'), url(https://dev.club44.be/uploads/fonts/OpenSans.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://dev.club44.be/uploads/fonts/OpenSans-Bold.woff2) format('woff2'), url(https://dev.club44.be/uploads/fonts/OpenSans-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://dev.club44.be/uploads/fonts/OpenSans-Italic.woff2) format('woff2'), url(https://dev.club44.be/uploads/fonts/OpenSans-Italic.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://dev.club44.be/uploads/fonts/OpenSans-BoldItalic.woff2) format('woff2'), url(https://dev.club44.be/uploads/fonts/OpenSans-BoldItalic.woff) format('woff');
}
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(https://dev.club44.be/uploads/fonts/PTSerif-Regular.woff2) format('woff2'), url(https://dev.club44.be/uploads/fonts/PTSerif-Regular.woff) format('woff');
}

/* Stylesheet: fonts Modified On 2015-04-10 12:28:45 */
/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p            (normal)
.jssort01 .p:hover      (normal mouseover)
.jssort01 .p.pav        (active)
.jssort01 .p.pdn        (mousedown)
*/

.jssort01 {
	position: absolute;
	width: 900px;
	height: 100px;
}

.jssort01 .p {
	position: absolute;
	top: 0;
	left: 0;
	width: 72px;
	height: 72px;
}

.jssort01 .t {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.jssort01 .w {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.jssort01 .c {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 68px;
	height: 68px;
	background: url(../images/t01.png) -800px -800px no-repeat;
	_background: none;
}

.jssort01 .pav .c {
	top: 2px;
	_top: 0px;
	left: 2px;
	_left: 0px;
	width: 68px;
	height: 68px;
	background-position: 50% 50%;
}

.jssort01 .p:hover .c {
	top: 0px;
	left: 0px;
	width: 70px;
	height: 70px;
	background-position: 50% 50%;
}

.jssort01 .p.pdn .c {
	background-position: 50% 50%;
	width: 68px;
	height: 68px;
}

* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
	/* ie quirks mode adjust */
	width /**/: 72px;
	height /**/: 72px;
}
/* Stylesheet: jssort Modified On 2015-04-28 13:32:23 */
body
{
	background-image: url("https://dev.club44.be/uploads/images/bg-club44.jpg");
	background-repeat: no-repeat;
    background-position: center top;
	background-color: #000;
    font-family: 'Open Sans',sans-serif;
	color: #e8e8e8;
	margin: 0;
	font-size: 14px;
}

.button-container {
    margin-top:20px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn {

  font-size: 15px;
  margin: 30px 5px 15px 15px;
  padding: 8px 25px;
  color: white;
  border-radius: 10px;
  border-color: transparent;
  cursor: pointer;
  transition: background-color 0.5s ease-in-out;
  }
  
  .btn-jobs {
  background-color: rgba(226,0,26,1.0);
}

.btn-jobs:hover {
  background-color: rgba(226,0,26,0.6);
}

.recrute h1{
    font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
    
    }
    
    .recrute{
        margin-top:25px;
        }

.lefter{
    margin-left:-25px}

/************************* DIVERS */


span.personneclub44{
    color: #f8bf00;
}
a{
    color:#e2001a;
}
a img, a canvas
{
	border: none;
}
a:hover{
    color:#76000e;
}
a:focus{
    color: unset;
}
canvas{
    vertical-align: middle;
}
.clear
{
	clear: both;
}
.blanc
{
	color: #e8e8e8;
}
.gris
{
	color: #afafaf;
}
.jaune
{
	color: #f8bf00;
}
.rouge
{
	color: #c50017;
}
.centrer
{
	text-align: center;
}
.souligner
{
	text-decoration: underline;
}
.gras
{
	font-weight: bold;
}
.italic{
    font-style: italic;
}
.gras-italic
{
	font-weight: bold;
	font-style: italic;
}
.centrer
{
	text-align: center;
}
.adroite{
	text-align: right;
}
h4 {
  margin-top: 25px;
    color: #f8bf00;
    font-style: italic;
}
hr {
	margin-top: 40px;
	margin-bottom: 40px;
	border-style: dotted;
}
.form-control::-moz-placeholder{
    color:#606060;
}
.pasdepuce{
    list-style-type: none;
}
.centpourcent{
    width: 100%;
}
.boutonplus{
    background-image: url("https://dev.club44.be/uploads/images/bt-envoyer.png");
    border: medium none;
    border-radius: 0;
    color: #fff;
    display: block;
    font-size: 1.7em;
    font-style: italic;
    font-weight: bold;
    height: 33px;
    padding-top: 0;
    text-align: center;
    width: 30px;
}
.boutonplus:hover{
    color: #000;
}
.floatleft{
    float: left;
    margin-right: 10px;
    background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
    box-shadow: 1px 1px 8px #000;
    padding: 10px;
    margin-bottom: 5px;
}
.floatright{
    float: right;
    margin-left: 10px;
    background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
    box-shadow: 1px 1px 8px #000;
    padding: 10px;
    margin-top: 10px;
}
.linkdn{
    float: left;
    margin-right: 15px;
}
.motdupresident{
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 15px;
}
.reso-sociaux p{
    font-size: 1.8em;
    font-weight: bold;
    margin-top: 8px;
}

/*************************  HEADER */

.lignes-top
{
	background-image: url("https://dev.club44.be/uploads/images/lignes-top.gif");
	height: 20px;
}
header .logo-44{
    margin-top: 15px;
    margin-bottom: 25px;
}
.top-acceder-espace{
	text-align: center;
	margin-top: 0px;
}
.top-acceder-espace fieldset{
    background: url("https://dev.club44.be/uploads/images/bg-panel-connexion.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 10px 0 0;
}
.top-acceder-espace label{
	display: none;
}
.top-acceder-espace h3
{
	color: #fff;
    font-family: 'PT Serif',serif;
    font-size: 1.4em;
    font-weight: normal;
	text-shadow: 1px 2px 2px #202020;
	padding-right: 8px;
	margin-top: 10px;
}
.top-acceder-espace input
{
	border: 1px solid #232323;
    border-radius: 6px;
    color: #929292;
    font-size: 0.9em;
    margin-right: 11px;
    padding: 4px;
    width: 100px;
    height: 28px;
	-moz-box-shadow:    inset 1px 1px 2px #232323;
	-webkit-box-shadow: inset 1px 1px 2px #232323;
	box-shadow:         inset 1px 1px 2px #232323;
}
.top-acceder-espace input.go
{
	background-color: #a10013;
	color: #fff;
	width: 30px;
	cursor: pointer;
	border: none;
	margin-top: 10px;
}
.top-acceder-espace img
{
	margin-top: 0px;
}
.top-acceder-espace .alert-danger {
    background-color: #e2001a;
    color: #fff;
    font-weight: bold;
    margin: auto;
    width: 100px;
    border: none;
}
aside.identifie
{
	background-image: url("https://dev.club44.be/uploads/images/bg-panel-connexion.png");
    margin-top: 20px;
	margin-bottom: 22px;
    padding: 5px 5px 15px;
    text-align: left;
}

aside.identifie ul, footer aside.footer-acceder-espace ul{
	list-style-type: none;
	padding: 0px;
}
aside.identifie li, footer aside.footer-acceder-espace li{
	font-size: 1em;
	margin-bottom: 5px;
}
aside.identifie a, footer aside.footer-acceder-espace a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
aside.identifie a:hover, footer aside.footer-acceder-espace a:hover{
	color: #9d9a93;
}

aside.identifie hr{
	margin: auto auto 7px;
    padding: 0;
    width: 230px;
	border-color: #a10013;
}

/* FORMULAIRES ACCUEIL */ 
#loginform p{
    color: #999;
    font-size: 0.7em;
    margin-top: 5px;
}
#loginform a{
    color: #999;
}

#loginform{
    text-align:left;
    float:left;
    
    }
    
#loginform input{
    margin-left:auto;
    margin-right;
    width:80%;
    }
        
#loginform input.go{
    width:40px;
    }


.top-acceder-espace #loginform h3{
    display:none !important;
        visibility: hidden;
    
    }
    
.imageform{
    height:auto;
    display: inline-block;
        }
        
.imageform img{
    display: block;
    width:100%;
    height:auto;
    vertical-align:middle;
    margin-top:auto;
    margin-bottom:auto;
    }
        
    .formtitle h4{
        margin-top:0px !important;
        padding-top:0px;}
    

/* AJOUTS MAX */

/************************* MENU */

.navbar{
	border: none;
	background: none;
	background-image: url("https://dev.club44.be/uploads/images/bg-menu.jpg");
	background-repeat: repeat-x;
	margin: 0;
}
.navbar .navbar-nav > li > a.active{
	color: #fff;
}
.navbar .navbar-nav > li > a.important{
    color: #c50017;
}
.navbar a{
	color: #afafaf;
	font-size: 1.1em;
}
.navbar a:hover{
	color: #afafaf;
}
.nav > li > a {
    padding-left: 2px;
    padding-right: 2px;
}
.visiteur li a {
	text-transform: uppercase;
	padding-left: 3px;
    padding-right: 3px;
    font-size: 1em;
}
.visiteur > li{
	padding-right: 30px;
}
.visiteur > li:last-child{
	padding-right: 0px;
}
.membre > li{
	padding-right: 10px;
}
.membre > li:last-child{
	padding-right: 0px;
}

/************************* COMMUN - PROCHAINS EVENTS */
.prochains-events h1{
    font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.cadre_eventsavenir{
    margin-bottom: 30px;
    background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
    padding-left: 15px;
    padding-top: 19px;
	padding-bottom: 10px;
	-moz-box-shadow:    1px 1px 8px #000;
	-webkit-box-shadow: 1px 1px 8px #000;
	box-shadow:         1px 1px 8px #000;
}
.cadre_eventsavenir p{
    margin-bottom: 15px;
}
.cadre_eventsavenir p.dateevent{
    text-transform: capitalize;
}
.cadre_eventsavenir img {
    margin-right: 10px;
}
.cadre_eventsavenir img.icolieux{
    margin-right: 17px;
}

/************************* COMMUN - PROCHAINS INVITES */

.prochains-invites h1{
    font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.blocs-invites-visiteurs{
    margin-bottom: 30px;
    background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
    padding-left: 15px;
    padding-top: 19px;
	padding-bottom: 10px;
	-moz-box-shadow:    1px 1px 8px #000;
	-webkit-box-shadow: 1px 1px 8px #000;
	box-shadow:         1px 1px 8px #000;
}
.blocs-invites-visiteurs ul{
    padding-left: 20px;
}
.blocs-invites-visiteurs li{
    margin-bottom: 15px;
}
.orateurs{
    background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
	-moz-box-shadow:    1px 1px 8px #000;
	-webkit-box-shadow: 1px 1px 8px #000;
	box-shadow:         1px 1px 8px #000;
	margin: 4px;
}
img.photo-orateur{
    border-radius: 50%;
    box-shadow: 3px 3px 5px #000;
    margin: 5px;
}

.orateurs .col-lg-9{
    margin-top: 47px;
    padding-left: 30px;
}
.votrepub h1{
    font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}

/************************* VISITEUR - CONCEPT */

h1:after{
    content: url("https://dev.club44.be/uploads/images/h1_bg.png");
    margin-left: 10px;
    vertical-align: -19px;
    
}
h1 {
    white-space: nowrap;
    overflow: hidden;
}
#concept-44{
	overflow: hidden;
	position: relative;
}
#concept-44 .Flexible-container{
    margin-bottom: 20px;
}
#concept-44 h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
#concept-44 p {
    line-height: 1.5em;
    text-align: justify;
}
#concept-44 p.centrer{
	text-align: center;
}
#concept-44 .pub{
    text-align: right;
    padding-left: 37px;
}
aside.pub{
    margin-left: 12px;
}
aside.pub .carousel-inner img{
    border: 1px dotted #fff;
}
aside.pub-membres h1{
    font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000; 
}

.carousel-indicators li {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: #404040;
}

/************************* VISITEUR - NOS MEMBRES */

#membres-44 h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}

#derniers-membres h1, .dernier-invite h1{
    font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}

#derniers-membres #nouveaux-membres{
    margin-top: 13px;
}

.dernier-invite .personnalite img{
    height: 240px;
    width: auto;
    padding-left: auto;
    padding-right: auto;
}
.dernier-invite .personnalite .col-md-12 {
    text-align: center;
}

.dernier-invite .personnalite h2 {
    font-size: 14px;
    color: #e2001a;
    margin: 12px;
}




/************************* VISITEUR - REJOINT */

.nous-ont-rejoints .fiche-membre{
	padding-left: 15px;
    padding-right: 15px;
}
.nous-ont-rejoints{
	padding-right: 10px;
}
.nous-ont-rejoints h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.7em;
	text-shadow: 2px 2px 2px #000;
}
.nous-ont-rejoints p {
    font-size: 0.9em;
	text-align: justify;
}
.nous-ont-rejoints h3{
	color: #f8bf00;
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
}
.nous-ont-rejoints a:hover{
	color: #c50017;
	text-decoration: none;
}
.nous-ont-rejoints .secteur-activite{
	color: #afafaf;
	margin-bottom: 10px;
	font-size: 0.9em;
}
img.rejoindre-le-club-44{
    margin-top: 25px;
}
#prochainRV-44{
	overflow: hidden;
}
#prochainRV-44 h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
#prochainRV-44 p {
    line-height: 1.5em;
    text-align: justify;
}
#prochainRV-44 h2 {
    color: #f8bf00;
    font-size: 1.2em;
    font-style: italic;
}
.rejoignez-nous{
    text-align:center;
    margin-top: 35px;
}

/************************* VISITEUR - ACTIVITES */

#activites-44{
	overflow: hidden;
}
#activites-44 h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
#activites-44 p {
    line-height: 1.5em;
    text-align: justify;
}
#activites-44 h2 {
    color: #f8bf00;
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
}
#activites-44 .thumb_activites{
	background-image: url("https://dev.club44.be/uploads/images/thumbs-hachure.png");
    padding: 7px;
	margin-top: 30px;
	text-align: center;
}
#activites-44 .thumb_activites img{
    width: auto;
    height: auto;
	max-width: 100%;
	max-height: 100%;
}

/************************* VISITEUR - BUSINESS MAG */

#business-magazine .couverture-business-mag{
	float: left;
	margin-right: 15px;
}
#business-magazine .couverture-business-mag img{
	box-shadow: 0px 0px 2px #000;
}
#business-magazine  h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
#business-magazine p{
    line-height: 1.5em;
    text-align: justify;
}
#business-magazine div.edito-business-mag a:hover{
	text-decoration: none;
	color: #f8bf00;
	
}

/************************* VISITEUR - CONDITIONS D'ADHESION */

#conditions-adhesion p {
    line-height: 1.5em;
    text-align: justify;
}
#conditions-adhesion h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
#conditions-adhesion a{
	color: #c50017;
}
#conditions-adhesion a:hover{
	color: #a40013;
	text-decoration: none;
}
#conditions-adhesion .col-sm-3 img{
	width: auto;
    height: auto;
	max-width: 100%;
	max-height: 100%;
}
.pour-inscription h2{
    font-size: 1.4em;
}

/************************* PROCHAIN RDV VISITEUR */

#prochain-rdv-visiteur h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}

/************************* VISITEUR - avantages */

#avantages-visiteur h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
#avantages-visiteur p {
    line-height: 1.5em;
    text-align: justify;
}
#avantages-visiteur ul{
	color: #c50017;
}
#avantages-visiteur ul li{
	margin-bottom: 7px;
}
#avantages-visiteur .col-sm-3 img{
	width: auto;
    height: auto;
	max-width: 100%;
	max-height: 100%;
}


/************************* VISITEUR - PROCHAIN RDV */

#prochain-rdv h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.prochain-rdv-annonce img{
	width: auto;
    height: auto;
	max-width: 100%;
	max-height: 100%;
	box-shadow: 0px 0px 2px #000;
}

/************************* MEMBRES - PROCHAIN RDV */

.prochain-rdv h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.prochain-rdv img{
	width: auto;
    height: auto;
	max-width: 100%;
	max-height: 100%;
}

/*************************  MEMBRES - MOT DU PRESIDENT */

section.mot-du-president{
    position: relative;
}
section.mot-du-president .col-md-3{
	text-align: right;
}
section.mot-du-president h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
section.mot-du-president p{
    line-height: 1.5em;
    text-align: justify;
}
section.mot-du-president .pub{
    padding-left: 37px;
}

/*************************  MEMBRES - DERNIER CLUB 44 */

.dernier-club44
{
    line-height: 1.5em;
    text-align: justify;
}
.dernier-club44 h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.dernier-club44 ul{
	margin-top: 10px;
	color: #c50017;
}
.dernier-club44 li{
	line-height: 25px;
}
.dernier-club44 a
{
	color : #fff;
	text-decoration: underline;
}
.dernier-club44 a:hover
{
	text-decoration: none;
	color: #fff;
}
.dernier-club44 .bx-wrapper {
    margin-bottom: 30px;
}
.dernier-club44  .thumb_activites img{
    border: 1px solid #fff;
}
.dernier-club44 .carousel{
    margin-bottom: 10px;
}

/*************************  MEMBRES - ACTUALITES */

.apercu_actu .actu-membre img{
    width: 100%;
}
.apercu_actu h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.apercu_actu h2{
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold
}
.apercu_actu .actu-membre{
    -moz-box-shadow:    1px 1px 8px #000;
	-webkit-box-shadow: 1px 1px 8px #000;
	box-shadow:         1px 1px 8px #000;
	background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
    margin-bottom: 5px;
    padding: 20px 20px 0;
    min-height: 400px;   
    
}
.apercu_actu .actu-membre > img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.apercu_actu p.intro{
    text-align: justify;
}

.actualites h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.actualites h2{
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold
}
.actualites .actu-membre{
    -moz-box-shadow:    1px 1px 8px #000;
	-webkit-box-shadow: 1px 1px 8px #000;
	box-shadow:         1px 1px 8px #000;
	background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
    margin-bottom: 40px;
    padding: 20px;
}
section.actualites .actu-membre img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.actualites p.intro{
    text-align: justify;
}
img.actu_detail {
    float: right;
    margin-left: 15px;
    margin-bottom: 5px;
}
.actu-slider {
   height: auto;
   width: auto;
   display: block;
    /*max-height: 400px;
    max-width: 600px;*/
    margin: 0 auto;
}
.actu-nos-membres{
    margin-bottom: 20px;
}
.actu-nos-membres h1{
    font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.actu-nos-membres h2{
    font-style: italic;
    font-weight: bold;
    color: #f8bf00;
    font-size: 1.4em;
}
.actu-nos-membres p{
    text-align: justify;
}
.cadre-actu{
    background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
    box-shadow: 1px 1px 8px #000;
    height: 275px;
    margin-bottom: 18px;
    margin-right: 14px;
    padding-top: 26px;
    text-align: center;
}

/************************* MEMBRES - LISTE DES DERNIERS MEMBRES */

#nouveaux-membres p{
    margin: 7px 0 0 0;
    text-align: center;
}


/*************************  MEMBRES - LISTE DES MEMBRES */

.membres-44 .index{
    background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
	-moz-box-shadow:    1px 1px 8px #333;
	-webkit-box-shadow: 1px 1px 8px #333;
	box-shadow:         1px 1px 8px #333;

}
.membres-44 .index h3{
    color: #f8bf00;
    font-size: 1.1em;
    font-style: italic;
    font-weight: bold;
}
.membres-44 h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.membres-44 h2.enluminures{
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
}
.membres-44 h2.enluminures:after {
    content: url("https://dev.club44.be/uploads/images/h1_bg.png");
    margin-left: 10px;
    vertical-align: -19px;
}
.membres-44 p{
    line-height: 1.5em;
    text-align: justify;
}
.membres-44 a{
	text-decoration: none;
}
.membres-44 .fiche-membre{
	-moz-box-shadow:    1px 1px 8px #000;
	-webkit-box-shadow: 1px 1px 8px #000;
	box-shadow:         1px 1px 8px #000;
	background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
    margin-bottom: 40px;
    min-height: 188px;
    padding-top: 22px;
    text-align: center;
}
.membres-44 .fiche-membre h3{
	color: #e2001a;
	font-size: 0.8em;
	margin: 6px 0 0;
	padding: 0;
}
.membres-44 .fiche-membre p{
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 2px;
    text-align: center;
}
.membres-44 hr
{
    margin-top: 15px;
    margin-bottom: 53px;
}

/*************************  MEMBRES - AGENDA DU CLUB 44 */

.agenda-du-club44 h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.agenda-du-club44 div{
	background-image: url("https://dev.club44.be/uploads/images/separation-V-pointille.png");
    background-repeat: repeat-y;
    padding-left: 25px;
}
.agenda-du-club44 h3{
	color: #f8bf00;
    font-size: 1.1em;
    font-style: italic;
    font-weight: bold;
}
.agenda-du-club44 ul{
	padding: 0;
	list-style-type: none;
}
.agenda-du-club44 ul li{
	background-image: url("https://dev.club44.be/uploads/images/separation-agenda.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    padding-bottom: 12px;
    padding-left: 30px;
    padding-top: 10px;
}

.agenda-du-club44 ul li ul{
	list-style-type: none;
	padding: 0;
	margin-top: 5px;
}
.agenda-du-club44 ul li ul li{
	background-image: none;
    padding-bottom: 0;
    padding-left: 30px;
    padding-top: 0;
}
.reservation_reussie{
    border: 2px dotted #fff;
    padding: 10px;
    background-color: green;
}
.reservation_reussie p{
    text-transform: uppercase;
}

/*************************  MEMBRES ORGANIGRAMME */

.organigramme h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.organigramme h2{
    font-style: italic;
    font-weight: bold;
    color: #f8bf00;
    font-size: 14px;
}
.organigramme ul{
    line-height: 1.9em;
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0;
}
.organigramme  p {
    line-height: 1.5em;
    text-align: justify;
	margin-bottom: 20px;
}
.cadre-organigramme{
	background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
    margin: auto auto 30px;
    padding-left: 15px;
    padding-top: 19px;
	padding-bottom: 10px;
	-moz-box-shadow:    1px 1px 8px #000;
	-webkit-box-shadow: 1px 1px 8px #000;
	box-shadow:         1px 1px 8px #000;
	text-align: center;
}
.cadre-organigramme .orga-fonction{
	background-image: url("https://dev.club44.be/uploads/images/bg-orga-fonction.png");
    color: #fff;
    font-size: 0.9em;
    font-style: italic;
    font-weight: bold;
    height: 33px;
    padding-top: 7px;
    text-align: center;
    text-transform: uppercase;
    width: 140px;
	margin: auto;
}

/*************************  MEMBRES BUSINESS MAG */

.parutions-business-mag h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.parutions-business-mag p {
    line-height: 1.5em;
    text-align: justify;
}
.parutions-business-mag .fiche-business-mag{
	background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
	-moz-box-shadow:    1px 1px 8px #000;
	-webkit-box-shadow: 1px 1px 8px #000;
	box-shadow:         1px 1px 8px #000;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 35px;
}
.parutions-business-mag .fiche-business-mag p{
	text-align: center;
	margin: 0;
}
.parutions-business-mag .fiche-business-mag a[role=button]{
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url("https://dev.club44.be/uploads/images/bt-envoyer.png");
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 0.9em;
    font-style: italic;
    font-weight: bold;
}
.parutions-business-mag .fiche-business-mag a[role=button]:hover{
	color: #bebbb2;
}
.ma-publicite h1{
	font-family: 'PT Serif',serif;
	color: #a10013;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}

/*************************  MEMBRES - MA PUBLICITE */

.ma-publicite p {
    line-height: 1.5em;
    text-align: justify;
	margin-bottom: 20px;
}

/*************************  MEMBRES - avantages */

.avantages h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.avantages p{
    line-height: 1.5em;
    text-align: justify;
}
.avantages div.row{
    border-bottom: 1px dotted #fff;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.a-votre-tour h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.a-votre-tour  p{
    line-height: 1.5em;
    text-align: justify;
}
.a-votre-tour img{
	float: left;
	margin-right: 43px;
}
.a-votre-tour p a:hover{
	text-decoration: none;
	color: #82000f;
}

/*************************  MEMBRES - AGENDA */

.agenda h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.agenda h2{
	font-size: 1em;
	font-style: italic;
	line-height: 1.5em;
}
.agenda p{
	font-size: 0.8em;
    line-height: 1.5em;
    text-align: justify;
}
.agenda a{
	margin-bottom: 10px;
	text-decoration: none;
}
.agenda button, .agenda input[type=submit]{
	margin-bottom: 15px;
}
.agenda div.col-md-8 img{
	width: 100%;
}
#reservation h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
#reservation label{
	display: none;
}
#reservation select{
	background-color: #d2d2d2;
    background-image: url("https://dev.club44.be/uploads/images/bg-champs-formulaire.png");
    background-position: right top;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    color: #2d2d2d;
    display: block;
    font-size: 0.7em;
    font-weight: bold;
    margin-bottom: 30px;
}
#reservation input[type="text"]{
	background-color: #d2d2d2;
    background-image: url("https://dev.club44.be/uploads/images/bg-champs-formulaire.png");
    background-position: right top;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    color: #2d2d2d;
    display: block;
    font-weight: bold;
    margin-bottom: 30px;
}
#reservation .numero-invite {
    text-align: right;
    padding-top: 6px;
    white-space: nowrap;
}
#reservation .numero-invite input {
    display: inline-block;
}
#reservation h3{
	color: #f8bf00;
    font-weight: bold;
	font-size: 1em;
}
#qui-est-present h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
#qui-est-present p{
    line-height: 1.5em;
    text-align: justify;
}
#qui-est-present table td{
	border-top: none;
}
#qui-est-present table td.societe{
	font-weight: bold;
	font-style: italic;
	color: #f8bf00;
}
#qui-est-present table td.membre{
	color: #e2001a;
}
#qui-est-present .col-md-6:first-child{
    border-right: 1px dotted #fff;
}
.low-hr hr{
    margin-top: 0px;
    margin-bottom: 0px;
    border-color: white;
}

/*************************  MEMBRES - HISTORIQUE */

.historique h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.historique p{
    line-height: 1.5em;
    text-align: justify;
}
.historique #accordion .panel{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
}
.historique #accordion h4.panel-title{
	font-style: italic;
	color: #f8bf00;
	text-decoration: none;
	margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;

}
.historique #accordion h4.panel-title a{
    color: inherit;
    cursor: pointer;
}
.historique #accordion h4.panel-title{
	background-image: url("https://dev.club44.be/uploads/images/ico-historique.png");
    background-position: 180px top;
    background-repeat: no-repeat;
}
.historique #accordion .panel-default > .panel-heading {
	background: none;
	padding: 10px 15px;
}
.historique #accordion ul{
	list-style-type: none;
	margin: 20px 0 40px;
	padding: 0;
	
}
.historique #accordion ul li{
	margin-bottom: 5px;
}
.historique #accordion .thumb-historique p{
	background-color: rgba(0, 0, 0, 0.5);
    bottom: -16px;
    height: 40px;
    padding-left: 7px;
    padding-top: 7px;
    position: absolute;
    width: 100%;
}
.historique .panel-group .panel-heading + .panel-collapse > .panel-body{
	border-top: 1px dotted #fff;
	padding: 15px;
}
a .thumb-historique{
	color: #fff;
}
.thumb-historique{
	position: relative;
}
.thumb-historique img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #fff;
}

/*************************  MEMBRES - HISTORIQUE IN */

#galerie-historique{
	margin-bottom: 10px;
}
#galerie-historique #slider1_container{
	border: 1px dotted #fff;
    margin: 25px auto auto;
}
#galerie-historique h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
#galerie-historique a{
	font-weight: bold;
	font-size: 0.9em;
	color: #f8bf00;
}

#autre-repas h2{
	color: #f8bf00;
    font-style: italic;
    font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
}
#autre-repas ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#autre-repas ul li{
	font-size: 0.8em;
	margin-bottom: 5px;
	margin-top: 15px;
}
#autre-repas .thumb-historique p{
	background-color: rgba(0, 0, 0, 0.5);
    bottom: 83px;
    height: 30px;
    padding-left: 7px;
    padding-top: 7px;
    position: absolute;
    width: 100%;
}
#membres-presents h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
#membres-presents div.col-md-6{
	border-bottom: 1px dotted #fff;
}
#membres-presents p{
	font-size: 0.8em;
    line-height: 1.5em;
    text-align: justify;
}
#membres-presents table{
	font-size: 0.8em;
	border-right: 1px dotted #fff;
	margin-bottom: 40px;
}
#membres-presents table td{
	border:none;
}
#membres-presents table td.societe{
	font-weight: bold;
	font-style: italic;
	color: #f8bf00;
}
#membres-presents table td.membre{
	color: #a10013;
}
#membres-presents h2{
	color: #f8bf00;
    font-style: italic;
    font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
}

/*************************  MEMBRES - MODIFIER MES INFOS */

.infos-societe h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.infos-societe p{
	font-size: 0.8em;
    line-height: 1.5em;
    text-align: justify;
}
.infos-societe h2{
	text-transform: uppercase;
	color: #f8bf00;
	font-style: italic;
	font-size: 1em;
}
.infos-societe a{
	color: #f8bf00;
}
.infos-societe .titre-societe{
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
}
.infos-societe table{
	font-size: 1em;
}
.infos-societe table td{
	border-top: none;
}
.infos-societe form.modifier-infos{
	margin-top: 30px;
	margin-bottom: 25px;
}
.infos-societe .membres-details{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.infos-societe div.col-md-7{
    margin-top: 70px;    
}
.infos-societe div.col-md-7 td.adroite{
    width: 145px;
}
.non-renseigne{
    color: #e2001a;
    font-weight: bold;
    font-style: italic;
}
.personnes-de-contact {
    margin-top: 20px;    
}
.personnes-de-contact div.col-md-3{
	margin-bottom: 40px;
}
.personnes-de-contact h2{
	text-transform: uppercase;
	color: #f8bf00;
	font-style: italic;
	font-size: 1em;
}
.personnes-de-contact .photo-membre img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #76000e;
}
.personnes-de-contact li.mail {
    margin-bottom: 50px;
}
.personnes-de-contact  ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.personnes-de-contact ul li{
	font-size: 1em;
	margin-bottom: 10px;
}
.personnes-de-contact ul li a{
	color: #f8bf00;
}
.personnes-de-contact form.ajouter-contact{
	margin-top: 35px;
}
.personnes-de-contact button.btmodifier{
	margin-bottom: 10px;
    width: 165px;
	display: block;
}
.personnes-de-contact li.fonction{
	background-image: url("https://dev.club44.be/uploads/images/ico-fonction.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
}
.personnes-de-contact li.telephone{
	background-image: url("https://dev.club44.be/uploads/images/ico-tel.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
}
.personnes-de-contact li.gsm{
	background-image: url("https://dev.club44.be/uploads/images/ico-gsm.png");
    background-position: left center;
    background-repeat: no-repeat;
    height: 34px;
    padding-left: 35px;
    padding-top: 9px;
}
.personnes-de-contact li.mail{
	background-image: url("https://dev.club44.be/uploads/images/ico-mail.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
}
.personnes-de-contact li.fax{
	background-image: url("https://dev.club44.be/uploads/images/ico-fax.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
}
.personnes-de-contact .col-md-4{
    margin-bottom: 20px;
    min-height: 220px;
}
.modifier-mdp{
	margin-bottom: 25px;
}
.modifier-mdp label{
	display: block;
	font-size: 0.8em;
}
.modifier-mdp input{
	background-color: #d2d2d2;
    background-image: url("https://dev.club44.be/uploads/images/bg-champs-formulaire.png");
    background-position: right top;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    color: #2d2d2d;
    display: block;
    font-size: 0.7em;
    font-weight: bold;
    height: 40px;
    margin-bottom: 15px;
    padding-left: 10px;
}

.modifier-mdp h2{
	text-transform: uppercase;
	color: #f8bf00;
	font-style: italic;
	font-size: 1em;
}
.btblanc{
	background-color: #c6c6c6;
    border: medium none;
    border-radius: 0;
    color: #2d2d2d;
    font-size: 0.9em;
    font-style: italic;
    font-weight: bold;
}
.btrouge{
	background-image: url("https://dev.club44.be/uploads/images/bt-envoyer.png");
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 0.9em;
    font-style: italic;
    font-weight: bold;
}
.btrouge:hover{
    color: #ccc;
}

/************************* NOS SOUTIENS */
.nossoutiens h1{
    font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.nossoutiens ul{
    margin-top: 30px;
}
.nossoutiens ul li{
    margin-bottom: 20px;
}
.nossoutiens ul li a{
    font-weight: bold;
}
.nossoutiens p{
    text-align: justify;
}

/************************* JOBS */

.job h1{
    font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	line-height:1em;
	text-shadow: 2px 2px 2px #000;
}
.job h2 {
    color: #f8bf00;
    font-size: 1.4em;
    font-style: italic;
}
.job h3{
    font-style: italic;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 0px;
}

.job h4{

    margin-top: 0px;
}

/************************* PRESSE */

.presse h1{
    font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.presse h2 {
    color: #f8bf00;
    font-size: 1.4em;
    font-style: italic;
}
.presse h3{
    font-style: italic;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 0px;
}
.presse .article_presse{
    background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
    -moz-box-shadow:    1px 1px 8px #000;
	-webkit-box-shadow: 1px 1px 8px #000;
	box-shadow:         1px 1px 8px #000;
}
.visuel_presse img.thumbs{
        width: 100%;
        margin-bottom: 10px;
    }
.presse_club44{
    border-right: 1px dotted #fff;
}
.presse_membres p{
    text-align: justify;
}
.presse_membres .article_presse p{
    text-align: left;
}

/************************* MEMBRES - INVITES HONNEUR - CITATION */

#invites-honneur .citations-invites{
    background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
    -moz-box-shadow:    1px 1px 8px #000;
	-webkit-box-shadow: 1px 1px 8px #000;
	box-shadow:         1px 1px 8px #000;
    margin-bottom: 26px;
    min-height: 330px;
}
#invites-honneur .citations-invites .message{
    margin-bottom: 0px;
}

/************************* MEMBRES - HALL OF FAME */

.halloffame h1{
    font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.halloffame article.personnalite{
    background-image: url("https://dev.club44.be/uploads/images/bg-orga-cadre.png");
    -moz-box-shadow:    1px 1px 8px #000;
	-webkit-box-shadow: 1px 1px 8px #000;
	box-shadow:         1px 1px 8px #000;
    padding: 20px 5px;
    margin-bottom: 25px;
}
.halloffame article.personnalite h2{
    color: #e2001a;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
}
.halloffame article .fonction{
    font-size: 0.8em;
    margin: 0px;
}
.halloffame article .date{
    font-size: 0.9em;
    color: #f8bf00;
    font-weight: bold;
}
.halloffame article.personnalite img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

/*************************  MEMBRES CONTACT */

.contacter h1{
    font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.contacter  p {
    line-height: 1.5em;
    text-align: justify;
	margin-bottom: 20px;
}
.contacter legend{
	display: none;
}
.contacter label{
	display: none;
}
.contacter input{
	background-color: #d2d2d2;
    background-image: url("https://dev.club44.be/uploads/images/bg-champs-formulaire.png");
    background-position: right top;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    color: #2d2d2d;
    display: block;
    margin-bottom: 20px;
}
.contacter textarea{
	color: #2d2d2d;
	background-color: #d2d2d2;
    background-image: url("https://dev.club44.be/uploads/images/bg-textarea-formulaire.png");
    background-position: right top;
    background-repeat: no-repeat;
	border: none;
	border-radius: 0;
}
.contacter [type=submit]{
	color: #fff;
    font-size: 0.9em;
    font-style: italic;
    font-weight: bold;
    background-image: url("https://dev.club44.be/uploads/images/bt-envoyer.png");
	border: none;
	border-radius: 0;
}
.contacter [type=submit]:hover{
	color: #bebbb2;
}
.contacter .parcourir{
	padding-right: 25px;
	margin-top: 30px;
}

/************************* FORGOT PASSWORD */

div.forgotpassword h1{
    font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
div.forgotpassword input{
    color: #000;
}

/************************* Invités d'honneur */

#invites-honneur h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
#invites-honneur aside.avatar{
    padding-right: 0;
    padding-top: 19px;
    text-align: right;
}
#invites-honneur .entete{
    margin-top: 19px;
}
#invites-honneur .entete img {
    float: left;
    margin-right: 10px;
}
#invites-honneur .entete h3 {
    color: #e2001a;
    display: inline;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
}
#invites-honneur .entete p.profession {
    color: #fff;
    font-size: 0.9em;
    margin: 0;
}
#invites-honneur .message {
    color: #fff;
    font-style: italic;
    margin-bottom: 30px;
    min-height: 88px;
    padding: 10px;
    text-align: justify;
}
/************************** Relai */

.relais-logo img{
    width: 100%;
}
.relais-article h2 {
    font-size: 14px;
}

/************************* Modifier les informations */

.modifier h1{
	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.modifier p {
    line-height: 1.5em;
    text-align: justify;
	margin-bottom: 20px;
}
.modifier legend{
	display: none;
}
.modifier input{
	background-color: #d2d2d2;
    background-image: url("https://dev.club44.be/uploads/images/bg-champs-formulaire.png");
    background-position: right top;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    color: #2d2d2d;
    display: block;
    font-size: 1em;
    margin-bottom: 12px;
}
.modifier input[type=file]{
    padding: 0;
}
.modifier textarea{
	color: #2d2d2d;
	font-size: 1em;
	background-color: #d2d2d2;
    background-image: url("https://dev.club44.be/uploads/images/bg-textarea-formulaire.png");
    background-position: right top;
    background-repeat: no-repeat;
	border: none;
	border-radius: 0;
	margin-bottom: 12px;
	height: 90px;
}
.modifier button{
	color: #fff;
    font-size: 0.9em;
    font-style: italic;
    font-weight: bold;
    background-image: url("https://dev.club44.be/uploads/images/bt-envoyer.png");
	border: none;
	border-radius: 0;
}
.modifier [type=submit]:hover{
	color: #bebbb2;
}
.modifier .parcourir{
	padding-right: 25px;
	margin-top: 30px;
}

.modifier label{
    font-size: 1em;
    font-weight: normal;
    padding-top: 8px;
    text-align: right;
}

.modifier label.feu_input_societe {
    clear: both;
}

.modifier label.feu_input_repeatpassword {
    margin-left: 50%;
}
.modifier label.feu_input_repeatpassword {
        margin-left: 50%;
}
.modifier label.feu_input_activite {
        clear: both;
}
.modifier h2{
	text-transform: uppercase;
	color: #f8bf00;
	font-style: italic;
	font-size: 1em;
	font-weight: bold;
}
.modifier .soumission{
    margin-top: 25px;
    margin-bottom: 20px;
}

/*************************  FOOTER */

.footer-up
{
	background-position: center bottom;
    height: 170px;
	background-image: url("https://dev.club44.be/uploads/images/footer-up.png");
}

footer
{
	background-color: #5a000a;
    background-image: url("https://dev.club44.be/uploads/images/bg-footer.jpg");
    background-repeat: no-repeat;
	background-position: center bottom;
    min-height: 200px;
}
footer aside.footer-acceder-espace
{
	padding-top: 3px;
}
footer aside.footer-acceder-espace hr{
	margin: auto auto 7px 0;
    padding: 0;
    width: 230px;
	border-color: #fff;
}
footer aside.footer-acceder-espace label{
	display: none;
}
footer aside.identifie
{
	background-image: url("https://dev.club44.be/uploads/images/bg-panel-connexion.png");
    margin-top: 20px;
    padding: 5px 5px 11px;
    text-align: center;
}
footer aside.identifie ul{
	list-style-type: none;
}
footer aside.identifie li{
	float: left;
	font-size: 0.8em;
	margin-right: 5px;
	margin-bottom: 5px;
}
footer aside.identifie a{
	color: white;
	font-weight: bold;
	text-decoration: none;
}
footer aside.identifie hr{
	margin: auto auto 7px;
    padding: 0;
    width: 200px;
	border-color: #fff;
}
footer aside.footer-acceder-espace h3
{
	color: #fff;
    font-family: 'PT Serif',serif;
    font-size: 1.1em;
    font-weight: normal;
	text-shadow: 1px 2px 2px #202020;
	margin-top: 10px;
}
footer aside.footer-acceder-espace input
{
	border: 1px solid #232323;
	border-radius: 9px;
    color: #929292;
    font-size: 0.6em;
    margin-right: 11px;
    padding: 4px;
	height: 30px;
    width: 82px;
	-moz-box-shadow:    inset 1px 1px 2px #232323;
	-webkit-box-shadow: inset 1px 1px 2px #232323;
	box-shadow:         inset 1px 1px 2px #232323;
}
footer aside.footer-acceder-espace input.go
{
	background-color: #a10013;
	color: #fff;
	height: 30px;
	width: 30px;
	cursor: pointer;
	border: none;
}
footer aside.footer-acceder-espace img
{
	margin-top: 5px;
    width: 227px;
}
footer aside.footer-acceder-espace .forgot a {
    color: #999;
    font-size: 0.7em;
    margin-bottom: 0;
}
footer aside.footer-acceder-espace .forgot p {
    color: #999;
    font-size: 0.7em;
    margin-bottom: 0;
}

footer .entete
{
	margin-top: 19px;
}
footer .entete img
{
	float: left;
	margin-right: 10px;
}
footer .livreor .avatar img{
    width: 103px;
    height: 103px;
    border-radius: 50%;
    box-shadow: 3px 3px 5px #000;
}
footer .livreor h3
{
	color: #131313;
	font-size: 1.1em;
	font-weight: bold;
	display: inline;
	margin: 0;
}
footer .livreor p.profession
{
	color: #fff;
	font-size: 0.9em;
	margin: 0;
}
footer .livreor aside.avatar
{
	padding-right: 0;
    padding-top: 25px;
    text-align: right;
}
footer .livreor .message
{
	font-size: 0.9em;
	color: #fff;
	font-style: italic;
	text-align: justify;
	margin-bottom: 30px;
	padding: 10px;
	min-height: 88px;
}
footer .livreor .message a
{
    color: #f8bf00;
    font-weight: bold;
}
footer .livreor .message strong
{
	color: #fff;
}
footer .copyright {
    bottom: 7px;
    position: relative;
}
footer .copyright a{
	color: #fff;
	text-decoration: none;
}
footer .copyright a:hover{
	text-decoration: none;
}
footer .copyright-left
{
	margin-top: 2px;
	color: #e2001a;
    font-size: 0.7em;
}
footer .copyright-right
{
    color: #e2001a;
    font-size: 0.7em;
    text-align: right;
}

/*************** PHOTOS **/

.encart_galerie{
    height: 300px;
}
.encart_galerie .date{
    height: 15px;
}

/***************** CONCOURS */

.reglement_concours h1{
    	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.concours h1{
    	font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
}
.concours .radio-concours{
    background-color: #710000;
    padding: 20px;
    margin-bottom: 15px;
}
.concours .question{
    font-weight: bold;
    font-style: italic;
}
.concours input, .concours select {
    color: #000;
    padding: 10px;
}
.concours .submit{
    margin-top: 20px;
}
.concours .submit input{
    background-color:#f8bf00;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    transition: all .5s;
    margin-right: 30px;
}
.concours .submit input:hover{
    background-color: #e2001a;
    color: #fff;
}
.concours input, .concours select{
    color: #000;
}
.concours .col-md-6{
    margin-bottom: 10px;
    padding: 0 0 25px;
}
.radio-concours div{
    width: 24.9%;
    float: left;
}
.radio-concours:after{
    content: '';
    display: block;
    clear: both;
}

/***************** FADE SUR CAROUSEL BOOSTRAP */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/************************* SCROLL TO TOP */

.scrollToTop
{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom: -45px;
	right:-30px;
	display:none;
	background: url("https://dev.club44.be/uploads/images/ico-retour-top.png") no-repeat 0px 20px;
}
.scrollToTop:hover
{
	text-decoration:none;
}

/************************* EFFET FADE */

.fade
{
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
.fade:hover
{
	opacity: 0.5;
}
/************************* POPUP - MODAL */

.modal-content h4{
	color: #f8bf00;
    font-style: italic;
}
.modal-content{
	background-color: #2d2d2d;
    border: 2px solid #a10013;
}
.modal-body p{
	font-size: 0.9em;
}

/************************* VIDEO RESPONSIVE */

.videoclub44 h1{
    font-weight: bold;
	color: #e2001a;
	text-transform: uppercase;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000;
	margin-bottom: -3px;
}

    
    
.videoclub44 ol.carousel-indicators{
    bottom: 0px;
    margin-top: 15px;
    position: relative;
}
.videoclub44 .carousel-indicators li{
    width: 20px;
    height: 20px;
    border: 1px solid #e2001a;
    margin: 0 5px;
}
.videoclub44 .carousel-indicators .active{
    background-color: #e2001a;
    margin: 0 5px;
}
.video {
	position: relative;
}
.video iframe,  
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video video{
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}

/***************** GOOGLE & VIDEO RESPONSIVE */

.Flexible-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 71px;
    padding-top: 159px;
    position: relative;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/************************* RESERVATION SLIDE IN/OUT */

.nowrap {
    white-space:nowrap;
}

#reservation [type="checkbox"]:not(:checked),
#reservation [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
 
/* on prépare le label */
#reservation [type="checkbox"]:not(:checked) + label,
#reservation [type="checkbox"]:checked + label {
    display: block;
  position: relative; /* permet de positionner les pseudo-éléments */
  padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;    /* affiche un curseur adapté */
}

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
#reservation [type="checkbox"]:not(:checked) + label:before,
#reservation [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px; /* dim. de la case */

}
 
/* Aspect général de la coche */
#reservation [type="checkbox"]:not(:checked) + label:after,
#reservation [type="checkbox"]:checked + label:after {

  position: absolute;
  top: -28px; left: 4px;
  font-size: 30px;

  transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */
#reservation [type="checkbox"]:not(:checked) + label:after {
     content: '›››';
    color: #BB0016;
}
/* Aspect si "cochée" */
#reservation [type="checkbox"]:checked + label:after {
  content: '✔'; 
  color: #09ad7e;
}

div.splash {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 2000;
    padding: 3%;
    cursor:pointer;
    background-color : rgba(0,0,0,0.6);
}
div.splash img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    box-shadow: 0px 0px 100px 70px #000000;
    border: 5px solid white;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
div.splash_reduced {
    position: fixed;
    width: 60px;
    height: 60px;
    background : none ;
    top: 20px;
    left: 0px;
    z-index: 2000;
    padding: 0;
    cursor:pointer;
    background-color : rgba(0,0,0,0);
}
div.splash_reduced img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    box-shadow: 0px 0px 2px 2px #000000;
    border: 1px solid white;
}
.infos_user{
    min-height: 225px;
}


 /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        .jssora05l.jssora05lds      (disabled)
        .jssora05r.jssora05rds      (disabled)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('/uploads/images/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }
        .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
        .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
        /* jssor slider thumbnail navigator skin 01 css */
        
        .jssort01 .p { 
            position: absolute;
            top: 0;
            left: 0;
            width: 72px;
            height: 72px;
            background-color: #000;
        }
        .jssort01 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        .jssort01 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        .jssort01 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
            box-sizing: content-box;
            background: url('/uploads/images/t01.png') -900px -900px no-repeat;
            _background: none;
        }
        .jssort01 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 68px;
            height: 68px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        .jssort01 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 70px;
            height: 70px;
            border: #fff 1px solid;
            background-position: 50% 50%;
        }
        .jssort01 .p.pdn .c {
            background-position: 50% 50%;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
        }
        * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    width /**/: 72px;    height /**/: 72px;}

.navbar-toggler {
    border: solid #888 2px;
}

.navbar-toggler .icon-bar {
      background-color: #888;
}
.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}


/************************ TABLETS / IPHONE */

@media (min-width:768px){
.navbar-nav { display: table; width: 100%; margin: 0; }
.navbar-nav > li { display: table-cell; text-align: center; float: none; }
}



@media (max-width: 1200px){
    .lefter{
    margin-left:0px}
    .presse .article_presse{
        min-height: 240px;
    }
	.visiteur > li{
		padding-right: 8px;
	}
	.membre > li{
		padding-right: 8px;
	}
	.navbar-inverse a{
		font-size: 1em;
	}
	.ma-publicite img{
	width: auto;
    height: auto;
	max-width: 100%;
	max-height: 100%;
	}
	aside.pub img{
	    width: 100%;
    }
	footer aside.footer-acceder-espace input{
	    margin-right: 2px;
	}
    .halloffame article.personnalite{
        min-height: 205px;
    }
    
    .actualites .actu-membre{
    min-height: 380px;
    }
    #derniers-membres h1, .apercu_actu h1, .prochains-events h1, .videoclub44 h1, .prochains-invites h1, #prochainRV-44 h1, .dernier-club44 h1, .agenda-du-club44 h1, #reservation h1, #qui-est-present h1, h1, .reso-sociaux p{
        font-size: 1.7em;
    }
    
}
@media (max-width: 1199px){
    .nav > li > a {
        padding-left: 7px;
        padding-right: 7px;
    }
    .visiteur li a {
    	padding-left: 3px;
        padding-right: 3px;
        text-transform: none;
    }
    .membre li a{
        font-size:0.9em;
        padding-left: 6px;
    }
}
@media (max-width: 990px){
    
    /* FORMS SMARTPHONE */
    
    .imageform img{
    width:80%;

    }
    
    .navbar-collapse{
    	background-color: #000;
    	text-align: center;
    }
    img.actu_detail {
        display: none;
    }
    .modifier label.feu_input_repeatpassword {
        margin-left: 0;
    } 
    #reservation .numero-invite {
        text-align: left;
    }
	.navbar-inverse a {
		font-size: 0.8em;
	}
	.visiteur > li{
		padding-right: 4px;
	}
	.membre > li{
		padding-right: 0px;
	}
	.membre li a{
        font-size: 0.7em;
        padding-left: 7px;
    }
	.navbar-inverse .navbar-nav > li > a {
	    padding-right: 0px;
	}
	.navbar-inverse .visiteur > li > a {
		padding-right: 2px;
		font-size: 0.8em;
	}
	.agenda-du-club44 div{
        background-image: none;
        padding-left: 5px;
    }
	.navbar-inverse .navbar-nav > li:last-child > a {
		padding-right: 0px;
	}
	header .logo-44 img{
	width: auto;
    height: auto;
	max-width: 100%;
	max-height: 100%;
	}
	section#membres-44 .col-sm-3 img{
	width: auto;
    height: auto;
	max-width: 100%;
	max-height: 100%;
	}
	section#business-magazine .photo-president{
		display: none;
	}
	.nous-ont-rejoint .fiche-membre img{
		margin: auto;
	}
	header .top-acceder-espace{
		text-align: center;
		margin-bottom: 20px;
	}
	.contacter img.logo44{
		display: none;
	}

	.thumb-historique img{
	width: auto;
    height: auto;
	max-width: 100%;
	max-height: 100%;
	}
	#membres-presents table{
		border-right: none;
	}
	.infos-societe .membres-details{
	    
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 15px;
	}
	.infos-societe p{
	    text-align: center;
	}
	.presse .visuel_presse{
        text-align: center;
    }
    .halloffame article .fonction{
        display: none;
    }
    .halloffame article.personnalite{
        min-height: 249px;
    }
    header .top-acceder-espace input{
        width: 65px;
    }
    #qui-est-present .col-md-6:first-child {
        border-right: none;
    }
    .motdupresident{
		display: none;
	}
	.suivez-nous{
        display: none;
    }
    #derniers-membres h1, .apercu_actu h1, .prochains-events h1, .videoclub44 h1, .prochains-invites h1, #prochainRV-44 h1, .dernier-club44 h1, .agenda-du-club44 h1, #reservation h1, #qui-est-present h1, h1, .reso-sociaux p{
        font-size: 1.4em;
    }
}
@media (max-width: 767px) {
    .navbar-inverse a {
		font-size: 1.1em;
	}
	#conditions-adhesion .col-sm-3{
		display: none;
	}
	.visiteur > li {
	    font-size: 1.5em;
	    padding-right: 0px;
	}
	#avantages-visiteur .col-sm-3{
		display: none;
	}
	footer aside.footer-acceder-espace{
		text-align: center;
	}
	footer .copyright-left{
		display: none;
	}
	footer .copyright-right{
		text-align: center;
	}
	.slide-container{
		display: none;
	}
	.footer-up{
		display: none;
	}
	.personne-de-contacter:last-child{
		margin-bottom: 15px;
	}
	#prochain-rdv-visiteur img{
	width: auto;
    height: auto;
	max-width: 100%;
	max-height: 100%;
	}
	footer aside.avatar{
		display: none;
	}
	aside#autre-repas{
		display: none;
	}
	#invites-honneur aside.avatar{
	    text-align: center;
	}
	.logo_avantage_membre{
	    padding-bottom: 15px;
	    text-align: center;
	}
	.nav > li {
        border-bottom: 1px dotted #ccc;
	}
	.nav > li:last-child {
        border-bottom: none;
	}
	.nav > li:hover{
	    background-color:#e2001a;
	}
	.nav > li:hover a{
	    color: #fff;
	 }
	 .membres-44 .index{
	     width: 100%;
	     text-align: center;
	 }
}
@media (max-width: 660px){
	.couverture-business-mag{
		display: none;
	}
	.a-votre-tour img{
		display: none;
	}
	.historique #accordion ul{
		margin: 20px 0 15px;
	}
	.nossoutiens ul{
	    padding: 0px;
	}
	h1{
	    white-space: normal;
	    text-align: center;
	}
	h1::after {
        content: none;
	}
	.photo-membre{
	    display: none;
	}
	.nossoutiens ul {
	    margin-left: 20px;
	}
	.renseignements{
	    margin-top: 15px;
	}
	.membre li a{
	    font-size: 1.2em;
	}
	td.invite{
	    display:none;
    }
    td.membre{
	    display:none;
    }
}
@media (max-width: 500px) {
	h1.rejoindre-44 img{
	width: auto;
    height: auto;
	max-width: 100%;
	max-height: 100%;
	}
	img.rejoindre-le-club-44{
	   width: 100%;
	}
	.thumb-historique p.date{
		display: none;
	}
	section#membres-presents table td.membre{
		display: none;
	}
	section#membres-presents table td.invite{
		display: none;
	}
	.halloffame article.personnalite{
        min-height: 100%;
    }
    .halloffame article.personnalite h2{
        font-size: 0.8em;
        height: 20px;
    }
    div.orateurs img{
	    width: 100%;
	}
	div.orateurs .col-lg-9{
	    padding-top: 0px;
	}
	header .top-acceder-espace input{
	    width: 80px;
	}
}


/* Stylesheet: club44 Modified On 2023-08-04 15:52:31 */
header #loginform p.loginError{
    color: #F00;
    margin: 0;    
}

.modifier .panel-default{
    color: #2d2d2d;
    font-size: 1em;
    background-color: #eaeaea;
    background-position: right top;
    background-repeat: no-repeat;
    border: none;
    border-radius: 0;
    margin-bottom: 12px;
background-image: url("https://dev.club44.be/uploads/images/bg-textarea-formulaire2.png");
}

.modifier .panel-heading{
    color: #2d2d2d;
    font-size: 1em;
    background-color: #d2d2d2;
    background-image: url("https://dev.club44.be/uploads/images/bg-textarea-formulaire.png");
    background-position: right top;
    background-repeat: no-repeat;
    border: none;
    border-radius: 0;
    margin-bottom: 12px;
    height: 34px; 
}
.modifier .panel-heading a{
    text-decoration: underline;
   color: #000;
}
.modifier .panel-heading a h3 {
     color: #2d2d2d;
    font-size: 1em;
}
.modifier .details div{
    min-height: 26px;
}

.modifier .errors{
    color: red;
}
.modifier ul.errors{
    list-style-type: none;
    padding-left: 0;
    font-variant: small-caps;  
    animation: blinker 3s linear infinite;
}
.modifier input[type=radio] {
    margin-top: 8px;
    margin-bottom: 0px;
}


@keyframes blinker {
    30% { color: red;}
    50% { color: white; }
    70% { color: red;}
}


.member_pic{
    width: 100%;
    max-width: 250px;
    clear: both;
}
.guest-picture{
    width: 126px;
    height: 126px;
}
.guest-picture .picture{
    position: relative;
}
.guest-picture .picture img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
.guest-picture .shadow{
    position: absolute;
    width: 126px;
    height: 126px;
    top: 0px;
}

.majuscule{
    text-transform: uppercase;
}

.infos-societe div.col-md-7{
    margin-top: 0;
}
.album_exists{
    font-weight: bold;
    background-color: #9FF;
}

a .thumb-historique {

    position: relative;
    border: solid 1px #FFF;
}
.thumb-historique img{
    width: 100%;
    height: 100%;
    margin: auto;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    border: 0;
    object-fit: cover;
}
.historique #accordion .thumb-historique p{
    z-index: 100;
}
.dernier-club44 .thumb_activites{
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: relative;
    border: solid 1px #FFF;
}
.dernier-club44 .thumb_activites img{
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    border: 0;
    object-fit: cover;
}
#nouveaux-membres img, #nouveaux-membres canvas{
    width: 100%;
    height: auto;
}
.nomargin{
    margin: 0;
}
/* Stylesheet: club44module Modified On 2024-01-22 11:23:49 */
/* IE hack \*/
* html .imgzoom-container { height: 1%; }
/* Hack ends */

.imgzoom-overlay {
    background-color: #000;
    opacity: 0.5;
}

.imgzoom-wrap {
    background: #fff;
    border: solid 1px #bbb;
    padding: 0.8em;
    color: #555;
    font-size: 90%;
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    position: absolute;
    box-shadow: 5px 5px 20px #000;
    -moz-box-shadow: 5px 5px 20px #000;
    -webkit-box-shadow: 5px 5px 20px #000;
}

.imgzoom-container {
    position: relative;
    margin-bottom: 0.4em;
    overflow: hidden;
}

.imgzoom-prev, .imgzoom-next {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    width: 50%;
    float: left;
    line-height: 10em;
    text-decoration: none;
    background: url(https://dev.club44.be/uploads/images/imgzoom-blank.gif);
    overflow: hidden;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 100;
}

.imgzoom-prev {
    margin-left: 0;
    left: 0;
}

.imgzoom-next {
    left: 50%;
    text-align: right;
}

.imgzoom-prev span, .imgzoom-next span {
    display: none;
    width: 4em;
    height: 1.5em;
    line-height: 1.5em;
    vertical-align: middle;
    margin-top: 2em;
    padding: 1em;
    position: absolute;
    top: 2em;
}

.imgzoom-prev span {
    border-radius:  0 0.5em 0.5em 0;
    -moz-border-radius: 0 0.5em 0.5em 0;
    -webkit-border-radius: 0 0.5em 0.5em 0;
}
    
.imgzoom-next span {
    right: 0;
    border-radius: 0.5em 0 0 0.5em;
    -moz-border-radius: 0.5em 0 0 0.5em;
    -webkit-border-radius: 0.5em 0 0 0.5em;
}

.imgzoom-prev:hover, .imgzoom-next:hover {
    visibility: inherit;
}

.imgzoom-prev:hover span, .imgzoom-next:hover span {
    background-color: #fff;
    display: block;
}

.imgzoom-wrap-first .imgzoom-prev {
    display: none;
}

.imgzoom-wrap-last .imgzoom-next {
    display: none;
}

.imgzoom-counter, .imgzoom-title, .imgzoom-close {
    float: left;
    width: 20%;
    vertical-align: middle;
}

.imgzoom-title {
    width: 60%;
    color: #333;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 110%;
}

.imgzoom-close {
    float: right;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    cursor: pointer;
}

/* Stylesheet: imgzoom Modified On 2015-05-06 10:53:59 */