@charset "utf-8";
/* 

CSS

Juillet 2008

Développé par Damien Goubeau Développement http://www.damien-goubeau-developpement.fr

Couleurs Textes

Couleurs Fonds

Couleurs Bordures

*/


/* CSS RESET */

* { margin:0; padding:0; border:0; }

html, body {
	height: 100%;
}

body {
	background:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#ccc;
}

#container {
	position:relative;
	min-height:100%; 
	height:100%; 
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}

html>body #container {
    height: auto;
}

img { border:0; }

a { text-decoration:none; cursor:pointer; border:0; outline:none; }

.clearboth { clear:both; padding-bottom:1px; margin-bottom:-1px; font-size:0; }

.clear { clear:both; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clearfix { display:inline-block; }

/*hides from IE mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/*end hides from IE mac*/

/* GLOBAL */

body {
	cursor:default;
}

p {
	cursor:default;
}

a, a:link {
	color:#fb971e;
}

a:hover, a:active {
	text-decoration:underline;
}

.border {
	border:1px solid #b4b4b4;
}

.center {
	text-align:center;
}

/* MAIN */
	
	/* HEADER */
	
	#header {
		position:relative;
		width:790px;
		left:50%;
		margin:0 0 0 -395px;
		text-align:center;
		padding:40px 0;
	}
	
	/* MENU */

	#menu {
		position:relative;
		width:790px;
		left:50%;
		margin:0 0 35px -395px;
	}

		#menu ul {
			list-style:none;
			position:relative;
			width:660px;
			height:10px;
			margin:0 auto;
		}

		#menu ul li {
			list-style:none;
			width:auto;
			padding:0 20px;
			border-left:1px solid #fb971e;
			text-align:center;
			float:left;
			font-size:13px;
			font-weight:bold;
		}

		#menu ul li.first {
			border-left:0;
		}

		#menu ul li a, #menu ul li a:link {
			color:#b4b4b4;
		}

		#menu ul li a:hover, #menu ul li a:active, #menu ul li a.active {
			color:#fb971e;
			text-decoration:none;
		}
	
	/* CONTENT & STRUCTURE */

	#content {
		clear:both;
		position:relative;
		width:790px;
		left:50%;
		margin:0 0 0 -395px;
		padding:0 0 20px 0;
	}
	
		#content h1 {
			color:#fb971e;
			border-bottom:1px solid #fb971e;
			font-size:14px;
			font-variant:small-caps;
			margin:0 0 20px 0;
			padding:0 0 10px 0;
			letter-spacing:0.2em;
		}
	
		#content .col_content {
			width:390px;
			float:left;
		}
	
		#content .col_central {
			width:790px;
		}
	
		#content .col_central_contact {
			width:390px;
			margin:0 auto;
			position:relative;
		}
	
		#content .col_central_contact h2.contact {
			color:#fb971e;
			border:0;
			font-size:14px;
			font-variant:small-caps;
		}
	
		#content .col_content p, #content .col_central p, #content .col_central_contact p {
			margin:0 0 10px 0;
			line-height:1.5em;
		}
		
		#content .col_sidebar {
			width:390px;
			float:right;
		}
		
	#content .bloc {
		width:390px;
		position:relative;
		margin:0 0 10px 0;
		padding:5px 0 10px 0;
		background:url(../_img/bg_bloc.png) bottom no-repeat;
	}
		
		#content .bloc div.bloc_top {
			width:390px;
			position:absolute;
			height:5px;
			line-height:0;
			background:url(../_img/bg_bloc_top.png) top no-repeat;
			top:-5px;
			left:0;
		}
		
		#content .bloc h2 {
			color:#fb971e;
			border-bottom:1px solid #fb971e;
			font-size:11px;
			text-transform:uppercase;
			margin:0 10px;
		}
		
		#content .bloc div.bloc_actualite {
			width:auto;
			position:relative;
			margin:10px 0 0 0;
			padding:0 10px;
			clear:both;
		}
		
		#content .bloc div.bloc_actualite img {
			float:left;
			margin:0 5px 0 0;
			border:1px solid #b4b4b4;
		}
		
		#content .bloc div.bloc_actualite p.suite {
			text-align:right;
		}
		
	#content .post_actualites {
		margin:0 0 40px 0;
		clear:both;
	}
		
	#content .post_actualites img {
		float:left;
		margin:0 10px 0 0;
			border:1px solid #b4b4b4;
	}
		
	#content .post_portfolio {
		margin:0 0 40px 0;
	}
		
	#content .post_portfolio p {
		color:#fff;
		padding:0;
		margin:0;
	}
		
	#content .post_portfolio p span.sous_titre {
		color:#fb971e;
	}
	
	/* MISE EN FORME DES CONTENUS */
	
	#content a {
	}
	
	#content a:hover {
	}
	
	#content h2 {
	}
	
	#content h3 {
	}
	
	#content h4 {
	}
	
	#content p {
	}
	
	#content ul {
	}
	
	#content ul li {
	}
	
/* FOOTER */

#footer {
}