/* CSS Agence Marie-Hélène Bibeau */

/* general --------------------------------------------------------*/
body, td,th {
	background-color:#151515;
	color: #d6d5d5;
	font: 12px/1em Verdana, Arial, Helvetica, sans-serif;
}
	
#header {
	position: absolute;
	top: 0;
	left: 0;
	width:99%;
	height:92px;
	padding-right:0;
	background-color:#151515;
	border-bottom:1px solid #343434;
	background-image:url(images/header_2010.jpg);
	background-repeat:no-repeat;
}
#header .menu {
position:absolute;
	float:left;
	line-height:140%;
	margin-left:467px;
	margin-right:0;
	font-size:100%;
	padding-top:31px;
}
#nav {
	position: absolute;
	top: 100px;
	left: 15px;
	width: 235px;
	padding-right:2px;
}
#evenement {
	margin-top:12px;
	margin-right:10px;
	padding:8px 4px 4px 4px;
	border:1px dotted #669900;
}
.index {
border-bottom:1px solid #0d059e;
border-top:1px solid #0d059e;
width:100%;
}
#nom, #nom02 {
	position: absolute;
	margin-top: 75px;
	left: 284px;
	width: 70%;
	padding-top:30px;
	padding-left:2px;
	padding-bottom: 10px;
	background-color:#151515;
}
#voir {
	padding: 110px 0 20px 190px;
}
#voix_homme {
position:absolute;
	padding: 110px 0 20px 500px;
}
#voir02 {
	float:left;
	margin:0 0 15px 0;
	padding:0;
}
#voir03 {
	float:left;
	margin:0 0 15px 35px;
	padding:0;
}
#voir04 {
	padding: 20px;
	margin-left:40px;
	width:400px;
}
#content {
	padding: 160px 2em 0 23em;
}
#accueil {
	padding: 110px 2em 0 25.5em;
	width:auto;
	font-size:90%;
}
#content02 {
	padding: 80px 0 0 2%;
}
div.spacer {
	clear: both;
	padding:0;
}
#imprime, #imprime02, #imprime03, #imprime04,#imprime05 {
}
#footer {
color:#666;
padding-top:30px;
font-size:95%
}
#mhb {
display:none;
}
div.float05 {
	float:left;
	padding-bottom:15px;
	width:380px;
}
.float5 {
font-size:90%;
color:#666;
line-height:110%;
padding:0;
margin:0;
}
div.float04 {
	float:left;
	padding-bottom:12px;
	width:120px;
}
div.float {
	float:left;
	padding-bottom:20px;
	width:240px;
}
div.float_large {
	float:left;
	padding-bottom:20px;
	padding-right:10px;
	width:446px;
}
div.float_450 {
	float:left;
	padding-bottom:20px;
	padding-right:10px;
	width:450px;
}
div.float02 {
	float:left;
	padding:0 20px 30px 20px;
	margin:0;
	width:250px;
}
.video{
	float:left;
	margin:20px 26px 0 0;
	width:240px;
}
.video02{
	float:left;
	margin:15px 15px 0 0;
	padding:0;
	width:320px;
}
.video04{
	float:left;
	margin:15px 15px 0 0;
	padding:0;
	width:360px;
}
.video03{
	margin:15px 15px 0 0;
	padding:0;
	width:855px;
}
.video_long{
	float:left;
	margin:15px 15px 75px 0;
	padding:0;
	width:320px;
}
.img {
	float: left;
	padding:5px 20px 0 0;
}
.img02 {
	float: left;
	margin:12px 20px 5px 0;
}
/* listes ------------------------------------------------------------*/	
ul {
list-style: none;
margin-top:0;
margin-left: 0;
padding-left:2px;
}
ul li {
	padding: 0;
	margin-top:4px;
	line-height: 110%;
}
#nav ul {
	list-style: none;
	margin-top:2px;	
	margin-left: 1em;
	margin-bottom:8px;
	padding-left: 0;
	font-size:95%;
}
#nav li {
	margin-bottom: 0.3em;
}
#accueil ul {
	list-style: disc;
	margin-left: 2.5em;
	padding-left: 0;
	font-size:90%;
	color:#999;
}
/* titres et paragraphes -----------------------------------------------*/
h1, h2{
	letter-spacing:0.05em;
	padding-top:3px;
}
h1{
	font-size:150%;
	color:#82C832;	
	padding-left:2px;
	padding-top:12px;
}
h1.normal{
text-transform:none;
}
h2{
	font-size:110%;	
	border-bottom:1px solid #666;
	margin: 25px 0 7px 0;
	text-transform: uppercase;
	padding: 4px 0 4px 2px;
}
h3{
	font-size:105%;	
	margin: 7px 0 2px 0;
	padding: 1px 0 4px 2px;
}
h4{
	font-size:110%;
	color:#82C832;		
	border-bottom:1px solid #505150;
	margin:0;
	padding:20px 0 3px 0;
	text-transform: uppercase;
	width:580px;
}
h5{
	font-size:110%;
	line-height:120%;
	margin: 12px 0 1px 0;
}
.lime{
	text-transform:none;
	border-bottom:none;
	margin: 20px 0 2px 0;
	padding: 4px 0 2px 2px;
	color:#82C832;	
}
.specs{
	padding: 45px 0 0 0;
	color:#666;			
}
.specs02{
	padding: 95px 0 15px 0;
	color:#666;
	text-align:left;
	font-size:95%;		
}
.specs03{
	padding: 10px 20% 15px 0;
	color:#666;
	text-align:left;
	font-size:90%;		
}
.clear{
clear:both;
line-height:80%;
margin:0;
padding:0;	
}
.clear02{
clear:both;	
}
p {
line-height:130%;
font-size:90%;
padding:2px 0 2px 2px;
text-align:justify;
}
.gauche {
text-align:left;
padding-top:0;
margin:0;
}
#accueil p {
	font-size:100%;
	color:#b5b4b4;
	padding:3px 0;
	margin:0;
}
.copyright{
	font-size:80%;
	color:#666;
	padding:0 0 3px 2px;
	margin-top:-3px;
	margin-bottom:0;
	font-weight:normal;
}
.extrait{
	color:#82C832;
	padding:7px 0 0 2px;
	margin:0;
	clear:both;
}
div.float04 p{
	line-height:140%;
	padding:2px 0 0 0;
	margin:0;
	color:#afc26c;
}
div.float04 p.nom{
color:#ddd;
padding-top:5px;
}
.bio{
line-height:160%;
width:560px;
font-size:100%;
}
.vert{
	color:#82C832;	
	line-height:150%;
}
.court{
	padding:0 0 1px 0;
	margin:0;
}
.produit{
	padding:0 0 15px 0;
	margin:0;
	margin-top:-5px;
	color:#999999;
}
.voir{
	padding:1px 0;
	margin:0;
	color: #999;
	text-align:left;
}
.note{
	font-size:100%;
	color:#666;
	width:450px;
	padding:8px 0 0 0;
	margin:0;
}
.print02 {
	display: none;
	}
.toprint {
display:none;
	}	
/* liens ----------------------------------------------------------------*/
a:link {
color: #3366cc;
text-decoration:none;}
a:visited {
color: #3333FF;
text-decoration:none;}
a:hover {color: #0099ff;}
a:active {
color: #3333FF;
text-decoration:none;
}
#content02 a:link, #content02 a:visited,#content02 a:link,#content02 a:visited {
color: #3366cc;
text-decoration:none;
}
#nav a:link, #nav a:visited {
	text-decoration: none;
	font-weight:bold;
	color: #3366cc;
}
#header a:link, #header a:visited {
	text-decoration: none;
	/*text-transform:uppercase;*/
	font-weight:bold;
	color: #0000cc;

	
}
#header.rouge a:link,#header.rouge a:visited {
	font-weight:bold;
	color: #930;
}
#nav a:hover {
	color: #0099ff;
}
#header a:hover{
	color: #222260;
}
#voir02 a:link, #voir02 a:visited {
	text-decoration: none;
	color: #3366CC;
}
#voir02 a:hover,#content02 a:hover {
	color: #0099ff;
}

/* tableaux ----------------------------------------------------------*/
/*nouvelle partie animation*/
.data_anim {
	padding:5px 0;
	margin:0;
	border-collapse: collapse;
	text-align:top;
	width:100%;
}
.data_anim td.descr {
padding:0px 0 9px 8px;
font-size:90%;
}
.data_anim td.altrow {
	font-style: italic;	
	width:22%;
	font-weight:bold;
}
.data_anim td.altrow2 {
	width:25%;
		font-weight:bold;
}
.data_anim td.altrow3 {
	font-weight:bold;
}
.data_anim td.altrow,.data_anim td.altrow2,.data_anim td.altrow3,.data_anim td.descr {	
	vertical-align:top;	
}
.data_anim td {
	padding-left:2px;
	line-height:150%;
}
.data_anim th {	
	font-weight: bold;
	color:#82C832;
	font-size: 14px;
	text-align: left;
	padding-left:2px;
	padding-bottom:8px;
}
/**/
.datatable {
	padding:7px 0;
	margin:0;
	border-collapse: collapse;
	text-align:top;
	width:100%;
}
.autre{
margin:0;
padding:0;
font-size:100%;
}
.datatable02 {
	padding:7px 0;
	margin:0;
	border-collapse: collapse;
	text-align:top;
	width:auto;
}
.datatable03 td.altrow2 {
	width:180px;
	vertical-align:top;
}
.datatable td {
	padding-left:2px;
	line-height:150%;
}
.datatable02 td {
	line-height:150%;
}
td.ital {
	font-weight:italic;
}
.datatable th, .datatable03 th {	
	font-weight: bold;
	color:#82C832;
	font-size: 14px;
	text-align: left;
	padding-left:2px;
	padding-bottom:8px;
}
.datatable td.altrow,.datatable td.altrow2,.datatable td.altrow3, .datatable td.altrow4, .datatable td.altrow5, .datatable td.altrow6, .datatable td.altrow7,.datatable td.altrow8 {	
	vertical-align:top;	
}
.datatable02 td.altrow7,.datatable td.altrow8,.datatable02 td.altrow1,.datatable02 td.altrow11 {	
	vertical-align:top;	
}

.datatable td.altrow {
	font-style: italic;	
	width:29%;
}
.datatable td.altrow2 {
	width:29%;
}
.datatable td.altrow3 {
}
.datatable td.altrow4 {	
	font-weight:bold;
	font-size: 12px;
	padding-right:5px;	
}
.datatable td.altrow5 {
}
.datatable td.altrow6 {
	width:20%;
}
.datatable td.altrow22 {
	width:53%;
}
.datatable02 td.altrow7 {
	width:330px;
	font-weight:bold;
	color:#ccc;	
}
.datatable02 td.altrow1 {
	width:320px;
	color:#ccc;
	padding-right:30px;	
}
.datatable02 td.altrow8 {
	width:300px;
}
.datatable td.altrow9 {
	width:6%;
}
.datatable02 td.altrow11 {
	width:100px;
}
body > #nav, #header, #nom, #nom02 {
	position: fixed;
}