/* @override
	http://localhost:8888/semaphore2016/wp-content/themes/semaphore2016/assets/css/style.css?ver=4.6.1
	http://utopsie.com/work/semaphore2016/wp-content/themes/semaphore2016/assets/css/style.css?ver=4.6.1 */

@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/
body {
	font-family: 'Source Sans Pro', sans-serif;
	color: #333;
}
h1, h2, h3, h4, h5 {
	font-family: 'PT Serif', Georgia , serif;
}
/*********************
GENERAL STYLES
*********************/
.row {
	max-width: 64rem;
}
blockquote {
	margin-bottom: 2rem;
}
.off-canvas {
	background: transparent;
}
.off-canvas-wrapper {
	background-color: #f6f6f6;
}
/*********************
LINK STYLES
*********************/
a {
	/*color: teal;*/
}
a:hover {
	/*color: hsl(179, 100%, 39%);*/
}
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); 
}

.home .topcontent a,
.home .topcontent a:visited {
	color: white;
}
.home .topcontent a:hover {
	color: rgba(255, 255, 255, 0.5);
}
/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }
h1 {
	font-size: 1.3rem;
}
/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; 
}
  
.home .top-bar {
	background: transparent;
	padding-top: 2rem;
	position: relative;
	z-index: 1;
}
.home .top-bar .logoaccueil {
	text-align: center;
	height: 7rem;
}
.home .top-bar .logoaccueil a {
	background: url(../images/logo_main.png) center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 100%;
	max-width: 35rem;
	height: 4.25rem;
	text-indent: -99999px;
	margin-top: 1rem;
}
.home .top-bar .logoaccueil a:hover {
	opacity: 0.75;
}
/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }
.menu {
	font-family: 'PT Serif', Georgia , serif;
}
.menu li {
	display: block;
	font-size: 1.3rem;
}
.menu li a {
	padding-left: 0;
	padding-bottom: 1rem;
}
.menu .active>a {
	background:transparent;
}
.top-bar ul {
	background: transparent;
	position: relative;
	width: 100%;
	margin-top: -1.9rem;
}
.top-bar ul li {
	text-align: right;
}
.top-bar ul a {
	/*color: white;*/
}
/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
  padding: 1rem 0rem; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: transparent;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

/*********************
FOOTER STYLES
*********************/
.footer {
	padding-bottom: 5rem;
	margin-top: 3rem;
}
.footer .separateur {
	height: 1.25rem;
}
.menu_footer .icone_footer {
	display: block;
  	margin-right: 1rem;
	  position: relative;
	  float: left;
}
.menu_footer .icone_footer a {
	width: 50px;
	height: 30px;
	display: block;
	float: left;
	background-image: url(../images/logo_menu_footer.png);
	background-size: cover;
	text-indent: -99999px;
	margin-top: .15rem;
}
.menu_footer  ul  {
	display: block;
 	float: left;
}
.menu_footer  ul  li {
	display: inline-block;
	margin-right: 10px;
	margin-right: 1rem;
	position: relative;
	padding-left: 1rem;
}
.menu_footer  ul  li:first-child {
	padding: 0;
}
.menu_footer  ul  li a {
	text-decoration: none;
	font-size: 1rem;
	padding-right: 0;
} 
.menu_footer  ul  li:before {
	content:"|";
	margin-right: 10px;
	color: #d36400;
	position: absolute;
	display: inline-block;
	left: 0;
}
.menu_footer  ul  li:first-child:before {
	content:"";
}/**/


/*********************
FOUNDATION STYLES
*********************/
p {
	font-size: 0.9rem;
}
/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

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

Individual Pages

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

.home .topcontent {
	margin-bottom: 3rem;
}
.home .mainimage {
	border: 1px solid rgb(255, 255, 255);
	position: relative;
	min-height: 40rem;
	margin: -3rem -4rem;
	z-index: 0;
	background-size: cover;
	background-image: -webkit-linear-gradient(top, white 0%, black 100%);
	background-image: -moz-linear-gradient(top, white 0%, black 100%);
	background-image: -ms-linear-gradient(top, white 0%, black 100%);
	background-image: linear-gradient(to bottom, white 0%, black 100%);
}

.home .mainimage:before {
	content: '';
	position: absolute;
background-image: url(../images/cadre_masque_light.png), linear-gradient(to bottom, rgba(0, 0, 0, 0) 64.9%, rgba(0, 0, 0, 0.47) 100%);
	background-size: cover;
	background-position-y: top;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.home .mainimage:after {
	content: '';
	position: absolute;
	background-image: url(../images/cadre_masque_light.png);
	background-size: cover;
	background-position-y: bottom;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.home .mainimage .mainrow {
	margin: 20rem 5rem 4rem;
	/*border: 1px solid rgba(255, 255, 255, 0.28);*/
	z-index: 1;
	position: relative;
	line-height: 1rem;
	padding-bottom: 1rem;
}
.home .mainimage .mainrow .accueil_recent {
	height: 2rem;
	display: block;
}
.home .mainimage .mainrow .accueil_recent .column {
	padding-bottom: 1rem;
}
.home .mainimage .mainrow h1 {
	color: white;
	font-size: 1.7rem;
	height: 2.5rem;
}
.home .topcontent .entry-title {
	font-family: 'PT Serif', Georgia , serif;
	margin-bottom: .5rem;
}
.home .topcontent .entry-auteur {
	font-family: 'PT Serif', Georgia , serif;
	font-size: 0.9rem;
}
.home .topcontent img {
	/*box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);*/
}
.home .topcontent img.attachment-large {
	margin-bottom: .75rem;
	display: block;
}
.home .topcontent a:hover img.attachment-large {
	opacity: 0.75;
}
.home .contenu {
	padding-top: 1rem;
	position: relative;
	z-index: 1;
}
.home .accueil_nouvelles {
	padding: 2.8rem 6rem 4rem;
	position: relative;
	margin: -1rem -4rem 0 -2rem;
}
.home .accueil_nouvelles:before {
	content: '';
	position: absolute;
	background: url(../images/cadre_masque_light.png) rgba(255, 255, 255, 0.7);
	background-size: cover;
	background-position-y: -1rem;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.home .accueil_nouvelles:after {
	content: '';
	position: absolute;
	background-image: url(../images/cadre_masque_light.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: bottom;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.home .accueil_nouvelles .nouvelles {
	z-index: 1;
	position: relative;
}
.home .accueil_nouvelles .nouvelles h1 {
	font-size: 1.8rem;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: center;
	margin-top: 2rem;
}
.home .accueil_nouvelles .nouvelles h2 {
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 2rem;
}
.home .accueil_nouvelles ul {
	list-style: none;
	margin: 0;
}
.home .accueil_nouvelles .article {
	margin-bottom: 1rem;
	font-family: 'PT Serif', Georgia , serif;
}
.home .accueil_graffiti	{
	padding-top: 3rem;
	padding-bottom: 3rem;
	padding-left: 1rem;
}
.home .accueil_graffiti h1 {
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	padding-bottom: 0;
	text-transform: uppercase;
	letter-spacing: .15rem;
	margin-bottom: 1rem;
}
.home .accueil_graffiti .article p {
	font: 1.4rem/2.4rem 'PT Serif', Georgia , serif;
	font-style: italic;
	text-align: center;
}
.home .accueil_presse .column .article {
	padding: 0 .85rem 0 1rem;
}
.home .accueil_presse h1 {
	font-size: 1.8rem;
	padding: 1rem;
	margin-bottom: 0;
	text-align: center;
}
.home .accueil_presse h2 {
	font-size: 1.2rem;
	text-align: center;
}
.home .accueil_presse .cadre {
	padding: 1rem 1rem 2rem;
}

.home .accueil_presse .column .article .date {
	font-size: 0.75rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
	color: rgba(0, 0, 0, 0.35);
}
/* Revue de presse ************************************************/

.revuedepresse .article {
	padding-top: .5rem;
	padding-right: .85rem;
	padding-left: 1rem;
}
.revuedepresse h1 {
	font-size: 1.8rem;
	padding: 1rem;
	margin-bottom: 0;
}
.revuedepresse .cadre {
	padding: 1rem;

}
.revuedepresse .article .date {
	font-size: 0.75rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
	color: rgba(0, 0, 0, 0.35);
	padding-bottom: 0;
}

.archive .article .date {
	font-size: 0.75rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
	color: rgba(0, 0, 0, 0.35);
}

/* Auteurs *******************************************************/
.top-bar {
	background: transparent;
	padding: 0;
}
.top-bar .pageheader {
	height: 14rem;
	position: relative;
	margin-right: -7em;
	margin-left: -7rem;
	padding-right: 7rem;
	padding-left: 7rem;
	z-index: 0;
	padding-top: 2rem;
	background-size: cover;
}
.top-bar .pageheader:before {
	content: '';
	position: absolute;
	background-image: url(../images/cadre_masque_light.png);
	background-size: cover;
	background-position-y: bottom;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.top-bar .pageheader .logopages a {
	background: url(../images/logo_pages_blanc.png) left top no-repeat;
	background-size: contain;
	display: inline-block;
	width: 100%;
	max-width: 14rem;
	height: 3.4rem;
	text-indent: -99999px;
	z-index: 55;
	position: relative;
}
.top-bar .pageheader .logopages a:hover {
	opacity: 0.75;
}
.top-bar .pageheader h1 {
	color: white;
	font-size: 1.7rem;
	height: 2.5rem;
	padding-top: 1.2rem;
}
.auteurs_liste {
	font-family: 'PT Serif', Georgia , serif;
}
.thumb {
	position: relative;
	display: block;
	padding-bottom: 135%;
	background-size: cover;
	background-position-x: center;
	/*box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);*/
	background-color: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(0, 0, 0, 0.24);
	background-repeat: no-repeat;
	-moz-box-shadow: inset 0 0 10px rgb(251, 248, 239);
	box-shadow: inset 0 0 10px rgb(251, 248, 239);
}
.auteurs_liste .entry-title {
	font-size: .95rem;
	line-height: normal;
	margin-top: .5rem;
	margin-bottom: 1.5rem;
	min-height: 2.5rem;
}
/* Catalogue *****************************************************/
.home .mainimage .mainrow .accueil_recent .column {
	padding-bottom: 1rem;
}
.romans_liste {
	font-family: 'PT Serif', Georgia , serif;
	
}
.columnsizer {
	padding-bottom: 1rem;
}
.romans_liste .entry-title {
	font-size: .95rem;
	line-height: normal;
	margin-top: .5rem;
	margin-bottom: .25rem;
}
.romans_liste .entry-auteur {
	font-family: 'PT Serif', Georgia , serif;
	font-size: 0.9rem;
}
.romans_liste .thumb {
}
.romans_liste img.attachment-large {
	margin-bottom: .75rem;
	display: block;
}
.romans_liste a:hover img.attachment-large {
	opacity: 0.75;
}
.filtre h1 {
	padding-top: .7rem;
}
.filtre ul {
	margin: 0;
	margin-bottom: .25rem;
	font-size: .9rem;
}
.filtre ul li {
	display: inline-block;
	margin-right: 1rem;
	color: #a6a6a6;
}
.detail {
	margin-bottom: 1rem;
}
.classement {
	margin-bottom: 2REM;
}
.classement ul {
	margin: 0;
	
	font-size: .9rem;
}
.classement ul li {
	display: inline-block;
	margin-right: 1rem;
	
}
.classement ul li a {
	color: #a6a6a6;
}
.classement ul li a:hover {
	color: hsl(179, 100%, 18%);
}
/* Achat en ligne ************************************************/
.separateur {
	width: 100%;
	overflow: hidden;
	height: 2rem;
	display: block;
	margin-bottom: .5rem;
}
.liste_achat .item {
	padding-bottom: 1rem;
	padding-top: .5rem;
}
.liste_achat .couverture {
	font-family: 'PT Serif', Georgia , serif;
	line-height: normal;
}
.liste_achat .couverture img {
	margin-bottom: 1rem;
	/*box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);*/
	backgroundackground-color: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(0, 0, 0, 0.4);
}
.liste_achat .entry-title {
	margin-bottom: .5rem;
	font-size: 1.2rem;
}
.liste_achat .show-for-small-only {
	padding-bottom: 1rem;
}
.liste_achat .show-for-small-only .entry-title {
	font-size: 1.8rem;
}
.liste_achat .couverture .entry-title .sous_titre {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: .9rem;
	margin-top: .5rem;
}
.liste_achat .nb_pages {
	font-size: .9rem;
}
.liste_achat .file_pdf {
	font-size: .9rem;
 	background: url(../images/pdf_icone.png) no-repeat;
 	margin-top: 1rem;
 }

.liste_achat .file_pdf a {
 	padding-left: 2rem;
 	height: 29px;
 	display: table-cell;
 	line-height: 15px;
	padding-top: 0;
	vertical-align: middle;
}
.liste_achat .prix {
	font-size: 0.9rem;
	display: block;
}
.liste_achat .prix .prix {
	display: inline-block;
	width: 100%;
}
.liste_achat .prix .titre {
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 3px;
	font-family: 'PT Serif', Georgia , serif;
}
.prix_roman .prix-can {
	display: block;
	float: left;
	margin-right: 10%;
}
.prix .prix-eur {
	display: block;
	float: left;
}
.liste_achat table tbody {
	border: none;
	font-family: 'PT Serif', Georgia , serif;
	font-size: 1rem;
}
.liste_achat table td {
	padding-left: 0;
	padding-right: 0;
}
.liste_achat  table tbody tr:nth-child(even) {
	background-color: transparent;
}
.liste_achat .boutons_paypal {
	display: block;
	float: left;
} 
.liste_achat .boutons_paypal ul {
	border-top-width: 1px;
	border-top-color: silver;
	margin: 0;
	list-style: none;
}
.liste_achat .boutons_paypal ul li:first-child {
	border-bottom: 1px solid silver;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.liste_achat .boutons_paypal table {
	margin: 0;
	border-style: none;
	border-width: 0;
	color: #444;
	font-size: 14px;
	line-height: 16px;
}

.liste_achat .boutons_paypal td select {
	background: transparent;
	width: 100%;
	padding: 5px 26px 5px 0;
	height: 28px;
	margin-top: 5px;
	text-indent: 6px;
	-webkit-appearance: none;
	color: gray;
	display: block;
	font: 12px 'Lucida Grande';
	border-radius: 0;
	border: 1px solid teal;
	background-image: url(../images/drop_bouton_gris.png);
	background-position:  right;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	margin-left: 0;
	position: relative;
}
.liste_achat .boutons_paypal td {
		font-weight: bold;
		border-style: none;
		margin-top: 0;
		padding-top: 0;
	}
.liste_achat .boutons_paypal td:nth-child(2) {
	width: 100%;
	overflow: hidden;
	height: 26px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.liste_achat .boutons_paypal input {
	overflow: hidden;
	text-shadow: 0 0 1px;
}
/* Catalogue ******************************************************/
.single-catalogue .roman_cover img {
/*	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);*/
	background-color: rgba(0, 0, 0, 0.18);
	background-repeat: no-repeat;
	margin-bottom: 2rem;
	border: 1px solid rgba(0, 0, 0, 0.24);
}
.single-catalogue h1.entry-title {
	font-size: 2rem;
	line-height: 2.3rem;
	margin-top: -0.45rem;
}
.single-catalogue .details_roman {
	padding-bottom: .75rem;
}
.single-catalogue .details_roman h1.entry-title {
	font-size: 1.3rem;
}
.single-catalogue .details_roman .nb_pages {
	font-size: .9rem;
}
.single-catalogue .roman_resume .auteur {
	font-family: 'PT Serif', Georgia , serif;
	font-size: 1.2rem;
	padding-bottom: 1rem;
}
.single-catalogue .roman_resume p {
	font-family: 'PT Serif', Georgia , serif;
	font-size: .95rem;
	line-height: 1.4rem;
	margin-bottom: 1rem;
	color: #555555;
}
.single-catalogue .roman_details {
	font-size: .9rem;	padding-bottom: 1rem;
}
.single-catalogue .file_pdf {
	font-size: .8rem;
 	background: url(../images/pdf_icone.png) no-repeat;
	margin-bottom: 1rem;
}

.single-catalogue .file_pdf a {
 	padding-left: 2rem;
 	height: 29px;
 	display: block;
 	line-height: 15px;
}
.single-catalogue .roman_details .lien_acheter {
	margin-bottom: 1rem;
}
.single-catalogue .roman_details .titre {
	font-weight: bold;
}
.single-catalogue .auteur {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.single-catalogue .auteur .thumb {
	border: 1px solid rgba(0, 0, 0, 0.24);
	background-repeat: no-repeat;
}
.single-catalogue .bio .titre {
	font-family: 'PT Serif', Georgia , serif;
	font-size: 1.2rem;
	padding-bottom: 1rem;
}
.single-catalogue .bio  p {
	font-family: 'PT Serif', Georgia , serif;
	font-size: .95rem;
	line-height: 1.4rem;
	margin-bottom: 1rem;
	color: #555555;
}
.single-catalogue .auteur .lien {
	font-family: 'PT Serif', Georgia , serif;
}
.single-catalogue .revuedepresse ul {
	list-style: none;
	margin: 0;
}
.single-catalogue .revuedepresse ul li p {
	font-family: 'PT Serif', Georgia , serif;
	font-size: .95rem;
	line-height: 1.4rem;
	margin-bottom: .7rem;
	color: #555555;
}

/* Auteur ********************************************************/
.single-auteur .auteur_photo img {
	/*box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);*/
	background-color: rgba(0, 0, 0, 0.18);
	background-repeat: no-repeat;
	margin-bottom: 2rem;
}
.single-auteur h1.entry-title {
	font-size: 2rem;
	line-height: 1.4rem;
	margin-bottom: 1.5rem;
}
.single-auteur .auteur_bio p {
	font-family: 'PT Serif', Georgia , serif;
	font-size: .95rem;
	line-height: 1.4rem;
	margin-bottom: 1rem;
	color: #555555;
}
.single-auteur .catalogue {
	padding: 1rem 0;
}
.single-auteur .catalogue .titre {
	font-family: 'PT Serif', Georgia , serif;
	font-size: 1.2rem;
	padding-bottom: 1rem;
}
.single-auteur .catalogue .lien {
	font-family: 'PT Serif', Georgia , serif;
}
.legende {
	font-size: 0.8rem;
	color: #a6a6a6;
	margin-top: .25rem;
}
/* Sidebar Nav ***************************************************/

.selectnav { 
	display: none; 
}
/* all screen genre */
.small-up-2 > .column:nth-of-type(2n + 1), .small-up-2 > .columns:nth-of-type(2n + 1) {
    clear: none;
}
/* small screen */
@media screen and (max-width: 9000px) {
  .js #drop_auteurs { display: none; }
  .js .selectnav { display: block; }
}

.styled-select .selectnav {
	background: transparent;
	width: calc(100% - 16px);
	padding: 5px;
	font-size: 12px;
	height: 28px;
	margin-top: -1px;
	margin-left: -5px;
	text-indent: 6px;
	-webkit-appearance: none;
	color: gray;
	font-family: 'Lucida Grande';
	border: none;
}
.styled-select {
	/*width: 100%;*/
	overflow: visible;
	height: 26px;
	border-width: 1px;
	border-style: solid;
	margin-top: .4rem;
	margin-bottom: .8rem;
	/*background: url(../images/drop_bouton.png) no-repeat right hsl(52, 30%, 99%);*/
	position: relative;
}
.styled-select:after {
	content: '';
	width: 27px;
	height: 24px;
	background: url(../images/drop_bouton.png) right no-repeat;
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
}
.form_recherche {
	width: 100%;
	overflow: hidden;
	height: 26px;
	border: 1px solid teal;
	margin-top: .6rem;
	margin-bottom: 1.6rem;
	background: url(../images/drop_bouton.png) no-repeat right hsl(52, 30%, 99%);
	display: none;
}
.form_recherche input {
	background: transparent;
	width: 120%;
	padding: 5px;
	font-size: 12px;
	height: 28px;
	margin-top: -1px;
	margin-left: -5px;
	text-indent: 6px;
	-webkit-appearance: none;
	color: gray;
	font-family: 'Lucida Grande';
	display: none;
}
/* facebook ******************************************************/
.facebook {
	background: url(../images/fb_icon.png) left no-repeat;
	background-size: contain;
	height: 1.2rem;
	display: block;
	float: left;
	padding-left: 2rem;
	font: .9rem/1.2rem 'Source Sans Pro', sans-serif;
	margin-left: 2px;
	margin-bottom: 1rem;
}


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

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

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

/* Small only */
@media screen and (max-width: 39.9375em) {
	.off-canvas-content {
		overflow: hidden;
	}
	.top-bar .logopages {
		margin-left: .9rem;
		padding-top: 2rem;
	}
	.top-bar .pageheader {
		padding-top: 1rem;
		height: 17rem;
	}
	.top-bar .pageheader .logopages a {
		height: 5rem;
		max-width: 20rem;
	}
	.top-bar .pageheader h1 {
		padding-left: 1.25rem;
		font-size: 1.8rem;
	}
	.top-bar ul {
		position: absolute;
		margin-top: 0;
		width: calc( 100vw - 1rem ) !important;
	}
	.top-bar ul a {
		padding-top: 0;
		color: white;
		padding-right: 0;
		font-size: 1.2rem;
	}
	.home .top-bar {
		padding-top: 2rem;
		margin-bottom: 1rem;
	}
	.home .top-bar ul {
		position: absolute;
		top: 1rem;
	}
	.home .top-bar ul a {
		padding-right: 0;
	}
	.home .mainimage .mainrow {
		margin-top: 4rem;
		margin-right: 4rem;
		margin-left: 4rem;
	}
	.home .accueil_nouvelles {
		padding: 6rem 2rem 7rem 8rem;
		position: relative;
		margin: 0 -2rem 0 -8rem;
		overflow: visible;
	}
	.home .accueil_graffiti	{
		padding: 3rem 1rem;
	}
	.menu li a {
		padding-left: 1rem;
		padding-right: 1.5rem;
	}
	.archive #content #inner-content,
	.page #content #inner-content,
	.single #content #inner-content {
		padding-right: 1.25rem;
		padding-left: 1.25rem;
	}
	.widget_nav_menu .menu li a {
		padding-left: 0;
	}
	.facebook {
		margin-bottom: 3rem;
	}
	.single-catalogue h1.entry-title {
		margin-bottom: 0.5rem;
	}
	.single-catalogue .roman_cover img {
		margin-bottom: 0;
		margin-top: 1rem;
	}
	.single-catalogue .details_roman h1.entry-title {
		font-size: 1.5rem;
		margin-bottom: 0;
	}
	.single-catalogue .details_roman h2.sous_titre {
		margin-top: .5rem;
	}
	.single-catalogue .details_roman .nb_pages {
		margin-top: 1rem;
		margin-bottom: .5rem;
	}
	.single-catalogue .version {
		margin-bottom: 1rem;
	}
	.single-auteur h1.entry-title {
		line-height: 2.63rem;
	}
	.auteurs_liste .entry-title {
		font-size: 1.2rem;
	}
	.liste_achat .couverture {
		padding-bottom: 2rem;
	}
	.liste_achat .prix {
		padding-bottom: 1rem;
	}
	.liste_achat .boutons_paypal table {
		width: calc( 100vw - 4rem);
	}
	.menu_footer  ul {
		width: 100%;
		padding-top: 2rem;
	}
	.menu_footer  ul  li {
		display: block;
		margin-right: 0;
		padding-left: 0;
		text-align: center;
	}
	.menu_footer  ul  li:first-child {
		float: none;
		width: 100%;
		display: inline-block;
		text-align: center;
		padding-bottom: 1rem;
	}
	.menu_footer .icone_footer a {
		width: 7rem;
		height: 4rem;
		display: inline-block;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		float: none;
	}
	.menu_footer  ul  li a {
		text-decoration: none;
		font-size: 1.4rem;
		padding-right: 0;
	} 
	.menu_footer  ul  li:before {
		content:"";	
	}
	.menu_footer  ul  li:first-child:before {
		content:"";
	}
}

/* Medium and up */
@media screen and (min-width: 40em) {
	.medium-up-4 > .column:nth-of-type(4n + 1), .medium-up-4 > .columns:nth-of-type(4n + 1) {
	        clear: none;
	    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {
	.large-up-5>.column:nth-of-type(5n+1), .large-up-5>.columns:nth-of-type(5n+1) {
     clear: none; 
	}
}
	


/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

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

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }