CodePen

HTML

            
              
            
          
!

CSS

            
              	@charset "UTF-8";
	body, h1, h2, h3, h4, p, ul, il {
		margin: 0px;
		padding: 0px;
	}
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333333;
	}
	.container {
		width: 770px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}	
	#header {
		background-image: url(images/architextures_logo_III_backb.jpg);
		background-repeat: repeat-x;
		margin: 0px;
		clear: both;
	}
	#header p span {
		position: absolute;
		top: -10000px;
	}	
	#menu {
		color: #000;
		background-image: url(images/architextures_logo_II_backflipb.jpg);
		background-repeat: repeat-x;
		float: left;
		width: 100%;
		padding-top: 15px;
		padding-right: 0px;
		padding-bottom: 15px;
		padding-left: 0px;
	}
	#menu ul {
		padding: 2px;
		float: left;
		list-style-type: none;
	}
	#menu ul2 {
		float: right;
		list-style-type: none;
		padding-top: 6px;
		padding-right: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
	}
	#menu li {
		display: inline;
		margin-top: 0px;
		margin-right: 0.25em;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-bottom: 0.5em;
	}
	#menu a {
		font-size: 70%;
		color: #0e1e97;
		text-decoration: none;
		background-color: #fff;
		padding-top: 2px;
		padding-right: 15px;
		padding-bottom: 2px;
		padding-left: 15px;
		border: 1px solid #0e1e97;
	}
	#menu a:hover {
		color: #B52620;
	}
	#menu A.langage {
		color: #fff;
		text-decoration: none;
		border-top-style: double;
		border-right-style: double;
		border-bottom-style: double;
		border-left-style: double;
		border: 1px solid #fff;
		background-color: #000;
	}
	#menu A.langage:hover {
	        color: #B52620;
	        text-decoration: none;;
	}
	#search {
		background-image: url(images/search_icon.jpg);
		background-repeat: no-repeat;
		background-position: left center;
		text-align: right;
		margin: 0px;
		float: right;
		padding-left: 25px;
	}
	#search label {
		position: absolute;
		top: -10000px;
	}
	#content-wrapper {
		float: left;
		width: 770px;
		margin-bottom: 20px;
		border: 1px solid #dea12c;
	}
	#secondary-content {
		float: left;
		width: 250px;
	}
	#main-content {
		float: left;
		width: 500px;
		margin-bottom: 20px;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-left-style: solid;
		border-top-color: #b5b5b5;
		border-right-color: #b5b5b5;
		border-bottom-color: #b5b5b5;
		border-left-color: #b5b5b5;
	}
	#main-content h1 {
		font-size: 120%;
		font-weight: normal;
		font-variant: small-caps;
		color: #333333;
		background-image: url(images/architextures_sunsmall.jpg);
		background-repeat: no-repeat;
		margin-top: 10px;
		margin-left: 10px;
		padding-left: 25px;
	}
	#footer {
		color: #FFFFFF;
		background-color: #191919;
		clear: both;
		padding-top: 20px;
		padding-right: 0px;
		padding-bottom: 20px;
		padding-left: 0px;
	}
	#footer-wrapper {
		background-color: #191919;
		background-image: url(images/footer_bg.jpg);
		background-repeat: repeat-y;
		float: left;
		width: 770px;
		border: 1px solid #dea12c;
	}
	.column {
		float: left;
		width: 256px;
	}
	.column p {
		font-size: 75%;
		line-height: 1.4;
		padding: 10px;
	}
	.clearfloat {
		font-size: 1px;
		line-height: 0px;
		clear: both;
		height: 0px;
	}
	.leftimg {
		float: left;
		margin-right: 8px;
	}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................