/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.organigramme { position:relative; }


.organigramme .btn-prev { color:#000; font-size:25px; line-height:1; cursor:pointer; position:absolute; left:-80px; top:200px; }
.organigramme .btn-next { color:#000; font-size:25px; line-height:1; cursor:pointer; position:absolute; right:-80px; top:200px; }

.organigramme .slide-organigramme { margin: 0px auto; width:800px; height: 500px; position:absolute; display: relative; }
.organigramme .slide-organigramme > * { display: hidden; cursor: pointer; }

.organigramme .slide-organigramme .employe { display:inline-block; width:330px; height:360px; background-color:#FFF; }
.organigramme .slide-organigramme .employe .img { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:.6; }
.organigramme .slide-organigramme .employe .detail { background-color:#4d4d4d; padding:20px; }
.organigramme .slide-organigramme .employe .detail { 
	visibility: hidden;
	-webkit-transition: visibility 0.3s ease-in; -moz-transition: visibility 0.3s ease-in; -o-transition: visibility 0.3s ease-in; transition: visibility 0.3s ease-in;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in;
}
.organigramme .slide-organigramme .employe .detail h3 { font-size:18px; text-transform:uppercase; color:#FFF; text-align:center; margin:0px; padding:0px; }
.organigramme .slide-organigramme .employe .detail p { font-size:18px; color:#FFF; text-align:center; margin:10px 0px 0px 0px; padding:0px; font-weight:300; }

.organigramme .slide-organigramme .employe.carousel-center .img { opacity:1; }
.organigramme .slide-organigramme .employe.carousel-center .detail { opacity:1; visibility:visible; }