/*

	Sections

	(CSS flags marked with [=])

	INITIAL
	COIN ARRONDIS
	AIDE A LA NAVIGATION
	CONTENU
	FOOTER


*/
/* =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 Arial, Helvetica, sans-serif;
	}

/* 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: #000 url(../_media/img/fond.jpg) no-repeat 50% 0;
	color: #fff;
	font-size: 75%; /* 12px */
	line-height: 1.167; /* 14px */
	}
h1 {
	color: #c00;
	font-size: 2.083em;
	margin: 0 0 0.67em ;
	}
h2 {
	color: #c00;
	font-size: 1em;
	margin: 1em 0;
	text-transform: uppercase;
	}
h3 {
	font-size: 1em;
	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 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;}
	br.clear {
		font-size: 1px;
		line-height: 1px;
		height: 1px;
		}
.float_left {float: left;}
.float_right {float: right;}

.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;}
	
/* =HOME */
#home p {
	margin: 0;
	position: absolute;
		top: 241px;
		left: -86px;
	}
	#menu_home {list-style: none;}
		.mhItem {
			margin-left: 0;
			position: absolute;
				left: -86px;
			}
		#mhHomme {top: 450px;}
		#mhFemme {top: 510px;}
		#mhTech {top: 570px;}
			#menu_home a {border: none; outline: none;}

/* =CONTENU */
#contenu {
	margin: 72px auto 0;
	position: relative;
	width: 852px;
	}
	#home #contenu {height: 770px;}
	.book #contenu {margin-top: 110px;}
	
	#logo {
		position: relative;
			z-index: 2;
		}

	/* =PHOTOS */
	#photos {
		float: left;
		margin-right: 29px;
		width: 353px; /* 340px + 13px */
		}

	/* =COMEDIEN */
	#comedien {
		float: left;
		width: 470px;
		}

		/* =IDENTITE */
		#identite {}

		/* =FORMATION */
		#formation {
			background: #d0a8a0; /* FIME : faire une image pour les IE */
			background: RGBA(208,168,160, 0.5);
			padding: 1px 18px;
			}
			#formation h2 {margin-top: 0;}

		/* =CURICULUM */
		#curiculum {}
			#curiculum h2 {border-bottom: 1px solid #c00;}
			#curiculum table {
				border: none;
				width: 100%;
				}

	/* =BOOK */
	.book h1 {
		background: url(../_media/img/trait_grand.png) no-repeat 0 28px;
		color: #333;
		font-size: 2em;
		height: 352px;
		margin-bottom: 2px;
		position: absolute;
			top: 112px;
			left: -76px;
			z-index: 1;
		text-align: right;
		width: 783px;
		}
	#menu {
		font-size: 1.083em;
		list-style: none;
		line-height: 1;
		margin-top: 0;
		position: absolute;
			top: 150px;
			left: -78px;
			z-index: 3;
		text-align: right;
		width: 783px;
		}
		#menu li {
			display: inline;
			margin-left: 0;
			position: relative;
			}
		#menu a {
			border-right: 1px solid #000;
			color: #000;
			padding: 0 8px 0 5px;
			text-decoration: none;
			}
			#menu a:hover, #menu a:focus {
				color: #fff;
				text-decoration: underline;
				}

	#membres {
		position: relative;
			z-index: 2;
		padding-left: 292px;
		}
		#membres dt {
			background: url(../_media/img/trait.png) no-repeat 0 28px;
			color: #999;
			font-size: 2em;
			height: 170px;
			/*margin-top: 50px;*/
			position: absolute;
				left: -72px;
			text-align: right;
			width: 340px;
			}
		#membres dd {
			clear: both;
			margin-bottom: 1.3em;
			}
			.photoContainer {
				float: left;
				width: 100px;
				}
			.infos, .infos h2, .infos a {color: #999;}
			.infos {
				float: left;
				width: 300px;
				}
				.infos h2 {
					font-size: 2em;
					margin: 0;
					}
					.infos h2 a {text-decoration: none;}
						.infos h2 a:hover, .infos h2 a:focus {text-decoration: underline;}

/* =FOOTER */
#footer {
	margin-top: 2em;
	text-align: right;
	}			
	#footer a {color: #fff;}
	#home #footer {
		position: absolute;
			top: auto;
			right: 0;
			bottom: 1em;
			left: auto;
		}