body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, article, aside, section, footer, header, nav{ 
	margin: 0; 
	padding: 0;
}
table{ 
	border-collapse: collapse; 
	border-spacing: 0; 
} 
fieldset, img{  
	border: 0; 
}
address, caption, cite, code, dfn, em, strong, th, var{ 
	font-style: normal; 
	font-weight: normal; 
}
ol, ul{ 
	list-style: none;
	text-indent: 0;
} 
caption, th { 
	text-align: left; 
} 
h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
	font-weight: normal; 
} 
q:before, q:after { 
	content: ''; 
} 
abbr{
	border-bottom: 1px dotted #777; 
}
a{
	text-decoration: none;
	outline : none; /* enleve les pointilles sous firefox lorsqu'un lien est clique */
}
nav, header, footer, section, article{
	display: block;
}

/* design start here
-------------------*/

html{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	
	background: #000 url(../img/bg.jpg) no-repeat center fixed; 
}
body{
	width: 1000px;
	margin: 0 auto 100px auto;
	
	color: #444;
}


/* positionement
---------------*/
#header{
	width: 900px;
	height: 75px;
	margin: 0 auto 40px auto;
	padding: 0 50px;
	
	text-align: right;
	color: #fff;
	
	border-bottom: 1px solid #fff;
	-webkit-box-shadow: 0 10px 2px rgba(0,0,0, 0.3);
	-moz-box-shadow: 0 10px 2px rgba(0,0,0, 0.3);
	-o-box-shadow: 0 10px 2px rgba(0,0,0, 0.3);
	box-shadow: 0 10px 2px rgba(0,0,0, 0.3);
}

#logo{
	float: left;
	
	font-size: 2em;
	font-style: book italic;
	line-height: 75px;
	vertical-align: middle;
	color: #fff;
	font-weight: bold;
}
#logo img{
	vertical-align: middle;
	padding-bottom: 12px;
	margin: 0 5px 0 0;
}

#nav{
	float: right;
	
	font-size: 1.5em;
	font-style: book;
}
#nav ul{
	list-style-type: none;
	text-align: right;
}
#nav li{
	display: inline;
	margin-right: 25px;
	
	line-height: 75px;
}
#nav li:last-child{
	margin-right: 0;
}
#nav a{
	color: #fff;
	border-bottom: 1px dashed;
	
	-webkit-transition: color 700ms ease-in;
	transition: color 700ms ease-in;
}
#nav a:hover{
	color: #aaa;
	
	-webkit-transition: color 200ms ease-in;
	transition: color 200ms ease-in;
}
#nav a[href*="#footer"]:before{
	content: url(../img/bottom.png);
	margin-right: 5px;
}



#about, #slider{
	width: 900px;
	padding: 30px 50px 25px 50px;
	margin-bottom: 40px;
	
	color: #fff;
	
	background: #222;
	border: 1px #333 dotted;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
#about h1{
	color: #fff;
}
#about p{
	font-size: 1.2em;
	line-height: 1.5em;
}



#slider h1{
	color: #fff;
}

#slider img{
	width: 800px;
}

#nivo-slider{
	width: 800px;
	margin: 0 auto 25px auto;
	
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#nivo-slider img{
	/*stop flashing image before plugin load*/
	position:absolute;
	top:0px;
	left:0px;
	display:none;

}

.wrapper{
	padding-top: 30px;
	
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}


#content{
	min-height: 500px;
	width: 550px;
	margin: 0 0 0 50px;
	float: left;
}
#content article{
	margin-bottom: 25px;
}
#content img{
	max-width: 540px;	
}

#content-page, #page-404, #portfolio, #contact{
	min-height: 500px;
	width: 900px;
	margin: 0 auto;
}
#content-page img{
	max-width: 900px;	
}
#content-page .left, #content-page .right{
	width: 425px;
}

.pagination{
	margin-bottom: 25px;
}

#comments{
	border-top: 1px #bbb dotted;
	padding-top: 25px;
}
#comments li{
	padding: 10px;
	display: block;
}
#comments > ol > li{
	border-bottom: 1px dotted #bbb;
}
.vcard{
	background: #efefef;
	padding: 10px 0 0 10px;
	border-bottom: 1px #d5d5d5 solid;
}
.comment-avatar{
	float: left;
	margin-right: 10px;
}
comment-info{
	float: left;
}
.comment-author{
	font-size: 1.4em;
	vertical-align: top;
	background: none;
	color: #000;
}
.comment-time{
	
}
.comment-text{
	margin-top: 10px;
}
.comment-reply{
	
}
#comments > ol > li li{
	margin-left: 25px;
	border-left: 1px #bbb dotted;
}


#sidebar{
	width: 300px;
	margin: 0 50px 0 50px;
	float: right;
	
	font-size: 0.9em;
}
#sidebar label, #sidebar header{
	display: block;
	margin-bottom: 12px;
	
	/*font-family: 'BebasNeueRegular', Arial, sans-serif;*/
	font-size: 1.5em;
	color:#000;
	line-height: 1.5em;
	text-indent: 10px;
	
	background: #eee;
	border-bottom: 1px #fff solid;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
#sidebar section, #sidebar form{
	margin-bottom: 25px;
}
#sidebar li{
	border-bottom: 1px dotted #bbb;
	
	line-height: 2em;
	text-indent: 10px;
}
#sidebar a{
	color: #888;
	
	border: 0;
}
#sidebar a:hover{
	color: #69889a;
}
input#search{
	display: inline;
	margin-left: 10px;
	width: 240px;
}
#sidebar input[type="image"], #page-404 input[type="image"], #content input[type="image"], #content-page input[type="image"]{
	position: relative;
	top: 7px;
	margin-left: 10px;
	margin-bottom: 0;
}


#footer{
	/*font-family: 'BebasNeueRegular', Arial, sans-serif;*/
	font-size: 1.15em;
	
	clear: both;
	border-top: 1px solid #888;
	width: 950px;
	height: 50px;
	margin: 0 auto;
}
#footer *{
	line-height: 50px; /*?? peut peut etre etre déplacé au dessus*/
}
#footer .right li{
	float: left;
	margin-left: 25px;
}
#footer .left li{
	float: left;
	margin-right: 25px;
}
#footer a{
	color: #444;
	
	border-bottom: dashed 1px #888;
	-webkit-transition: color 700ms ease-in, border-bottom-color 700ms ease-in;
	transition: color 700ms ease-in, border-bottom-color 700ms ease-in;
}
#footer a:hover{
	color: #69889a;
	
	border-bottom: dashed 1px #69889a;
	-webkit-transition: color 200ms ease-out, border-bottom-color 200ms ease-in;
	transition: color 200ms ease-out, border-bottom-color 200ms ease-in;
}
#footer a[href*="mailto"]:before{
	content: url(../img/mail.png);
	margin-right: 5px;
}
#footer a[href*="#top"]:before{
	content: url(../img/top.png);
	margin-right: 5px;
}
#footer a[href*="google"]:before{
	content: url(../img/google.png);
	margin-right: 5px;
}
#footer a[href*="youtube"]:before{
	content: url(../img/youtube.jpg);
	margin-right: 5px;
}
#footer a[href*="facebook"]:before{
	content: url(../img/facebook.png);
	margin-right: 5px;
}
#footer a[href*="twitter"]:before{
	content: url(../img/twitter.png);
	margin-right: 5px;
}


/* mise en page general
----------------------*/
/*#content article header a{
	color: #fff;
}*/
#content article h1 a{
	color: #111;
	font-weight: normal;
}
#content article h1 a:hover{
	color: #69889a;
}

#content a, .info a, #comments a, #reply a, #content-page a, #page-404 a{
	color: #69889a;
	font-weight: bold;
}
#content a:hover, .info a:hover, .more-link:hover, #comments a:hover, #content-page a:hover, #page-404 a:hover{
	color: #888;
}

#content article ul{
	list-style-type: disc;
	list-style-position: inside;
	text-indent: 1.4em;
}

h1{
	/*font-family: 'BebasNeueRegular', Arial, sans-serif;*/
	font-weight: thin ;
	font-size: 3em;
	color: #111;
	
	margin-bottom: 25px;
}
h2{
	/*font-family: 'BebasNeueRegular', Arial, sans-serif;*/
	font-size: 1.6em;
	color: #111;
	
	margin-bottom: 10px;
}
h3{
	font-size: 1.15em;
	color: #111;
	
	margin-bottom: 10px;
}

.info{
	margin-top: -1.4em;
	border-bottom: 1px #111 solid;
	border-top: 1px #111 solid;
	padding: 6px 0;
	text-align: center;
	
	/*font-style: italic;*/
	color: #999;
}

p, ul, ol, dl, blockquote, code, table{
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

blockquote{
	background: #efefef;
	color: #888;
	padding: 1em;
}
blockquote *:before{
	content: url(../img/quote.png);
	margin-right: 10px;
}

label, input[type="button"], input[type="submit"]{
	display: block;
	margin-bottom: 12px;
}
input[type="text"], input[type="password"], input[type="email"], textarea{
	display: block;
	font-size: 1em;
	color:#888;
	line-height: 2em;
	text-indent: 10px;
	
	margin-bottom: 12px;
	width: 400px;
	
	background: #fff;
	border: 1px solid #888;
}
textarea{
	line-height: 1.6em;	
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{
	color: #444;
	outline: none;
	border-color: #444;
}
input[type="submit"], input[type="button"]{
	background: #000;
	color: #fff;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	font-size: 1.1em;
}
input[type="submit"]:hover, input[type="button"]:hover{
	background: #2f2f2f;
	color: #fff;
}

#content img{
	margin: 5px;
}

strong{
	font-weight: bold;
}
em{
	font-style: italic;
}


/* selon les pages
------------------*/

/* CONTACT */
#contact label{
	display: block;
	margin-top: 1.5em;
}
#contact textarea{
	height: 200px;
}
#contact .left a[href*="mailto"]:before{
	content: url(../img/mail72.png);
	width: 56px;
	margin-right: 10px;
}
#contact .left a[href*="facebook"]:before{
	content: url(../img/facebook72.png);
	width: 56px;
	margin-right: 10px;
}
#contact .left a[href*="twitter"]:before{
	content: url(../img/twitter72.png);
	width: 56px;
	margin-right: 10px;
}
#contact li{
	margin-bottom: 1.5em;
	
	font-size: 2.5em;
	/*font-family: 'BebasNeueRegular', Arial, sans-serif;*/
}
#contact li a{
	background: none;
	color: #000;
}
#contact .left, #contact .right{/*bug fix*/
	width: 425px;
}
#contact input, #contact textarea{
	margin: 0;	
}
#contact input[type="submit"]{
	margin-top: 1.5em;	
}

/* divers
--------*/

.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}

.tright{
	text-align: right;	
}
.tcenter{
	text-align: center;
}

.validateIt-error{
	color: #d63d29;
	font-style: italic;
	line-height: 1.5em;
	margin-top: -2em;
}

#footer .small{
	font-size: 0.85em;
}
#page-404 .big{
	font-size: 4.5em;
}