/*Design by Geoffrey Crofte
* www.creativejuiz.fr
* All right reserved for CreativeJuiZ
*  design 2.0 version
*/
/*Reset browser*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
img,abbr,acronym{border:0;}
*{ padding: 0; margin: 0; outline: 0 none; }
html{font-size:100%; height: 100%;} /*réglage du bogue IE7< fixe la police à 16px par défaut*/
/*Fin Reset*/
a { text-decoration: none; }
body {
	height: 100%;
	background: #454d51 url(../images/bg.jpg) 0 0 repeat;
	font-family: Georgia, Times, "Time new roman", serif;
	color: #d8d8d8;
	font-size: 1.4em;
	text-align: center;
}
#content {
	position: relative;
	width: 100%;
	height: 600px;
	background: transparent url(../images/main.jpg) center top no-repeat;
}
h1, h2 {
	text-indent: -9999px;
}
#nav {
	position: absolute;
	bottom: 26px;
	width: 100%;	text-align:center;
}
#nav li { 	display: inline;	margin: 0 30px;}
#nav a { 
	display: inline-block;
	width: 160px;
}
.mini {
	margin-bottom: 20px;
	border: 4px solid #7e959b;	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	-webkit-box-shadow: -3px 3px 10px #2b3336;
	-moz-box-shadow: -3px 3px 10px #2b3336;	-o-box-shadow: -3px 3px 10px #2b3336;	-ms-box-shadow: -3px 3px 10px #2b3336;
	box-shadow: -3px 3px 10px #2b3336;
}.mini:hover,.mini:focus {	border: 4px solid #fff;}
.pro .mini { 	-webkit-box-shadow: 0px 3px 10px #2b3336;	-moz-box-shadow: 0px 3px 10px #2b3336;	-ms-box-shadow: 0px 3px 10px #2b3336;	-o-box-shadow: 0px 3px 10px #2b3336;	box-shadow: 0px 3px 10px #2b3336;}
.plugins .mini { -moz-box-shadow: 3px 3px 10px #2b3336; -webkit-box-shadow: 3px 3px 10px #2b3336; box-shadow: 3px 3px 10px #2b3336; }
#footer {
	font-size: 0.5em;
	width: 100%;
	padding-top: 20px;
	background: transparent url(../images/trait-footer.png) center top no-repeat;
}
#footer a { color: #888; text-shadow: 1px 1px 0px #333; }
#footer a:hover, #footer a:focus { color: #fff; text-shadow: 1px 1px 0px #000;}
#footer img { margin-left: 10%; float: left; }@media screen and (max-width:640px) {	body {		background: #454d51 url(../images/bg-smart-trame.jpg) 0 0 repeat;	}	#content {		position:static;		width:auto;		height:auto;		background: transparent url(../images/bg-smart.jpg) center top no-repeat;	}	#nav {		display:block;		position: static;		width:auto;		bottom:0;		padding-top:290px;	}	#nav li { 		display:block;		margin:0 0 30px 0;	}	#nav .mini { margin-bottom:5px; }	#nav li a { width:168px; }		#footer { 		width:auto;		padding-top: 0px;		padding-bottom: 35px;		background:none;	}	#footer a { 		display:inline-block;		padding: 6px 16px;		font-family: helvetica, arial, sans-serif;		font-size: 1.4em;		color:#637b7e;		background: #f0f0f0;		background: -webkit-linear-gradient(top, #ffffff, #d8d8d8);		background: -moz-linear-gradient(top, #ffffff, #d8d8d8);		text-shadow: -1px -1px 0 #384344; 				-webkit-border-radius: 20px;		-moz-border-radius: 20px;		border-radius: 20px;							}	#footer img {		margin-top: 15px;	}}