*:focus{ outline:none;}

.clear {clear:both;}



a {color:#000; text-decoration:none; -webkit-transition: 0.3s color;

	transition: 0.3s color;}



body {font-family: 'titillium_webregular'; font-size:0.875em; }



/* éléments ronds */

.round-item {

	border: 1px solid #cacaca;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

}



/* liens qui recouvrent leur parent */

.link-cover::after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

}



/* colonnes */

.row {margin-left: -10px; margin-right: -10px; display:flex; flex-wrap: wrap;}

.col {padding-right: 10px; padding-left: 10px; box-sizing: border-box;}



#wrapperSite {width:100%;}

#headerWrapper, section, footer, #footerWrapper, #footerWrapperTop, #searchWrapperHome {width:100%}

header {border-top: 10px solid #ba0022; border-bottom: 10px solid #dfdfdf;}



.logo {display: inline-block; width: 65px;}

.logo img {width:100%; height:auto;}



#nav {max-width: 1100px; margin:0 auto;}

#nav li a {text-transform: uppercase; display:block;}

#nav > li > a {font-family: 'titillium_websemibold';}

#nav > li > a:hover {color:#ba0022;}



#nav li > .sub-nav > ul {background-color: #de0029;}

#nav li > .sub-nav > ul > li a {font-family: 'titillium_webregular';}



.form-search { background-color: #fff; padding:0 0.5em; display: flex; align-items: center; border-radius: 8px;}

.form-search input[type="text"] {color: #4a4a4a; font-size: 0.875em; border: none; margin-right: 0.75em; padding: 0.5em; flex:1;}

.form-search button {background:none; height:25px; border:none; width:25px; padding:0; margin:0; cursor:pointer;}



#searchTop {line-height:25px; text-align:right;}

#searchTop a {text-decoration:underline; font-size:0.875em}

#searchTop .form-search {border:solid 1px #ccc;}

#nav-wrap .nav-search  {padding: 1.5em 2em;}



#accroche {display:none;}



.js-nav-toggle {

	background-color: transparent;

	border: 0;

	width: 42px;

	height: 36px;

	padding: 0.5em;

	margin: 0 0.75em;

	display: block;

	cursor: pointer;

	outline: none;

	position: relative;

}

.js-nav-toggle .icon-nav,

.js-nav-toggle .icon-nav::before,

.js-nav-toggle .icon-nav::after {

	background-color: #161616;

	display: block;

	width: 30px;

	height: 2px;

	position: absolute;

}

.js-nav-toggle .icon-nav {

	transition: background-color 0.3s;

}

.js-nav-toggle .icon-nav::before,

.js-nav-toggle .icon-nav::after {

	content: "";

	-webkit-transition: -webkit-transform 0.3s ease-in-out, top 0.3s ease-in-out, background-color 0.3s;

	transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, background-color 0.3s;

}

.js-nav-toggle .icon-nav::before {

	top: -8px;

}

.js-nav-toggle .icon-nav::after {

	top: 8px;

}

.js-nav-toggle.is-active .icon-nav {

	background: transparent;

}

.js-nav-toggle.is-active .icon-nav::before,

.js-nav-toggle.is-active .icon-nav::after {

	background-color: #de0029;

	top: 0;

}

.js-nav-toggle.is-active .icon-nav::before {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}

.js-nav-toggle.is-active .icon-nav::after {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

}



/* liste icones reseaux sociaux (header, barre newsletter) */

.social-list {

	display: flex;

}

.social-list.small li + li{

	margin-left: 5px;

}

.social-list.small a {

	width: 26px;

	height: 26px;

}

.social-list.large li + li{

	margin-left: 30px;

}

.social-list.large a {

	width: 38px;

	height: 38px;

}

.btn-newsletter {

	background-color: #ccc;

	color:white;

	padding: 6px 15px 7px;

	display: inline-block;

	border-radius: 20px;

}

.btn-newsletter i {

	margin-right: 5px;

}



.header-links {

	display: flex;

	align-items: center;

}

.header-links .btn-newsletter {

	margin-right: 5px;

}



@media screen and (max-width: 600px) {

	.header-links .social-list li:not(.lang),

	.header-links .btn-newsletter {

		display: none;

	}

}



@media (max-width:1079px) {

	#headerWrapper {display: flex; align-items: center; justify-content: flex-end; padding: 0.5em 0;}

	.logo {margin-right: auto; margin-left:1em;}

	#nav-wrap {background-color: #323232; width: 100%; display: none;}

	#nav li a {color:#fff; padding:0.5em 2em 0.6em;}

	#nav li + li {border-top: 1px solid #161616;}

	#nav > li.has-sub-nav {position: relative;}

	#nav > li.has-sub-nav::after {content:""; border: 5px solid transparent; border-left-color: #fff; width:0; height:0; position: absolute; right: 1.7em; top: 0.65em; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform-origin: 25% 25%; transform-origin: 25% 25%;}

	#nav > li.has-sub-nav.is-active::after {-webkit-transform: rotate(90deg) translateX(25%); transform: rotate(90deg) translateX(25%);}

	#nav li > .sub-nav {display: none;}

	#nav li > .sub-nav > ul > li a {padding-left:4em; padding-right:4em;}

	.nav-links {text-align: center; padding: 1.25em 2em 1.2em;}

	.nav-links .btn-newsletter {margin-bottom: 1em;}

	.nav-links .social-list {justify-content: center;}

	.nav-links .social-list a {background-color: #fff; border-color: #fff;}

	.nav-links .social-list li + li {margin-left: 15px;}

	#searchTop {display:none;}

}



@media screen and (min-width: 601px) {

	.nav-links {display: none;}

}



@media screen and (min-width: 1080px) {

	#headerWrapper {max-width:1100px; margin:0 auto; padding-top: 15px;}

	.logo {width: 113px;}

	.js-nav-toggle {display:none}

	.header-right {float: right;}

	.header-links {margin-bottom: 15px;}

	#nav-wrap {padding-top: 2em; display:block !important;}

	#nav li a {padding: 0.75em 0;}

	#nav > li {display: inline-block; position:relative;}

	#nav > li > a {font-size:1.15em; color:#4a4a4a;}

	#nav > li + li {margin-left: 2.5em;}

	#nav > li + li:before {content:"•"; font-family:Arial, Helvetica, sans-serif; color:#de0029; font-size:1.75em; position:absolute; left: -0.925em; top: 0.375em; pointer-events:none;}

	#nav li:hover > .sub-nav {display:block;}

	#nav li > .sub-nav {position:absolute; z-index:99; display:none;}

	#nav li > .sub-nav > ul {padding: 0.25em 0.75em; min-width:10em;}

	#nav li > .sub-nav > ul > li > a {color:#fff;}

	#nav li > .sub-nav > ul > li > a:hover {color:#ffdbe2;}

	#nav li > .sub-nav > ul > li+li {border-top: 1px solid #ef8094;}

	

	#nav-wrap .nav-search {display:none;}



	#accroche {font-size:2em; background: url(../_img/right-quote.png) no-repeat right top; background-size:16px 12px; text-indent: -20px; padding-right: 25px; padding-left: 20px; margin-left: 2em; display: inline-block; font-family: 'titillium_webthin_italic';color:#4a4a4a; }

	#accroche:first-letter {background: url(../_img/left-quote.png) no-repeat left top; padding-left: 17px; background-size:16px 12px;}

}



div#footerRomans {background:#6e6e6e; color:#FFF; padding:0 5%; position:relative;}

div#footerRomans a {color:#FFF; text-decoration:none}

article h1, section#page-liste-livre h1, h1#page-title, div.articleFull h1 {font-family: 'titillium_websemibold'; font-size:2.875em; padding-bottom:15px; background:url(../_img/bgh1.gif) no-repeat left bottom; margin-bottom:0.5em; /*width: 105%;*/ line-height:1em; color:#3f3b3b} /* Font Size : 36/16=2,25 */

section#page-liste-livre h1, h1#page-title {width: 95%; padding: 0.5em 0 0.5em 0; margin:0 2.5% 0.25em 2.5%}

section article {line-height:1.500em; padding:0.5em 5%; margin:0.8em 0}

section article a {border-bottom:dotted 1px #000}

section article strong {font-family: 'titillium_websemibold';}

section article i, section article em {font-style: italic;}

section article p+p, section article p+ul, section article ul+p {margin-top:1.5em}

section article ul {margin-left:1em; list-style-type:disc; padding-left:1em}

section#page-auteur aside, section#home-review aside {padding:0.5em 5%; color:#4a4a4a}

section#page-auteur aside img, section#home-review aside img {width:100%; height:auto; margin-bottom:0.5em; outline: solid 1px #CCC;}

section#page-livre aside  {padding:0.5em 5%; text-align:center}

section#home-review aside  {padding:0.5em 5%}

section#page-livre aside img, section#home-review aside img {width:100%; height:auto; outline:#ccc solid 1px}

section#page-auteur aside strong, section#home-review aside strong {font-family: 'titillium_websemibold';}

section#page-auteur aside a, section#home-review aside a {color:#de0029}

section#page-auteur aside p, section#home-review aside p {line-height:1.2em}

section#page-auteur aside p#infosLivre {margin-top:1em; line-height:1.35em; font-size:1.05em}

section#page-auteur aside p+p, section#home-review aside p+p {margin-top:0.5em}

section#page-auteur aside p#facebook, section#home-review aside p#facebook {text-transform:uppercase; color:#4b66a0; font-size:1em; font-family: 'titillium_websemibold'; margin:3em 0 3.5em 0}

section#page-auteur aside p#facebook a, section#home-review aside p#facebook a {color:#4b66a0}

section#page-auteur aside p#facebook span, section#home-review aside p#facebook span {font-size:1.2em; font-family: 'titilliumtext25l999_wt';}

section#page-auteur aside p#facebook img, section#home-review p#facebook aside imp {width:32px; float:left; margin-right:0.2em; outline:none}

section#page-auteur aside div.rdvDate, section#home-review aside div.rdvDate {background:#b6b6b6; color:#FFF; width:20%; float:left; padding:2%; text-align:center; font-size:1.2em; margin-top:0.25em}

section#page-auteur aside li+li, section#home-review aside li+li {margin-top:1.25em}

section#page-auteur aside div.rdvText, section#home-review aside  div.rdvText {width:71%; float:left; margin-left:5%; color:#757373; line-height:1.65em; text-align: left;}

section#page-auteur aside div.rdvText strong, section#home-review aside div.rdvText strong {text-transform:uppercase}

.titreSoul {font-family: 'titillium_webregular'; padding-bottom: 0.65em; background: url(../_img/bgh1.gif) no-repeat left bottom; margin-bottom: 1em; text-transform:uppercase; font-size: 1.25em; color:#de0029}

.titreSoulBold {font-family: 'titillium_websemibold'; padding-bottom: 0.65em; background: url(../_img/bgh1.gif) no-repeat left bottom; margin-bottom: 1em; text-transform:uppercase; font-size: 1.65em; color:#de0029}



div#titleBottom {float:left; margin-top:1.3em}

div#titleBottom span {font-family: 'novecento_widebook'; font-size:0.938em; float:left; display:block}

div#titleBottom strong {font-family: 'novecento_widemedium';font-size:1.250em; display:block; float: left; margin-top: 0.2em;}



div#newsletterBand {background:#52a9bd; padding:0.6em 0}

#newsletterWrapper {color:#FFF; font-family: 'novecento_widemedium'; text-align:center; padding:5px 0}

#newsletterWrapper span {margin-bottom:0.8em; display:block}

form#newsletterFooter {display:inline-block; margin-top:-0.5em}

	form#newsletterFooter input[type="text"] {background:#52a9bd; border:solid 1px #FFF; padding:0.2em 10px; color:#FFF;}

	form#newsletterFooter button {background:#52a9bd; border:none; color:#FFF; border:solid 1px #FFF; padding:0.2em 5px;}

	form#newsletterFooter button:hover {cursor:pointer}

ul#credits {text-align:center; padding-bottom:1.5em}

ul#credits li {display:inline-block;}

ul#credits li:first-child {display:block; margin-bottom:0.5em}



div.item > div.titlebg {position:absolute; background:#000; color:#FFF; text-align:center; width:84%; padding:20px 2%; bottom:-350px;  -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; line-height:normal}

div.item > div.titlebg   strong {font-family: 'dosissemibold';}

div.item:hover {cursor:pointer;}

div.item:hover > div.titlebg {bottom:0;}



div.laPresse {margin-top:1.5em}

div.laPresse ul {padding:1.2em 5%; line-height:1.500em}

div.laPresse ul strong {font-family: 'dosisbold';}

div.laPresse li+li {margin-top:20px;}

div#titrePresse span{background:#000; display:inline-block; color:#FFF; font-family: 'novecento_widemedium'; padding:0.4em 2% 0.4em 5%; height:1.4em; line-height:1.55em}

div.pointilles {background:url(../_img/bgh1.gif) no-repeat; width:100%; height:33px}

div.social {display:none}

div#presseInter {margin-top:5em}

div#titrePresseInter span {background:#000; display:block; color:#FFF; font-family: 'novecento_widemedium'; padding:0.4em 2% 0.4em 5%; height:1.4em; line-height:1.55em; margin-bottom:2em}

div#container {margin-bottom:2em; padding:5%}

div.book {display: inline-block; margin: 2em; vertical-align: middle; width:30.333%; margin:1%}

div.book img{width:100%; height:auto; outline:#ccc solid 1px}

div#bttFiche {margin-top:1.5em}

section article .bttDecouvrir {background:#de0029; border:none; color:#FFF; font-family: 'titillium_websemibold'; font-size:1em; padding:0 0.5em; margin-bottom:1.3em; display:inline-block; line-height:1.8em; height:1.813em}

.bttDecouvrir {background:#de0029; border:none; color:#FFF; font-family: 'titillium_websemibold'; font-size:1em; padding:0 0.5em; display:inline-block; line-height:1.8em; height:1.813em}

.bttDecouvrir.greyBtt {background:#6e6e6e}

a.bttExtrait {border:solid 1px #d5d5d5; padding:0 5px; color:#6e6e6e;}

.bttDecouvrir > img {margin:0 0 -0.1em 0.3em}

div#interview {line-height:1.500em; padding:0.5em 0; margin:2em 0}

div#interview a {border-bottom:dotted 1px #000}

div#interview strong {font-family: 'titillium_websemibold';}

div#interview p+p{margin-top:1.5em}

span.titreNoir{background:#000; color:#FFF; font-family: 'novecento_widemedium'; padding:0.4em 5% 0.4em 5%; height:1.4em; line-height:1.55em; margin-bottom:2em; display:block; height:auto}

div#excerptInterview {padding:0 5%}

div#bttFullInter, div#bttFullPresse{text-align:center; margin:1.2em 0;}

div#bttFullInter span, div#bttFullPresse span {color:#FFF; background:#b7b7b7; cursor:pointer; display:inline-block; padding:0.2em 1em; text-transform:uppercase; position:relative}

div#bttFullInter span:after, div#bttFullPresse span:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #b7b7b7; border-width: 15px; margin-left: -15px;}

div#bttFullInter span.closeInter:after, div#bttFullPresse span.closeInter:after {top: -102%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #b7b7b7; border-width: 15px; margin-left: -15px;}

div#aTraversMonde {margin:1.5em 0}

div#aTraversMonde ul {margin:0 3%}

div#aTraversMonde ul > li {display:inline-block; width:46%; float:left; padding:0.3em 2%}

div#aTraversMonde strong {font-family: 'titillium_websemibold';}

div#aTraversMonde p {margin:0 0 0.5em 2%}



div#numlinks, div#buylinks{display:none; margin-left:0px; margin-top:1.5em}

section article div#numlinks ul, section article div#buylinks ul, section article div#numlinks li, section article div#buylinks li, section article ul#liensLivre div#numlinks li+li,section article  ul#liensLivre div#buylinksli+li  {margin:0; padding:0}

section article ul#liensLivre div#numlinks ul li a, section article ul#liensLivre div#buylinks ul li a {border-bottom: dotted 1px #000; color: #000; padding:0; background:none}



/* div#imgHome {max-width:1200px; height:auto; text-align:center; margin:auto; position:relative}

div#imgHome img{width:100%; height:auto; margin-top:-3.2em}

div#prochainement {float:left; border-bottom:solid 1px #000; width:100%}

div#prochainement span {background:#000; display:inline-block; color:#FFF; font-family: 'novecento_widemedium'; padding:0.4em 1.2em; height:1.4em; line-height:1.55em; width:auto; float:left}

div#imgHome div#decouvrir img {width:8px; height:19px; position:relative; bottom:-0.2em}

div#decouvrir {top: 72%; position:absolute; }

div#decouvrir span {display:inline-block; color:#000; font-family: 'novecento_widemedium'; padding:0.4em 1.2em; height:1.4em; line-height:1.55em; width:auto; float:left; font-size:1.188em}



div#titreHome {font-family: 'mekanikamedium'; position:absolute; font-size:5.9vw; top:20%; left:10%} */



/* CAROUSEL */

.owl-carousel .owl-wrapper:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}

.owl-carousel{display:none; position:relative; width:100%; -ms-touch-action:pan-y}

.owl-carousel .owl-wrapper{display:none; position:relative; -webkit-transform:translate3d(0px,0px,0px)}

.owl-carousel .owl-wrapper-outer{overflow:hidden; position:relative; width:100%}

.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out}

.owl-carousel .owl-item{float:left}

.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}

.grabbing{cursor:url(grabbing.png) 8 8, move}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0)}

#carouselLangues .item, #carouselHomeMob .item  {background:#fff; color:#000; border-radius:3px; text-align:left; margin:10px; padding:2px; text-align: center;}

#carouselHome .item{color:#000; border-radius:3px; text-align:left; margin:10px; padding:2px}

#carouselLangues .item img, #carouselHome .item img, #carouselHomeMob .item img{ max-width:100%; width:auto\9; height:auto; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic; border: solid 1px #c6c6c6;}

#carouselLangues .item img, #carouselHome .item .bttDecouvrir img {outline:none}



#carouselList .item{color:#000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:left; margin:10px; padding:2px}

#carouselList .item img{ max-width:100%; width:auto\9; height:auto; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic}

#carouselList .item .bttDecouvrir img {outline:none}



div#carouselWrapper {position:relative; width:88%; margin:auto}

/* div#carouselWrapper.homeMob {display:block} */

a.customNavigation:hover {cursor:pointer;}

a.customNavigation.prev, a.customNavigation.next, a.customNavigation.prevMob, a.customNavigation.nextMob {width:18px; /*height:35px;*/ position:absolute; top:50%; margin-top:-35px; padding:5px}

a.customNavigation.prev img, a.customNavigation.next img, a.customNavigation.prevMob img, a.customNavigation.nextMob img {width:100%; height:auto}

a.customNavigation.prev, a.customNavigation.prevMob {left:-15px}

a.customNavigation.next, a.customNavigation.nextMob {right:-15px;}



section#related {background:#4a4a4a}

section#page-liste-livre {margin:0.5em auto 1.8em auto}

section#related {position:relative; z-index:2}

/*section#page-liste-livre ul {padding:0 5%}

section#page-liste-livre li {width:100%; background:red; height:455px; float:left}

section#page-liste-livre li:nth-child(odd) {background:blue}*/





/* BOUQUINS */

#livres {padding:0 5%}

#livres .livre {

	width:96%;

	float:left;

	text-align:center;

	padding:1.5em 1%;

	position: relative;

	overflow: hidden;

	position:relative;

	-webkit-transition:background 0.5s ease-out;

	transition:background 0.5s ease-out;

}

#livres .livre:hover {

	background: #F4F4F4;

}



.serie {position: absolute; top: 0; color: #de0029; font-family: 'titilliumtext25l999_wt'; font-size: 1.1em; border-right: solid #de0029 4px; padding: 4px 10px 2px 0; right: 4em;}

#livres .wrapper {cursor: default;width: 275px;height: 320px;position: absolute; left:0;}

#livres .infos {float:right; text-align:left; width: 71%; margin-right: 5%; display:none; position:relative; color:#4a4a4a}

#livres .infos h2, ul#livres .infos h3, ul#livres .infos p {margin-bottom:0.5em}

#livres .infos h2 {font-family: 'titillium_websemibold'; font-size:15px; margin-bottom:0.5em; background:none; line-height:normal; padding:0; margin-top:1em}

#livres .infos h3 {font-size:15px; margin:0.75em 0}

#livres .buttons h3 {font-size:15px; margin:0.5em auto}

#livres .buttons h2 {font-family: 'titillium_websemibold'; font-size:15px; background:none; line-height:normal; padding:0;}

#livres .infos p {line-height:18px; margin-bottom:1em}



#livres .tranche {height:320px; width:40px; float:left; position:relative; background:#FFF url(../_img/tranche_xo.png);}

#livres .tranche > img {height:320px; width:40px;}

#livres .tranche > .nomauteurtranche {width:270px; height:40px; transform:rotate(-90deg); position:absolute;bottom: 165px;display: inline-block;vertical-align: middle;text-align: left;left: -115px;line-height: 40px; text-transform:uppercase;font-family: 'titillium_websemibold'; -webkit-filter: blur(0px); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");}

#livres .face {width: 195px;margin-left: -40px; display:inline-block}

#livres .face > img {width:195px; height:320px;}

#livres .titrelivre {font-size:1.125em; text-align:left; margin:0.5em 10%; font-family: 'dosismedium';}

#livres .buttons {text-align:center; margin-top:337px}

#livres .buttons p+p {margin-top:10px}



#livres #carouselWrapper .livre,

#livres #carouselWrapper .face {

	width:auto

}

#livres #carouselWrapper .livre {min-height: inherit; width: 100%; padding: 1.5em 0; overflow:hidden;}

#livres #carouselWrapper .livre.ouvert {background:none; outline:solid 1px #FFF;}



.livre .wrapper img {border: solid 1px #c6c6c6;}



#livres #carouselList .livre {

	-webkit-transition:background 0.5s ease-out;

	transition:background 0.5s ease-out;

}

#livres #carouselList .livre,

#livres #carouselList .livre .serie,

#livres #carouselList .livre .infos,

#livres #carouselList .livre a {

	color:#fff;

}

#livres #carouselList .livre .nomauteurtranche {

	color: #161616;

}

#livres #carouselList .livre .buttons h2 {

	margin-bottom: 10px;

}

#livres #carouselList .livre .bttDecouvrir {

	background: #FFF;

	color:#4a4a4a;

	-webkit-transition:background 0.5s ease-out, color 0.5s;

	transition:background 0.5s ease-out, color 0.5s;

}

/* #livres #carouselList .livre a.bttExtrait {border: solid 1px #FFF; color: #FFF;} */

#livres #carouselList .livre:hover {

	background:#636363;

}

#livres #carouselList .livre:hover .bttDecouvrir {

	background: #de0029;

	color: #fff;

}



div#imgHome img{width:100%; height:auto; margin-top:-1em}



div#wrapper-colserteur {color:#FFF; background:#de0029; margin-top:1.5em; padding:0.5em 0; font-family:'titillium_websemibold'; text-transform:uppercase; font-size:1.25em}

div#wrapper-colserteur div#colserteur.filter {font-family: 'titillium_webregular'; text-transform:none}

div#wrapper-colserteur div#colserteur.filter ul {text-align:center}

div#wrapper-colserteur div#colserteur.filter ul li {display:block; width:100%;}

div#wrapper-colserteur div#colserteur.filter ul li+li {margin-top:0.5em}

div.layoutSelect {background: #ebebeb; padding: 0.2em 0.5em; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; display:inline-block; margin-left:0.5em}

div#wrapper-colserteur div#colserteur.filter ul li.maj {font-family: 'titillium_webthin'; text-transform:uppercase}

div.layoutSelect select {border:none; background: #ebebeb; color:#3f3b3b}



div#wrapper-colres {color:#FFF; background:#de0029; margin-top:1.5em; padding:0.5em 0; font-size:1.25em; text-transform:uppercase}

div#wrapper-colres strong {font-family: 'titillium_websemibold'; text-transform:none}



div#wrapper-alphabet {color:#FFF; background:#e9e9e9; margin-top:1.5em; font-family:'titillium_webregular'; text-transform:uppercase; font-size:1em}

div#wrapper-alphabet li a {color:#FFF; padding:0.2em 0.5em; width:1.7em; height:2.2em; line-height:2.2em; display:block}

div#wrapper-alphabet li {display:inline-block;  margin:0; text-align:center; background:#b7b7b7; position:relative; border:solid 1px #FFF}

div#wrapper-alphabet li.none {background:none}

div#wrapper-alphabet li.none a {cursor:default}

div#wrapper-alphabet li.active {background:#de0029}



ul#menuRelated, ul#menuFilter {display:table; width:100%; background:#b7b7b7; text-align:center; height:1.5em; line-height:1.5em; position:relative; z-index:2; table-layout: fixed;}

ul#menuRelated li, ul#menuFilter li {display:table-cell; font-family: 'titillium_websemibold'; font-size: 15px; text-transform:uppercase; position: relative; border-bottom:solid 15px #FFF}

ul#menuRelated li a, ul#menuFilter li a {display:block; color:#FFF; border-left:solid 1px #FFF; border-right:solid 1px #FFF; padding:0.5em 0; font-size:0.75em}

ul#menuRelated li.current, ul#menuFilter li.current, ul#menuRelated li a.current {position: relative; background: #de0029;}

ul#menuRelated li.current:after, ul#menuFilter li.current:after, ul#menuRelated li a.current:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(222, 0, 41, 0); border-top-color: #de0029; border-width: 15px; margin-left: -15px;}



@-moz-document url-prefix() {

  ul#menuRelated li.current:after, ul#menuFilter li.current:after {display:none}

}



#footerWrapperTop {border-bottom: solid #a7a7a7 10px;}



ul#rechercheFooter {text-align:center; margin:3em 0 1em 0}

ul#rechercheFooter.homeSearch {text-align:center; margin:1em 0 1.6em 0}

ul#rechercheFooter li+li {margin-top:0.5em}

ul#rechercheFooter button {border: none; cursor: pointer; margin: 0; padding: 0; line-height: 0; position: relative; bottom: -0.75em;}

ul#rechercheFooter input[type="text"], a.random, ul#rechercheFooter li.selectSearch {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:none; background:#ebebeb; padding:0.5em 1em; color:#4a4a4a}

a.random {background:#3f3b3b; color:#FFF; padding:0.4em 1em; display:inline-block;}

ul#rechercheFooter li.selectSearch {width:80%; margin:auto; padding:0.2em 1em; margin-top:0.5em}

ul#rechercheFooter select {border:none; background:none}

a.random span {font-family: 'titilliumtext25l999_wt';}

ul#rechercheFooter input[type="text"] {width:70%}

ul#rechercheFooter select {width:100%}

ul#rechercheFooter li.titreRech {font-family: 'titillium_websemibold';text-transform:uppercase; color:#de0029; font-size:1.2em;}

div#colserteur {padding:0 2%}



#logo-bottom {display:none}



#newsletterBottom {margin-bottom:2em; text-align:center;}

#newsletterBottom span {font-size:1.2em; display:inline-block}

#newsletterBottom > form {margin:1% 0; background:#FFF; display:inline-block; padding:0.2em 0.5em; border-radius: 8px; margin:0.8em 0;}

#newsletterBottom > form input[type="text"] {border:none; color:#6e6e6e}

#newsletterBottom > form button {font-family: 'titillium_websemibold';border:none; cursor:pointer; background:none;  color:#4a4a4a}

#newsletterBottom .btn-newsletter {margin-bottom: 15px;}

#newsletterBottom .social-list {justify-content: center;}



div#archivesNav {font-family: "titillium_webregular"; margin-top:1em; }

div#archivesNav ul {text-align:center}

div#archivesNav li {display:inline-block; font-size:1.25em; padding:0 0.5em}

div#archivesNav li a {color:#6e6e6e;}

div#archivesNav a.active {background:#de0029; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align:center; color:#FFF; display:block; padding:0.2em; width:1.2em; height:1.2em; line-height:1.2em}

div#archivesNav li.arrowLeft {margin-right:1em}

div#archivesNav li.arrowRight {margin-left:1em}

section#page-auteur, section#home-review {margin:2em auto}

div.titreBgRouge {color:#FFF; background:#de0029; text-transform:uppercase; display:inline-block; padding:0.5em 4em; font-size:1.25em; margin-top:-1em; margin-bottom:1em}

div#carouselWrapper.homeMob div.titreBgRouge {width:100%; padding:0.5em 0; text-align:center; margin-top:0}

section#page-auteur article, section#home-review article {color:#4a4a4a}



section#home-review article i, section#home-review article em {font-style:italic}



div#auteur {font-family: 'titillium_websemibold'; margin-bottom:1.5em; color:#929292; font-size:1.25em}

div#auteur a {border:none;color: #de0029;}

div#auteur h2 {color:#de0029; text-transform:uppercase; font-size:1.3em; text-decoration: underline;margin-bottom: 10px}

div#auteur strong a{ border:none;color:#fff;display: inline-block; background:#929292; color:#FFF; padding: 0 5px; }



section article ul#liensLivre {margin-left:0; list-style-type:none; padding-left:0; margin-top:2.5em}

section article ul#liensLivre li {display:block}

section article ul#liensLivre li+li {margin-top:1.5em}

section article ul#liensLivre li a {background:#de0029; color:#FFF; padding:0.5em 1em; border:none;width:120px;display:block;text-align:center}

div.articleFull {padding: 0.5em 2%; color: #4a4a4a; line-height: 1.500em; margin:1.5em auto 0 auto; max-width: 1100px;}

div.articleFull strong {font-family: 'titillium_websemibold';}

div.articleFull em {font-style:italic}

div.articleFull p+p {margin-top: 1.5em;}

div.articleFull div.blocVids iframe{width:100%;}

div#fullInterview, div#fullPresse {display:none}



form#rechercheAvancee div+div, form#contactForm div+div {margin-top:1.5em}

form#rechercheAvancee label, form#contactForm label {font-family: 'titillium_websemibold'; display:block; text-align:left; font-size:16px; width:100%}

form#rechercheAvancee p, form#contactForm p {background: #ebebeb; display: inline-block; padding: 0.25em 2%; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow:inset 0 5px 5px #e5e5e5; -webkit-box-shadow:inset 0 5px 5px #e5e5e5; box-shadow:inset 0 5px 5px #e5e5e5; width:96%}

form#rechercheAvancee p input, form#rechercheAvancee p select, form#rechercheAvancee p textarea, form#contactForm p input, form#contactForm p select, form#contactForm p textarea {border:none; width:100%; background:none}

form#rechercheAvancee button, form#contactForm button {color: #FFF; background: #de0029; border:none; cursor:pointer; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding:0.4em 1.25em; float:right; margin-right:2.5em; margin-bottom:2em}



div#auteurs ul {margin:0 0 3em 0; overflow:hidden}

div#auteurs li {width:50%; float:left; text-align:center; color:#6e6e6e;}

div#auteurs li div.thumbAuteur {height: 220px; overflow:hidden; margin:10% 10% 5% 10%;border: solid 1px #eee;text-align: center;line-height: 220px;}

div#auteurs li img {max-width:80%; width:auto; height:auto; max-height: 200px; /* outline:solid 1px #CCC; *//* display: table-cell; */vertical-align: middle;}

div#auteurs li div.nomAuteur {font-size:1.15em;}

div#auteurs li a {background:#6e6e6e; color:#FFF; display:inline-block; padding:0.2em 0.5em; margin-top:0.5em}



div#prochainsrdvResul, div#auteurs.results  {padding:0 5%}

div#auteurs.results {margin-top:5%}

div#prochainsrdvResul li {width:50%; float:left; margin-bottom:1.5em}

div#prochainsrdvResul strong {font-family: 'titillium_websemibold';}

div#prochainsrdvResul div.rdvDate {background:#b6b6b6; color:#FFF; width:18%; float:left; padding:2%; text-align:center; font-size:1.2em; margin-top:0.15em; padding-right:2%}

div#prochainsrdvResul div.rdvText {width:71%; float:left; margin-left:5%; color:#757373; line-height:1.25em}

div#prochainsrdvResul div.rdvText strong {text-transform:uppercase}

div#prochainsrdvResul div.rdvText strong {text-transform: uppercase; font-family: 'titillium_websemibold';}



form#rechercheAvancee p textarea, form#contactForm p textarea {resize:none; height:150px}



a.seeAll {color:#de0029; display:block; float:right; font-family: 'titillium_websemibold'; font-size:1.25em; margin-bottom:1em}



ul.listContact {list-style-type:disc; margin:auto; color:#de0029; font-size:1.5em; width:80%}

ul.listContact span {color: #4a4a4a; font-size:0.7em; line-height:normal}

ul.listContact li+li {margin-top:0.75em}



p.redBlock {background:#de0029; color:#FFF; padding:15%; font-size:1.15em;}

ul#contacts  a {text-decoration:underline}

ul#contacts strong {color:#de0029; font-family: 'titillium_websemibold'}

ul#contacts li+li {padding:4%}



div.thumbReview, div.txtReview {float:left}

div.thumbReview a {text-decoration:none; border:none}

div.thumbReview {width:15%}

div.thumbReview img {width:100%; height:auto; outline: solid 1px #eee;}

div.txtReview {width:80%; margin-left:5%}

div.txtReview em {font-style:italic}

div.titreReview {font-family: 'titillium_websemibold'}



div#pubSocial {background:#efefef;}

div#pubSocialWrapper {max-width: 1100px; margin:0 auto; padding:2em 0}

div#pubSocialWrapper div.demi {float:left; width:96%; padding:0 2%}

/* div#pubSocialWrapper div.demi+div.demi {margin-left:2%; display:none} */

div#pubSocialWrapper div.demi+div.demi {margin-top: 2em;}

div#pubSocialWrapper div.demi div.pub img {width:100%; height:auto}



div#sliderHome {line-height:0; font-family: 'titillium_websemibold'; margin-bottom:2em; border-bottom:solid 1px #CCCCCC; position:relative; background:#efefef}

div#sliderHome img {width:100%; height:auto; max-width: 1200px;}

div.linkSlider {display:block; position:absolute; bottom: 10%; left: 30%; background:#de0029; z-index:2; line-height:normal; padding:0.35% 0.75%; font-size:1.15em; font-family: 'titillium_weblight';color:#FFFFFF}

div.linkSlider a  {color:#FFF}

div.imgSlider {position:relative; text-align: center;}

div.titreSlider, div.excerptSlider {padding:0.5% 2%}

div.titreSlider {background-color: rgba(63, 59, 59, 0.5); line-height:normal; color:#FFF; font-size:2.25em}

div.excerptSlider {background-color: rgba(255, 255, 255, 0.5); line-height:normal; color:#3f3b3b; font-family: 'titillium_weblight'; font-size:1em}



div.review+div.review {margin-top:1.5em}



div.navPrev, div.navNext {position:absolute; width:39px; height:44px; margin-top:-22px; cursor:pointer}

div.navPrev img, div.navNext  img {width:100%; height:auto;}

div.navPrev {top:50%; left:2%}

div.navNext {top:50%; right:2%}

.ui-menu .ui-menu-item a {font-family: 'titillium_weblight';font-size:13px}



@media screen and (min-width: 600px) {

	#footerWrapper, #newsletterWrapper, #footerWrapperTop, section#page-auteur, section#page-le-monde, section#page-livre, section#page-liste-livre, h1#page-title, div#colserteur, section.blockContact, #searchWrapperHome, section#home-review {max-width:1100px; margin:0 auto}

	header{margin:0 auto}

	article h1 {margin-bottom:.5em; width:auto}



	section#page-auteur article, section#home-review article {width:66%; padding:0.5em 2%;}

	section#page-auteur aside, section#home-review aside {width:26%; padding:0.5em 2%;}

	section#page-auteur article, section#home-review article {float:right; margin:0}

	section#page-auteur aside, section#home-review aside {float:left}

	section#page-auteur aside img, section#home-review aside img {width:100%; height:auto}



	section#page-le-monde article, section#page-le-monde aside {width:46%; padding:0.5em 2%;}

	section#page-le-monde article {float:left; margin:4em 0}

	section#page-le-monde aside {float:right}

	section#page-le-monde aside img {width:100%; height:auto}



	section#page-livre article, section#page-livre aside {width:46%; padding:0.5em 2%;}

	section#page-livre article {float:right; margin:4em 0}

	section#page-livre aside {float:left}

	section#page-livre aside img {width:80%; height:auto; outline:#ccc solid 1px}



	#newsletterWrapper span {margin:0.5em 2% 0 0; display:inline-block}

	ul#credits li {padding:0 0.5%;}

	ul#credits li+li {border-left:#FFF solid 1px; padding-left:0.8%}

	div#titrePresse span{padding:0.4em 2%}

	div#titleBottom strong {margin-left: -2.3em; margin-top: 0.8em;}

	ul#credits li:first-child {display:inline-block; margin-bottom:0}

	span.titreNoir {display:inline-block; padding:0.4em 1%;}

	a.customNavigation.prev, a.customNavigation.next {width:36px; /*height:71px;*/ position:absolute; top:50%; margin-top:-35px; background:none; padding:0}

	a.customNavigation.prev {left:-36px}

	a.customNavigation.next {right:-36px;}

	#livres .livre {width:46%; height:485px;}

	section#related {padding-top: 1em;}

	ul#menuRelated li a, ul#menuFilter li a {font-size:1em}

	section#page-auteur, section#home-review {margin:2em auto}

	section#page-auteur aside div.rdvDate, section#home-review aside div.rdvDate {font-size:0.875em}

	section#page-auteur div.articleFull div.blocVids, section#home-review div.articleFull div.blocVids {-moz-column-count:2; -webkit-column-count:2; -o-column-count:2; column-count:2;}

	form#rechercheAvancee, form#contactForm {width:100%; margin:3em auto 1.5em auto;}

	form#rechercheAvancee label, form#contactForm label {font-family: 'titillium_websemibold'; display:inline-block; text-align:right; width:25%; margin-right:2%; font-size:16px}

	form#rechercheAvancee p, form#contactForm p {background: #ebebeb; display: inline-block; padding: 0.25em 0.5em; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow:inset 0 5px 5px #e5e5e5; -webkit-box-shadow:inset 0 5px 5px #e5e5e5; box-shadow:inset 0 5px 5px #e5e5e5; width:70%}



	div#wrapper-alphabet ul {text-align:center; margin-bottom:1.5em}

	div#wrapper-alphabet li {border-width: 0 0 0 1px;}

	div#wrapper-alphabet li a {width:0.8em; height:1.4em; line-height:1.4em; font-size:0.85em}

	div#wrapper-alphabet li.active:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(222, 0, 41, 0); border-top-color: #de0029; border-width: 10px; margin-left: -10px;}

	div#auteurs li {width:25%;height: 305px;}

	div#auteurs.results {margin-top:0}

	form#rechercheAvancee p textarea, form#contactForm p textarea {height:auto}



	ul#contacts {overflow:hidden; width:90%; margin:auto}

	ul#contacts li {width:31.33333333333333%; display:inline-block; float:left; margin:0 1%}

	p.redBlock {width:50%;}

	p.redBlock {font-size:1em;}

	ul#contacts li+li {padding:0}

	div.item > div.titlebg {width:85%}



	div#auteurs li div.thumbAuteur {height: 180px; line-height: 180px;}

	div#auteurs li img  {max-height:180px}

}



@media screen and (min-width: 900px) {

	div.social {display:block;}

	div.laPresse {width:50%; float:left}

	div.laPresse ul {width:80%}

	div.laPresse ul {padding:1.2em 5% 1.8em 5%}

	div.social {float:right; width:44%; padding:3.6em 3% 1.5em 3%}

	div.facebook {float:right; height:315px; width:48%; overflow:hidden}

	div.twitter {float:left; width:48%}

	div.facebookWrapper {border: solid 1px #cbcbcb; margin-top:1em; background:#FFF}

	div.twitterWrapper {border: solid 1px #cbcbcb; padding:5px; background:#FFF;}

	div#titreFacebook span{background:#000; display:block; color:#FFF; font-family: 'novecento_widemedium'; padding:0.4em 2% 0.4em 5%; height:1.4em; line-height:1.55em}

	div#titreTwitter span{background:#52a9bd; display:block; color:#FFF; font-family: 'novecento_widemedium'; padding:0.4em 2% 0.4em 5%; height:1.4em; line-height:1.55em}

	section article a.bttDecouvrir+a.bttDecouvrir {margin-left:1.4em}

	div#aTraversMonde ul > li {width:21%}

	#livres .livre {width:31.333333333333%}

	#livres {padding:0}

	#livres #carouselWrapper .livre, #livres #carouselWrapper .face {width:100%}

	ul#menuRelated li {border-bottom:solid 15px #4a4a4a}

	ul#rechercheFooter li {display:inline-block}

	ul#rechercheFooter li+li {margin-top:0}

	ul#rechercheFooter li.inputSearch {width:35%}

	ul#rechercheFooter li.selectSearch {width:15%}

	ul#rechercheFooter li.randomSearch {width:20%}

	ul#rechercheFooter li.titreRech {width:20%}



	#logo-bottom {display:block; padding: 2.25em 1.5% 0 0; float:left}



	div#wrapper-colserteur div#colserteur.filter ul li {display:inline-block; width:25%}

	div#wrapper-colserteur div#colserteur.filter ul li+li {width:37%}

	div#wrapper-colserteur div#colserteur.filter ul li div.layoutSelect {width:40%}

	div#wrapper-colserteur div#colserteur.filter ul li div.layoutSelect select {width:100%}

	div#wrapper-colserteur div#colserteur.filter ul li+li  {margin:0}

	section#page-auteur aside div.rdvDate, section#home-review aside div.rdvDate {font-size:1.2em;}

	form#rechercheAvancee, form#contactForm {width:60%;}

	form#rechercheAvancee p, form#contactForm p {width:65%}

	div#wrapper-alphabet li a {width:1.4em; height:1.8em; line-height:1.8em; font-size:1em;}

	div#prochainsrdvResul li {width:25%; float:left;}

	div#prochainsrdvResul div.rdvDate {background:#b6b6b6; color:#FFF; width:18%; float:left; padding:2%; text-align:center; font-size:1.2em; margin-top:0.15em; padding-right:2%}

	div#prochainsrdvResul div.rdvText {width:71%; float:left; margin-left:5%; color:#757373; line-height:1.25em}

	div#prochainsrdvResul div.rdvText strong {text-transform:uppercase}

	div#prochainsrdvResul div.rdvText strong {text-transform: uppercase; font-family: 'titillium_websemibold';}

	div#prochainsrdvResul, div#auteurs.results  {padding:0}



	div#pubSocial {background:#efefef;}

	div#pubSocialWrapper {max-width: 1100px; margin:0 auto; padding:2em 0}

	div#pubSocialWrapper div.demi {float:left; width:49%; padding:0}

	div#pubSocialWrapper div.demi+div.demi {margin-left:2%; display:block; margin-top: 0;}

	div#pubSocialWrapper div.demi div.pub img {width:100%; height:auto}



	div.review {float:left; width:46%; padding-right:2%}

	div.review+div.review {padding-left:2%; padding-right:0}



	div#sliderHome {border-bottom: none; position:relative; margin-bottom:0;}

	div#sliderHome div.imgSlider {position:relative}

	div.titreSlider, div.excerptSlider {position: absolute}

	div.titreSlider {top:30%; left:30%}

	div.excerptSlider {top:50%; width:50%; font-size:1.2em; left:30%; font-size:1.25em}

	div.item > div.titlebg {width:81%}

	div.review+div.review {margin-top:0}



	div#auteurs li div.thumbAuteur {height: 220px; line-height: 220px;}

	div#auteurs li img  {max-height:200px}

}



@media screen and (min-width: 1080px) {

	#newsletterBottom {position:absolute; top:18%; right:5%; text-align:right}

	#newsletterBottom .social-list {justify-content: flex-end;}



	#livres #carouselWrapper .livre{width:275px;}

	#livres #carouselWrapper .face {width:195px;}

	#livres .livre {width:23%}

	section#page-liste-livre h1, h1#page-title {width: 100%; padding: 0.5em 0 0.25em 0; margin:0 auto;}

	ul#rechercheFooter li.inputSearch {width:35%}

	ul#rechercheFooter li.selectSearch {width: 10%; margin-right: 5%;}

	ul#rechercheFooter li.randomSearch {width:15%}

	ul#rechercheFooter li.titreRech {width:15%}

	div#colserteur {padding:0}

	div#wrapper-alphabet li a {width:1.7em; height:2.2em; line-height:2.2em;}



	form#rechercheAvancee p textarea, form#contactForm p textarea {resize:none; height:250px;}

	form#rechercheAvancee div.textarea, form#contactForm div.textarea {overflow:hidden;}

	form#rechercheAvancee div.textarea label, form#contactForm div.textarea label {float:left;}

	form#rechercheAvancee div.textarea p, form#contactForm div.textarea p {float:right; margin-right:2.4em;}

	p.redBlock {width:50%; font-size:1.15em;}



	div.titreSlider {top:30%;}

	div.excerptSlider {top:48%; font-size:1.5em;}



	div.item > div.titlebg {width:85%;}







	div#blockRightHeader li.inscNewsTop {display:block;}

	div#blockRightHeader li.inscNewsTop.appearForm {margin-right:1.6%; width:270px;}

	div#blockRightHeader {width: 171px;}

	div.blocformNews.appearForm {display:block;}

	div#blockRightHeader.formNews {width:395px;}

	div.imgNewsletter.appearForm {display:none;}

}



/* SOCIAL WALL */

#sb_wall1{

    padding: 10px;

}



/* COOKIES */

#cookies {

	display:none;

	position: fixed; bottom: 0; right: 0px; margin: 0; text-align: left; background-color: #000; width: 100%; height: auto; padding: 0; color: #FFF; z-index: 900;	

}

#cookies  p {overflow: hidden; margin: 0 auto; padding: 16px; text-align: center; position: relative;font-size: 12px; }

#cookies span {text-transform: uppercase;}

#cookies .btnclose { position: absolute;  top:10px;right: 10px; width: 17px; height: 17px; cursor: pointer; color: #FFF;  }

#cookies a { color: #FFF; padding-left: 3px; text-decoration: underline;}



/* RATIO */

.embed-responsive {

    position: relative;

    display: block;

    width: 100%;

    padding: 0;

    overflow: hidden;

}



.embed-responsive-16by9::before {

    padding-top: 56.25%;

}



.embed-responsive::before {

    display: block;

    content: "";

}



.embed-responsive .embed-responsive-item,

.embed-responsive embed,

.embed-responsive iframe,

.embed-responsive object,

.embed-responsive video {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0;

}



/* NEWSLETTER */

#bt-newsletter {

	width: 50px;

	height: 50px;

	color:#FFF;

	background: #de0029;

	position: fixed;

	bottom:30px;

	right:30px;

	z-index: 900;

	border-radius: 50px;

	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);

	overflow: hidden;

	-webkit-transition: width 0.5s ease-out;

    transition: width .5s ease-out;

}

#bt-newsletter .bt-close{display: none;}

#bt-newsletter.opened{width: 470px; }

#bt-newsletter.opened .bt-close{display: block;  position: absolute;right: 10px; top:18px;font-size: 10px}

#bt-newsletter.opened form{margin: 12px   0 0 25px;min-width: 450px }

#bt-newsletter.opened form button{background: none;border: none;color: #FFF }

#bt-newsletter button, #bt-newsletter .bt-close{cursor: pointer;}

#bt-newsletter.opened input{

	margin-left: 20px;

	border: none;

	padding: 5px;

	border-radius: 20px;	

}

#bt-newsletter .btnews{

	border: solid 1px #FFF;

	background: none;

	width: 40px;

	height: 40px;

	border-radius: 40px;

	cursor: pointer;

	color: #FFF;

	font-size: 20px;

	margin: 5px 0 0 5px;

	    padding: 0;

	-webkit-transition: opacity 0.2s ease-out;

    -moz-transition: opacity 0.2s ease-out;

    -o-transition: opacity .2s ease-out;

    transition: opacity .2s ease-out;

}

#bt-newsletter:hover .btnews{

	opacity: .75

}

#bt-newsletter.opened .btnews{display: none}



@media screen and (max-width: 768px) {

	#bt-newsletter.opened form {

		min-width: 100%

	}

	#bt-newsletter.opened input {

	    margin-left: 7px;

	    width: 100px;

	}

	#bt-newsletter.opened form {margin: 12px 17px 0 10px; text-align: right;min-width:inherit; font-size: 11px;}

	#bt-newsletter {bottom: 10px; right: 10px;}

}



/****** XO 2018 ******/

/* Social Feeds */

footer .fts-jal-fb-header, .fts-powered-by-text-popup a.fts-powered-by-text, a.fts-jal-fb-see-more{display: none !important;}

footer .fts-jal-fb-user-thumb, .fts-share-wrap{margin-left: 10px;}

footer .fts-jal-fb-message{padding: 10px;}

footer .row-social{display: flex; flex-wrap: wrap; background-color: #fff;}

footer .row-social .social{width: 31.5%; padding: 0;}

footer .row-social .social:nth-of-type(2){margin: 0 20px;}

footer .row-social .social .content{border: 1px solid #e1e1e1; max-height: 300px; width: auto;}

footer .row-social .social > a{display: block; text-align: right; margin-top: 10px; font-weight: 700;}



.row-social .social .follow-link {display: flex !important; align-items: center; justify-content: flex-end;}

.row-social .social .follow-link span {width: 28px; height: 28px; margin-left: 10px;}

@media screen and (max-width: 899px){

    .row-social .social{display: block; width: 80% !important; margin: 0 auto 30px auto !important;}

}



/* Menu slider parutions */

.menu-parutions{display: flex;}

.menu-parutions .titreBgRouge{margin: 0; width: 50%; text-align: center;}



/* Bandeau social */

.all-news {padding: 30px 0; background-color: #fff;}

.all-news.has-bg {background-color: #efefef;}

.all-news .titreSoul {margin: 0;}

.all-news .large-container {max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; align-items: center;}

.all-news .btn-news {display: inline-block; padding: 10px 18px; border-radius: 20px; background-color: #de0029; color: white; font-size: 16px;}

.all-news .btn-news i {margin-right: 5px;}



@media screen and (max-width: 899px) {

	.all-news .titreSoul,

	.all-news .btn-wrapper {

		margin-bottom: 15px;

	}

}

@media screen and (max-width: 1145px) {

	.all-news .large-container {padding-left: 2%; padding-right: 2%;}

}

@media screen and (min-width: 900px) {

	.all-news .large-container {flex-direction: row; justify-content:space-between;}

	.all-news .large-container > * {flex: 1;}

	.all-news .btn-wrapper {text-align: center;}

	.all-news .social-list {justify-content: end;}

}



/* Slider agenda */

section.agenda.agenda-short {max-width: 700px; }

.agenda {max-width: 1100px; margin: 2em auto;}

.home-agenda {overflow: hidden;}

.slider-events-top {margin-bottom: 1.5em; display: flex; align-items: center; justify-content: space-between;}

.slider-events-top .titreSoul {margin: 0;}

.slider-events-nav {display: flex; align-items: center; justify-content: flex-end;}

.slider-events-nav a {color: white; background-color: #de0029; padding: 8px; display: inline-block;}

.slider-events-nav .slick-arrow {background-color: #fff; border: 1px solid #cacaca; width: 28px; height: 28px; margin-left: 12px; position: relative; cursor:pointer;}

.slider-events-nav .slick-arrow::after {content:""; border-color:transparent; border-style: solid; border-width: 8px 6px; width:0; height:0; position: absolute; top:6px; -webkit-transition: border-color 0.3s; transition: border-color 0.3s;}

.slider-events-nav .prev-event::after {border-right-color: #de0029; left:4px;}

.slider-events-nav .next-event::after {border-left-color: #de0029; left:12px;}

.slider-events-nav .prev-event:hover::after {border-right-color: #161616;}

.slider-events-nav .next-event:hover::after {border-left-color: #161616;}

.slider-events-wrapper {margin: 0 -10px;}

.slider-events .event {padding: 0 10px;}

.event {position: relative;}

.event .event-img {background-color: #161616; position: relative;}

.event .event-content {background-color: #fff; padding: 20px 10px; min-height: 80px;}

.event .event-content h3{font-weight: 700; margin-bottom: 15px;}

/* .event .img-fluid{width: auto; max-height: 200px; margin: 0 auto; z-index: 0; position: relative;} */

.event img {width: 100%; height: auto; display: block;}

.event .date {color: white; background-color: #de0029; padding:8px; display: inline-block; position: absolute; bottom:0; left: 0;}



/* Page foreign rights */

@media only screen and (max-width: 1079px) {

	#page-auteur.foreign .wrapper-foreign{padding: 0 10px;}

}

#page-auteur.foreign ul > li {margin-bottom: 10px;}

#page-auteur.foreign article{padding: 0;}

#page-auteur.foreign .col{padding: 0 10px;}

#page-auteur.foreign .row .col-12{width: 100%;}

#page-auteur.foreign .row .col-4{width: 33.333%;}

#page-auteur.foreign .row img.img-fluid{width: 100%; height: auto;}

@media only screen and (min-width: 768px) {

	#page-auteur.foreign .row .col-md-6{width: 50%;}

}

@media only screen and (min-width: 1000px) {

	#page-auteur.foreign .row .col-lg-4{width: 33.333%;}

}

#page-auteur.foreign #page-title{margin-bottom: 30px;}

#page-auteur.foreign .row div.content p{margin-bottom: 20px; padding-right: 20px; line-height: 18px;}

#page-auteur.foreign .row div.content p strong{font-weight: 700;}

#page-auteur.foreign .row div.book{

	margin: 0 auto;

	padding: 10px;

	box-sizing: border-box;

    position: relative;

	overflow: hidden;

	vertical-align: middle;

}

#page-auteur.foreign .book-container{position: relative;}

#page-auteur.foreign .book-container > *{box-sizing: border-box;}

#page-auteur.foreign .row div.book div.titlebg {

    position: absolute;

    background: #000;

    color: #FFF;

    text-align: center;

    width: 100%;

    padding: 10px 2%;

    bottom: -100px;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    line-height: normal;

}

	

/* Single Agenda */

.btn{border: none; padding: 5px;}

.btn-inverse{background-color: #fff;}

.btn-default{background-color: #6e6e6e; color: white;}

.single-agenda .btn{padding: 2px 10px; border: none;}

.single-agenda .btn-default{background-color: #6e6e6e; color: white;}

.single-agenda .btn-inverse{background-color: #fff; color: black;}

#page-auteur.single-agenda{display: flex; flex-wrap: wrap;}

#page-auteur.single-agenda .col{width: 20%;}

#page-auteur.single-agenda .small-container{width: 60%;}

@media only screen and (max-width: 1100px) {

	#page-auteur.single-agenda .col{width: 100%; margin-left: 20px;}

	#page-auteur.single-agenda .small-container{width: 100%; padding: 20px;}

}

#page-auteur.single-agenda .small-container .date{background-color: #de0029; color: white; width: 50px; padding: 8px; text-align: center;}

#page-auteur.single-agenda .small-container h1{line-height: 1; margin-bottom: 40px;}

#page-auteur.single-agenda .small-container img{width: 100%; height: auto;}

#page-auteur.single-agenda .small-container img.img-fluid{margin-bottom: 40px;}

#page-auteur.single-agenda .small-container p{margin-bottom: 20px; line-height: 1.500em;}



.single-agenda {line-height:1.500em; padding:0.5em 5%; margin:0.8em 0}

.single-agenda  a {border-bottom:dotted 1px #000}

.single-agenda strong {font-family: 'titillium_websemibold';}

.single-agenda  i, .single-agenda  em {font-style: italic;}

.single-agenda  p+p, .single-agenda  p+ul, .single-agenda  ul+p {margin-top:1.5em}

.single-agenda  ul {margin-left:1em; list-style-type:disc; padding-left:1em}





section#auteurs{background-color: #ccc;}

section#auteurs .container{margin: 0 15%;}

section#auteurs .bloc-auteurs{padding: 20px;}

section#auteurs .bloc-auteurs .titreSoul{text-align: center; background-position: center bottom; margin-bottom: 40px;}

section#auteurs .bloc-auteurs .slider-auteurs{width: 92%; margin: 0 auto;}

section#auteurs .bloc-auteurs .slider-auteurs .auteur{text-align: center; cursor: pointer; margin-right: 20px; overflow: hidden; height: 400px;}

section#auteurs .bloc-auteurs .slider-auteurs .auteur img{margin: 0 auto; max-height: 300px; width: auto;}

section#auteurs .bloc-auteurs .slider-auteurs .auteur h3{font-weight: 700; margin: 10px 0;}

section#auteurs .bloc-auteurs .flex{display: flex; align-items: center; justify-content: space-between;}

section#auteurs .bloc-auteurs .flex .prev-event, #auteurs .bloc-auteurs .flex .next-event{cursor: pointer; width: 4%;}

section#livres {background-color: #6e6e6e;}

section#livres > h3{padding: 10px 50px; background-color: #de0029; color: white; text-transform: uppercase; text-align: center;}

section#livres .container{margin: 0 15%;}

section#livres .bloc-livres{padding: 20px;}

section#livres .bloc-livres .flex{display: flex; align-items: center; justify-content: space-between;}

section#livres .bloc-livres .flex .prev-livre, #livres .bloc-livres .flex .next-livre{cursor: pointer; width: 4%;}

section#livres .bloc-livres .slider-livres{width: 92%; margin: 0 auto;}

section#livres .bloc-livres .slider-livres .livre{text-align: center; cursor: pointer; margin-right: 20px; overflow: hidden; height: 400px;}

section#livres .bloc-livres .slider-livres .livre:hover{background-color: #6e6e6e;}

section#livres .bloc-livres .slider-livres .livre img{margin: 0 auto; max-height: 300px; width: auto;}

section#livres .bloc-livres .slider-livres .livre h3{font-weight: 700; margin: 10px 0;}

	

/* Archive Agenda */

#agenda .menu{margin-top: 50px; display: flex; cursor: pointer;}

#agenda .menu div{width: 50%; text-align: center; background-color: #6e6e6e; height: 40px; color: white; text-transform: uppercase; font-size: 20px; line-height: 40px;}

#agenda .menu div.active{background-color: #de0029;}

#agenda .agenda-list-wrapper {background-color: #efefef; padding: 40px 15px;}

#agenda .agenda-list {max-width: 1100px; margin: 0 auto;}

#agenda .col {margin-bottom: 3em;}

#agenda .pagination {background-color: #efefef; text-align: center; padding-bottom: 30px;}

#agenda .pagination a {padding: 5px 10px;}

#agenda .pagination a.current {color: white; border-radius: 50%; background-color: #de0029;}

@media screen and (min-width: 420px) {

	#agenda .col {flex: 0 0 50%; max-width: 50%;}

}

@media screen and (min-width: 1000px) {

	#agenda .col {flex: 0 0 25%; max-width: 25%;}

}



/* Footer */

#footerWrapper {padding-top: 2.25em; text-transform: uppercase; margin-bottom: 1em;}

#footerWrapper .lead {font-family: titillium_webbold; margin-bottom: 1em;}

#footerWrapper .genres-list {-webkit-columns: 2; columns: 2;}

#footerWrapper ul {margin-bottom: 2em;}

#footerWrapper ul li + li {margin-top: 1em;}

#footerWrapper a {text-transform: uppercase;}



@media (min-width: 600px) {

	#footerWrapper .col {

		flex: 0 0 33.33333%;

		max-width: 33.33333%;

	}

}

@media (min-width: 1080px) {

	#footerWrapper .col {

		flex: 0 0 25%;

		max-width: 25%;

	}	

}



.share{float: right; text-align: center;}

.share span{display: inline-block; width: 40px; height: 40px; border: 1px solid #929292; line-height:40px; border-radius:40px; cursor: pointer; color:#929292}

.share ul {display: inline-block; margin-left: 0; list-style-type: none; padding-left: 0; display: none;}

.share:hover ul{display: inline-block; }

.share a{color:#929292 !important;text-decoration: none; border: none; }

.share li{margin-right: 10px; display: inline-block;}

.share i{font-style: normal;}