/* Général */

a{text-decoration: none !important; color: darkred; -webkit-transition: color 0.5s, background-color 0.5s; transition: color 0.5s, background-color 0.5s;}
a:hover,a:focus{color: #FF8833 !important;}

.entry-title{text-align: left;}

img{vertical-align: middle; display: inline-block; transition: transform .5s, opacity .5s;}

body { scroll-behavior: smooth; }

#navigation ul.nav li a { font-size: 15px; }
@media screen and (max-width: 960px) {#navigation ul.nav li a { font-size: 13px; }}
article {cursor: default;}

/* Barre du haut */

/*body.full-width #top {max-height: 0; overflow: hidden; transition: max-height 400ms ease-out, padding 400ms ease-out;}

[data-scrollpos="0"] body.full-width #top {max-height: 34px;}
*/

/*
header {
  z-index: 100;
  position: relative;
  position: sticky;
  top: 0;
  background: #fff;
  transition: box-shadow 400ms ease-out; }

[data-scrollpos="0"] header {
    box-shadow: none; }

[data-scrollpos="0"] header .header__bar {
      max-height: 3em;
      padding: 1rem 0; }

[data-scrollpos="0"] header .header__main {
      padding-top: 2rem;
      padding-bottom: 4rem; }

[data-scrollpos="0"] header .header__nav {
      max-height: 3em;
      opacity: 1;
      transition: max-height 400ms ease-out, opacity 200ms ease-out 200ms; }
	  
[data-scrollpos="0"] header .header__nav ul {
        border-bottom: 1px solid #c4c0c0; }
		
[data-scrolldir="up"] header .header__nav {
    max-height: 3em;
    opacity: 1;
    transition: max-height 400ms ease-out, opacity 200ms ease-out 200ms; }
*/

/* Page d'accueil */

.autour {width: 220px; height: 220px; overflow: hidden; float:left; margin: 0 10px 15px 0;}

article.post.type-post.status-publish.format-standard.has-post-thumbnail:hover a img.woo-image.thumbnail.alignleft {transform:scale(1.1); opacity: .9;}

body.home article.post.type-post.status-publish.format-standard.has-post-thumbnail:hover {background: url(img/frame.png) left bottom no-repeat, linear-gradient(to left bottom, #fff 0%,#fff0 50%);}

.suite-drakkar {position: absolute; bottom: 60px; right: 0px;}

/* Pages de la monographie Rosinski */

.monographie_pages{position:relative;width:304px;margin:auto;height:152px;background-color:lightgray;}
.monographie_pd{position:absolute; top:1px;right:1px;width:150px;height:150px;border-width:1px; border-style: solid; border-color: #cccccc #cccccc #cccccc #eeeeee;cursor:pointer;filter:alpha(opacity=100);opacity:1;}
.monographie_pg{position:absolute; top:1px;left:1px;width:150px;height:150px;border-width:1px; border-style: solid; border-color: #cccccc #eeeeee #cccccc #cccccc;cursor:pointer;filter:alpha(opacity=100);opacity:1;}

/* Titres de pages de la partie Collection */

.post .title.vaisseau,.post h2.vaisseau,.post h3.vaisseau,.page .title.vaisseau,.page h2.vaisseau,.page h3.vaisseau,.single .title.vaisseau,.single h2.vaisseau,.single h3.vaisseau,.styled-p .title.vaisseau,.styled-p h2.vaisseau,.styled-p h3.vaisseau{font:bold 21px 'Expletus Sans', times, serif;text-transform:uppercase}
.post .title.vaisseau:before,.post h2.vaisseau:before,.post h3.vaisseau:before,.page .title.vaisseau:before,.page h2.vaisseau:before,.page h3.vaisseau:before,.single .title.vaisseau:before,.single h2.vaisseau:before,.single h3.vaisseau:before,.styled-p .title.vaisseau:before,.styled-p h2.vaisseau:before,.styled-p h3.vaisseau:before{content:url(img/h4-vaisseau.png);position:relative;margin-right:7px;bottom:-3px}

/* Forum */

.wp-embed-footer {display:none;}

#bbpress-forums li.bbp-forum-info a {font-size: 14px; text-transform: uppercase; letter-spacing: -1.5px; font-size: 16px !important; font-family: 'Kalam', serif; color: black !important; transition: .5s;}
#bbpress-forums li.bbp-forum-info a:hover {color:#f75a23 !important; letter-spacing: -1px;}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {-webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic:hover{background-color: rgb(246,237,186); background-color: rgba(246,237,186,0.5);}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic:hover .bbp-topic-meta, #bbpress-forums li.bbp-subforum-content:hover .bbp-forum-freshness{background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.5);}
.bbp-topic-meta, .bbp-forum-freshness {-webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
.bbp-topic-meta:hover, .bbp-forum-freshness:hover {background-color: rgb(245,196,125) !important; background-color: rgba(245,196,125,0.5) !important;}
.bbp-forum-freshness {padding: 1px 0;}
#bbpress-forums ul.bbp-subforum-group.bbp-clearfix {background: linear-gradient(to left, #e6e0d4 0%,#fff 100%) !important;}

//.bbp-topic-permalink {font-family: 'Kalam', cursive;} /* Dans loop-topics.php */
.bbp-topic-permalink {text-transform: uppercase; letter-spacing: -1px; font-size: 16px !important;}
.bbp-topic-permalink:hover {text-decoration: none; color: #fe8e16 !important;}
.bbp-topic-permalink:hover .affiche {text-decoration: none; color: #005060 !important;}
//.forum-titles li{font-family: 'Kalam', cursive;} /* Dans loop-topics.php */
.forum-titles li{font-size: 16px !important; color: gray;}
.affiche {text-transform: uppercase; font-weight: bold; font-size: 16px; color: black; -webkit-transition: color 0.3s; transition: color 0.3s;}
#bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {margin: 0 auto !important;}

.page-numbers {-webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
.page-numbers:hover {background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.5);}

#bbpress-forums div.bbp-the-content-wrapper {padding: 0 10px 10px 10px; background: url(img/bg-motif.jpg) top center;}
#bbpress-forums div.mce-container {background: transparent !important;}
.mce-i-emoticons::before {content: url(img/thorgiz.png) !important;}
.wp-editor-tools {position: absolute !important; bottom: -8px; right: 20px;}
.wp-switch-editor{padding: 0 5px !important; height: 19px !important;}
.quicktags-toolbar{background: transparent !important;}
#bbpress-forums div.bbp-the-content-wrapper input {color: gray !important;}
#bbpress-forums div.bloc-bbpress-user div.bbp-reply-form{background: url(img/bandeau-rep-forum.png) no-repeat top right;}
#bbpress-forums fieldset.bbp-form {border: 0 !important;; padding: 0 !important;}
.bbp-reply-form #new-post fieldset.bbp-form p {text-align: center;}
form#new-post {padding:0 !important;}
#bbpress-forums div.bbp-reply-form, #bbpress-forums div.bbp-topic-form {max-width: 820px !important; margin: 0 auto !important;}
#bbp_reply_submit {padding: 10px 30px; text-transform: uppercase; font-size: 14px; margin-bottom:20px; transition: .5s;}
#bbpress-forums div.bloc-bbpress-user ul#forums-list-0.bbp-forums {margin:0 !important;}
#bbpress-forums .bbp-subforum-group::before {left: 0 !important; top: -85px !important; width: 100% !important; height: 85px !important; z-index: -1; opacity: .25;}
#bbpress-forums .subforum-group:nth-child(1) .bbp-subforum-group::before {background: url(img/bandeau-forum-accueil1.jpg) center right !important;}
#bbpress-forums .subforum-group:nth-child(2) .bbp-subforum-group::before {background: url(img/bandeau-forum-accueil2.jpg) center right !important;}
#bbpress-forums .subforum-group:nth-child(3) .bbp-subforum-group::before {background: url(img/bandeau-forum-accueil3.jpg) center right !important;}
#bbpress-forums .subforum-group:nth-child(4) .bbp-subforum-group::before {background: url(img/bandeau-forum-accueil4.jpg) center right !important;}
#bbpress-forums .bbp-subforum-group::after {width: 320px !important; height: 85px !important; top: -85px !important; z-index:-1; -webkit-filter: sepia(40%); filter: sepia(40%); opacity: .85;}
#bbpress-forums .subforum-group:nth-child(1) .bbp-subforum-group::after {background: url(img/nl/l_albums.gif) bottom right no-repeat !important;}
#bbpress-forums .subforum-group:nth-child(2) .bbp-subforum-group::after {background: url(img/nl/l_legende.gif) bottom right no-repeat !important;}
#bbpress-forums .subforum-group:nth-child(3) .bbp-subforum-group::after {background: url(img/nl/l_auteurs.gif) bottom right no-repeat !important;}
#bbpress-forums .subforum-group:nth-child(4) .bbp-subforum-group::after {background: url(img/nl/l_forum.gif) bottom right no-repeat !important;}
#bbpress-forums h2::after {display: none !important;}
#bbpress-forums h2::before {width: 200px !important; height: 60px !important; left: -150px !important;} /* Voir fichier "loop-topics-accueil.php" pour l'affichage des guerriers vikings */

#bbp-accueil-tableau, #bbp-accueil-liste {margin-left: 90px !important;}

.mce-toolbar .mce-btn button {padding: 2px 3px !important;}

.entry blockquote {
    box-shadow: inset 20em 0.5em 5em #F9F9F9;
    border-radius: 1em 1em;
}

/* Bouton sujets suivants en page d'accueil */

#sujets-suivants {
	float: right;
	padding: 10px 24px 5px;
	background-color: rgb(236,192,108); background-color: rgba(236,192,108,0.3);
	cursor: pointer;
	-webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s;
	text-align: center;
	text-transform: uppercase; font-weight: bold; font-size: 14px; color: white;
}
#sujets-suivants:hover {
	background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.3);
	color: black;
}

/* Justifier le 1er message des sujets */
.bbp-topic-content .postbox {text-align: justify;}

/* Modifie le textarea pour poster WIP */
.mce-tinymce .mce-container .mce-panel {height:100% !important;}
#bbpress-forums div.bbp-the-content-wrapper, #bbpress-forums div.wp-editor-container iframe, .bbp-form .wp-editor-area {
	min-height: 320px;
	resize: none !important;
}
#wp-bbp_topic_content-wrap {height:100% !important;}


//#bbp_reply_content_ifr {}
//#mceu_25 {height:500px;}

/* Pour les smartphones */

@media screen and (max-width: 559px) {
	#en-bas {padding: 20px 5px 20px 5px !important;}
	#content {padding-left: 5px !important; padding-right: 5px !important; padding-top: 0 !important;}
	#fiche_album {display: none;}
	#nav-container {margin-bottom: 0 !important;}
	#nav-collection-bas {display: none;}
	
	// Forum
	#bbpress-forums div.bloc-bbpress-user {padding: 0 5px 20px !important;}
	#bbpress-forums div.reply {margin: 0 0 20px !important; padding: 0 !important;}
	.bbp-replies div.type-topic, .bbp-replies div.type-reply {padding-left: 0px !important; padding-right: 0px !important;}
	#bbpress-forums div.bbp-reply-author img.avatar {left: 5px !important; top: 10px !important; }
	div.bbp-reply-author a.bbp-fep-mp {float: right; clear: both; padding-right: 15px;}
	.bbp-author-role {float: left; padding-right: 5px;}
	.bbp-replies div.bbp-reply-header {padding-left:0; padding-right: 0;}
	#bbpress-forums .bbp-body div.bbp-reply-author {margin: 0 !important;}
	#bbpress-forums div.bbp-reply-author a.bbp-author-name {font-size: 24px; padding-top: 40px;}
	#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header {padding: 0 !important;}
	span.bbp-admin-links {padding: 0 !important; margin: 0 !important;}
	.bbp-topic-author {width: 100% !important; float: none !important; clear: both;}
	#bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-fmp-mp {float: none; padding: 0;}
	#bbpress-forums div.bbp-topic-content {margin: 0 !important; padding: 0 !important;}
	.postbox::before, #bbpress-forums .bbp-subforum-group::after {display: none !important;}
	#bbpress-forums div.bbp-submit-wrapper, #bbpress-forums button#bbp_reply_submit.button.submit, #bbpress-forums button#bbp_topic_submit.button.submit {width: 100%;}
	.bloc-bbpress-user .container {background: url(img/decor-transparent.png) left bottom no-repeat !important;}
	li.bbp-forum-topic-count::before {content:'Sujets' !important;}
	li.bbp-topic-reply-count::before, li.bbp-forum-reply-count::before {content:'Messages' !important;}
	li.bbp-forum-freshness::before, li.bbp-topic-freshness::before {content:'Dernière réponse' !important;}
	#bbp-accueil-tableau, #bbp-accueil-liste {margin-left: 0 !important;}
	#bbp-bandeau-accueil {display: none;}

}

/* Auteurothèque */

.coul-parag {
	font-size: 40px !important;
	background: #000a;
	padding: 10px;
	box-shadow: 0px 0px 10px #fff;
	color: white !important;
	border-radius: 100% 100% 5% 5%;
}

.coul-titre {
	clear: both;
	padding: 30px 0px 0px 0px;
	margin: 0 auto !important;
}

.coul-alb {
	position: relative;
	width: 60px; height: 80px;
	text-align: center;
	margin: 10px 8px;
	padding-top: 15px;
	vertical-align:middle;
	display:inline-block;
	box-shadow: 3px 3px 8px #444;
	border: solid 1px;
	border-color: #ccc #aaa #aaa #ddd;
	text-transform: uppercase;
	line-height: 1em;
}

.coul-img {
	position: absolute;
	bottom: 0px; left: 0px;
	z-index: 10;
}

.coul-alb::after {
	position: absolute;
	left: -15px;
	top: 60px;
	min-width: 80px;
	border-radius: 50% 20% / 10% 40%;
	background-color: white;
	padding: 5px;
	font-size: 12px;
	z-index: 2;
	display: none;
	color: black;
	transform: rotate(-6deg);
	line-height: 1em;
	z-index: 15;
}

.coul-alb.coul-ham:hover::after { display: inline; content: 'Jean Van Hamme'; }
.coul-alb.coul-sen:hover::after { display: inline; content: 'Yves Sente'; }
.coul-alb.coul-yan:hover::after { display: inline; content: 'Yann'; }
.coul-alb.coul-dor:hover::after { display: inline; content: 'Xavier Dorison'; }
.coul-alb.coul-mar:hover::after { display: inline; content: 'Mathieu Mariolle'; }
.coul-alb.coul-dor-mar:hover::after { display: inline; content: 'Xavier Dorison et Mathieu Mariolle'; }
.coul-alb.coul-ros:hover::after { display: inline; content: 'Grzegorz Rosinski'; }
.coul-alb.coul-vit:hover::after { display: inline; content: 'Giulio de Vita'; }
.coul-alb.coul-sur:hover::after { display: inline; content: 'Roman Surzhenko'; }
.coul-alb.coul-vig:hover::after { display: inline; content: 'Frédéric Vignaux'; }
.coul-alb.coul-vat:hover::after { display: inline; content: 'Matteo Vattani'; }
.coul-alb.coul-gra:hover::after { display: inline; content: 'Graza'; }
.coul-alb.coul-geo:hover::after { display: inline; content: 'Gaétan Georges'; }
.coul-alb.coul-spa:hover::after { display: inline; content: 'Sara Spano'; }
.coul-alb.coul-vat-spa:hover::after { display: inline; content: 'Matteo Vattani et Sara Spano'; }
.coul-alb.coul-coc:hover::after { display: inline; content: 'Elvire De Cock'; }

.coul-alb.coul-recht, .coul-alb.coul-duval, .coul-alb.coul-rouge, .coul-alb.coul-walter, .coul-alb.coul-bec, .coul-alb.coul-mangin, .coul-alb.coul-etien, .coul-alb.coul-legrand-djian, .coul-alb.coul-tatti, .coul-alb.coul-aouamri, .coul-alb.coul-ozanam {
	/* pour Thorgal Saga */
	background: #fff;
	position: absolute;
	top: -5px;
	left: -4px;
	transform: rotate(4deg); }
	
.coul-alb.coul-recht:hover::after { display: inline; content: 'Robin Recht'; }
.coul-alb.coul-duval:hover::after { display: inline; content: 'Fred Duval'; }
.coul-alb.coul-rouge:hover::after { display: inline; content: 'Corentin Rouge'; }
.coul-alb.coul-walter:hover::after { display: inline; content: 'Walter et Corentin Rouge'; }
.coul-alb.coul-bec:hover::after { display: inline; content: 'Christophe Bec'; }
.coul-alb.coul-mangin:hover::after { display: inline; content: 'Valérie Mangin'; }
.coul-alb.coul-etien:hover::after { display: inline; content: 'David Etien'; }
.coul-alb.coul-legrand-djian:hover::after { display: inline; content: 'Olivier Legrand et Jean-Blaise Djian'; }
.coul-alb.coul-tatti:hover::after { display: inline; content: 'Bruno Tatti'; }
.coul-alb.coul-aouamri:hover::after { display: inline; content: 'Mohamed Aouamri'; }
.coul-alb.coul-ozanam:hover::after { display: inline; content: 'Antoine Ozanam'; }

.coul-g { font-size: 20px; position: relative; z-index: 1; line-height: 1em; }
.coul-p { font-size: 12px; color: black; line-height: 12px; position: relative; z-index: 1; line-height: 1em; }
.coul-cache { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; opacity: 0; cursor: pointer;}

.coul-legende {
	position: relative;
	width: 109px; height: 265px;
	text-align: center;
	margin: 0 7px 5px 0;
	font-size: 16px; line-height: 18px;
	padding: 10px 10px 10px 10px;
	vertical-align:middle;
	display:inline-block;
	transition: .3s;
	box-shadow: 3px 3px 8px #aaa;
	text-transform: uppercase;
	border-radius: 5% 5% 50% 50% / 5% 5% 5% 5%;
	border: solid black 3px; border-bottom: solid black 6px;
	font-weight: bold;
}

.coul-legende:hover { transform: rotate(4deg); }

a .coul-legende { cursor: pointer;}

.coul-alb.coul-mar, .coul-alb.coul-ros, .coul-alb.coul-yan, .coul-alb.coul-vit, .coul-alb.coul-geo, .coul-alb.coul-sur, .coul-alb.coul-dor, .coul-alb.coul-spa, .coul-alb.coul-ham, .coul-alb.coul-vat, .coul-alb.coul-gra, .coul-alb.coul-sen, .coul-alb.coul-vig, .coul-alb.coul-coc {
	position: absolute;
	top: -5px; left: -4px;
	transform: rotate(4deg);
}

.coul-alb.coul-ros, .coul-alb.coul-sen {	background: linear-gradient(200deg,#bb7,50%,white); }
.coul-legende.coul-ros {	background: url(img/eclairages/auteurotheque/auteurotheque-rosinski.jpg) bottom center no-repeat, linear-gradient(#bb7,20%,white); }
.coul-legende.coul-sen {	background: url(img/eclairages/auteurotheque/auteurotheque-sente.jpg) bottom center no-repeat, linear-gradient(#bb7,20%,white); }
.coul-legende.coul-ros::before, .coul-legende.coul-sen::before {	background: linear-gradient(#bb7, 5%, rgba(0,0,0,0)); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; }

.coul-alb.coul-yan, .coul-alb.coul-vit, .coul-alb.coul-geo { background: linear-gradient(200deg,#989,50%,white); }
.coul-legende.coul-yan {	background: url(img/eclairages/auteurotheque/auteurotheque-yann.jpg) bottom center no-repeat, linear-gradient(#bab,20%,white); padding-top: 20px; }
.coul-legende.coul-geo {	background: url(img/eclairages/auteurotheque/auteurotheque-georges.jpg) bottom center no-repeat, linear-gradient(#bab,20%,white); }
.coul-legende.coul-vit {	background: url(img/eclairages/auteurotheque/auteurotheque-devita.jpg) bottom center no-repeat, linear-gradient(#bab,20%,white); }
.coul-legende.coul-yan::before, .coul-legende.coul-geo::before, .coul-legende.coul-vit::before {	background: linear-gradient(#bab, 5%, rgba(0,0,0,0)); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; }

.coul-alb.coul-sur, .coul-alb.coul-dor {	background: linear-gradient(200deg,#796,50%,white); }
.coul-legende.coul-sur {	background: url(img/eclairages/auteurotheque/auteurotheque-surzhenko.jpg) bottom center no-repeat, linear-gradient(#9b8,20%,white); }
.coul-legende.coul-dor {	background: url(img/eclairages/auteurotheque/auteurotheque-dorison.jpg) bottom center no-repeat, linear-gradient(#9b8,20%,white); }
.coul-legende.coul-sur::before, .coul-legende.coul-dor::before {	background: linear-gradient(#9b8, 5%, rgba(0,0,0,0)); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; }

.coul-alb.coul-gra, .coul-alb.coul-ham, .coul-alb.coul-vig {	background: linear-gradient(200deg,#899,50%,white); }
.coul-legende.coul-ham {	background: url(img/eclairages/auteurotheque/auteurotheque-vanhamme.jpg) bottom center no-repeat, linear-gradient(#abb,20%,white); }
.coul-legende.coul-gra {	background: url(img/eclairages/auteurotheque/auteurotheque-graza.jpg) bottom center no-repeat, linear-gradient(#abb,20%,white); padding-top: 20px; }
.coul-legende.coul-vig {	background: url(img/eclairages/auteurotheque/auteurotheque-vignaux.jpg) bottom center no-repeat, linear-gradient(#abb,20%,white); }
.coul-legende.coul-ham::before, .coul-legende.coul-gra::before, .coul-legende.coul-vig::before {	background: linear-gradient(#abb, 5%, rgba(0,0,0,0)); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; }

.coul-mar, .coul-alb.coul-vat {	background: linear-gradient(200deg,#986,50%,white); }
.coul-legende.coul-vat {	background: url(img/eclairages/auteurotheque/auteurotheque-vattani.jpg) bottom center no-repeat, linear-gradient(#ba8,20%,white); }
.coul-legende.coul-mar {	background: url(img/eclairages/auteurotheque/auteurotheque-mariolle.jpg) bottom center no-repeat, linear-gradient(#ba8,20%,white); }
.coul-legende.coul-mar::before, .coul-legende.coul-vat::before {	background: linear-gradient(#ba8, 5%, rgba(0,0,0,0)); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; }

.coul-spa {	background: linear-gradient(200deg,#778,50%,white); }
.coul-legende.coul-spa {	background: url(img/eclairages/auteurotheque/auteurotheque-spano.jpg) bottom center no-repeat, linear-gradient(#99a,20%,white); }
.coul-legende.coul-spa::before {	background: linear-gradient(#99a, 5%, rgba(0,0,0,0)); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; }

.coul-alb.coul-coc {	background: linear-gradient(200deg,#998,50%,white); }
.coul-legende.coul-coc {	background: url(img/eclairages/auteurotheque/auteurotheque-decock.jpg) bottom center no-repeat, linear-gradient(#bba,20%,white); }
.coul-legende.coul-coc::before {	background: linear-gradient(#bba, 5%, rgba(0,0,0,0)); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; }


section#scenaristes { background: url(img/eclairages/auteurotheque/auteurotheque-scenaristes.png) top right no-repeat, url(img/frame.png) left bottom no-repeat; }
section#dessinateurs { background: url(img/eclairages/auteurotheque/auteurotheque-dessinateurs.png) top right no-repeat, url(img/frame.png) left bottom no-repeat; }
section#coloristes { background: url(img/eclairages/auteurotheque/auteurotheque-coloristes.png) top right no-repeat, url(img/frame.png) left bottom no-repeat; }


/* Atelier des Auteurs */

.autour2 { width: 210px; height: 210px; overflow: hidden; float:left; margin: 0 10px 0 0; border: solid black 5px; }

.autour2 a img { width: 200px; height: 200px; vertical-align: middle; display: inline-block; transition: transform .5s, opacity .5s; }
.autour2:hover a img { transform:scale(1.1); opacity: .9; }

.titre0auteurs { text-transform: uppercase; font: bold 24px/1.1em 'Expletus Sans', times, serif; color: #222222; }

.ateliers2 { text-align: left; }
.texte1auteurs { background: white; text-align: justify; }
.texte2auteurs { background: lightgray; text-align: justify; }

/* Logo page d'accueil */

#logo {
position: relative;
overflow: hidden;
}

#logo:before{
	content: '';
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 1);
	width: 100px;
	height: 100%;
	left: -100px;
	top: 0;
	opacity: .1;
	-webkit-filter: blur(30px);
	filter: blur(30px;);
	-webkit-transform: translateX(-100px) skewX(-15deg); transform: translateX(-100px) skewX(-15deg);
}

#logo:after{
	content: '';
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.7);
	width: 30px;
	height: 100%;
	left: 30px;
	top: 0;
	opacity: 0;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	-webkit-transform: translateX(-100px) skewX(-15deg);
	transform: translateX(-100px) skewX(-15deg);
}

#logo:hover:before{
	-webkit-transform: translateX(850px) skewX(-15deg); transform: translateX(850px) skewX(-15deg);
	opacity: .1;
	-webkit-transition: .3s;
	transition: .3s;
}

#logo:hover:after{
	-webkit-transform: translateX(750px) skewX(-15deg); transform: translateX(750px) skewX(-15deg);
	opacity: .2;
	-webkit-transition: .3s;
	transition: .3s;
}

/* Menu haut de page */

#main-nav .menu-item-has-children:hover {
  -webkit-transition: .2s !important; transition: .2s !important;
  text-shadow: 0px 5px 6px #999;
}

.sub-menu .menu-item:hover {
  -webkit-transition: .2s !important; transition: .2s !important;
  text-shadow: 0px 5px 6px #333;
}

@media only screen and (min-width: 768px) {
#navigation ul.nav, #navigation ul.nav li ul.sub-menu { max-width: 100%; width: 1040px; font-size: 0; }
#navigation ul.nav .sub-menu-container li, #navigation ul.nav li { float: none; display: inline-block; text-align: center; }
}

/* Personnages, albums, auteurs, menus en accueil de fiches albums et autres */

.slider_personnages img, #widget_authors img, .size-cycles-cover, .cover a .size-small-cover, #widget_naviguer_album li, #widget_decouvrir_auteur li {
  -webkit-transition: .25s !important; transition: .25s !important;
}
.slider_personnages img:hover, #widget_authors img:hover {
  border-radius: 50%;
}

.slider_personnages img:hover, #widget_authors img:hover, .size-cycles-cover:hover, .cover a .size-small-cover:hover {
  box-shadow: 0 0 15px black;
}

#widget_naviguer_album li:hover, #widget_decouvrir_auteur li:hover {
  box-shadow: 0 0 15px black;
  border-bottom: 1px solid gray !important;
  background: black;
}
#widget_naviguer_album li:last-child:hover, #widget_decouvrir_auteur li:last-child:hover {
  border-bottom: none !important;
}

/* Forum Personnages */
/*
.bbp-body .subforum-group:nth-child(1) h2::after {background-image: url(http://www.thorgal.com/assets/themes/thorgal/bbpress/css/images/icone-hero.png);}
#bbpress-forums .subforum-group:nth-child(2) .bbp-subforum-group::before, .bbp-body .subforum-group:nth-child(2) h2::after {background-image: none !important;}
#bbpress-forums h2::after{right:0;}

div.subforum-group:nth-child(2) > ul:nth-child(2){margin: 50px;}

#bbpress-forums .subforum-group:nth-child(2) .bbp-subforum-group {
	background-image: none !important;
	webkit-box-shadow: 0px 0px 0px 0px !important;
	box-shadow: 0px 0px 0px 0px !important;
}
*/
/* Forum Auteurs */


/* Pour afficher les personnages en page d'accueil */

.windy ul.wi-container {
	width: 100%;
	height: 230px;
	margin: 0 auto 20px;
	padding:0;
	position: relative;
	list-style-type: none; 
}

.windy ul.wi-container li {
	width: 207px;
	height: 100%;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background:#f7ebd4;
	pointer-events: auto;
	border: 5px solid #aaaaaa;
	-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}

.windy ul.wi-container li.wi-move {
	pointer-events: none;
	-webkit-transition: -webkit-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;
	-moz-transition: -moz-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;
	-o-transition: -o-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;
	-ms-transition: -ms-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;
	transition: transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease;
}

.windy li img {
	display: block;
	margin: 10px auto;
	border: 5px solid white;
}

.windy h4 {
	color: #444444;
	text-align: center;
	margin: 0 auto;
	line-height: 40px;
	vertical-align: middle;
	width: 190px;
	height: 50px;
	background: url(img/search-btn.png) no-repeat bottom center;
	
}