html {
    height: 100%;
    margin: 0;
    margin-top: 0 !important;
}

body {
    background-color: #697397;
    color: #333366;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: 0;
    overflow-x: hidden;
    background-image: url('images/bg_body.jpg');
    background-attachment: fixed;
    background-position: center;
    background-size: 100%;
    font-family: 'Aller', Helvetica, Arial, sans-serif;
}

body:before {
    content: "";
    display: block;
    position: fixed;
    bottom: 0;
    left: 50%;
    background-image: url('images/bg_logo.png');
    width: 1274px;
    height: 240px;
    z-index: -1;
    margin-left: -1125px;
}

.admin-bar {
    top: 28px;
}

#page {
    min-width: 960px;
    max-width: 100%;
    width: 1200px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -55px;
    background-image: url('images/bg_gradient.png');
    background-position: center;
}

#push, .site-footer {
    height: 55px;
}

.site-footer {
    background-image: url('images/bg_bottom.jpg');
    min-width: 960px;
    max-width: 100%;
    width: 1200px;
    margin: auto;
    font-size: 12px;
}

.wrap {
    width: 960px;
    margin: auto;
    position: relative;
}

.site-footer ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.site-footer li, .copyright, .created-by {
    display: inline-block;
    padding: 20px 0;
    margin-right: 15px;
    height: 15px;
}

.header-nav {
    height: 90px;
    margin-bottom: 20px;
    background-image: url('images/bg_top.jpg');
}

.header-nav, .footer-nav {
    padding: 0 10px;
}

.site-footer, .header-nav {
    color: white;
    background-color: #3a355d;
    background-repeat: no-repeat;
    background-position: center;
}

.site-footer a, .header-nav a {
    color: white;
    text-decoration: none;
}

.site-footer a:hover {
    text-decoration: underline;
}

.site-footer .wrap > * {
    display: inline-block;
}

.header-nav h1, .header-nav ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 100%;
    /* vertical-align: top; */
}

.header-nav ul {
    list-style-type: none;
}

.header-nav li, .header-nav h1 {
    display: inline-block;
    margin-right: 18px;
    height: 90px;
    float: left;
}

.header-nav a {
    font-size: 20px;
    height: 30px;
    padding: 30px 5px;
    display: block;
}

.header-nav .active a, .header-nav a:hover {
    border-bottom: 15px solid #cbbb9d;
    padding-bottom: 15px;
}

.header-nav .home, .header-nav .home:hover {
    display: block;
    padding: 0;
    width: 195px;
    height: 90px;
    background-image: url('images/logo_top.png');
    /* vertical-align: top; */
    border: 0;
}

.header-nav .contact {
    width: 110px;
    background-image: url('images/picto_mail.png');
    border-bottom: 0 !important;
}

.slider, .slides, .slide {
    width: 100%;
    height: 344px;
}

.slider {
    background-color: white;
    position: relative;
    text-align: center;
}

.slides {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.slide {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    /*opacity: 1;
    transition: z-index 1s, opacity 1s;*/
}

.slide.show {
    z-index: 10;
    /*opacity: 1;*/
}

.slider-btn {
    display: inline-block;
    list-style-type: none;
    position: relative;
    z-index: 20;
    bottom: 18px;
    height: 35px;
    border-radius: 10px;
    padding: 0 10px;
    margin: 0;
    background-color: #3c3862;
}

.slider-btn li {
    display: inline-block;
    border: 2px solid white;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    margin: 8px 0;
    cursor: pointer;
}

.slider-btn li:hover, .slider-btn .active {
    background-color: white;
}

.slider-btn li + li {
    margin-left: 20px;
}

.slider-btn li + li:before {
    display: block;
    content: "";
    width: 18px;
    height: 1px;
    background-color: white;
    position: relative;
    left: -23px;
    top: 7px;
}

.side-video {
    position: relative;
}
.slider:before, .slider:after {
    content: '';
    position: absolute;
    z-index: -1;
    box-shadow: 0 15px 10px #000;
    width: 49.35%;
    height: 26%;
    bottom: 7px;
}

.side-video:before, .side-video:after {
    content: '';
    position: absolute;
    z-index: -1;
    box-shadow: 0 15px 10px #000;
    width: 49.35%;
    height: 26%;
    bottom: 10px;
}

.slider:before, .side-video:before {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
}

.slider:after, .side-video:after {
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    transform: rotate(1deg);
}

.slider:before { left: 6px; }
.slider:after { right: 6px; }
.side-video:before { left: 3px; }
.side-video:after { right: 3px; }


h3 {
    margin: 0;
}


.notext {
    text-indent: -999em;
    overflow: hidden;
}

.copyright, .created-by {
    font-size: 9px;
    position: absolute;
    margin: 0;
}

.copyright {
    left: 50%;
}

.copyright:before {
    content: "";
    position: absolute;
    background-image: url('images/logo_bottom.png');
    width: 75px;
    height: 55px;
    left: -80px;
    top: -5px;
}

.created-by {
    right: 100px;
}

.created-by .logo {
    display: inline-block;
    position: absolute;
    width: 90px;
    height: 55px;
    background-image: url('images/logo_podium.png');
    top: 0;
    right: -100px;
}

.content-wrap {
    padding: 25px 20px;
}

.content-wrap:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}

.site-content {
    width: 495px;
    float: left;
    max-height: 680px;
    /*overflow-y: auto;*/
    overflow-y: hidden;
	word-break:break-word;
}

.site-content:hover {
	overflow-y: auto;
}

@media (max-width: 1367px) {
	.site-content {
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	::-webkit-scrollbar {
	  -webkit-appearance: none;
	  width: 7px;
	}
	::-webkit-scrollbar-thumb {
	  border-radius: 4px;
	  background-color: rgba(0, 0, 0, .5);
	  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
	}
}

.site-content article {
	width:462px;
}

.site-content article.oneArticle {
	width:890px;
}

.site-content article.video {
    margin: 25px 7px;
    float:left;
    width:220px;
    /*height:350px;*/
	height:200px;
}

.video iframe {
	width:220px;
	border:0px;
}

.site-content .video h3 {
	font-size:14px;
}

.text-content {
    width: 100%;
}

.activity-content h1 {
    font-size: 36px;
    font-weight: normal;
}

.entry-title {
    font-size: 36px;
    font-weight: 400;
}

.header-text .entry-title, .header-text .date {
    font-size: 24px;
    font-weight: normal;
    margin: 10px 0;
}

.content-text {
    font-size: 18px;
    margin-top: 23px;
}

.more-p {
    text-align: right;
}

.more {
    font-weight: bold;
    background-color: #3c3862;
    border-radius: 10px;
    padding: 5px 20px;
    color: white;
    text-decoration: none;
}

.more:hover {
    text-decoration: underline;
}

.site-content h3 {
    font-size: 24px;
    font-weight: normal;
}

.jm-title {
    font-size: 20px;
}

.sidebar {
    float: left;
    padding-left: 20px;
    width: 405px;
}

.side-atma {
    font-size: 24px;
    margin-top: 105px;
}

.atma-logo {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #333366;
    text-decoration: none;
    background-image: url('./images/logo-atma.png');
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 235px;
}

.video {
    margin: 25px 7px;
    float:left;
    width:220px;
    height:350px;
}

.video .thumbnail {
    display: inline-block;
    vertical-align: middle;
    width: 220px;
    position: relative;
    left: -10px;
}

.video img {
    border: 0;
    width: 220px;
}

.video-info {
    display: inline-block;
    vertical-align: middle;
    /*width: 270px;*/
    width:220px;
    color: #999;
    font-size: 12px;
}

.video-info h2 {
    font-size: 14px;
    font-weight: bold;
    color: black;
    margin: 5px 0;
}

.video-info a {
    text-decoration: none;
    color: black;
}

.video-info .meta {
    margin: 5px 0;
}

.video-info .count {
    color: black;
}

.site-gallery {
    padding: 25px 5px;
}

.site-gallery .site-content {
    width: 100%;
}

.gallery-item {
    display: block;
    float: left;
    padding: 4px;
    margin: 0;
}

.gallery-caption {
    display: none;
}

#preview {
    border: 8px solid white;
    width: 530px;
    border-radius: 6px;
    display: none;
    position: absolute;
    z-index: 50;
}

#preview.show {
    display: block;
}

#preview img {
    width: 100%;
    display: block;
}

#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: black;
    background-color: rgba(0, 0, 0, .5);
    z-index: 100;
    text-align: center;
    /*white-space: nowrap;*/
    font-size: 0;
}

#overlay.show {
    display: block;
}

#overlay:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    overflow: hidden;
}

.ov-wrap {
    width: 100%;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.ov-diapo {
    width: 90%;
    margin: auto;
    display: table;
}

.ov-diapo > div {
    display: table-row;
}

.ov-img {
    display: table-cell;
    padding: 5%;
    width: 50%;
    background-color: black;
    background-color: rgba(0, 0, 0, .8);
    vertical-align: middle;
}

.ov-img img {
    display: block;
    width: 100%;
}

.ov-text {
    width: 40%;
    background-color: white;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.ov-text:after {
    content: "";
    background-image: url('images/sm-logo.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    display: block;
    height: 134px;
    width: 100%;
}

.ov-text p {
    display: block;
    margin: 25px 15px;
}

.post-41 input, .post-41 textarea {
    font-size: 18px;
    font-family: 'Aller', Helvetica, Arial, sans-serif;
    padding: 5px 15px 10px;
    color: #333366;
    border: 3px solid #333366;
    border-radius: 10px;
    position: relative;
    left: -18px;
}

.post-41 .wpcf7-submit {
    padding: 5px 25px;
    background-color: #333366;
    color: white;
    font-size: 16px;
    position: relative;
    left: -36px;
}

.btn-achat {
    padding: 5px 25px;
    background-color: #333366;
    color: white;
    font-size: 16px;
    border-radius: 10px;
    text-decoration: none;
}

.btn-achat:hover {
    text-decoration: underline;
}

.post-41 .wpcf7-response-output {
    position: relative;
    left: -30px;
}

.page-id-41 .site-content {
    max-height: none;
    overflow-y: visible;
}

.right {
    text-align: right;
}

.book {
    clear: both;
    margin: 20px 0;
}

.book:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}

.book-cover {
    float: left;
    margin: 0 20px 20px 0;
}

.content-book {
    font-size: 18px;
}

.pages, .isbn {
    font-size: 16px;
    margin: 0.4em 0;
}

.buying {
    margin: 0.6em 0 2em;
}

.pages {
    margin-bottom: 0;
}

.isbn {
    margin-top: 0;
}

.price {
    font-size: 20px;
    font-weight: bold;
    margin: 0.3em 0;
}

.author {
    font-size: 20px;
    margin: 0.3em 0;
}

.side-products {
    margin-top: 25px;
}

.side-products h3 {
    font-size: 18px;
    font-weight: normal;
    height: 25px;
    width: 405px;
    text-align: center;
}

.side-products > div {
    width: 100%;
    /*overflow-x: scroll;*/
}

.side-products ul {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
    width: 685px;
    height: 280px;
    white-space: nowrap;
    text-align: center;
    overflow: visible;
}

.side-products ul:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    overflow: hidden;
    vertical-align: middle;
}

.side-products li {
    display: inline-block;
    vertical-align: middle;
}

.side-products img {
    width: 100%;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.2)));;
}

@font-face {
    font-family: 'Aller';
    src: url('fonts/aller_rg-webfont.eot');
    src: url('fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller_rg-webfont.woff') format('woff'),
         url('fonts/aller_rg-webfont.ttf') format('truetype'),
         url('fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.gallery-desc {
	height:0px;
	width:0px;
	display:none;
	overflow:hidden;
}

.gallery-item img {
	border:0;
}

/*=====carousel=====*/

.kc-item img {
      position:absolute;
      pointer-events: none;   /* Make images non-selectable. */
      width:100%;             /* Make images expand to wrapper size (used in 2d modes). */
}

.kc-wrap {
	height:200px;
background-image:none;
}

.kc-nav-wrap {
	width:100%!important;
	left:0!important;
	text-align:center;
}

.kc-nav-button, .kc-nav-button-active {
	display:inline-block!important;
	width:8px!important;
	height:8px!important;
	float:none!important;
	border:1px solid #343463;
	background-color:#fff;
}

.kc-nav-button.active {
	background-color:#343463!important;
}

.ScrollablePost {
	position:relative;
}

.ScrollTollTip {
	position:absolute;
	bottom:-77px;
	left:205px;
	width:82px;
	display:none;
}

.cntTxt {
	float:left;
	width:495px;
}

.contentHeight {
	padding-bottom:20px;
}