/*
Theme Name: Zestedecouleurs.fr
Theme : www.zestedecouleurs.fr
Auteur : Emilie
Description: Theme Wordpress par www.zestedecouleurs.fr
Version: 1.0
*/



.latestimg {
margin-right:5px;
opacity:0.7;
width:70px;
height:70px;
background: #b1a7a7;
padding:4px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}

.latestimg:hover {
opacity:1;
background: #cf6b5f;}


/* 1.0 General
-------------------------------------------------------------- */

u {text-decoration:none;
border-bottom:1px dashed #dda5ab;}

strong, b {font-weight:normal !important;
color:#7f6d82;}

em, i { 
color:#7c8bbd;}

body {
font-family: 'Trirong', serif;
font-size: 13px;
line-height: 20px;
color:#707070;
background: #ececec;}

h1,h2,h3,h4,h5,h6,
p,blockquote,form {
margin: 23px 0;
color:#707070;}

h1,h2,h3,h4,h5,h6 {
font-family: 'Trirong', serif;
font-size: 13px;
line-height: 20px;
color: #707070;}

a {text-decoration: none;
color: #413662;}

img {
margin: 3px;
padding: 4px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
vertical-align: middle;}

img:hover {}

blockquote {
text-align:justify;
padding: 1px 20px;
background-color:#ececec;
border-left: 5px solid #7f6d82}

hr {
height: 1px;
color: #ececec;
border: 0;
background-color: #ececec;}

input,textarea,select {
max-width: 100%;
padding: 5px;
border: 1px solid #ccc;
background: #fff;}

button,
input[type='reset'],
input[type='submit'],
input[type='button'] {
font: 11px/20px 'Oswald',Arial,sans-serif;
padding: 5px 15px 3px 15px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
text-transform: uppercase;
color: #4b5252;
border: 0;
border-bottom: 2px solid #d4697f;
background: #ededed;}

button:hover,
input[type='reset']:hover,
input[type='submit']:hover,
input[type='button']:hover {
background: #ededed;}



/* 2.0 En tete du site
-------------------------------------------------------------- */

.fond_haut {
text-align:center;
background-color:#77657b;
box-shadow: 0px 0px 17px #68596c inset;
padding:5px;}

.adress_site {
font-family: 'Trirong', serif;
font-size: 13px;
background-color:#8c9dd5;
padding-left:4px;
padding-right:4px;
margin-right:40px;
color:#ffFFff;}

.slogan {
font-family: 'Trirong', serif;
font-size: 13px;
color:#ffFFff;}

.fond_menu {
border-bottom:3px solid #e6e6e6;
color:#ececec;
width:1100px;
background-color:#fafafa;
padding-top:15px;
padding-bottom:15px;
margin-top:20px;
margin-bottom:20px;}

.titre_site {padding-left:65px;
text-align:left;
font-family: 'Cedarville Cursive', cursive;
font-size: 25px;
color: #707070;
text-transform: Capitalize;}

.menu_site a {
padding-left:5px;
padding-right:8px;
font-family: 'Playfair Display', serif;
font-size: 13px;
text-transform: uppercase;
color:#413662;}

.menu_site a:hover {
padding-left:5px;
padding-right:8px;
font-family: 'Playfair Display', serif;
font-size: 13px;
text-transform: uppercase;
color:#413662;
box-shadow: #ececec 0 -6px inset;}

.menu_site .fa {
padding-left:15px;
color:#7c8bbd;}

.fond_welclp {margin-top:-7px;
background-color:#fafafa;
padding-top:10px;
padding-bottom:10px;
margin-bottom:25px;}

.titre_welc {
font-family: 'Cedarville Cursive', cursive;
font-size: 25px;
color: #707070;
text-transform: lowercase;}

.text_wel {color:#707070;
padding:8px;
background-color:#ececec;
text-align:justify;
margin-top:5px;
margin-left:15px;
margin-right:15px;
font-family: 'Trirong', serif;
font-size: 13px;
line-height: 15px;}

.text_wel:first-letter {
	float: left; 
	line-height: 30px; 
	padding: 4px 8px 0 3px; 
	font-size:50px; 
	font-family: 'Trirong', serif;
	color: #7f6d82;}






/* 3.0 Images
-------------------------------------------------------------- */

#header {
height: 400px;
width: 1100px;
padding: 8px 0 0 0;
background: url(images/header.png) no-repeat;}



	

/* 4.0 Structure
------------------------------------------------------------- */

#wrapper {
max-width: 1100px;
background-color:#ececec;
margin: 0 auto;
padding: 0 0 0 0;}



/* 5.0 Content
-------------------------------------------------------------- */

#content {
float: right;
width: 750px;
margin: 0 0 0 0;}



/* 6.0 Sidebar
-------------------------------------------------------------- */

#sidebar {
font-family:'Arimo', sans-serif;
font-size:12px;
float: left;
width: 350px;
height:auto;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #d4d4d4;}

#sidebar blockquote {
padding: 8px;
background-color:#ececec;
border-left: 5px solid #7f6d82;}
	
.side {width:300px;
background-color:#fbfbfb;
padding:10px;
margin: 0 0 65px 0;}

#sidebar .side-title {
width:270px;
background-color:#77657b;
font-family: 'Cedarville Cursive', cursive;
font-size: 25px;
padding-top:3px;
padding-bottom:3px;
color:#ffFFff;}

#sidebar .sous-title {
width:270px;
background-color:#fbfbfb;
font-family: 'Playfair Display', serif;
font-size: 13px;
text-transform: uppercase;
padding-top:3px;
padding-bottom:3px;
color:#707070;}

#sidebar .side-content .fa .i {
margin-right:5px;
color: #83b9cb;}

.side-content {
color:#707070;
font-family: 'Trirong', serif;
font-size: 13px;
line-height: 20px;
margin: 19px 0;
text-align:justify;
padding-top:10px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;}

.icon_side {
margin-bottom:-30px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;}

.img_elite {
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;}



/* 5.1 Posts
-------------------------------------------------------------- */

#sidebar2 {
margin-top:0px;
background-color:#fbfbfb;}

.ycontenu {
background-color:#fbfbfb;
width:750px;}

.dates {
font-family: 'Playfair Display', serif;
font-size: 25px;
letter-spacing: -1px;
color: #7c8bbd;
text-transform: uppercase;
font-weight: bold;}

.titrecontenu a {
font-family: 'Cedarville Cursive', cursive;
font-size: 25px;
color:#413662;
padding-bottom:3px;
padding-top:3px;
padding-left:20px;
padding-right:8px;}

.details {
padding-left:20px;
border-bottom:1px solid #ededed;}

.contenu {
border-bottom:1px solid #ededed;
text-align:justify;
margin:40px;
color:#707070;
font-family: 'Trirong', serif;
font-size: 13px;
line-height: 20px;}



/* 7.0 Footer
-------------------------------------------------------------- */

#footer {
font-family: 'Playfair Display', serif;
font-size: 13px;
text-transform: uppercase;
color: #ffFFff;
text-align:center;
background-color:#77657b;
box-shadow: 0px 0px 17px #68596c inset;
padding-top:20px;
padding-bottom:20px;
padding-left:60px;
padding-right:60px;}

#footer a {
font-family: 'Playfair Display', serif;
font-size: 13px;
text-transform: uppercase;
color: #ffFFff;}

#footer i {
color: #ffFFff;}











/* 5.7 Attachments

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



div.attachment {

	margin: 0 0 46px 0;

	padding: 0 0 1px 0;

	border-bottom: 3px solid #d7d7d7;

	background: #fff;}







/* 5.9 Comments

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



#comments {

	padding: 20px 20px 1px 20px;}



.comments-title {

	font: 400 18px 'Dosis', sans-serif;

	display: table;

	margin: 0 0 23px 0;

	padding: 0 0 3px 0;

	color: #868997;}



.comment-list {

	margin: 0;

	padding: 0;

	list-style: none;}



.comment {

	margin: 23px 0;}



.comment-body {

	border-bottom: 1px solid #868997;}



.comment-meta {

	font-size: 10px;

	line-height: 18px;

	text-transform: uppercase;}



.comment-author .fn {

	font: 15px 'Dosis', sans-serif;

	font-style: normal;}



.comment-author .avatar {

	float: left;

	margin: 0 10px 0 0;

	border-radius: 100%;}



.com-nav {

	font-family: 'Dosis', sans-serif;

	margin: 23px 0;}



/* 5.9 Respond

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



.comment-reply-title {

font-family:'Dosis', sans-serif;

	font-size: 18px;

	display: table;

	margin: 0 0 23px 0;

	padding: 0 0 3px 0;

	color: #868997;}



.comment-form label {

	display: block;}



.comment-form input[type='text'] {

	min-width: 50%;}



.comment-form textarea {

	width: 80%;}



.form-allowed-tags {

	display: none;}

	

	



/* 8.0 Pagination

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



.pagination {

	font: 15px/26px 'Fira Sans', sans-serif;

letter-spacing : 1px;

text-transform : lowercase ;

color: #f5f5f5;

	margin: 23px 25px;}





/* 9.0 WP Core
-------------------------------------------------------------- */


/* Sidebar WP Core */

#sidebar .wp-caption img {
    margin: 0;
    padding: 0;}

#sidebar .wp-caption-text {
    margin: 0;}

#sidebar .wp-smiley {
    margin: 0;
    padding: 0;}

#sidebar .wp-smiley:hover {
    border: 0;}
    

.alignleft {

	float: left;}



.alignright {

	float: right;}



.aligncenter {

	display: block;

	margin-right: auto;

	margin-left: auto;

	text-align: center;}



.wp-caption {

	max-width: 100%;



	padding: 5px 0;



	text-align: center;



	border: 1px solid #ccc;



	background: #fff;



}







.wp-caption img {



	margin: 0;



	padding: 0;



	border: 0;



	background: none;



}







.wp-caption-text {



	font-size: 11px;



	line-height: 1.5;



	margin: 0;



}







img.alignleft,



.wp-caption.alignleft {



	margin: 3px 10px 10px 0;



}







img.alignright,



.wp-caption.alignright {



	margin: 3px 0 10px 10px;



}







img.aligncenter,



.wp-caption.aligncenter {



	margin-top: 3px;



	margin-bottom: 3px;



}







.gallery-caption {



	font-size: 11px;



	line-height: 1.5;



	margin: 0;



	padding: 0;



}







.sticky {}



.bypostauthor {}







.size-auto,



.size-full,



.size-large,



.size-medium,



.size-thumbnail,



img {



	max-width: 100%;



	height: auto;



}







embed,iframe,object,video {



	max-width: 100%;



}







.wp-smiley {



	margin: 0;



	padding: 0;



	vertical-align: top;



	border: 0;



	background: none;



}







.clear {



	clear: both;



}