/*----------------------------------------------------------------------------- 
ECOTRIP.QC.CA Screen Stylesheet 

version:   1.0 
date:      15/01/2010 
author:    Carl Servant / SÉQUENCE DIGITALE SENC 
email:     info@sequencedigitale.com 
website:   www.sequencedigitale.com/web/ 
version history: /templates/ecotrip/css/
-----------------------------------------------------------------------------*/
	
/************************************
	STRUCTURE GLOBALE
************************************/
	body, ul.Navigation li a,
	#PageContenuHeader, #PageContenu, #PageContenuFooter,
	#frontpage, .plus_articles a,
	.listeActeurs li.fiche,
	.ficheActeursImg, span.hr{
		background: none !important;
		padding: 0 !important;
	}
	
	#PageContainer, #PageFooter{
		clear: both;
		position: relative;
		width: 100%;
	}
	
	h1, h2, h3, h4, h5{
		clear: both;
		margin-top: 0px !important;
	}
	
	span.hr{
		border-top: 1px dashed #777;
		display: block;		
		height: 1em !important;
		margin: 10px 0 !important;
		width: 100%;		
	}

	
/************************************  
	ENTETE 
************************************/
	#PageHeader{
		height: inherit !important;
	}
	#HeaderPage_link{
		display: none;
	}	
	
/************************************  
	NAVIGATION 
************************************/	

	ul.Navigation{
		margin: 15px 0;
		padding: 10px;
	}
	
	ul.Navigation li{
		float: left;
		list-style: none;
		margin-left: 0;
		margin-right: 15px;
		padding: 0;
	}
	
			ul.Navigation li a{
				display: block;
			}

/************************************  
	PAGINATION 
************************************/

	ul.pagination{
		float: left;
		height: 2em;
		margin: 0px !important;
		padding: 0;			
		width: 36%;		
	}
	
		ul.pagination li{
			float: left;
			font-size: 0.9em;
			font-weight: bold;
			list-style: none !important;
			margin: 0 1px !important;
		}
		
		ul.pagination li a{
			color: #0699C9;
			display: block;
			padding: 2px;
			text-decoration: none;
		}
		
			ul.pagination li.page_inactive a{
				background: #0699C9;
				color: #FFF;
			}

		ul .page_precedent_inactive a,
		ul .page_suivante_inactive a{
			color: #888 !important;
		}
	
/************************************  
	CONTENU
************************************

	#contenuHeader{
		background: #000;
		height: 67px;
		position: relative;
	}
	
		#contenuHeader h1{
			color: #0699c9;
			font: 35px arial;
			line-height: 35px;
			position: absolute;
			left: 35px;
			top: 16px;
		}
	
	
	#contenu{
		padding: 30px;	
	}
	
	
/************************************  
	PAGE D'ACCUEIL ET LOGIN
************************************/
	
	#frontpage .frontpage_news{		
		font-weight: bold;
	}
	
		#frontpage .date{
		}
		
		#frontpage h2, #frontpage h2 a{
			margin: 0;
			text-decoration: none;
		}
	
	
/************************************  
	LISTE DES ACTEURS
************************************/
	
	/* ENTETE */
	ul.Filtre, ul.Membres{
		display: none;
	}
	
	/* LISTE */
	.listeActeurs ol, .listeActeurs h2{	
		clear: both;
	}
	
	.listeActeurs li.fiche{	
		display: block;
		float: left;
		height: 283px;
		list-style: none;	
		margin: 0 0 11px 0;
		position: relative;
		width: 25%;	
	}

		.listeActeurs ol li a.acteursUrl{
			color: #333;
			font-weight: bold;
			line-height: 14px;
			display: block;
			top: 29px;			
			width: 150px;
			position: absolute;
			left: 50%;
			margin-left: -75px;
			text-decoration: none;
		}

		.listeActeurs ol li a.acteursUrl img{
			margin: 0 0 9px 0 !important;
			padding: 0 !important;
		}
	
	.listeActeurs ul{
		position: absolute;
		bottom: 3px;
		right: 34px;
		width: 150px;
	}
	
		.listeActeurs ul li{		
			float: right;			
			list-style: none;
			overflow: hidden;
			margin-left: 5px;
			width: 25px;		
		}
	
		a.extrait{
			display: none;
		}
	
		
/************************************  
	FICHE DES ACTEURS
************************************/


	.ficheActeursImg ul, .retour{
		display: none;
	}
	
	.ficheActeursImg img{
		margin-bottom: 25px !important;
	}