@media screen,projection {
	/* mini-reset */
	* {	
		margin: 0;
		padding: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		background: transparent;
	}
	html {
		font-size: 100%;
		background:#4b4c4c;
		background:#343636;
	}
	body {
		font-size: small;
		line-height: 1.4;
		font-family: "Liberation Sans","DejaVu Sans","Lucida Grande","Bitstream Vera Sans",Helvetica,Arial,sans-serif;
		background:#ff9b00;
		background:#fff;
		color: #4b4c4c;
		color:#343636;
	}

	/* balises html */
	h1, h2, h3, h4 {
		font-family: Verdana, Helvetica,Arial,sans-serif;
		margin: 1em 0 .5em;
		font-weight: normal;
	}
	h1 {
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 1.66em;
		padding: 12px 0 0 12px;
		margin: 0;
	}
	h2 {
		font-size: 1.33em;
		margin: 0 0 1em 0;
	}
	h3 {
		font-size: 1.15em;
	}
	h4 {
		font-size: .86em;
		font-weight: bold;
	}
	p {
		margin: 0.66em 0;
	}
	p.main-text {
		padding: 0 1.5em;
	}
	ul {
		list-style-type: none;
		margin-left: 0;
	}
	ul li {
		margin-left: 1em;
	}
	ol,
	ol li {
		margin-left: 1em;
	}
	fieldset, img a {
		border: 0 none;
	}
	em {
		font-style: italic;
	}
	strong {
		font-weight: bold;
		font-size: .94em;
	}
	input {
		border: 1px solid #d4e4e4;
	}
	#content code, #content pre {
		font-family: "Lucida console", "Courier New", monospace;
		color: #000;
	}
	#content pre {
		background: #ebf1e0;
		border: 1px solid #ebf1e0;
		overflow: auto;
		font-size: .95em;
		padding: 4px;
		width: 90%;
		overflow: auto;
		margin: .5em auto;
	}

	/* liens */
	a {
		text-decoration: none;
		border-bottom: 1px dotted #4b4c4c;
		color: #4b4c4c;
	}
	a.feed {
		padding-left: 16px;
		background: transparent url(img/rss.png) no-repeat left center;
	}

	/* -------------------------------------------------
			GRANDS BLOCS
	--------------------------------------------------- */
	/* Bandeau */
	#table{
		background: #343636;
		width: 100%;
	}
	#top {
		background: #4b4c4c url(img/header-bg.png) no-repeat top left;
		background:#343636 url(img/header-bg.png) no-repeat top left;
		height: 105px;
	}
	#top1{
		background:#343636 url(img/logoEntreprise.png) no-repeat right;
		display:block;
		height:105px;
	}
	
	#top h1 {
		margin: 0;
		padding: 0;
		text-indent: -5000px;
		position: relative;
	}
	#top h1 a {
		position: absolute;
		top: 20px;
		left: 0;
		width: 245px;
		height: 30px;
		
		border: none;
	}
	#innertop {
		width:80%;
		min-width:780px;
		margin:0 auto;
	}


	/* Navigation principale d'un site */
	#menu {
		background: #fff;
		padding: 5px 0;
		border-top:6px solid #60f2f8;
		border-bottom:1px solid #60f2f8;
	}
	#menu ul {
		display: block;
		margin: 0 auto;
		padding: 0;
		width:80%;
		min-width: 780px;
		list-style: none;
		font-size: x-small;
		font-family: Verdana, Helvetica,Arial,sans-serif;
		color: #666;
		text-align: right;
	}
	#menu ul li {
		display: inline;
		border-right: 1px solid #d2d6cb;
		margin:0;
		padding:0;
	}
	#menu a {
		color: #666;
		text-decoration: none;
		border:0 none;
		padding:0.25em 1em;
	}
	#menu a:hover, 
	#menu a:focus {
		text-decoration: underline;
	}

	/* partie centrale
	--------------------------------------------------------- */
	#sidebar ul li {
		margin-left: 0;
		}

	#main,
	#innermain,
	#innermain2 {
		clear:both;
		width:80%;
		min-width:780px;
		margin:0 auto;
		padding: 1.5em 0;
	}

	/* On peut mettre une div #main2 et ou une div #main2-bis sous le main */
	#main2,
	#main2-bis {
		background: #faf7eb;
		clear: both;
		width: 100%;
		padding: 1em 0;
		border-top: 2px solid #e1ddcd;
	}
	#main2,
	#main2-bis {
		border-width: 1px;
	}

	/* pour 2 colonnes (générique) */
	.left-col {
		margin: 1em 0;
		width: 49%;
		float: left;
		background: inherit;
	}
	.right-col {
		margin: 1em 0;
		width: 49%;
		float: right;
		background: inherit;
		border-left: 2px solid #e1ddcd;
	}
	.col-inner {
		padding: 0 1em;
	}

	/* pour 2 colonnes dc1/dc2 (essentiellement plugins.da et themes.da) */
	.dc1-col {
		margin: 1em 5% 1em 0 ;
		width: 47%;
		float: left;
		background: inherit;
	}
	.dc2-col {
		margin: 1em 0;
		width: 47%;
		float: left;
		background: inherit;
	}
	/* pour listes d'extensions (en test, essentiellement plugins.da) */
	div.p-box {
		background-repeat:no-repeat;
		background-position:5px 10px;
		padding:2px 5px 10px 42px;
		border-bottom:1px dotted #999;
	}
	.p-box h4 span {
		font-size:90%;
		font-weight:normal;
	}
	.p-box div {
		font-size:0.85em;
	}

	/* footer
	--------------------------------------------------------- */
	#footer {
		clear: both;
		min-height: 36px;
		margin: 0;
		padding: 6px 0;
		font-family: Verdana, Helvetica,Arial,sans-serif;
		font-size:85%;
		border-top: 3px solid #e1ddcd;
		background-color: #343636;
		
		color: #fff;
	}
	#footer a {
		color: #fff;
		border-bottom: 1px #fff;
	}
	#footer p {
		margin:  6px 12px 0;
	}

	#inner-footer {
		min-width:780px;
		width:80%;
		margin:0 auto;
		background: #343636;
	}
	#copy {
		font-size:90%;
		padding:1em 0 0.5em 0;
	}
	/* --------------------------------------------
		classes diverses a dispo
	-------------------------------------------- */
	.left {
		float: left;
		margin-right: 1em;
	}
	.right {
		float: right;
		margin-left: 1em;
	}
	.center {
		margin-left: auto;
		margin-right: auto;
	}
	.left-text {
		text-align: left;
	}
	.right-text {
		text-align: right;
	}
	.center-text {
		text-align: center;
	}
	.little-text {
		font-size: 0.8em;
	}
	.little-upper-text {
		font-size: 0.8em;
		text-transform: uppercase;
	}
	.no-margin {
		margin: 0;
		padding: 0;
	}
	.clear {
		clear:both;
	}
	.clearer {
		clear: both;
		height:1px;
	}
	.go-on {
		margin:2em 0 0.75em 0;
		font-size:0.8em;
	}
	.go-on a:hover {
		color:#fff;
		background:#000;
	}
	#breadcrumb {
		margin-top:-2em;
		font-size:85%;
		color: #ada47e;
	}
	#breadcrumb.go-on a {
	 	background: #ada47e;
	}
}
@media print {
	body {
		font : 10pt serif;
		margin: 0;
		color: #000;
		background: #fff;
	}

	#prelude, #sidebar, .pagination, #comment-form, object, menu,img {
		display: none;
	}

	p {
		margin: 0.2em 0 0.8em 0;
		line-height: 1.3em;
	}

	h1,h2,h3,h4,h5, h6 {
		margin: 1em 0 0.2em 0;
		font-weight: bold;
	}
	h1 { font-size: 160%; }
	h2 { font-size: 140%; }
	h3 { font-size: 120%; }
	h4 { font-size: 100%; }
	h5 { font-size: 90%; }
	h6 { font-size: 80%; }

	a {
		color: #00f;
		text-decoration: none;
		border-bottom: 1px solid #999;
	}

	.post-content a[href^="http"]:after, #comments a[href^="http"]:after,
	#trackbacks a[href^="http"]:after {
		content: " ("attr(href)") ";
		color: #333;
	}
}