/*

Theme Name: Julie

Theme URI: #

Author: LWS



*/





/**

 * Table of Contents

 *

 * 1.0 - Reset

 * 2.0 - Genericons

 * 3.0 - Typography



 * 16.0 - Media Queries

 *    16.1 - Mobile Large

 *    16.2 - Tablet Small

 *    16.3 - Tablet Large

 *    16.4 - Desktop Small

 *    16.5 - Desktop Medium

 *    16.6 - Desktop Large

 *    16.7 - Desktop X-Large

 * 17.0 - Print

 */





/**

 * 1.0 - Reset

 *

 * Resetting and rebuilding styles have been helped along thanks to the fine

 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.

 */



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;

}



html {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	font-size: 62.5%;

	overflow-y: scroll;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

}



*,

*:before,

*:after {

	-webkit-box-sizing: inherit;

	-moz-box-sizing: inherit;

	box-sizing: inherit;

}



body {

	background: #f1f1f1;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

nav,

section {

	display: block;

}



ol,

ul {

	list-style: none;

}



table {

	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 {

	-webkit-hyphens: none;

	-moz-hyphens: none;

	-ms-hyphens: none;

	hyphens: none;

	quotes: none;

}



a:focus {

	outline: 2px solid #c1c1c1;

	outline: 2px solid rgba(51, 51, 51, 0.3);

}



a:hover,

a:active {

	outline: 0;

}



a img {

	border: 0;

}







/**

 * 3.0 Typography

 */



body,

button,

input,

select,

textarea {

	color: #333;

	font-family: "Merriweather Sans", sans-serif;

	font-size: 16px;

	font-size: 1.5rem;

	line-height: 1.6;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

	font-weight: 700;

}



p {

	margin-bottom: 1.6em;

}



b,

strong {

	font-weight: 700;

}



dfn,

cite,

em,

i {

	font-style: italic;

}



blockquote {

	border-left: 4px solid #707070;

	border-left: 4px solid rgba(51, 51, 51, 0.7);

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	font-size: 18px;

	font-size: 1.8rem;

	font-style: italic;

	line-height: 1.6667;

	margin-bottom: 1.6667em;

	padding-left: 0.7778em;

}



blockquote p {

	margin-bottom: 1.6667em;

}



blockquote > p:last-child {

	margin-bottom: 0;

}



blockquote cite,

blockquote small {

	color: #333;

	font-size: 15px;

	font-size: 1.5rem;

	font-family: "Noto Sans", sans-serif;

	line-height: 1.6;

}



blockquote em,

blockquote i,

blockquote cite {

	font-style: normal;

}



blockquote strong,

blockquote b {

	font-weight: 400;

}



address {

	font-style: italic;

	margin: 0 0 1.6em;

}



code,

kbd,

tt,

var,

samp,

pre {

	font-family: Inconsolata, monospace;

	-webkit-hyphens: none;

	-moz-hyphens: none;

	-ms-hyphens: none;

	hyphens: none;

}



pre {

	background-color: transparent;

	background-color: rgba(0, 0, 0, 0.01);

	border: 1px solid #eaeaea;

	border: 1px solid rgba(51, 51, 51, 0.1);

	line-height: 1.2;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 0.8em;

	white-space: pre;

	white-space: pre-wrap;

	word-wrap: break-word;

}



abbr[title] {

	border-bottom: 1px dotted #eaeaea;

	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);

	cursor: help;

}



mark,

ins {

	background-color: #fff9c0;

	text-decoration: none;

}



sup,

sub {

	font-size: 75%;

	height: 0;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sup {

	bottom: 1ex;

}



sub {

	top: .5ex;

}



small {

	font-size: 75%;

}



big {

	font-size: 125%;

}





/**

 * 4.0 Elements

 */



hr {

	background-color: #eaeaea;

	background-color: rgba(51, 51, 51, 0.1);

	border: 0;

	height: 1px;

	margin-bottom: 1.6em;

}



ul,

ol {

	margin: 0 0 1.6em 1.3333em;

}



ul {

	list-style: disc;

}



ol {

	list-style: decimal;

}



li > ul,

li > ol {

	margin-bottom: 0;

}



dl {

	margin-bottom: 1.6em;

}



dt {

	font-weight: bold;

}



dd {

	margin-bottom: 1.6em;

}



table,

th,

td {

	border: 1px solid #eaeaea;

	border: 1px solid rgba(51, 51, 51, 0.1);

}



table {

	border-collapse: separate;

	border-spacing: 0;

	border-width: 1px 0 0 1px;

	margin: 0 0 1.6em;

	table-layout: fixed; /* Prevents HTML tables from becoming too wide */

	width: 100%;

}



caption,

th,

td {

	font-weight: normal;

	text-align: left;

}



th {

	border-width: 0 1px 1px 0;

	font-weight: 700;

}



td {

	border-width: 0 1px 1px 0;

}



th, td {

	padding: 0.4em;

}



img {

	-ms-interpolation-mode: bicubic;

	border: 0;

	height: auto;

	max-width: 100%;

	vertical-align: middle;

}



figure {

	margin: 0;

}



del {

	opacity: 0.8;

}



/* Placeholder text color -- selectors need to be separate to work. */



::-webkit-input-placeholder {

	color: rgba(51, 51, 51, 0.7);

	font-family: "Noto Sans", sans-serif;

}



:-moz-placeholder {

	color: rgba(51, 51, 51, 0.7);

	font-family: "Noto Sans", sans-serif;

}



::-moz-placeholder {

	color: rgba(51, 51, 51, 0.7);

	font-family: "Noto Sans", sans-serif;

	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */

}



:-ms-input-placeholder {

	color: rgba(51, 51, 51, 0.7);

	font-family: "Noto Sans", sans-serif;

}

/**

 * 7.0 Accessibility

 */



/* Text meant only for screen readers */

.says,

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	height: 1px;

	overflow: hidden;

	position: absolute !important;

	width: 1px;

}



/* must have higher specificity than alternative color schemes inline styles */

.site .skip-link {

	background-color: #f1f1f1;

	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);

	color: #21759b;

	display: block;

	font: bold 14px/normal "Noto Sans", sans-serif;

	left: -9999em;

	outline: none;

	padding: 15px 23px 14px;

	text-decoration: none;

	text-transform: none;

	top: -9999em;

}



.logged-in .site .skip-link {

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	font: bold 14px/normal "Open Sans", sans-serif;

}



.site .skip-link:focus {

	clip: auto;

	height: auto;

	left: 6px;

	top: 7px;

	width: auto;

	z-index: 100000;

}





/**

 * 8.0 Alignments

 */



.alignleft {

	display: inline;

	float: left;

}



.alignright {

	display: inline;

	float: right;

}



.aligncenter {

	display: block;

	margin-right: auto;

	margin-left: auto;

}



blockquote.alignleft,

.wp-caption.alignleft,

img.alignleft {

	margin: 0.4em 1.6em 1.6em 0;

}



blockquote.alignright,

.wp-caption.alignright,

img.alignright {

	margin: 0.4em 0 1.6em 1.6em;

}



blockquote.aligncenter,

.wp-caption.aligncenter,

img.aligncenter {

	clear: both;

	margin-top: 0.4em;

	margin-bottom: 1.6em;

}



.wp-caption.alignleft,

.wp-caption.alignright,

.wp-caption.aligncenter {

	margin-bottom: 1.2em;

}





/**

 * 9.0 Clearings

 */



.clear:before,

.clear:after,

.site:before,

.site:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-content:before,

.site-content:after,

.nav-links:before,

.nav-links:after,

.comment-navigation:before,

.comment-navigation:after,

.social-navigation ul:before,

.social-navigation ul:after,

.textwidget:before,

.textwidget:after {

	content: "";

	display: table;

}



.clear:after,

.site:after,

.entry-content:after,

.comment-content:after,

.site-content:after,

.nav-links:after,

.comment-navigation:after,

.social-navigation ul:after,

.textwidget:after {

	clear: both;

}

/** LWS **/

body{

	background:#1D1D1D url('images/bg.jpg');

	background:url('images/bg-gradient.png') no-repeat center top,url('images/bg.jpg') repeat;

	background-size: cover,auto;

	color: #fff;

	font-size: 14px;

}

p{

	font-weight: 300;

}

a{

	color: #fff;

}

a:hover,a:focus{

	color: #CDCDCD;

	text-decoration: none;

}

a:active{

	color: #9A9A9A;

}

h1#logo{

	display: block;

	width: 410px;

	height: 170px;

	margin: 0 auto;

	margin-top: 100px;

}

h1#logo a{

	background:url(images/sprite-rion.png) no-repeat;

	width: 410px;

	height: 170px;

	display: block;

	text-indent: -9999px; 

	white-space: nowrap; 

	overflow: hidden; 

}

/**/

.main-nav{

	color: #fff;

	margin-top: 25px;

	margin-bottom:40px;

}

.main-nav ul{

	list-style: none;

	overflow : hidden;

	border-top: 1px solid rgba(79,79,79,0.4);

	border-bottom: 1px solid #4f4f4f;

	margin: 0;

}

.main-nav ul li{

	float: left;

}

.main-nav ul li a{

	display: block;

	color: #fff;

	font-size: 14px;

	font-weight: 700;

	text-transform: uppercase;

	padding: 25px 27px;

	background:url(images/sprite-rion.png) no-repeat 0 -189px;

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

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

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

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

	transition: all 0.3s ease-in-out;

}

.main-nav ul li a:hover{

	text-decoration: none;

	color: #979797

}

.main-nav ul li.books a{

	background-position: 0 -264px;

}



.main-nav ul li.writing a{

	background-position: -1px -342px;

}

.main-nav ul li.blog a{

	background-position: -1px -405px;

}

.main-nav ul li.partners a{

	background-position: 0 -468px;

	padding-left: 30px;

}

.main-nav ul li.contact a{

	background-position:  -1px -540px;

	padding-right: 0;

}

/**/

.presentation{

	text-align: center;

	font-size: 17px;

}

.presentation a{

	font-weight: 700;

	color:#fff;

}

/**/

h1.titleblog{

	color: #4f4f4f;

	margin-top: 25px;

	padding-top: 36px;

	text-transform: uppercase;

	text-align: center;

	letter-spacing: 2em;

	text-indent: 2em;

	background: url('images/sprite-rion.png') no-repeat 319px -634px;

	margin-bottom:75px;

}

.featuredblog.blogbloc

{

	text-align: right;

	padding-right: 45px;

	padding-left: 15px;

	background: none;

}

.blogbloc{

	padding-right:45px;

	padding-left: 47px;

	background:url(images/sprite-rion.png) no-repeat 0 -885px;

	height: 210px;

}

.blogbloc h2{

	font-weight: 800;

	margin-bottom:20px;

	font-size: 16px;

}

.featuredblog h3{

	font-weight: 300;

	margin-top: 5px;

	padding-bottom:3px;

	margin-bottom:15px;

	text-transform: uppercase;

	border-bottom:2px solid #4f4f4f;

	float: right;

	display: block;



}

img.thumbroll{

	border: 3px solid #fff;

	margin-top: -25px;

}

.listroll{

	list-style: none;

	margin: 0;

	padding: 0;

}

a.linkroll{

	display: block;

	font-weight: 700;

	color: #fff;

	padding: 5px 10px;

	text-transform: uppercase;

	margin-bottom: 10px;

	background-color: #737373;

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

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

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

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

	transition: all 0.3s ease-in-out;

}

a.linkroll:hover{

	text-decoration: none;

	color: #737373;

	background:#fff;

}

#colophon{

	font-family: serif;

	font-size: 13px;

	color: #a6a6a6;

	text-align: center;

}

#colophon a{

	color: #fff;

}

/**/

.sociallinks{

	width: 195px;

	margin: 50px auto 25px;

	overflow: hidden;

}

.sociallinks a {

	background: url('images/sprite-rion.png') no-repeat -1px -763px;

	width: 30px;

	height: 31px;

	display: block;

	float: left;

	margin-bottom:25px;

	margin :25px 17px;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

	opacity:1;

}

.sociallinks a:hover{

	opacity: 0.8;

	-moz-transform: rotate(-5deg);

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

	-o-transform: rotate(-5deg);

	-ms-transform: rotate(-5deg);

	transform: rotate(-5deg);

}

.sociallinks a.twitt{

	background-position:  -1px -798px

}

.sociallinks a.insta{

	background-position :  -1px -833px;

}

.breadcrumbs{

	font-size: 13px;

	padding: 10px 0;

	color: #707070;

	text-align: center;

}

.breadcrumbs a{

	color: #fff;

}

h1.main-title{

	text-align: center;

	font-size: 20px;

	margin-bottom:50px;

	padding-top: 25px;

	position: relative;

}



h1.main-title:after{

	height: 2px;

	width: 250px;

	margin: 0 auto;

	background-color: #4f4f4f;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;



	content: '';

	display: block;

}

p.sorry{

	text-align: center;

}

/** BOOKS **/

.book,.partenairebloc,.newsbloc{

	display: block;

	background-color: #737373;

	padding: 20px;

	margin-bottom:30px;



	/*180x250*/

}

.book h2,.newsbloc h2{

	text-transform: uppercase;

	font-weight: 300;

	margin-top: 15px;

	padding-bottom:10px;

	border-bottom:2px solid #838383;

	margin-bottom:12px;

}

.contentbook{

	border-top: 2px solid #4f4f4f;

	padding-top: 40px;

}

/** news **/

.newsbloc{

	/*padding-top: 30px;*/

	padding-bottom:30px;

	border-bottom:2px solid #838383;

}

.newsbloc img{

	border: 3px solid #4f4f4f;

}

.newsbloc p{

	margin-bottom:0;

	word-wrap:break-word;

}

.newsbloc h2{

	border: none;

	margin-top: 0;

	margin-bottom:10px;

	padding-bottom:0;

	font-weight: 700;

}

.newsbloc h2{

	margin-bottom:0;

}

p.datenews{

	font-size: 12px;

	font-style: italic;

	margin-bottom:11px;

	color: #BBBBBB;

}

a.read-more{

	display: block;

	color: #83d4e3;

	margin-top: 5px;

	font-size: 13px;

}

a.read-more:hover{

	color: #B1E9F3;

}

a.linkamazon{

	display: block;

	padding: 10px 15px;

	background-color: #737373;

	background: #737373 url('images/icon-amazon.png') no-repeat 15px center;

	border-bottom:2px solid #202020;

	color: #fff;

	font-weight: 300;

	font-size: 13px;

	margin-bottom: 15px;

	padding-left: 50px;

	float: left;

	clear: both;

}

a.linkamazon:hover{

	background-color: #838383;

}

/** partenaires **/

.partenairebloc h2{

	margin-top: 15px;

	text-align: center;

	text-transform: uppercase;

	font-weight: 300;

}

/** contact **/

.wpcf7{

	width: 100%;

}

.wpcf7-form-control{

	margin-bottom:15px;

	margin-top:5px;

	width: 100%;

	border: none;

	padding:8px 5px;

	font-size: 13px;

	position: relative;



}

.wpcf7-not-valid, .wpcf7-text.wpcf7-not-valid, .wpcf7-textarea.wpcf7-not-valid {

    background-color: #83D4E3;

    color: #fff;

}

.wpcf7-not-valid:-moz-placeholder {

    color: #f48d6d !important;

}

.wpcf7-not-valid::-moz-placeholder {

    color: #f48d6d !important;

}

.wpcf7 {

    position: relative;

    width: 100%;

}

div.wpcf7-response-output {

    border: 0 none;

    bottom: 0px;

    color: #fff;

    font-size: 13px;

    left: 0;

    right: 0;

    margin: 0;

    margin: auto;

    position: absolute;

    text-align: center;

    width: 80%;

}

.wpcf7-response-output.wpcf7-validation-errors {

    background-color: #e39e5a;

    border: none;

    color: #976533

}

.wpcf7-response-output.wpcf7-mail-sent-ok {

    background-color: #78cf1c;

     border: none;

}

span.wpcf7-not-valid-tip{

	position: absolute;

	bottom: -29px;

	left: 0;

	font-size: 12px;

	color: #83d4e3

}

.wpcf7-submit{

	width: 50%;

	margin :0 auto;

	display: block;

}

/** single **/

h1.single{

	text-transform: uppercase;

	font-weight: 300;

	font-size: 20px;

}

.entry-content h2{

	font-weight: 600;

	margin-top:18px;

	text-transform: uppercase;

	margin-bottom:15px;

}

/** Single Book **/

.commentaire-auteur{

	padding: 20px;

	background-color: #4f4f4f;

	margin-top: 25px;

	font-size: 12px;

	font-weight: 300;

	position: relative;

}

.commentaire-auteur h2{

	margin-bottom:15px;

	font-size: 18px;

	text-align: center;

	padding: 0 25px;

}

.commentaire-auteur .quotes{

	font-size: 25px;

	position: absolute;

	left: 10px;

	top: 5px;

	display: block;

	color: #9d9d9c;

	font-family: 'Georgia',serif;

	font-style: italic;

}

.commentaire-auteur .quotes.right{

	left: inherit;

	top: inherit;

	right: 10px;

	bottom: 5px;

}

.container.rgpd img{
	display: block;
	margin: auto;
	background-color: #fff;
    padding: 25px;
    border-radius: 100%;
    border: 5px solid #939393;
}

.container.rgpd h2{
	text-align: center;
	font-size: 20px;
    margin-top: 30px;
}

.container.rgpd.rgpd-content h2{
	text-align: left;
	margin-bottom: 10px;
}

.container.rgpd a.btn{
	text-align: center;
	display: block;
	width: 150px;
    margin: auto;
    margin-top: 30px;
    background-color: #fff;
    color: #232323;
    transition: all ease .3s;

}

.container.rgpd a.btn:hover{
	background-color: #939393;
	color: #fff;
}

.container.rgpd .row div:nth-child(2){
	border-right: 3px solid #fff;
	border-left: 3px solid #fff;
}

@media (max-width: 991px){
	.container.rgpd .row div:nth-child(2){
		border-right: none;
		border-left: none;
		border-top: 3px solid #fff;
		border-bottom: 3px solid #fff;
	}
	.container.rgpd .row div{
		margin-bottom: 25px;
		margin-top: 25px;
		padding-bottom: 50px;
		padding-top: 50px;
	}
}

/** ------ **/



/**

 * 16.0 Media Queries

 */



@-ms-viewport {

	width: device-width;

}



@viewport {

	width: device-width;

}



/**

 * 16.1 Mobile Large 620px

 */



@media screen and (min-width: 38.75em) {

	

}





/**

 * 16.2 Tablet Small 740px

 */



@media screen and (min-width: 46.25em) {

	

}





/**

 * 16.3 Tablet Large 880px

 */



@media screen and (min-width: 55em) {

	

}





/**

 * 16.4 Desktop Small 955px

 */



@media screen and (min-width: 59.6875em) {

	

}





/**

 * 16.5 Desktop Medium 1100px

 */



@media screen and (min-width: 68.75em) {

	

}





/**

 * 16.6 Desktop Large 1240px

 */



@media screen and (min-width: 77.5em) {

	

}





/**

 * 16.7 Desktop X-Large 1403px

 */



@media screen and (min-width: 87.6875em) {

	

}





/**

 * 17.0 Print

 */



@media print {

	body{background:none!important;font-size:11.25pt}.secondary-toggle,.navigation,.page-links,.edit-link,#reply-title,.comment-form,.comment-edit-link,.comment-list .reply a,button,input,textarea,select,.widecolumn form,.widecolumn .mu_register form{display:none}.site-header,.site-footer,.hentry,.entry-footer,.page-header,.page-content,.comments-area,.widecolumn{background:none!important}body,blockquote,blockquote cite,blockquote small,label,a,.site-title a,.site-description,.post-title,.author-heading,.entry-footer,.entry-footer a,.taxonomy-description,.entry-caption,.comment-author,.comment-metadata,.comment-metadata a,.comment-notes,.comment-awaiting-moderation,.no-comments,.site-info,.site-info a,.wp-caption-text,.gallery-caption{color:#000!important}pre,abbr[title],table,th,td,.site-header,.site-footer,.hentry + .hentry,.author-info,.page-header,.comments-area,.comment-list + .comment-respond,.comment-list article,.comment-list .pingback,.comment-list .trackback,.no-comments{border-color:#eaeaea!important}.site{margin:0 7.6923%}.sidebar{position:relative!important}.site-branding{padding:0}.site-header{padding:7.6923% 0}.site-description{display:block}.hentry + .hentry{margin-top:7.6923%}.hentry.has-post-thumbnail{padding-top:7.6923%}.sticky-post{background:#000!important;color:#fff!important}.entry-header,.entry-footer{padding:0}.entry-content,.entry-summary{padding:0 0 7.6923%}.post-thumbnail img{margin:0}.author-info{margin:0}.page-content{padding:7.6923% 0 0}.page-header{padding:3.84615% 0}.comments-area{border:0;padding:7.6923% 0 0}.site-footer{margin-top:7.6923%;padding:3.84615% 0}.widecolumn{margin:7.6923% 0 0;padding:0}

}