/*

	Sections

	(CSS flags marked with [=])

	INITIAL
	COIN ARRONDIS
	AIDE A LA NAVIGATION


*/
/* =INITIAL
   v2.1, by Faruk Ates - www.kurafire.net
   http://kurafire.net/log/archive/2005/07/26/starting-css-revisited
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling:
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/1.3 Verdana, Arial, Helvetica, sans-serif;
	}
	pre {font-size: 120%;}
	pre code {
		background: rgba(240, 240, 240, 0.2);
		border: 1px solid #eee;
		border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
		display: block;
		padding: 1em;
		}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address, table {
	margin: 1em 0;
	padding: 0;
	}
	ul ul, ul ol, ul dl, ol ol, ol ul, ol dl, dl ul, dl ol, dl dl {margin: 0;}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {margin-left: 1.5em;}

/* Miscellaneous conveniences: */
html {
	background: #ee9f3a url(/extension/novactive/design/novactive/images/background-orange.gif) repeat-x 0 100%;
	color: #fff;
	font-size: 75%;
	}
h1 {
	font-size: 2em;
	margin: 0;
	}
h2 {
	font-size: 1.5em;
	margin: .83em 0;
	}
h3 {
	font-size: 1.17em;
	margin: 1em 0;
	}
h4 {
	font-size: 1em;
	margin: 1.17em 0;
	}
h5 {
	font-size: 1em;
	font-weight: normal;
	font-variant: small-caps;
	margin: 1.17em 0 1em;
	}
h6 {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	margin: 1.17em 0 1em;
	}
/* Form field text-scaling */
input, select, textarea {font-size: 100%;}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px inset #aaa;
	}
	.radio input, .checkbox input {border:none;}
	input[type="radio"], input[type="checkbox"], input[type="file"], input[type="image"] {border:none;} /* !IE JS */
a {color: #fff;}
a img {border: none;}
img[usemap] {border: none;} /* !IE JS */
table, th, td {
	border: 1px solid #000;
	border-collapse: collapse;
	}
	caption {
		font-size: 1.2em;
		font-weight: bold;
		margin: 0.2em 0;
		}
	th, td {padding: 0.2em;}
	th {font-size: 1.1em;}
pre {
	overflow: auto;
	width: 100%;
	}
.clear {clear: both;}
.float_left, .object-left {float: left;}
.float_right, .object-right {float: right;}
.object-center, .imageCenter {text-align: center;}
.object-left {padding: 0 1em 1em 0;}
.object-right {padding: 0 0 1em 1em;}

.arrondiHaut {vertical-align: bottom;}
.arrondiBas {vertical-align: top;}

/* =COIN ARRONDIS */
.coinHG, .coinHD, .coinBG, .coinBD {
	margin: -1px;
	position: absolute;
	}
	.coinHG, .coinHD {top: 0;}
	.coinHD, .coinBD {right: 0;}
	.coinBG, .coinBD {bottom: 0;}
	.coinHG, .coinBG {left: 0;}

/* =PAGINATIONS */
.pagination { /* !IE */
	position: relative;
	text-align: center;
	}
	.precedente, .suivante {
		position: absolute;
			top: 0;
		}
	.precedente {left: 0;}
	.suivante {right: 0;}


#site {
	background: #1a1a1a url(/extension/novactive/design/novactive/images/fond-tableau.jpg);
	margin: 0 auto;
	padding: 20px 65px 0;
	width: 742px;
	}
	#recreation {
		margin: 100px 0;
		text-align: center;
		}
	#competences {list-style: none;}
		#competences li {
			display: inline;
			margin-left: 0;
			position: relative;
			}
			#competences h2 {
				display: inline;
				margin: 0;
				text-align: left;
				}
			.competenceDetails {
				background: #eee;
				background: rgba(240, 240, 240, 0.7); /* IE7 * //* IE8 */
				border-radius: 3px;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					-khtml-border-radius: 3px;
				color: #222;
				font-size: 0.916em;
				padding: 10px 15px;
				margin-bottom: 2em;
				text-align: justify;
				width: 250px;
				}
			.jsActif .competenceDetails {
				display: none;
				position: absolute;
					top: 10px; /* IE7 * //* IE8 */
					left: 25px;
				}
	#presentation {
		padding: 10px 0 30px;
		text-align: justify;
		}

	#references {list-style: none;}
		#references li {
			float: left;
			margin-left: 0;
			width: 267px;
			}
			#references .finDeLigne {width: 207px;}
			#references img {display: block;}
			#references span {
				display: inline-block;
				height: 30px;
				padding-top: 5px;
				}

	#footer {
		clear: both;
		list-style: none;
		padding-top: 5px;
		text-align: right;
		}
		#footer li {/* IE6 */
			display: inline;
			margin-left: 0;
			padding-left: 5px;
			position: relative;
			}
			#footer h2 {
				display: inline;
				margin: 0;
				text-align: left;
				}
			.jsActif #footer .competenceDetails {
					top: auto;
					right: 5px;
					bottom: 28px;
					left: auto;
				}
		li#contact {
			float: left;
			padding: 0;
			text-align: left;
			}
			#contact img {
				padding: 3px 0 0;
				vertical-align: bottom;
				}