/*
Theme Name: First Third Books
Author: Bertrand Comte
Description: Template pour First Third Books
Version: 0.1
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/************************************************************************************
RESET
*************************************************************************************/
/*html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #FFF;
	line-height: 1;
	/*overflow: hidden; test pour que le overflow fonctionne sur Safari, Chrome.. bof.. nul*/
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

img, fieldset {
	border: 0;
}
.ie8 img {
	width: auto;
	height: auto;
}


/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: "green apple"
 */

::-moz-selection {
background: #4c431d;
color: #f18f4e;
text-shadow: none;
}
::selection {
background: #4c431d;
color: #f18f4e;
text-shadow: none;
}





/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html {
	height: 100%;
}
body {
	font-family: 'PT Sans', sans-serif;
	min-height: 100%;
	overflow-x: hidden;
	background: #dae0e3;
}
p {
	font-family: 'PT Sans', sans-serif;
	margin: 0 0 0 0;
	padding: 0;
}
a {
	outline: none;
}
a:hover {
	color: #f18f4e;
	text-decoration: none;
}
big {
	font-size: 16px;
}
small {
	font-size: 87%;
}
strong, b {
	font-weight: 700;
}
em, i {
	font: italic 115% 'PT Sans', sans-serif;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0 0 0 0;
	padding: 0;
}



/************************************************************************************
MAIN NAV
*************************************************************************************/
#main-nav {
	margin: 0 0 55px 0;
	padding: 54px 0 11px 0;
	font-family: 'Anton', sans-serif;
	font-weight: 400;
	/*border-bottom: 1px solid #8c9194; A ajouter pour responisve */
}
#main-nav li {
	display: inline;
	list-style: none;
	font-size: 13px;
	padding: 0;
	text-transform: uppercase;
	margin-right: 25px;
	letter-spacing: 3px;
}

#main-nav a {
	color: #707070;
	text-decoration: none;
	padding: 0 0 0 0px;
	white-space: nowrap;
}
#main-nav a:hover {
	color: #f18f4e;
}
#main-nav li.current-menu-item a,
#main-nav li.current-menu-parent a, 
#main-nav li.current-menu-ancestor a
{
	color: #f18f4e;
}

.page #main-nav /* Type page (faq, contact)*/ {
	margin: 0 0 20px 0;
}
.page-template-bookstype-php #main-nav,
.page-template-accueil-php #main-nav {
	margin: 0 0 55px 0;
}


/************************************************************************************
STRUCTURE
*************************************************************************************/
.filet_ftb { /* filet sous la nav jusqu'au logo a supprimer si responsive */
	position: absolute; 
	top: 51px; 
	left: -137px;
	left : -768px;
}

#pagewrap {
	width: 1008px;
	width: 975px;
	/*max-width: 98%; A garder pour responsive */
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	max-width: 98%;
}

.home #contentwrap,
.post-type-archive-mf_book #contentwrap, /* type archive = books */
.page #contentwrap/* type page */, 
.error404 #contentwrap /* type page 404 */{
	margin-right: -242px;
	float: left;
	width: 100%;
	padding: 0 0 0 22px;
}
.home #content,
.post-type-archive-mf_book #content, /* type archive = books */
.page #content/* type page */,
.error404 #content /* type page 404 */{
	margin-right: 242px;
}
.home #sidebar,
.post-type-archive-mf_book #sidebar, /* type archive = books */
.page #sidebar/* type page */,
.error404 #sidebar /* type page 404 */{
	float: right;
	width: 190px;
	width: 156px;
	word-wrap: break-word;
	padding: 10px 17px 0px 17px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	margin-top: 10px;
	margin-right: 16px;
	font-family: 'PT Sans', sans serif;
	font-size: 12px;
	letter-spacing: 1px;
}
.home #sidebar {
	background: #bfc4c7;
}
.home #sidebar #site-logo,
.page #sidebar #site-logo {
	text-align: center;
}

#sidebar p {
	margin-bottom: 15px;
	line-height: 16px;	
}
#sidebar .text_prez_home .intro1 p {
	padding-top: 30px;
	color: #FFF;
}
#sidebar .text_prez_home .intro2 p {
	color: #707070;
	margin-top: -20px;
}
#sidebar .text_prez_home .intro2 p strong {
	color: #535353;
}




.single-mf_book .filet_ftb { /* filet sous la nav jusqu'au logo a supprimer si responsive */
	position: absolute; 
	top: 51px; 
	left: -70px;
	left : -701px;
	left: -637px;
	
}
.single-mf_book #contentwrap {
	margin-right: -370px;
	float: left;
	width: 100%;
	padding: 0;
	padding: 0 0 0 22px;
}
.single-mf_book #content {
	margin-right: 370px;
}
.single-mf_book #main-nav {
	margin: 0 0 35px 0;
}
.single-mf_book #sidebar {
	float: right;
	width: 300px;
	word-wrap: break-word;
	padding: 10px 0px 30px 0px;
	text-align: left;
	margin-top: 10px;
	margin-right: 16px;
	font-family: 'PT Sans', sans serif;
	font-size: 12px;
	letter-spacing: 1px;
}
.single-mf_book #sidebar #site-logo {
	margin-left: 150px;
}
a.popup_link {
	color: #ed7404;
}


.result .filet_ftb { 
	position: absolute; 
	top: 51px; 
	left : -764px;
}
.result #contentwrap {
	margin-right: -242px;
	float: left;
	width: 100%;
	padding: 0 0 0 22px;
}
.result #content {
	margin-right: 242px;
}
.result #main-nav {
	margin: 0 0 35px 0;
}
.result #sidebar {
	float: right;
	width: 156px;
	word-wrap: break-word;
	padding: 10px 17px 0px 17px;
	text-align: center;
	margin-top: 10px;
	margin-right: 16px;
	font-family: 'PT Sans', sans serif;
	font-size: 12px;
	letter-spacing: 1px;
}
.result #sidebar #site-logo {
	/*text-align: center;*/
	margin-left: 0px;
}
.result figure {
	margin: 0;
}



.result-mf_book,
.result .post-type-mf_book {
	float: right;
	width: 400px;
	margin: 0;
}
.result .post-type-mf_book p {
	margin-bottom: 10px;
}
.result .post-type-mf_book .info_pre_order {
	text-transform: none;
	color: #514f4f;
}
.result-mf_book p {
	font-family: 'PT Sans', sans serif;
	font-size: 12px;
	line-height: 19px;
	color: #3e4042;
	font-weight: bold;
	letter-spacing: 1px;
}
.result-mf_book a {
	color: #ed7902;
}
.result-mf_book form {
	margin-top: 25px;
}
.btn_terminate {
	background:#ee7902;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	padding: 8px 11px;
	font-family: 'Anton', sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 30px 0 8px 0;
}


.page-template-default a { /* Lien sur le page type Page */
	color: #ed7902;
}

/************************************************************************************
CONTENT
*************************************************************************************/
.color {
	color: #ed7902;
}
.px13 {
	font-family: 'PT Sans', sans serif;
	font-size: 13px;
}
h1 {
	font-family: 'Anton', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #a0a0a0;
	letter-spacing: 1px;
	float: left; width: 124px; height: 30px; margin-right: 40px;
}
h1 span {
	color: #f18f4e;
}
.page-template-default h1 /* Type page (faq, contact)*/ {
	color: #f18f4e;
	font-family: 'Anton', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-left: 36px;
	float: none;
	width: auto;
}
h2 {
	font-family: 'Anton', sans-serif;
	font-size: 10px;
	color: #f18f4e;
	padding-top: 5px;
	/*letter-spacing: 1px;*/
}
h3 a {
	font-family: 'Anton', sans-serif;
	font-size: 11px;
	color: #707070;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}
h4 {
	font-family: 'Anton', sans-serif;
	font-size: 15px;
	color: #a0a0a0;
	font-weight: 400;
	letter-spacing: 1px;
	padding-right: 22px;
}
h4 span {
	font-size: 10px;
	letter-spacing: 1px;
}
h5 {
	font-family: 'Anton', sans-serif;
	font-size: 12px;
	color: #707070;
	font-weight: 400;
	letter-spacing: 2px;
	margin-bottom: 5px;
}
h6 { /* d?tail livre "pre-order.. order... + the standard/premium edition */
	font-family: 'Anton', sans-serif;
	font-size: 15px;
	color: #f18f4e;
	letter-spacing: 1px;
	width: 258px; /* -22px du h4*/ 
	height: 15px; 
	float: left;
}
h6 b {
	font-size: 10px;
	font-weight: normal;
	padding-left: 5px;
}

ul.book_list {
	margin: 0;
	padding: 0;
}
ul.book_list li {
	display: block;
	float: left;
	margin-bottom: 1px;
	padding: 0;
	line-height: 16px;
	width: 220px;
	padding-right: 20px;
}
ul.book_list figure {
	float: left;
	margin: 0 15px 30px 0;
	padding: 0;
	/*clear: left;*/
}

ul.book_list h2 {
	font-family: 'PT Sans', sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	/*letter-spacing: 1px;*/
	color: #707070;
	padding: 0;
	margin: 0;
}
ul.book_list h2 a {
	color: #707070;
	text-decoration: none;
}
ul.book_list h2 a:hover {
	color: #f18f4e;
}
ul.book_list p {
	font-size: 11px;
	color: #8c9194;
}
ul.book_list p.type {
	color: #707070;
	font-weight: 700;
}
ul.book_list p.etat a, ul.book_list p.sold-out {
	color: #f18f4e;
	font-weight: 700;
	text-decoration: none;
}
ul.book_list p.price {
	color: #707070;
	font-weight: 400;
}


/* DETAIL D'UN LIVRE */
.diaporama {
	margin-top: 45px;
}
.photographe_name {
	text-align: right;
	padding-right: 40px;
	font-size: 11px;
	color: #8c9194;
	padding-top: 8px;
}
/*.detail_book.price {
	float: right;
	padding-right: 22px;
}*/



.detail_book_description .pourcentage {
	font-family: 'Anton', sans-serif;
	font-size: 16px;
	color: #f18f4e;
	padding-bottom: 30px;
}
.detail_book_description .chapo,
.post-type-mf_book p {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 10px;
	line-height: 15px !important;
	color: #535353;
	letter-spacing: 1px;
	/*padding-top: 30px;  A supprimer qd le % sera install? */
	margin-top: 38px;

}

.detail_book_description ul,
.post-type-mf_book ul {
	padding: 0 0 0 15px;
}
.detail_book_description li,
.post-type-mf_book li {
	font-size: 11px;
	line-height: 15px;
	color: #838383;
	letter-spacing: 1px;
	list-style-type: disc;
	font-weight: 400;	
}
.post-type-mf_book li strong {
	color: #535353;
}
form {
	margin: 10px 0;
	color: #535353;
}
form a {
	color: #535353;
}
span.price {
	font-family: 'Anton', sans-serif;
	font-size: 14px;
	color: #535353;
	padding-left: 17px;
	display: block;
	float: right;
	padding-right: 80px;
	padding-top: 20px;
}
input.pre_order {
	background: url(/web/20150913062709im_/http://www.firstthirdbooks.com/wp-content/themes/first-third-books/_/images/preorder.png) top left no-repeat;
	width: 111px;
	height: 47px;
	border: none;
	margin-top: 5px;
	cursor: pointer;
}
input.order {
	background: url(/web/20150913062709im_/http://www.firstthirdbooks.com/wp-content/themes/first-third-books/_/images/ordernow.png) top left no-repeat;
	width: 111px;
	height: 47px;
	border: none;
	margin-top: 5px;
	cursor: pointer;
}
.info_pre_order {
	font-size: 10px;
	color: #8c8c8d;
	line-height: 12px !important;
	font-weight: 700;
}
.info_pre_order span {
	color: #f18f4e;
}

.info_order {
	font-size: 10px;
	color: #f18f4e;
	line-height: 12px !important;
	font-weight: 700;	
}
.info_order span {
	color: #8c8c8d;
}

.sold_out {
	color: #A0A0A0;
}



/************************************************************************************
FAQ / CONTACT
*************************************************************************************/
.bloc_arrondis_page {
	background: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 30px 36px;
	margin-top: 0px;
	margin-bottom: 20px;
}
h2.faq_titre {
	font-family: 'Anton', sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #707070;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.faq_reponse {
	color: #707070;
	font-size: 12px;
	line-height: 19px;
	font-family: 'PT Sans', sans-serif;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.faq_reponse strong {
	color: #535353;
}


.bloc_arrondis_page p {
	font-family: 'PT Sans', sans-serif;
	color: #707070;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 19px;
}

.wpcf7-form input,
.wpcf7-form textarea {
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	background: #dae0e3;
	border: none;
	padding: 7px 15px 7px 15px;
	color: #707070;
	width: 436px;
}
.wpcf7-form textarea {
	height: 100px;
}
.wpcf7-form .wpcf7-submit {
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	background: url(/web/20150913062709im_/http://www.firstthirdbooks.com/wp-content/themes/first-third-books/_/images/send.png) top left no-repeat;
	width: 84px;
	height: 41px;
	cursor: pointer;
	color: #FFF;
	font-weight: 700;
	letter-spacing: 1px;
}

.result .wpcf7-form input,
.result .wpcf7-form textarea {
	background: #fff;
	border: none;
	width: 360px;
}
.result .wpcf7-form textarea {
	height: 100px;
}

.result .wpcf7-form .wpcf7-submit {
	background:transparent url(/web/20150913062709im_/http://www.firstthirdbooks.com/wp-content/themes/first-third-books/_/images/send.png) left 1px no-repeat;
	width: 84px;
	height: 41px;
	cursor: pointer;
	color: #FFF;
	font-weight: 700;
	letter-spacing: 1px;
}




/***********************************************************************************
 * Styles du module contact form 7
************************************************************************************/
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output { 
	margin: 2em 0.5em 0em;
	/*padding: 0.2em 1em;*/
}

div.wpcf7-mail-sent-ok {
	background: #535353;
	color: #FFF;
	padding: 20px 10px;
	width: 50%;
	line-height: 130%;
	margin-left: 0px !important;
	border: 3px solid #535353 !important;
	font-size: 12px;
}

div.wpcf7-mail-sent-ng { 
	border: 2px solid #FF0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #FF0000;
}

div.wpcf7-validation-errors { /*  information g_n_rale sur fond rouge  */
	background: #FF0000;
	color: #FFF;
	font-weight: normal;
	padding: 20px 10px;
	width: 50%;
	line-height: 130%;
	border: 2px solid #FF0000 !important;
	margin-left: 0px !important;
}

span.wpcf7-form-control-wrap {
	position: relative;
}
.wpcf7-not-valid {
	background: #FF0000;
	padding: 5px 5px;
	border: none;
	color: #FFF !important;
}
span.wpcf7-not-valid-tip { /* information de remplissage en cas d'erreur */
	position: absolute;
	top: 0px !important;
	left: 0px !important;
	z-index: 100;
	width: 400px;
	background: #FF0000 !important;
	color: #FFF !important;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item { /*  comment_  */
	/*margin-left: 0.5em;*/
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}




/************************************************************************************
404
*************************************************************************************/
.page404 h1 {
	font-size: 200%;
	margin-top: 50px;
}
.page404 h2 {
	font: 200%/120% 'Anton', sans-serif;
	margin: 10px 0 5px;
}
.page404 h3 {
	font: 90% 'Anton', sans-serif;
	text-transform: uppercase;
	margin: 30px 0 10px;
	letter-spacing: 0;
}
.page404 h4 {
	margin-top: 50px;
	font: 140%/120% 'Anton', sans-serif;
}
.page404 a {
	color: #962c25;
	text-decoration: underline;
}



/************************************************************************************
Commande-mf book
*************************************************************************************/
.btn_command {
	text-align:right; 
	padding:10px 20px 0 0;
	font-size: 10px;
	line-height: 12px;
}



/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	clear: both;
	padding-left: 22px;
}



/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}
/* clearfix*/
.clearfix:after, section li:after, footer:after, #main-nav:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix, section li, footer, #main-nav {
	display: inline-block;
} 
/* clearfix for ie7 */
.clearfix, section li, footer, #main-nav {
	display: block;
}


/* POPUP */
.fancybox-skin {
	background: #dae0e3;
}
.popup {
	background: #dae0e3;
}
.popup a {
	color: #ed7404;
}
.popup h3 {
	color: #3e4042;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	line-height: 14x;
	font-weight: bold;
	margin-bottom: 25px;
}
.popup strong {
	color: #3e4042;
}
.explanations {
	width: 456px;
	height: 150px;
	padding-right: 15px;
	overflow-x: hidden;
	display: none;
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	line-height: 18px;
}
.sc {
	width: 575px;
	height: 300px;
	display: none;
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding-right: 15px;
	margin-bottom: 20px;
	overflow-x: hidden;

}
.close_popoup {
	text-align: right;
}
.close_popoup a {
	color: #535353;
	text-decoration: none;
	font-family: 'PT Sans', sans-serif;
	font-size: 10px;
	font-weight: bold;
}

/* Facebook - Tweeter */
.fb-like {
	margin-right: 20px;
	float: left;
}
.twitter-share-button {
}

/*
     FILE ARCHIVED ON 06:27:09 Sep 13, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:05:43 Feb 22, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.876
  exclusion.robots: 0.035
  exclusion.robots.policy: 0.02
  esindex: 0.015
  cdx.remote: 46.621
  LoadShardBlock: 525.248 (3)
  PetaboxLoader3.datanode: 658.695 (5)
  load_resource: 307.209 (2)
  PetaboxLoader3.resolve: 100.176 (2)
*/