@import url("reset.css");
@import url("layout.css");
@import url("blog.css");
@import url("forms.css");



/*http://www.colourlovers.com/palette/804368/Mornings_in_May*/
body{
	background-color: #E3F7FE;/*#002;*/
	color: #1358CD;/*#de8637*/;
	font-family: Arial;
	font-size:  13px;
}
a{ color: #2683FF;/*#a9662a;*/}

#wrapper, #header, #footer, #content, h1, #menu ul, #menu li{
	border:  1px dotted #66B7EC;/*#de8637;*/
	background-color: #fff;/*#002;*/
}

#wrapper{
	background-color: #fff;
}


:before, :after{
	font: 11px "Andale mono",monospace,courier,sans-serif;
	margin: 0;padding:0;
	display: block;
	text-align: right;
	color: #66B7EC;
}

div{

}




h1{ margin: 0 0px 7px 0px;}
h1:after{ content: "<h1>";}
h1 a:before{ content: none;}

#header a:before, #footer a:before, #header a:after, #footer a:after{
	content: none;
	background: none;
	padding-left: 0px;
}
#header li:before, #footer li:before, #header li:after, #footer li:after{
	content: none;
}

a{	text-decoration: none;}
a:hover{ text-decoration: underline;}
/*a[href]:before{ content: "<a>";}
a[href]:after{ content: "</a>";}*/


li a{
	background: none;
	padding-left: 0;
}
li > a:before, li > a:after{content: none;}


ul{
	margin: 0 0 1.5em 0;
}

li{
	list-style: none;
}

li:before{
	content: "<li>";
	display: inline;
}

li:after{
/*	content: "</li>";
	display: inline;*/
}

.altrow{
	background-color: lightgrey;
}

.portfolio_item{
	float: left;
	width: 300px;
	height: 390px;
	border:  1px dotted #66B7EC;
	margin: 10px;
	padding: 10px 20px;
}

.portfolio_item h3{
	
}
.portfolio_item p{
	
}

.portfolio_item a.lien{
	display: block;
	width: 300px;
	margin-bottom: 5px;
}


.portfolio_item a img{
	border:  1px dotted #66B7EC;
	margin: 10px 0;
	
}




.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}