/*   

Css fait par Sébastien Éthier www.seconceptweb.com


*/


/************************************/
/*				Page              */
/************************************/	

*{
	
	padding:0;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	color:#c7c7c7;
	font-size:100%;

}
	




html{
overflow:hidden;

}
body{
	

	background: white none repeat scroll 0 0;

}

/************************************/
/*				Position            */
/************************************/	

.position{
height:1200px;
position:absolute;
width:1920px;
border:1px solid #ccc;
}

#Home{
	top: 0px;
	left: 0px;
	/*background-color: #fff;*/
	color: #333;
}

#Portefolio{
	top: 0px;
	left: 1950px;
	/*background:#222222;*/
}


/************************************/
/*				Layout              */
/************************************/				


#Home,
#Portefolio{
background:#0B0502 none repeat scroll 0 0;

}

.wrapper{
width:100%;
}


.header-wrapper{
	width:100%;
	overflow:hidden;
	vertical-align:top;
	background: #b7dcf4 url('../images/ciel.gif') repeat-x top left;
	
}



.header{
	float:left;
	width:100%;
	margin-left:10%;
	margin-right:10%;/* client-width by defaut*/
}

.content-wrapper{
	width:100%;
	overflow:hidden;
	vertical-align:top;
	background: url('../images/bg.gif') repeat-x top left;
	
}

.content{
	float:left;
	width:100%;
	margin-left:10%;
	margin-right:10%;/* client-width by defaut*/
}

.content .gutter{
	padding:0.7em;
}


.content-sidebar{
	float:right;
	width:150px;
	background:#333;	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border:1px solid #333;
}
	
.content-sidebar .gutter{
padding:0.7em;
}


.footer-wrapper{
	width:100%;
	overflow:hidden;
	vertical-align:top;
	background: red url('../images/bg.gif') repeat-x top left;
	
}

.footer{
	float:left;
	width:100%;
	margin-left:10%;
	margin-right:10%;/* client-width by defaut*/
	text-align:center;
	
	
}


/************************************/
/*				navbar              */
/************************************/		


.navbar{

list-style:none;

}

.navbar li{
float:left;
margin:1em;
padding:0.6em;
background:#333;
}

.navbar li a{
float:left;
font-size:200%;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
}



/************************************/
/*			 Specific style         */
/************************************/		


#tagline{
	font-size:300%;
	font-weight:bold;
	color:#333;
	}
	
#portefolio_table  h1{
	font-size:130%;
	
}	

#portefolio_table  h1 a{
	text-decoration:none;
	color:#F90;
	
}	
	
#portefolio_table td{
	
	padding-bottom:1em;
	
}



/************************************/
/*			 Default style          */
/************************************/	


/*
.block h1{
	line-height:2em;
	color:#ebebeb;
}
*/

.block p{
	font-size:1.083em;
	line-height:1.462;
	margin-bottom:1.2em;
	margin-top:0;
	padding-bottom:1px;
	
}


.block ul{
	list-style:circle;
	padding-left:2em;
	line-height:1.1em;
	margin-bottom:1.2em;
	margin-top:0;
	padding-bottom:1px;
	
}



#Home .block{
	vertical-align:top;
	margin-bottom:1.63em;
	display:inline-block;
	margin-right:4%;
	width:45%;
}

#Home .block h1{
	color:#523F37;
	font-size:1.4em;
	margin-bottom:0.5em;
	text-transform:uppercase;
}

#Home .block h3{
	color:#523F37;
	font-size:1.4em;
	font-weight:normal;
	margin-bottom:0.5em;
	text-transform:uppercase;
}

#Home .small{
	font-size:70%;
	
	}

/************************************/
/*			Footer		            */
/************************************/	




.footer ul li{
	
	font-size:0.7em;
	margin-bottom:8px;
	
	
}