/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*============================
=           Fonts            =
============================*/

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('font/OpenSans');
}


/*============================
=            Base            =
============================*/

body {
	font-family: 'Open Sans';

}

h2 {
	font-size: 60px;
	font-weight: 600;
	color: #343434;
}
h3 {
	font-size: 35px;
	font-weight: 200;
}

a {
	text-decoration: none;
	color: #F9F9F7;
	font-weight: 200;

	-webkit-transition-duration: 100ms;
	transition-duration: 100ms;
}

a:hover{
	color: #A7D9FE;
}

/*-----  End of Base  ------*/
.center {
	width: 75%;
	min-width: 880px;
	padding-right: 80px;
	max-width: 1200px;
	margin: auto;
	padding-top: 25px;
	padding-bottom: 35px;
}

.center-small{
	max-width: 900px;
}

.button{
	padding: 10px 20px;
	border: 2px solid rgba(255,255,255,0.8);
	margin: 5px 0;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition-duration:200ms;
	transition-duration:200ms;
}

.button-dark{
	color:#343434;
}
.button-dark:hover {
	background-color: #343434;
	color:#FFFFFF;
	border-color: rgba(255,255,255,0);
}

.button-white{
	color:#FFFFFF;
	background-color: #343434;
}
.button-white:hover {
	background-color: #D8D8D8;
	color:#343434;
	border-color: rgba(255,255,255,0);
}


/*====================================
=            Presentation            =
====================================*/
.presentation {
	background-color: #ff6f6f;
}
		.photo-thomas {
			display: inline-block;
			vertical-align: middle;
			position: absolute;
			height: 372px;
			margin: 30px;
			box-shadow: 0px 10px rgba(0,0,0,0.2);
		}
	
		.text-header {
			display: inline-block;
			vertical-align: middle;
			position: relative;
			height: 380px;
			margin-left: 310px;
			padding-top: 30px;
			padding-bottom: 30px;
		}
			.auteur-nom {
				color:#343434;
				margin-bottom: 10px;
			}

			.auteur-profession {
				margin-bottom: 35px;
				color:#FFFFFF;
			}

			.auteur-biographie {
				margin-left: 5px;
				margin-bottom: 50px;
				width:75%;

				text-align: left-justify;
				line-height: 25px; 

				color:#343434;
			}

			.auteur-lien {
				bottom: 30px;
				position: absolute;
			}

/*-----  End of Presentation  ------*/

/*====================================
=            Bibliothèque            =
====================================*/
.bibliotheque {
	background-color: #343434;
}
	.bibliotheque-nom {
		padding-top: 20px;
		margin-bottom: 50px;
		text-align: center;
		color:#F9F9F7;
	}
	.livre-couverture{
		height: 300px;
		margin-bottom: 100px;
		position: relative;
	}

		/* Gauche et droite */	
		.livre-image {
			height: 300px;
			width: 200px;
			position: absolute;
			z-index: 10;
		}

		.livre-description{
			overflow: hidden;
			position: absolute;
			height: 300px;
			width: 230px;

			background-color: #272822;
			z-index: 5;

			-moz-box-sizing: border-box;
			box-sizing: border-box;

			-webkit-transition-duration:500ms;
			transition-duration:500ms;
			-webkit-transition-timing-function:ease;
			transition-timing-function:ease;
		}

			.description-titre {
				padding-top: 30px;
				margin-bottom: 20px;
				
				font-size:16pt; 
				font-weight: 600;
				color: #FCFCFC;
			}

			.description-text {
				margin-bottom: 10px;

				line-height: 18px;
				color: #E9E9E9;
			}

		/* Droite ( impaire ) */

			.livre-couverture:nth-child(2n+1) {
				margin-top: -400px;
			}

			.livre-couverture:nth-child(2n+1) .livre-image {
				right: 0;
			}
		
			.livre-couverture:nth-child(2n+1) .livre-description {
				right: 0;
				padding-left: 30px;
				border-left: solid 10px #FBD337;
				text-align: right;
			}

			.livre-couverture:nth-child(2n+1) .livre-description:hover,
			.livre-couverture:nth-child(2n+1) .livre-image:hover + .livre-description {
				padding-right: 220px;
				width: 620px;
			}
				

		/* Gauche ( paire ) */
		
			.livre-couverture:nth-child(2n) .livre-description {
				left: 0;
				padding-right: 30px;
				border-right: solid 10px #FBD337;
			}

			.livre-couverture:nth-child(2n) .livre-description:hover,
			.livre-couverture:nth-child(2n) .livre-image:hover + .livre-description {
				padding-left: 220px;
				width: 620px;
			}



/*-----  End of Bibliothèque  ------*/


/*=============================
=            Forum            =
=============================*/
.forum {
	background-color: #a7d163;
}
	.forum-nom {
		text-align: center;
		margin-bottom: 50px;
		color:#343434;

	}

	.liens-Forum {
		text-transform: uppercase;
		text-align: center;

 		 margin-left: auto;
 		 margin-right: auto;

 		 width:600px;

		font-size: 20pt;
		color:#F9F9F7;

		list-style:none;
	}

		.lforum-topic {
			background-color:rgba(0,0,0,0.1);

			margin-bottom: 25px;
			padding: 10px 0; 

			border: 4px solid #F9F9F7;
			-webkit-transition-duration:200ms;
			transition-duration:200ms;
		}

		.lforum-topic:hover {
			background-color:rgba(0,0,0,0.3);
			border-color: rgba(0,0,0,0);
		}
	
/*-----  End of Forum  ------*/


/*===========================
=            FAQ            =
===========================*/
.faq {
	background-color: #6383D1;
}
	.faq-nom {
		text-align: center;
		color:#F9F9F7;
		margin-bottom: 50px;
	}

	.faq-elem {
		margin-bottom: 80px;
		margin-left: auto;
		margin-right: auto;
		width: 500px;

	}
		.question {
			font-size: 20pt;
			font-weight: 200;
			text-transform: uppercase;

			width:300px;
			padding: 10px 0px 10px 10px;
			color: #F9F9F7;
			background-color: #343434;
		}

		.reponse {
			font-size: 16px;
			line-height: 23px;
			margin-left: 100px ;
			margin-right: auto;
			width: 450px;
			padding: 10px 0px 10px 10px;
			color: #F9F9F7;
			background-color: rgba(52,52,52,0.8);
		}

/*-----  End of FAQ  ------*/