/*
Theme Name: Morgan Thomas
Theme URI: http://www.morganthomas.fr/
Description: Portfolio de l'artiste Morgan Thomas
Version: 0.1
Author: Yohann Cordelle
 
Creation Theme by Yohann Cordelle || http://www.yohann.atelier-oz.fr
 
*/

@charset "utf-8";
/* CSS Document */

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, img, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color:#707173;
}

body {
	color: black;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	
}

a:hover {
	color: #93569a;

}

a {
	color: #707173;
	font-size: 0.9em;
	text-decoration: none;
}


.col {
	float: left;
	width: 300px;

}

.menu ul li {
	margin-top: 8px;
}

.menu ul li ul.ssm li{
	margin-top: 0px;
}

ul.list li {
	display: inline;
	float: left;
	width: 200px;	
}

ul.list li h2 {
	font-weight: bold;
	color: #93569a;
	padding-bottom: 20px;
	padding-top: 3px;

}

ul.list li ul li {
	display: block;
	float: none;
}



ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: inline-block;
}

.left {
	float: left;
	width: 200px;
}

.right{
	float: left;

}
/* \*/
.clear {
	display: block;
}
/* */
.image {
	display: block;
	font-size: 0;
	text-indent: -9999px;
	outline: none;
}


/** **/

.header {
	display: block;
	margin: 40px 10px 0px 40px;
}

.content {
	display: block;
	margin: 0px 10px 10px 40px;
}



.menu {
	margin: 0px;
	width: 125px;
	display: inline;
	float: left;
	font-weight: bold;

}

.work {
	margin: 0px 0px 0 0px;
	padding: 0.1em;
	width: 900px;
}

p {
	text-align: justify;
	margin-top: 5px;
	color:#707173;
	padding-bottom: 10px;
	font-size: 0.8em;


}


h1 {
	display: inline;
	font-size: 1.2em;
}

h2 {
	font-size: 1.1em;
}

h3 {
	font-size: 1em;

}

h4 {
	font-size: 0.9em;
}

h5 {
	font-size: 0.7em;
}




h1 a, h1 a:visited{
	font-size: 1.2em;
	width: 125px;
	color: #000;
	font-weight: bold;
}

.paginantion {
	display: block;
	margin: 8px 0 5px 0;
	font-size: 0.8em;
	color: #000000;
	font-weight: bold;
	width: 900px;
}

.paginantion a {
	font-weight: bold;
	padding: 0 0 0 0;
}

.paginantion a:hover{
	color: #000000;
	
}

.artwork a {
	color: #e3004f;
}
.posters a {
	color: #00978f;
}
.logos a {
	color: #e85113;
} 
.perso a {
	color: #c09a47;
} 
.sketches a {
	color: #009ee0;
} 


/** ajouter ici une marge basse ?**/
.ssm {
padding: 0 0 0 0;
}

li.c1 a, li.c2 a, li.c3 a, li.c4 a, li.c5 a, li.c6 a, li.c7 a, li.c8 a{
font-size: 1.2em;
}

ul.ssm li a {
font-size: 0.8em;

}

.c1 a{
	color: #3e3d40;
}
.c2 a{
	color: #58585a;
}
.c3 a{
	color: #707173;
}
.c4 a{
	color: #87888a;
}
.c5 a{
	color: #9c9e9f;
}
.c6 a{
	color: #b1b3b4;
}
.c7 a{
	color: #c6c7c8;
}
.c8 a{
	color: #d9dadb;
}

.c1 a:hover, .c1 a.open{
	color: #e3004f;
}
.c2 a:hover, .c2 a.open{
	color: #00978f;
}
.c3 a:hover, .c3 a.open{
	color: #e85113;
}
.c4 a:hover, .c4 a.open{
	color: #c09a47;
}
.c5 a:hover, .c5 a.open{
	color: #009ee0;
}
.c6 a:hover, .c6 a.activ{
	color: #93569a;
}

.c7 a:hover, .c7 a.open, .c7 a.activ{
	color: #97bf0d;
}
.c8 a:hover, .c8 a.open, .c8 a.activ{
	color: #ffcc00;
}

.see,
h6 {
	display: none;

}

.wpcf7-validation-errors,
.wpcf7-mail-sent-ok  {
	font-size: 0.8em;
	color: #FFCC00;

}