html,body {margin:0;padding:0}

body {
	font: 13px 'Trebuchet MS', Helvetica, sans-serif;
	text-align: justify;
	background: #242424 url(../img/bg_global.jpg) repeat-x;
	line-height: 1.3;
	}

div#container {
	width:920px;
	margin:0 auto;
	border-left: 1px solid #161616;
	border-right: 1px solid #161616;
	background:#161616 url(../img/grille_left.gif) no-repeat top left;
}

div#header {height:130px;margin:0;padding:0;}

div#content {
	margin: 50px 0 30px 0;
	background: none;
	font-weight: normal ! important;
	font-weight: bold;
}

div#content p {
	text-align: justify;
	color: #a2a2a2;
}

.entetes {
	display: block;
	width: 259px;
	height: 60px;
	margin: 0 auto 20px auto;
	}
	

/*------------------------------ actualités ----------------------------------*/

.post-actus {
	width: 640px;
	text-align: justify;
	color: #a2a2a2;
}

.post-actus a { color: #4BA0D1; }
.title-actus {
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #4BA0D1;
	padding: 15px 0px 0px;
	}

.interactu {
	width: 640px;
	background: url(../img/interactu.gif) bottom left repeat-x;
}

.post-date {
	width: 50px;
	height: 50px;
	margin-top: 4px;
	background: url(../img/date.gif) no-repeat;
	}

.post-month {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #4BA0D1;
	text-align: center;
	display: block;
	line-height: 11px;
	padding-top: 6px;

}

.post-year {
	font-size: 17px;
	color: #164E6E;
	text-align: center;
	display: block;
	line-height: 18px;
	padding-top: 10px;

	}
	
	
.lien-actu a {
	color: #a2a2a2;
	text-decoration: underline;
	}
	
.lien-actu a:hover {
	text-decoration: none;
	}
	
.clearall {
	clear:both;
	}
/*----------------------------- end actualités -------------------------------*/


/*----------------------------- présentation ---------------------------------*/

.texte-presentation {
	margin: 10px 0 0 130px;
	width: 660px;
	line-height: 1.4;
	color: #a2a2a2;
	}
	
.title-presentation {
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #B9CF24;
	padding: 10px 0px 0px;
	}
/*---------------------------- end présentation ------------------------------*/


/*----------------------------- compétences ----------------------------------*/

.texte-competences {
	margin: 20px 0 0 130px;
	width: 660px;
	line-height: 1.4;
	color: #a2a2a2;
	}

.title-competences {
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #8E63C8;
	line-height: 25px;
	}


/*----------------------------- end compétences ------------------------------*/


/*------------------------------ références ----------------------------------*/

.content-reference {
	width: auto;
	margin: 0;
	padding: 0;
	background: transparent url(../img/mouse_tape.gif) no-repeat top right;
}

.texte-reference {
	width: 680px;
	margin: 3px auto;
	padding: 5px 0;
	background: transparent;
	color: #BABAB1;
	border-top: 1px solid #63635C;
	}
	
.title-reference {
	width: 680px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	font-size: 15px;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	color: #CF1919;
	/*border-top: 3px solid #63635C;*/

	}

.link-reference {
	width: 680px;
	height: 15px;
	display: block;
	margin: 3px auto;
	padding: 0 0 5px 0;
	border-top: 3px solid #63635C;
	background: transparent url(../img/bg-btToggle.gif) repeat-x;
	color: #161616;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	}

.link-reference a  {
	background: transparent url(../img/bg-btToggle.gif) no-repeat;
	color: #161616;
	}
	
.link-reference a:hover  {
	background: transparent url(../img/bg-btToggle_ov.gif) no-repeat;
	color: #161616;
	}
	

/*------------------------------ end réferences ------------------------------*/


/*-------------------------------- Contact -----------------------------------*/

.bg-form {
	width: 401px;
	float: left;
	margin: 20px 0 0 70px ! important;
	margin: 20px 0 0 35px;
	background: transparent;
	}

.ftop {
	width: 401px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #232321 url(../img/form_top.gif) no-repeat;
	}

.fmiddle {
	width: 385px;
	background-color: #232321;
	padding: 0 0 5px 16px;
	margin: 0;
	color: #fff;
/*	font-size: 11px; */
	}

.fbottom {
	width: 401px;
	height: 9px;
	margin: 0;
	padding: 0;
	background: #232321 url(../img/form_bottom.gif) no-repeat;
	}

.bg-coords {
	width: 338px;
	float: left;
	margin: 20px 0 0 40px;
	background: transparent;
	}

.ctop {
	width: 338px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: url(../img/coords_top.gif) no-repeat;
	}

.cmiddle {
	width: 298px;
	background-color: #232321;
	padding: 20px 0 20px 40px;
	color: #fff;
/*	font-size: 11px; */
	}

.cbottom {
	width: 338px;
	height: 9px;
	margin: 0;
	padding: 0;
	background: url(../img/coords_bottom.gif) no-repeat;
	}
	
.texte-form {
/*	font-size: 12px; */
	color: #e3e3e3;
	}
	
.texte-coords {
/*	font-size: 14px; */
	color: #D17B29;
	line-height: 1.5;
	}

.texte-alert {
/*	font-size: 12px; */
	color: #D17B29;
	line-height: 1.5;
	}
	
.texte-success {
/*	font-size: 12px; */
	height: 142px ! important;
	height: 128px;
	padding-top: 70px;
	color: #A7B924;
	}
	
.inputButton {
	width:270px;
	margin: 10px 0 5px 0;
	padding: 3px 0;
	background-color: #3A3A37;
	border: none;
	font-family: 'Trebuchet-MS', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 11px;
	color: #e3e3e3;
	}
	
.inputButton a {
	background-color: #3A3A37;
	}
	
.inputButton a:hover {
	background-color: #161616;
	}
	
/*------------------------------ end contact ---------------------------------*/


/*------------------------------- footer -------------------------------------*/
	
div#footer {
	margin-top: 20px;
	border-top: 1px solid #292929;
	padding: 12px 0px;
	text-align: center;
	}

.foottxt {
	letter-spacing: 1px;
	font-size: 10px;
	color: #a2a2a2;
	line-height: 20px;
	}

.footlink a {
	text-decoration: underline;	
	color: #a2a2a2;
	}

.footlink a:hover {
	text-decoration: none;
	}
/*----------------------------- end footer -----------------------------------*/