@charset "UTF-8";
/*
Theme Name: Le Grand Atelier
Theme URI: http://www.samuelbarbosa.net
Description: Thème du site
Author: Samuel Barbosa
Version: 1.6
Tags:
*/

/*
Feuille de style : Le Grand Atelier

Sommaire:
—Reset.css
—Styles généraux
—Page d’accueil
—Page Le Grand Atelier
—Page actualités
—Page projet

*/


/*
Reset.css
—————————

 	Basé sur le reset.css de Eric Meyer : 
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 

*/
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}body{line-height:1;color:black;background:white}ol,
ul{list-style:none}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:"" ""}


/*
Styles généraux
———————————————
*/
body{
	color: #00db64;
	font-family: sans-serif;
}
.clear{
	clear: both;
}
strong{
	font-weight: bold;
}
a:hover{
	color: #d93519;
}
#page{
	left: 6px; /*À cause de la marge rajoutée pour le float en home*/
	margin: 20px auto 40px auto;
	position: relative;
	width: 784px;
}
#header{
	margin: 0 0 24px 0;
	width: 772px;
}
#header h1{
	left: -17px;
	position: relative;
}
#menu{
	font-size: 10px;
	line-height: 8px;
	position: absolute;
	right: 12px;
	text-align: right;
	text-transform: uppercase;
	top: 9px;
	width: 200px;
}
#menu li{
	margin: 0 0 2px 0;
}
a{
	color: #00db64;
	text-decoration: none;
}
#menu a:hover{
	color: #d93519;
}
#page-active{
	color: #00db64;
}
/*
Page d’accueil
——————————————
*/
.thumbnail{
	float: left;
	height: 144px;
	margin: 0 12px 12px 0;
	position: relative;
	width: 184px;
}
.thumb-over{
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 300;
}
.thumb-out{
	cursor: pointer;
	z-index: 100;
}


/*
Page Le Grand Atelier
—————————————————————
*/
#about{
	font-size: 18px;
	line-height: 24px;
	width: 675px;
}
#about p{
	letter-spacing: 0.05em;
	margin: 0 0 24px 0;
color:#054145;
}
#more-about{
	margin-bottom: 50px;
}
#more-about p,
#more-about h3{
	color: #00db64;
	letter-spacing: 0.02em;
	margin-bottom: 3px;
}
.morespace{
	padding-bottom: 5px;
}
#contact{
	float: left;
	height: 116px;
	position: relative;
	width: 155px;
}
#contact img{
	margin-top: -24px;
	position: relative;
	top:50%;
}
#contact-container{
	float: left;
}
/*
#more-about{
	margin: 40px 0 40px 0;
	position: relative;
	width: 100%;
}
#contact{
	position: absolute;
	left: -209px;
	margin-top: -45px;
	text-align: center;
	top: 50%;
	width: 195px;
}

#more-contact{
	font-size: 15px;
	line-height: 18px;
	position: absolute;
	top: 0;
	right: 0;
	width: 575px;
	padding-bottom: 40px;

}
#more-contact h3{
	color: #d93519;
	margin: 0;
}
*/
/*
Page actualités
———————————————
*/
.date{
	color: #054145;
	font-size: 11px;
	position: relative;
	top:-5px;
}
.post{
	margin-bottom: 6px;
	overflow: hidden;
}
.post-content h2{
	color: #054145;
	font-size: 18px;
	letter-spacing: 0.03em;
	line-height: 25px;
	text-transform: uppercase;
	margin: 6px 0 12px 0 ;
}
.post-content{
	color: #054145;
	float: left;
	font-weight: normal;
	height: 264px;
	font-size: 15px;
	
	line-height: 20px;
	margin: 0  12px 12px 0;
	width: 380px;
}
.post-content a,
.travaux-content a
{
	/* border-bottom: 2px solid; */ 
}
.post-content p{
	letter-spacing: 0.04em;
}

.media-img{
	height: 264px;
	float: left;
	margin: 0  12px 12px 0;
	width: 380px;
}

/*
Page projet
———————————
*/
#slider{
	cursor: pointer;
	height: 552px;
	margin: 0 0 25px 0;
	overflow: hidden;
	position: relative;
	width: 772px;
}
#slider img{
	left: 0;
	position: absolute;
	top: 0;
}
#slider .next{
	position: absolute;
	left: 772px;
}
#infos-travaux{
	position: relative;
	width: 772px;
}
#infos-travaux h2{
	float: left;
	font-size: 14.5px;
	margin-right: 12px;
	text-transform: uppercase;
	width: 184px;
}
#retour{
	font-size: 10px;
	position: absolute;
	right: 24px;
	bottom: 24px;
	z-index: 600;
}
.travaux-content{
	color: #054145;
	font-size: 12px;
	line-height: 16px;
	float: left;
	margin-right: 12px;
	width: 478px;
}

#dots{
	float: left;
	width: 86px;
}
#dots a{
	margin: 0 6px 4px 0;
}