/********************************/
/*	 	CSS L'ANTIDOTE			*/
/*	 	© WILLIAM RUSSEIL		*/
/*			   2014				*/
/********************************/

@import url(http://fonts.googleapis.com/css?family=Raleway:400,200,100);

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

html {
	font-size: 100%;
}

html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, a, td {
	font-family: 'Raleway';
}

body {
	font-weight: 400;
	color: black;
	background-color: white;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

h1 {
	font-size: 150%;
	font-weight: normal;
}

.titre {

}

h2 {
	font-size: 140%;
	font-weight: 200;
	padding: 1em 0;
}

h3 {
	font-size: 120%;
	font-weight: normal;
	padding: 0.8em 0;
}

h4 {
	font-size: 110%;
	font-weight: normal;
	padding: 0.6em 0;
}

h5 {
	font-size: 100%;
	font-weight: normal;
	color: #705e56;
	padding: 0.4em 0;
}

h6 {
	font-size: 80%;
	font-weight: 400;
	padding: 0.4em 0;
}

p {
	font-size: 90%;
}

.gras {
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #9c0f12;
}

a.hover {
	color: black;
}

.stabylo-noir {
	color: white;
	background-color: black;
}

.stabylo-beige {
	color: #690f14;
	background-color: #a2a0a0;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/********************************************/

#container {
	width: 100%;
	max-width: 1032px;
	margin: 0 auto;
	padding-bottom: 1em;
}

header {
	width: 100%;
	margin-top: 2em;
	padding-bottom: 0.5em;
}

#content {
	width: 100%;
	margin: 0 auto;
}

#default-sidebar {
	display: inline-block;
	width: 24.2%;
	margin: 0;
	vertical-align: top;
}

#contenu {
	display: inline-block;
	width: 66%;
	margin-left: 5%;
	padding-right: 4%;
	vertical-align: top;
}

footer {
	width: 100%;
	margin-top: 2em;
}

.clear {
	clear: both;
	float: none;
}

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

#logo {
	display: inline-block;
	width: 24.2%;
}

#logo img {
	max-width: 250px;
}

#menu-wrapper {
	display: inline-block;
	width: 75.8%;
	text-align: right;
}

/********************************************/
/*				FIL INFOS					*/
/********************************************/

#fil-infos {
	position: relative;
	background-color: #690f14;
	max-height: 384px;
}

#fil-info-text-div {
	display: inline-block;
	width: 42.4%;
	padding: 2em 4% 0 4%;
	vertical-align: top;
}

#fil-info-text-div h1 {
	font-size: 220%;
	font-weight: 200;
	color: #9c0f12;
	padding: 0;
}

#fil-info-text-div h1 span {
	font-size: 0.9rem;
	color: #9c0f12;
}

#infos-wrapper {
	padding: 0;
}

#infos-wrapper h2 {
	font-weight: 200;
	color: #efebe2;
	padding: 0;
}

#infos-wrapper ul li p {
	font-size: 90%;
	font-weight: 200;
	color: #efebe2;
}

#infos-wrapper ul .suite {
	display: inline;
	color: #efebe2;
	text-decoration: underline;
	margin: 0;
}

#infos-wrapper ul .suite:hover {
	color: black;
}

#fil-info-vitrine {
	display: inline-block;
	width: 49.6%;
}

#fil-info-vitrine img {
	width: 100%;
	max-width: 512px;
}

#facebook-home-wrapper {
	position: absolute;
	bottom: 1em;
	width: 40.6%;
}

#facebook-home-wrapper h3 {
	float: left;
	font-size: 150%;
	font-weight: bold;
	color: #9c0f12;
	padding: 0.6em 0 0 0;
}

#facebook-home-wrapper h3 span {
	font-weight: 200;
}

#fil-infos-facebook {
	float: left;
	max-width: 43px;
	margin-top: 0.5em;
	margin-left: 2%;
}

#facebook-home-wrapper p {
	clear: left;
	font-size: 110%;
	color: #9c0f12;
	padding: 0 0 0 1%;
}

/********************************************/
/*		coups de cœur page d'accueil		*/
/********************************************/

#favoris-home {
	width: 100%;
	margin-top: 4em;
	background: white url("../img/theme/la-librairie-l-antidode-aime-bandeau-200.png") no-repeat left 2em;
	/*background: white url("../img/theme/la-librairie-l-antidode-aime-bandeau-ligne.png") no-repeat left 1em;*/
	background-size: contain;
	/*border: 1px solid navy;*/
}

#menu-nos-rayons-home {
	display: inline-block;
	width: 20%;
	background-color: white;
	padding: 0;
	margin-top: -2.4em;
	margin-left: 3%;
	vertical-align: top;
	/*max-height: 250px;
	overflow: scroll;*/
}

#menu-nos-rayons-home h2 {
	font-size: 190%;
	line-height: 0.9;
	font-weight: 400;
	color: #9c0f12;
	text-transform: uppercase;
	padding: 0;
}

#menu-nos-rayons-home ul {
	border: 1px solid #690f14;
	list-style-type: none;
}

#menu-nos-rayons-home ul li, #menu-nos-rayons-home ul li a {
	color: #9c0f12;
}

#menu-nos-rayons-home ul li a:hover {
	color: black;
}

#menu-nos-rayons-home ul li {
	padding-left: 1%;
}

/*#home-favorites {
	display: inline-block;
	width: 77%;
	margin-top: -2.8em;
}

#home-shelf {
	display: inline-block;
	width: 70%;
	margin-left: 30%;
}

.home-books {
	display: inline-block;
	width: 30%;
	margin-top: 1em;
	margin-left: 3%;
	vertical-align: bottom;
}*/

#home-favorites {
	display: inline-block;
	width: 77%;
	margin-top: -2.8em;
	vertical-align: bottom;
}

#home-shelf {
	display: inline-block;
	width: 70%;
	margin-left: 30%;
	vertical-align: bottom;
}

.home-books {
	display: inline-block;
	width: 29%;
	max-height: 285px;
	max-width: 150px;
	margin-left: 5%;
	margin-bottom: 0;
	padding-bottom: 0;
	vertical-align: bottom;
}

.home-separator {
	clear: left;
	width: 95%;
	margin-top: 2em;
	margin-left: 5%;
}


/********************************************/
/*					ZONE LIPC				*/
/********************************************/

#lipc {
	width: 100%;
	margin-top: 4em;
	padding: 0;
	/*background: white url("../img/theme/fond-lipc.png") repeat-x left top;*/
	background-color: #e5dfd1;
}

#lipc: after

#lipc-home-img {
	/*display: inline-block;*/
	/*width: 45%;*/

}

#lipc-home-img {
	display: block;
	float: left;
	width: 70.155%;
	max-width: 724px;
	border: none;
}

#lipc-home-text {
	float: left;
	width: 29.845%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: center;
}

#lipc-home-text p {
	padding: 0 2% 0.1em 2%;
}

#lipc-home-text h2 {
	font-size: 1rem;
	font-weight: 200;
	line-height: 1.4;
	padding: 2em 0;
}

#lipc-home-text h2 span {
	color: #bbbbbb;
	background-color: #001c38;
}

.lien-lipc {
	font-size: 0.9rem;
	color: #9c0f12;
	padding-top: 1.6em;
}

.lien-lipc:hover {
	color: black;
}


/********************************************/
/*				AUTRES RAYONS				*/
/********************************************/

#autres-rayons {
	width: 100%;
	margin-top: 4em;
	/*background: #efebe2 url(../img/theme/fond-autres-rayons.png) repeat-y 0% 10em;*/
}

#autres-rayons h2 {
	font-size: 280%;
	font-weight: 100;
	color: #8a1214;
	padding-top: 0;
	padding-bottom: 0;
}

.autres-rayons-fiche {
	display: inline-block;
	width: 24.2%;
	min-height: 550px;
	margin-left: 1.0666%;
	vertical-align: top;
	background-color: #efebe2;
	padding-bottom: 1.5em;
}

.autres-rayons-fiche:nth-child(2) {
	margin-left: 0;
}

.autres-rayons-img {
	width: 100%;
	max-height: 260px;
	overflow: hidden;
}

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

.autres-rayons-fiche h3 {
	text-align: center;
	font-weight: 400;
	color: #8a1214;
	background-color: #fafafa;
}

.autres-rayons-fiche p {
	color: #8a1214;
	padding: 1em;
}

.autres-rayons-fiche .suite {
	font-size: 90%;
	font-weight: 200;
	color: #8a1214;
	padding-left: 1em;
	padding-bottom: 0;
}

.autres-rayons-fiche .suite:hover {
	color: black;
}

/********************************************/
/*					SIDEBAR					*/
/********************************************/

#sidebar {
	display: inline-block;
	width: 24.2%;
	margin-top: 0;
	margin-left: 1.5%;
	padding-bottom: 2.5em;
	background-color: white;
}

#block-nos-rayons {
	width: 100%;
	background-color: white;
	padding: 0;
	margin-top: 1em;
}

#block-nos-rayons h2 {
	font-size: 170%;
	line-height: 0.9;
	font-weight: 400;
	color: #9c0f12;
	text-transform: uppercase;
	padding: 0 0 0 4%;
}

ul#menu-rayons {
	list-style-type: none;
	min-height: 200px;
	border: 1px solid #690f14;
}

ul#menu-rayons li, ul#menu-rayons li a {
	color: #9c0f12;
}

ul#menu-rayons li a:hover {
	color: black;
}

ul#menu-rayons li {
	padding-top: 0.4em;
	padding-left: 3%;
}

ul#menu-rayons li, ul#menu-rayons li a {
	color: #9c0f12;
}

ul#menu-rayons li a:hover {
	color: black;
}

/*	AVEC SOUS MENU DÉPORTÉ À DROITE	*/
ul#menu-rayons li div {
	position: relative;
	display: none;
	color: white;
}

.sous-menu-rayons {
	position: absolute;
	/*top: -0.2em;
	left: 20%;*/
	top: -1.5em;
	left: 45%;
	width: 100%;
	padding: 1em 0 1.2em 10%;
	border: none;
	list-style-type: square;
	list-style-position: inside;
	color: white;
	background-color: #efebe2;
}

.sous-menu-rayons li {
	padding: 0;
	color: white;
}

.sous-menu-rayons li a {
	color: white;
}

ul#menu-rayons li:hover > div {
	display: block;
	color: white;
}

/*	AVEC SOUS MENU EN ACCORDEON	*/
/*ul#menu-rayons li div {
	display: none;
}

.sous-menu-rayons {
	list-style-type: square;
	list-style-position: inside;
}

.sous-menu-rayons li {
	padding: 0;
	font-size: 90%;
}

.sous-menu-rayons li a {

}*/

#sidebar-space-1 {
	margin-top: 1.5em;
}

#sidebar-space-2 {
	width: 100%;
	background-color: white;
	padding: 0;
	margin-top: 1.8em;
}

#sidebar-space-2 div {
	padding: 1.2em 8%;
}

#sidebar-space-2 p {
	padding: 0.1em 0;
}

/********************************************/
/*				COUPS DE COEUR				*/
/********************************************/

#favorite-content {
	width: 100%;
	background: white url("../img/theme/la-librairie-l-antidode-les-livres-qu-on-aime.png") 0px 3.5em no-repeat;
	padding: 0;
}

#favorite-articles {
	float: right;
	width: 74%;
	margin: 0;
	padding: 0;
}

#favorite-articles h1 {
	float: none;
	font-size: 300%;
	font-weight: 100;
	color: #efebe2;
	text-align: center;
	margin-top: 1.6em;
	padding-top: 0.5em;
	padding-bottom: 1em;
}

.coeur {
	background: transparent url("../img/theme/la-librairie-l-antidode-aime-02.png") center top no-repeat;
}

#favorite-articles h3 {
	text-align: center;
	margin-top: -4.5em;
	margin-bottom: 1.8em;
}

.favorite {
	display: inline-block;
	width: 30.05%;
	margin-top: 2em;
	margin-left: 3%;
	padding-bottom: 1.2em;
	border: 1px solid #efebe2;
	vertical-align: top;
}

.favorites-visuel {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	background-color: #efebe2;
}

.favorites-couverture {
	width: 75%;
	max-width: 150px;
	margin: 0 auto;
	vertical-align: baseline;
}

.favorites-edition h2 {
	font-size: 100%;
	font-weight: 200;
	color: #9c0f12;
	padding: 1em 5% 1.2em 5%;
}

.favorites-edition p {
	font-size: 90%;
	font-weight: 200;
	color: #9c0f12;
	padding: 0 5%;
}

.favorites-text {
	margin-top: 1em;
}

.favorites-text p {
	padding: 0 5%;
	line-height: 1.3;
}

.favorite .suite {
	color: #9c0f12;
	padding: 0 5%;
	font-weight: 400;
}

.favorite .suite:hover {
	color: black;
}

/********************************************/
/*			COUP DE COEUR - SINGLE			*/
/********************************************/

.favorite-single {
	float: left;
	width: 97%;
	margin-top: 2em;
	margin-left: 3%;
	padding-bottom: 2em;
	border: 1px solid #efebe2;
}

.favorites-single_col1 {
	display: inline-block;
	width: 30%;
}

.single-couverture {
	padding-top: 2em;
	background-color: #efebe2;
}

.single-couverture .favorites-couverture {
	max-width: 150px;
	margin: 0 auto;
}

.favorites-single_col1 p {
	font-weight: 200;
	line-height: 1.3;
	color: #9c0f12;
	padding-left: 10%;
}

.favorites-single_col1 p:nth-child(2) {
	font-weight: 200;
	color: black;
	padding-top: 3em;
}

.favorites-single_col2 {
	display: inline-block;
	width: 55%;
	margin-left: 3%;
	vertical-align: top;
}

.favorites-single_col2 h2 {
	font-size: 120%;
	font-weight: 200;
	color: #9c0f12;
	padding: 1.6em 0 2em 0;
}

.favorites-single_col2 p {
	color: black;
	font-weight: 200;
	line-height: 2;
}


/***********************************************/
/*					AGENDA					*/
/***********************************************/

#agenda {
	width: 100%;
	padding-bottom: 2em;
	min-height: 300px;
}

#agenda h1 {
	font-size: 160%;
	margin-right: 0.5%;
}

.event-wrapper {
	display: inline-block;
	/*width: 24.25%;*/
	width: 23.6875%;
	margin-top: 1em;
	margin-left: 1.75%;
	background-color: #efebe2;
	padding-bottom: 0.5em;
	vertical-align: top;
}

.event-wrapper:nth-child(4n+1) {
	margin-left: 0;
}

.event-date {
	font-family: 'Arial', sans;
	font-weight: normal;
	font-size: 80%;
	text-transform: uppercase;
	text-align: center;
	padding: 0.4em 0;
	/*border: 1px solid red;*/
}

.event-wrapper h2, .oldies-wrapper h2 {
	width: 100%;
	color: white;
	background-color: #bfb191;
	font-weight: normal;
	text-align: center;
	padding: 0.3em 0;
}

.event-wrapper h3 {
	font-size: 110%;
	font-weight: 300;
	padding: 0.8em 8%;
}

.event-text {
	padding: 0.3em 8%;
}

.event-text p {
	font-size: 80%;
	line-height: 1.3;
}

.oldies {
	clear: left;
	padding-top: 0.8em;
}

.oldies-title {
	clear: left;
	font-size: 160%;
	font-weight: normal;
	text-align: left;
	padding-top: 2.2em;
}

.oldies-wrapper {
	display: inline-block;
	width: 18%;
	margin-left: 2.21%;
	margin-top: 0.8em;
	border: 1px solid black;
	vertical-align: top;
}

.oldies-wrapper:nth-child(1), .oldies-wrapper:nth-child(6), .oldies-wrapper:nth-child(11) {
	margin-left: 0;
}

.oldies-mask {
	width: 100%;
	margin-top: -2em;
}


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


#frise-infos {
	clear: both;
	width: 100%;
	margin-top: 1em;
	color: #efebe2;
	background-color: #8a1214;
	padding: 2em 0;
}

#frise-infos p {
	display: inline-block;
	width: 24%;
	vertical-align: bottom;
	font-weight: 200;
}

#frise-infos p:first-child img {
	margin-left: 15%;
}

#frise-infos p:last-child {
	/*line-height: 1;*/
}

#frise-infos p a {
	font-size: 1rem;
	color: #efebe2;
}

#frise-infos p a:hover {
	color: black;
}

.logo-region {
	float: left;
	margin-top: 0.6em;
	margin-left: 0.6em;
	padding-top: 1em;
}

.logo-aquitaine {
	position: relative;
	top: -0.3em;
	padding-bottom: 2em;
}

/*.logo-region:first-child {
	margin-top: 0;
	max-width: 90px;
}*/

.texte-footer {
	text-align: right;
	padding-top: 3em;
	padding-bottom: 2em;
	color: #9c0f12;
}

footer a {
	display: inline-block;
	padding-top: 0.5em;
	padding-right: 0.4em;
	color: #9c0f12;
}

footer a:hover {
	color: black;
}

footer ul {
	list-style-type: none;
}

footer ul li {
	display: inline-block;
	padding: 0.3em 1.2em;
}

footer ul li:last-child {
	background-image: none;
}

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



/********************************************/

.error-message {
	color: red;
	font-weight: bold;
}

.clear {
	clear: both;
	float: none;
}

/********************************************/
/*					BLOG					*/
/********************************************/

#blog {
	width: 94%;
	padding: 0 3% 2.4em 3%;
	/*background-color: #bcc0cd;*/
}

.blog-title {
	font-size: 120%;
}

.article-title {
	padding-top: 1.0em;
}

.blog-content {
	padding-top: 0;
}

.blog-separation {
	width: 100%;
	margin-top: 1.2em;
	/*border-bottom: dotted #51566b 1px;*/
}

/************************************/
/*		FORMULAIRES DE CONTACT		*/
/************************************/

#contact-col-1 {
	float: left;
	width: 34%;
	padding: 2em 3%;
}

#contact-col-1 h1 {
	padding-top: 0;
}

#contact-col-1 h2 {
	padding: 1em 0 0.5em 0;
}

#contact-col-1 h3 {
	font-size: 110%;
}

#contact-col-2 {
	float: left;
	width: 54%;
	padding: 2em 3%;
}

.contact-form fieldset, .partager fieldset {
	width: 90%;
	margin-left: 5%;
	/*border: solid 1px #343434;*/
	border: none;
	border-radius: 2%;
	padding: 1em 0;
}

.contact-form .edit-field, .partager .edit-field {
	padding-top: 0.5em;
}

.lien-page {
	padding-top: 0.5em;
}

.contact-form legend, .partager legend {
	color: #343434;
	font-size: 120%;
	margin-left: 7%;
}

.contact-form label, .partager label {
	display: block;
	width: 85%;
	margin-left: 7%;
	text-align: left;
	font-size: 80%;
	color: #343434;
}

.contact-form input, .partager input {
	width: 85%;
	margin-top: 0.4em;
	margin-left: 7%;
	padding: 0.2em 1%;
	/*border: solid 1px #343434;
	border-radius: 5px;*/
	border-top: solid 1px #343434;
	border-left: solid 1px #343434;
	font-size: 80%;
	color: #343434;
}

.check-field label {
	display: inline-block;
}

.contact-form.check-field {
	display: inline-block;
}

p.votre-message {
	color: #343434;
	font-size: 80%;
	width: 85%;
	margin-top: 0.6em;
	margin-left: 7%;
}

.contact-form textarea, .partager textarea {
	width: 85%;
	margin-top: 0.6em;
	margin-left: 7%;
	padding: 0.6em 1%;
	background-color: white;
	/*border: solid 1px #343434;
	border-radius: 10px;*/
	border-top: solid 1px #343434;
	border-left: solid 1px #343434;
	font-family: "FuturaExtended";
	font-size: 80%;
	color: #343434;
}

.contact-form .submit, .partager .submit {
	width: 70%;
	margin: 2% auto;
	text-align: center;
}

.contact-form .submit input[type=submit], .partager .submit input[type=submit] {
	font-size: 130%;
	font-weight: 200;
	background-color: white;
	color: #9c0f12;
	padding: 0.3em 0.4em;
	border: none;
}

.contact-form p {
	color: #3a3b42;
}

.contact-form .notempty {
	color: #343434;
	font-weight: normal;
}

.contact-form .notempty:after {
	color: #e32;
	content: '*';
	display: inline;
}

.error-message {
	margin-left: 7%;
	font-size: 90%;
	font-weight: normal;
}

/********************************************/

#flashMessage {
	position: absolute;
	width: 50%;
	top: 0;
	left: 50%;
	margin-left: -25%;
	padding: 2em;
	color: #e7535e;
	text-align: center;
	background-color: white;
	border: 1px solid #e7535e;
}

/************************************/
/*			PREVIOUS NEXT			*/
/************************************/

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

#prev-next {
	clear: both;
	font-size: 240%;
	text-align: right;
	margin-top: 1em;
	padding: 0.5em 4%;
}

.neighbors-prev-link, .neighbors-next-link, .neighbors-prev-nolink, .neighbors-next-nolink {
	text-decoration: none;
}

.neighbors-prev-link, .neighbors-prev-nolink {
	padding-right: 0.5em;
}

.neighbors-next-link, .neighbors-next-nolink {
	padding-left: 0.5em;
}

.neighbors-prev-nolink, .neighbors-next-nolink {
	opacity: 0.3;
}

/****************************************/
/*				Paginator				*/
/****************************************/

.paging {
	text-align: right;
	color: #7b7b7b;
	padding-top: 1.2em;
	padding-bottom: 2em;
}

.paging .current, .paging .disabled, .paging a {
	display: inline-block;
	text-decoration: none;
	padding: 0.3em 0.4em;
}

.prev, .next {
	padding: 0;
}

.paging > span {
	display: inline-block;
	border: 1px solid #7b7b7b;
	border-radius: 2px;
	margin-left: 1px;
}

.paging > span:hover {
	background: transparent;
}

.paging .disabled {
	color: #7b7b7b;
}

.paging .disabled:hover {

}

.paging .current {
	color: #7b7b7b;
}

/********************************************/