/*
Bienvenue dans l’éditeur CSS de l’extension Design !

CSS (Cascading Style Sheets) est un langage qui fournit des informations à
votre navigateur concernant le style de la page web que vous visitez. Vous
pouvez maintenant supprimer ces commentaires et commencer à ajouter votre
propre code CSS.

Par défaut, cette feuille de style sera chargée après la feuille de
style de votre thème, ce qui veut dire que les nouvelles règles que vous
ajouterez ici pourront remplacer celles créées par le thème.

Vous pouvez donc ajouter ici les changements que vous souhaitez apporter à
votre thème, sans avoir à copier la feuille de style existante de
celui-ci, ou avoir à recréer toutes les règles de style de votre thème.
*/
/* --------------------------------------------------------------
Special CSS CV...
-------------------------------------------------------------- */
/* ----------CORRECTION DU THEME------------- */
.entry-title {
	font-size: 65px;
	width: 750px;
}

.slideshow-controls {
	width: 100% !important;
	top: 370px;
}

h3, h3 a {
	font-family: Futura, sans-serif;
	color: rgb(80,53,55);
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

h3 a:hover {
	color: rgb(154,147,147);
}

h4 {
	margin-top: 2px;
	margin-bottom: 2px;
	letter-spacing: .1em;
	font-family: Futura, sans-serif;
	font-size: 14px;
	font-variant: small-caps;
}

ul {
	list-style-type: disc;
	margin-left: 15px;
}

.entry-content li {
    margin-bottom: 0%;
}

blockquote {
	font-size: .8em;
}

article {
	height: auto;
}

/* ----------CLASS SPECIFIC------------- */
.page-content, #cv {
	width: 810px;
}

.editeur {
	letter-spacing: 5px;
	font-variant: small-caps;
}

.article {
	height: 360px;
	margin-bottom: 5px;
}

.top5 {
	width: 200px;
	padding: 5px;
	margin-right: 15px;
	margin-top: 10px;
	background-color: #9a9393;
	color: white;
	font-size: .7em;
	text-transform: none;
	line-height: 15px;
}

.descriptif {
	width: 350px;
	float: right;
}

.descriptif2 {
	width: 540px;
	float: right;
}

.small {
	font-size: .8em;
}

.edit {
	width: 250px;
	height: 340px;
	background-color: #222;
	border: 20px solid #222;
	border-radius: 11px;
	margin-bottom: 20px;
	float: left;
}

.circle {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.hide {
	display: none;
}

.filtre {
	filter: sepia(50%);
	-webkit-filter: sepia(50%);
}

.logo {
	width: 200px;
	height: 200px;
	position: relative;
	display: inline-block;
	border: 2px solid rgb(227,226,226);
	overflow: hidden;
	padding: 20px;
	margin-right: 20px;
	-webkit-box-sizing: padding-box;
	-moz-box-sizing: padding-box;
	box-sizing: padding-box;
}

.logo img {
	width: 100%;
	height: 100%;
}

.logo figcaption {
	position: absolute;
	top: 20px;
	left: -120%;
	z-index: 10;
	width: 160px;
	height: 160px;
	background-color: rgba(154,147,147,0.6);
	color: white;
	transition: 1.4s;
	text-align: center;
	line-height: 20px;
	padding-top: 25px;
}

figure.logo:hover figcaption {
	left: 20px;
}

.fa-circle {
	color: rgb(152,147,145);
}

a:hover .fa-circle {
	color: rgb(80,53,55);
}

.social {
	margin-left: 0;
	width: inherit;
	text-align: center;
	font-size: 1.3em;
	margin-bottom: 25px;
}

.social li {
	display: inline-block;
	margin-top: 25px;
}

.ldc-ul_cont {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-family: Futura, sans-serif;
	color: #503537;
	font-variant: small-caps;
}

/* ----------ELEMENTS SPECIFICS------------- */
#credits {
	font-size: .6em;
	font-weight: lighter;
	text-align: center;
}

#gallery-476-5-slideshow, #gallery-534-3-slideshow {
	border-top: 0;
}

#gallery-476-5-slideshow .slideshow-slide, #gallery-534-3-slideshow .slideshow-slide {
	margin-top: -20px;
}

#gallery-476-6-slideshow .slideshow-slide {
	margin-top: -25px;
}

#gallery-528-3-slideshow .slideshow-controls {
	top: 420px;
}

#gallery-528-3-slideshow {
	height: 450px !important;
	margin-bottom: 0;
}

/*CV*/
#cv {
	height: 1280px;
	font-family: Times, sans-serif;
	font-size: 14px;
	color: black;
	position: relative;
}

#background {
	position: absolute;
	content: "";
	background: url('img/fond_cv_tiph.png') no-repeat top center;
	width: 286px;
	height: 1350px;
	top: 0;
	left: 190px;
	z-index: -1;
}

#exp {
	width: 450px;
	height: 980px;
	position: absolute;
	top: 275px;
	left: 353px;
}

#exp article {
	height: auto;
	margin-bottom: 0;
}

#cv a {
	color: rgb(80,53,55);
	text-decoration: none;
}

#cv a:hover {
	color: rgb(154,147,147);
}

#cv p {
	margin-top: 0;
	margin-bottom: 10px;
}

#cv ul {
	padding-left: 2px;
	margin-top: 0;
	margin-bottom: 1px;
}

p .editeur:last-child {
	margin-bottom: 4px;
}

.propos {
	font-style: italic;
}

.title {
	font-variant: small-caps;
	font-style: normal;
}

#study, #interest {
	width: 327px;
	text-align: right;
	position: absolute;
	left: -30px;
}

#study {
	top: 385px;
}

#interest {
	top: 880px;
}

#cv button {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: rgb(80,53,55);
	color: white;
}

#cv button:hover {
	background-color: rgb(154,147,147);
	font-style: italic;
	cursor: pointer;
}

/*--- HOMEPAGE---*/
#home	figure {
	width: 400px;
	display: block;
	border: 2px solid rgb(227,226,226);
	overflow: hidden;
	padding: 20px;
	-webkit-box-sizing: padding-box;
	-moz-box-sizing: padding-box;
	box-sizing: padding-box;
	margin: 0;
	position: relative;
	vertical-align: top;
	margin-bottom: 2px;
	perspective: 1000px;
}

#home	.card {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all 1s linear;
}

#home	figure:hover .card {
	transform: rotateY(180deg);
	box-shadow: -5px 5px 5px #aaa;
}

#flo1,#flo6, #flo7, #flo5 {
	margin-right: 2px;
	float: left;
}

#flo4, #flo2, #flo8, #flo3 {
	float: right;
}

#flo1 {
	height: 400px;
}

#flo2 {
	height: 585px;
}

#flo5 {
	height: 286px;
}

#flo6 {
	height: 242px;
}

#flo7 {
	height: 520px;
}

#flo8 {
	height: 243px;
}

#flo3, #flo4 {
	height: 310px;
}

#home {
	width: 810px;
}

#home	img {
	width: 360px;
	height: auto;
	position: absolute;
	backface-visibility: hidden;
	-webkit-box-shadow: 2px 2px 3px grey;
	box-shadow: 2px 2px 3px grey;
}

#home	img.back {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}

/*--- HOMEPAGE2---*/
#accueil {
	width: 100%;
	margin-left:7%;
}

#accueil section, #accueil aside {
	display: inline-block;
	vertical-align: top;
}

#accueil section {
	width: 60%;
	margin-left: -30px;
	margin-right: 10px;
}

#accueil aside {
	width: 35%;
	font-size: .6em;
	margin-top: 0;
}

#accueil aside p {
	margin-bottom: 5px;
}

#accueil aside figure {
	margin-top: 40px;
}

#accueil .tiled-gallery {
	margin-bottom: 5px;
}

#accueil .wp-caption {
	margin: 5px auto 0;
}

.page .entry-content{
	width:100% !important;
}