/**************************************************************************************************************/
/*			DENIER OUEST 2010 - Sur l'ensemble des pages
			
			Date : 1 mars 2010
			Auteur : Marlène Cotterlaz
			URL : 
			
			Sommaire :	= RESET
						= CONTENEUR GLOBAL
						= BANDEAU
						= PAGE
							== CARTE
							== DIAPORAMA
							== DEVENEZ RICHE
							== MULTIMEDIA
							== EXPLICATION
						= LISTES
						

*/
/**************************************************************************************************************/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= RESET
*/
/*------------------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family:arial;
	font-size:62.5%; /*ensuite 1em=10px en taille normale*/
	color:#000;
	background:#ebe4d2 url(../images-denierouest/fond-body.png) 0 0 repeat-x;
}
h1, h2, h3, h4, h5, h6{
	border: none;
    font-weight:bold;
	margin:0;
}
ul{
	margin:0;
    padding:0;
	list-style-image:none;
	list-style-type:none;
    line-height:1.3em;
}
li{
	list-style:none;
}
img{
	border:none;
}
a{
	text-decoration:none;
	color:#000;
}
a:visited{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:underline;
	color:#000;
}
p{
	margin:10px 0 0 0;
	line-height:normal;
}
.visualClear{
	clear:both;
	display:block;
	line-height:0;
}
.invisible{
	position:absolute;
	top:-5000px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= CONTENEUR GLOBAL
*/
/*------------------------------------------------------------------------------------------------------------*/
#conteneur-global{
	position:relative;
	margin:auto;
	width:984px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= BANDEAU
*/
/*------------------------------------------------------------------------------------------------------------*/
#bandeau{
	position:relative;
	z-index:3;
	height:109px;
	background:url(../images-denierouest/fond-bandeau.png) 0 0 no-repeat;
}
#bandeau h1{
	position:absolute;
	top:45px;
	left:12px;
}
#bandeau img.logo-denier{
	position:absolute;
	top:4px;
	right:12px;
}

/*Navigation*/
#bandeau ul{
	position:absolute;
	top:0;
	left:12px;
}
#bandeau ul li{
	display:inline;
	float:left;
}
#bandeau ul li a{
	display:block;
	width:200px;
	height:33px;
	background-image:url(../images-denierouest/sprite.png);
}
#bandeau ul li a.eveches{
	background-position:0 0;
}
#bandeau ul li a.dioceses{
	margin:0 0 0 10px;
	background-position:-206px 0;
}
#bandeau ul li a.eveches:hover{
	background-position:-412px 0;
}
#bandeau ul li a.dioceses:hover{
	background-position:-618px 0;
}

/*Sous navigation*/
#bandeau ul li ul{
	display:none;
}
#bandeau ul li:hover ul{
	display:block;
}
#bandeau ul li ul{
	position:absolute;
	top:33px;
	left:230px;
	width:170px;
	background:#ae0e76;
}
#bandeau ul li ul li{
	display:block;
	float:none;
	padding:3px;
	border-bottom:1px dotted #f0acd8;
	font-size:1.1em;
}
#bandeau ul li ul li a{
	width:100%;
	height:100%;
	background:none;
	color:#fff;
}
#bandeau ul li ul li a:hover{
	background:#960c65;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= PAGE
*/
/*------------------------------------------------------------------------------------------------------------*/
#page{
	/*position:relative;
	z-index:1;*/
	background:#2b8eca url(../images-denierouest/fond-page.png) 0 0 no-repeat;
}

/*--------------------------------------------------------------------------------------------------------------
	== CARTE
--------------------------------------------------------------------------------------------------------------*/
#page .carte{
	position:absolute;
	top:122px;
	left:24px;
	z-index:2;
}

/*--------------------------------------------------------------------------------------------------------------
	== DIAPORAMA
--------------------------------------------------------------------------------------------------------------*/
#page .diaporama{
	float:left;
	display:inline;
	margin:12px 0 5px 355px;
}

/*--------------------------------------------------------------------------------------------------------------
	== DEVENEZ RICHE
--------------------------------------------------------------------------------------------------------------*/
#page .devenez-riche{
	float:left;
	display:inline;
	margin:12px 0 0 20px;
	padding:12px;
	min-height:183px;
	_height:183px;
	width:222px;
	background:url(../images-denierouest/fond-devenez-riche.png) 0 0 no-repeat;
	color:#fff;
}
#page .devenez-riche p{
	margin:15px 0;
	font-size:1.1em;
}
#page .devenez-riche p strong{
	font-size:1em;
}
#page .devenez-riche strong{
	display:block;
	font-size:1.3em;
}

/*--------------------------------------------------------------------------------------------------------------
	== MULTIMEDIA
--------------------------------------------------------------------------------------------------------------*/
#page #multimedia{
	position:relative;
	z-index:1;
	overflow:hidden;
	height:1%;
	padding:17px 12px 9px;
	background:url(../images-denierouest/fond-multimedia.png) 0 0 no-repeat;
	_background:url(../images-denierouest/fond-multimedia-ie6.png) 0 0 no-repeat;
}

/*
	Vidéo
*/
#page #multimedia .video{
	float:left;
	margin:0 12px 0 0;
	width:250px;
}
#page #multimedia .video strong{
	display:block;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	background:url(../images-denierouest/fleche-blanche.png) 0 0 no-repeat;
	text-transform:uppercase;
	color:#fff;
	font-size:1em;
	font-weight:normal;
}
#page #multimedia .video strong span{
	text-transform:none;
}

/*
	Son
*/
#page #multimedia .son{
	float:right;
	width:174px;
	color:#fff;
}
#page #multimedia .son strong{
	display:block;
	margin:5px 0 0 0;
	font-size:1.1em;
}
#page #multimedia .son object{
	display:block;
	margin:5px 0 0 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== EXPLICATION
--------------------------------------------------------------------------------------------------------------*/

#page #explication{
	padding:22px 10px 0;
	overflow:hidden;
	height:1%;
	background:#fff;
}
#page #explication div{
	float:left;
	padding:0 13px;
	width:215px;
	color:#595856;
	font-size:1.1em;
}
#page #explication div h2{
	margin:0 0 10px 0;
}
#page #explication div p{
	margin:0;
}
#page #explication div ul{
	margin:0 0 10px 0;
}
#bas-page{
	height:34px;
	background:url(../images-denierouest/bas-page.png) 0 0 no-repeat;
	_background:none;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= LISTES
*/
/*------------------------------------------------------------------------------------------------------------*/
#liste{
	padding:0 12px;
}
#liste h2{
	margin:0 0 10px 0;
}
#liste ul{
	margin:0 0 15px 0;
	overflow:auto;
}
#liste ul li{
	float:left;
	padding:0 20px 0 0;
	font-size:1.1em;
	color:#595856;
}
#liste ul.adresses-eveches li{
	margin:0 0 10px 0;
	width:257px;
}
#liste ul.adresses-eveches li h3{
	font-size:1.1em;
	text-transform:uppercase;
}
#liste ul.adresses-eveches li span{
	font-weight:bold;
}
#liste ul.don-en-ligne-dioceses li{
	padding-left:7px;
	width:250px;
	background:url(../images-denierouest/fleche-noire.png) 0 5px no-repeat;
	line-height:1.4em;
	font-weight:bold;
}
#liste ul.don-en-ligne-dioceses li span{
	text-transform:uppercase;
}
#liste ul.don-en-ligne-dioceses li a{
	color:#595856;
	text-decoration:underline;
}
#liste ul.don-en-ligne-dioceses li a:hover{
	text-decoration:none;
}