/**************************************************************************************************************/
/*			DIOCESE DE BESANCON - Pour la page d'accueil
			
			Date : 27 janvier 2010
			Auteur : Marlène cotterlaz
			URL : 
			
			Sommaire :	= RESET
						= CONTENEUR GLOBAL
						= HEADER
							Recherche
							Site Actions
							Barre d'administration
							Chemin de fer
						= MAIN
							== CENTRE
								Elements génériques
								Page d'actualités
								Page de connexion
							== GAUCHE
							== DROITE
						= FOOTER
						
			Couleurs :	

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

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

/*------------------------------------------------------------------------------------------------------------*/
/*
	= CONTENEUR GLOBAL
*/
/*------------------------------------------------------------------------------------------------------------*/
#visual-portal-wrapper{
	position:relative;
	margin:auto;
    width:990px;
	background: url(../images/home_new/fond-page.png) 0 0 repeat-y;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-top{
	position:relative;
	height:238px;
	background:url(../images/home_new/fond-bandeau.jpg) 0 0 no-repeat;
}
#portal-top h1{
	position:absolute;
	top:76px;
	left:0;
}
#portal-top #portal-header{
	position:absolute;
	top:0;
	right:0;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/

/*ensemble des trois colonnes*/
#portal-columns{
	margin:-3px 0 0 0;
}

/*colonne de gauche et colonne centrale*/
#visual-column-wrapper{
	float:left;
}

/*Message après action utilisateur (à placer ou on veut sur la page)*/
.portalMessage{
	width:200px;
	background:#fff;	
}

/*--------------------------------------------------------------------------------------------------------------
	== CENTRE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content{
	float:left;
	width:570px;
}
#portal-column-content #content{
	margin:0 10px;
	padding:0!important;
}

/*-----------------------------------------------------A la une-----------------------------------------------*/
#alaune{
	float:left;
	margin:35px 0 20px 0;
	width:305px;
}
#alaune h2{
	border-bottom:1px solid #215d25;
	border-top:1px solid #215d25;
	font-size:2em;
	font-weight:bold;
	color:#215d25;
}
#alaune h2 a{
	color:#215d25!important;
}
#alaune h2 a:hover{
	color:#000!important;
	text-decoration:none!important;
}
#alaune a.illustration{
	float:right;
	margin:0 0 0 5px;
}
#alaune p{
	font-size:1.2em;
}

/*---------------------------------------------------Communication---------------------------------------------*/
#communication{
	float:left;
	margin:35px 0 20px 27px;
	width:218px;
	height:206px;
	background:url(../images/home_new/fond-communication.png) 0 0 no-repeat;
}

/*Newsletter*/
#communication form{
	margin:12px 20px 12px 10px;
	padding:0 0 10px 0;
	border-bottom:1px dotted #000;
}
#communication form label img{
	margin:0 0 5px 0;
}
#communication form label input#email{
	padding:3px 0 0 2px;
	width:151px;
	height:16px;
	background:url(../images/home_new/champ-newsletter.png) right 0 no-repeat;
	border:none;
	font-size:1em;
}
#communication form input#valider{
	padding:0 0 0 6px;
	background:url(../images/home_new/fleche-noire.png) 0 4px no-repeat;
	border:none;
	font-size:1em;
	font-weight:bold;
}

/*Magazines du diocèse*/
#communication a{
	display:block;
	margin:0 0 0 12px;
	width:192px;
	height:99px;
	background:url(../images/home_new/sprite.png) 0 -119px no-repeat;
}
#communication a:hover{
	background:url(../images/home_new/sprite.png) -193px -119px no-repeat;
}

/*---------------------------------------------------Actualités-----------------------------------------------*/
#actualites{
	clear:left;
	overflow:hidden;
 	padding:15px 0 0;
	border-bottom:1px dotted #e95d00;
	border-top:1px dotted #e95d00;
}
#actualites .actu{
	float:left;
	display:inline;
	margin:0 0 20px 0;
	width:260px;
}
#actualites .impair{
	clear:left;
	margin-right:20px;
}
#actualites .actu h2{
	padding:1px 3px;
	background:#e95d00;
	font-size:1.6em;
	font-weight:normal;
}
#actualites .actu h2 a{
	color:#fff!important;
}
#actualites .actu a.illustration{
	float:left;
	margin:0 5px 5px 0;
}
#actualites .actu p{
	margin:0 0 5px 0;
	font-size:1.1em;
	line-height:normal;
}
#actualites .actu a.espace-jeune{
	clear:left;
	display:block;
	padding:0 0 0 11px;
	background:url(../images/home_new/fleche-orange.png) 0 0 no-repeat;
	color:#e95d00;
	text-transform:uppercase;
	font-style:italic;
	font-size:1.1em;
}
#actualites .actu a.lire_suite{
	padding:0 0 0 8px;
	background:url(../images/home_new/fleche-noire.png) 0 3px no-repeat;
	font-size:1.1em;
	font-weight:bold;
}

/*--------------------------------------------Forum et galerie photo------------------------------------------*/
#forum-galerie{
	position:relative;
	margin:20px 0 0 0;
	height:69px;
	
}
#forum-galerie li{
	position:absolute;
	top:0;
}
#forum-galerie li a{
	display:block;
	height:69px;
	background-image:url(../images/home_new/sprite.png);
}
#forum-galerie li.forum{
	left:70px;
	display: none;
}
#forum-galerie li.forum a{
	width:129px;
	background-position:0 -223px;
}
#forum-galerie li.galerie-photos{
	left:175px;
}
#forum-galerie li.galerie-photos a{
	width:241px;
	background-position:-192px -223px;
}
#forum-galerie li.forum a:hover{
	width:129px;
	background-position:0 -292px;
}
#forum-galerie li.galerie-photos a:hover{
	width:241px;
	background-position:-192px -292px;
}

/*--------------------------------------------------------------------------------------------------------------
	== GAUCHE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-one{
	float:left;
	width:215px;
}

/*Navigation*/
#portal-column-one .navigation {
	position:relative;
	padding:17px 0 0 0;
    min-height:610px;
	_height:610px;
	background: url(../images/home_new/fond-gauche.png) 0 0 repeat-y;
}
#portal-column-one .navigation .haut{
	position:absolute;
	top:0;
	height:610px;
	width:215px;
	background:url(../images/home_new/fond-gauche-haut.jpg) 0 0 no-repeat;
}
#portal-column-one .bas{
	height:33px;
	background:url(../images/home_new/fond-gauche-bas.png) 0 0 no-repeat;
	_background:url(../images/home_new/fond-gauche-bas-ie6.png) 0 0 no-repeat;
}
#portal-column-one .navigation h3{
	position:relative;
	z-index:4;
}
#portal-column-one .navigation h3 a{
	display:block;
	margin:0 0 0 5px;
	width:192px;
	height:19px;
	background-image:url(../images/home_new/sprite.png);
}
#portal-column-one .navigation ul{
	position:relative;
	z-index:4;
	margin:0 20px;
	padding:0 0 25px 0;
	border-top:1px solid #fff;
}
#portal-column-one .navigation ul li{
	margin:0;
	padding:2px 0 4px 18px;
	background:url(../images/home_new/puce-navigation.png) 10px 8px no-repeat;
	border-bottom:1px solid #fff;
	font-size:1.2em;
}

/*Etat normal*/
#portal-column-one .navigation h3 a.vie-du-diocese{
	background-position:0 0;
}
#portal-column-one .navigation h3 a.eglise-pratique{
	background-position:0 -23px;
}
#portal-column-one .navigation h3 a.eglise-diocesaine{
	background-position:0 -47px;
}
#portal-column-one .navigation h3 a.communication{
	background-position:0 -71px;
}
#portal-column-one .navigation h3 a.vie-economique{
	background-position:0 -95px;
}
/*Etat survolé*/
#portal-column-one .navigation h3 a.vie-du-diocese:hover{
	background-position:-192px 0;
}
#portal-column-one .navigation h3 a.eglise-pratique:hover{
	background-position:-192px -23px;
}
#portal-column-one .navigation h3 a.eglise-diocesaine:hover{
	background-position:-192px -47px;
}
#portal-column-one .navigation h3 a.communication:hover{
	background-position:-192px -71px;
}
#portal-column-one .navigation h3 a.vie-economique:hover{
	background-position:-192px -95px;
}


/*--------------------------------------------------------------------------------------------------------------
	== DROITE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-two{
	float:left;
	width:205px;
	min-height:478px;
	_height:478px;
	background: url(../images/home_new/fond-droite.png) right 0 no-repeat;	
}

/*----------------------------------------------------Recherche---------------------------------------------*/
#recherche{
	overflow:hidden;
	margin:20px 20px 0 10px;
	width:175px;
	background:#c7daba;
}
input#searchGadget{ /*champ de recherche*/
	margin:0 0 0 7px;
	padding:2px 0 0 3px;
	width:154px;
	height:16px;
	background:url(../images/home_new/champ-recherche.png) right 0 no-repeat;
	border:none;
	font-size:1em;
}
input.searchButton{ /*bouton de validation*/
	float:right;
	display:inline;
	margin:0 10px 0 0;
	padding:0 0 0 5px;
	background:url(../images/home_new/fleche-noire.png) 0 5px no-repeat;
	border:none;
	font-weight:bold;
}

/*-------------------------------------------------Actualités-------------------------------------------------*/
a.voir-actualite{
	display:block;
	margin:20px 0 0 10px;
	width:175px;
	height:64px;
	background:url(../images/home_new/sprite.png) 0 -686px no-repeat;
}
a.voir-actualite:hover{
	background:url(../images/home_new/sprite.png) -192px -686px no-repeat;

}


/*---------------------------------------------------Agenda---------------------------------------------------*/
#agenda{
	margin:20px 20px 0 10px;
	background:url(../images/home_new/fond-agenda.png) 0 0 repeat-y;
	border-bottom:1px solid #dbeab7;
}
#agenda ul{
	margin:0 10px;
}
#agenda ul li{
	margin:0 0 10px 0;
	line-height:normal;
	font-size:1.1em;
}
#agenda ul li strong{
	display:block;
	margin:0 0 2px 0;
	font-size:1.1em;
}
#agenda ul li span{
	display:block;
	margin:0 0 2px 0;
	background:#dae9b5;
	font-size:0.9em;
}

/*------------------------------------------------------Liens--------------------------------------------------*/
#liens{
	margin:20px 20px 0 10px;
}
#liens li a{
	display:block;
	width:184px;
	background-image:url(../images/home_new/sprite.png);
}
.liens{
	margin:30px 20px 0 10px;
}
.liens a.don-en-ligne{
	height:77px;
	background-position:0 -366px;
    display:block;
	width:184px;
	background-image:url(../images/home_new/sprite.png);
}
.liens a.don-en-ligne:hover{
	height:77px;
	background-position:-192px -366px;
}
#liens li a.messe-info{
	height:94px;
	background-position:0 -443px;
}
#liens li a.rcf{
	height:75px;
	background-position:0 -536px;
}
#liens li a.inscription-rss{
	position:relative;
	z-index:3;
	height:75px;
	background-position:0 -611px;
}
#liens li a.messe-info:hover{
	height:94px;
	background-position:-192px -443px;
}
#liens li a.rcf:hover{
	height:75px;
	background-position:-192px -536px;
}
#liens li a.inscription-rss:hover{
	height:75px;
	background-position:-192px -611px;
}
#liens li.rss{
	position:relative;
}
#liens li.rss a.rss-kesako{
	position:absolute;
	z-index:5;
	bottom:15px;
	right:15px;
	display:inline;
	width:auto;
	background:none;
	color:#717171;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= FOOTER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-footer{ /*pied de page "standard"*/
	margin:0!important;
	padding:0!important;
	height:26px;
	background: url(../images/home_new/fond-footer.png) 0 0 no-repeat;
	border:none;
}
#portal-siteactions{
	float:none;
	margin:0 0 0 20px;
	padding:2px 10px 0;
	width:940px;
	border:none;
	color:#fff;
	text-align:left;
}
#portal-siteactions li{
	float:left;
	display:inline;
	padding:0 0 0 10px;
}
#portal-siteactions li a, #portal-siteactions li a:visited{
	border:none;
	color:#fff;
	text-transform:none;
}
#portal-siteactions li a:hover{
	border:none;
	background:none;
	color:#fff;
}
#portal-siteactions li.connection{
	float:right;
	/*margin:-13px 0 0 0;*/
}

/*---------------------------------------------Barre d'administration---------------------------------------*/
/*                                          visible qu'en mode connecté                                     */
#portal-personaltools{
	position:absolute;
	top:150px;
	right:5px;
	display:inline;
	padding:0 5px;
    margin:0 0 10px 0;
    border:none;    
	background-color:#9FA08F;
    line-height:1.6em;    
    list-style:none;
}
#portal-personaltools li a{
    text-decoration:none;
    color:#fff;
}
#portal-personaltools li a:hover{
	text-decoration:underline;
}
.hiddenStructure{
    display:none;
}