/**************************************************************************************************************/
/*			Diocèse de BEAUVAIS - Page d'accueil personalisée d'un site packagé
			
			Date : 19/08/2009
			Auteur : Fournier Cécile
			URL : http://pin:19680/diocese-beauvais
			
			Sommaire :	= RESET
						= GENERAL
						= HAUT DE PAGE
							Personalisation du RSS
							Personalisation des onglets
							Bandeau qui peut etre remplacé par un flash
						= STRUCTURE CENTRALE
						= RUBRIQUES
							Haut
							Gauche
							Droite
						= UNITES PEDAGOGIQUES
							Titre
							Titre déplié
							Navigation
						= RECHERCHE
						= MENUS CONTEXTUELS
						= NAVIGATION INTRANET
						= ELEMENTS DE CONTENU GENERAUX
							Chemin de fer
							Description
							Listes à puces
							Liens
						= PAGE DE LISTE GENERALE
						= PAGE DE LISTE SPECIFIQUE
							Actus
							Agenda
						= PAGE DE DETAIL SPECIFIQUE
							Agenda
							Actus
						= PAGE MENTIONS LEGALES
						= PAGE DEPOT D'INTENTION DE PRIERES
						= PAGE CONTACT ADMINISTRATEUR
						= PAGE CONTACT
						= MODULE FAQ FORMATIONS ET TEXTES BIBLIQUES
						= MODULE RECHERCHE D'ETABLISSEMENTS
						= BAS DE PAGE
						= BARRE DE CONNECTION
			
			
			Couleurs: 	Bleu foncé #003871			
						Beige #ecdcad
						Jaune #f1b406
						Bleu clair #e5ebf1
*/
/**************************************************************************************************************/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= RESET
*/
/*------------------------------------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4 {
	border: none;
    font-weight:bold;
}
ul{
	list-style-image:none;
	list-style-type:none;
    padding: 0;
    line-height: 1.3em;
}
.visualClear{
	clear:both;
	display:block;
	line-height:0;
}
body {
	font-family:arial!important;
	/*font-size:62.5% !important; /*ensuite 1em=10px en taille normale*/
	font-size:100% !important; /*ensuite 1em=10px en taille normale*/
	line-height:normal;
	color:#000;
	background:#f36421;
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline!important	;
}
a, a:hover, a:visited{
	color:#000;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= GENERAL
	Définition de la couleur de fond, la taille et typo de l'ensemble du site
*/
/*------------------------------------------------------------------------------------------------------------*/
body{
	/*background-color:#ecdcad !important;*/
	/* A mettre ensuite #f39200 avant: #d4edfc*/ 

	background-color:#f39200 !important;
}
#conteneur_global{
	font-family:arial;
	background:#FFF  url(../images/fond-bloc-central.jpg) 0 0 repeat-y;
	width:990px;
	height:auto;
	margin:auto!important;
	/*padding:0 26px 0 26px;*/
}
#haut-de-page{ /*Pour les onglets*/
	height:21px;
	margin:0;
	padding:4px 0 0 10px;
	background:#FFF;
	/*background:#ecdcad;*/
	/*	background:red;*/
}
#principal{ /*Pour la page et le flash*/
	background:#FFF;
	width:990px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= HAUT DE PAGE
	Paramétrage du haut de page
*/
/*------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------Personalisation du RSS------------------------------------------*/
#haut_special_navigation{
	margin:0!important;
	height:19px;
	padding:0!important;
}
#haut_special_navigation ul{
	margin:0 0 0 0!important;
}
img#icone-rss{
	margin:0!important;
}

/*-----------------------------------------Personalisation des onglets---------------------------------------*/
#haut_navigation{
	height:19px;
	margin:0;
	width:800px!important;
	padding:0!important;
	background:transparent;
}
#haut_navigation ul {
	top:0!important;
	height:15px;
	margin:0!important;
}
#haut_navigation ul li{
	/*background-color:#ecdcad;*/
	background-color:#FFF;
}
#haut_navigation ul li a{
	color:black;
	font-size:1.1em;
	text-decoration:none;
}
#haut_navigation ul li a:hover{
	text-decoration:underline;
}

/*---------------------------------Bandeau qui peut etre remplacé par un flash-------------------------------*/
#flash h1{
	margin:0;
	border:none;
}
#flash h1 a {
	width:990px;
	height:173px;
	display:block;
	background: url(../images/bandeau.jpg) 0 0 no-repeat;
	margin:0 0 23px 0;
	border:none;
	cursor:pointer;
}
#flash h1 a span{
	display:none;
}
#flash {/*Quand c'est un flash*/
	margin:0 0 23px 0;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= STRUCTURE CENTRALE
	Paramétrage de la structure de la page
*/
/*------------------------------------------------------------------------------------------------------------*/
#colonne1 {
	width:173px;
	margin:0;
	background:none;
	float:left;
}
#colonne2 {
	float:left;
	width:980px;
	/*margin:0 0 10px 10px;*/
	display:inline;
	/*padding:0;*/
	/*background-color:#FFF;*/
}
#content{
	padding:0!important;
	margin:15px;
}

#colonne3 {
	float:right;
	width:193px;
	margin:0 0 20px 0;
	padding:0;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= RUBRIQUES
	Les rubriques peuvent se mettre à droite et à gauche ou en haut (sous le bandeau)
	Les rubriques de type lien ne peuvent pas se mettre en haut 
*/
/*------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------Haut-------------------------------------------------*/
#menu-navig {
	display:none;
}
#menu-navig a span{
	display:none;
}

/*Personalisation du titre (pour le nom on crée un div # en remplacant les espaces du nom de la rubrique par des -)*/

/*-----------------------------------------------------Gauche------------------------------------------------*/
#gauche {
	float:left;
	width: 173px;
	padding:0;
	background:none;
}
#gauche ul{
	list-style-image:none;
	list-style-type:none;
	margin:0 5px 0 0!important;
	padding:0;
}
#gauche ul li{
	margin:0 0 3px 0px;
	padding:0 0 2px 15px;
	background: url(../images/puce-fleche-bleue.gif) 5px 3px no-repeat!important;
	line-height:1.1em;
	border-bottom:1px solid #003871;
}
#gauche ul li a{
	color:#000;
	font-size:1em;
	text-decoration:none;
	width:100%;
	height:100%;
	background:none;
	padding:0;
	margin:0;
	text-transform:none;
}
#gauche ul li a:hover{
	text-decoration:underline;
}

#gauche ul li ul{}
#gauche ul li ul li{
border:none!important;
}
ul li ul li a{
	
}
ul li ul li a:hover{
	background:#e5ebf1!important;
	color:black!important;
}


/***     Bloc jaune "Donner à l'église"    ***/
#gauche #donner-a-leglise{
	margin:15px 0 0 0;
	}
#gauche #donner-a-leglise ul li{
	background: url(../images/puce-fleche-jaune.gif) 5px 3px no-repeat!important;
	border-bottom:1px solid #f1b406;
}
#gauche div#donner-a-leglise a{
	background-color:#f1b406;
}
#gauche div#donner-a-leglise ul li a{
	background:none;
}
#gauche div#donner-a-leglise a:hover{
	background-color:#f17a06;
	color:white;
	text-decoration:none!important;
	border:none!important;
}

#gauche div{
	padding:0 0 9px 0;
	/*background-color:#003871;
	color:white;*/
	margin:0 0 10px 0;
}
#gauche div a{
	background-color:#003871;
	color:white;
	display:block;
	padding:3px 3px 3px 6px;
	text-transform:uppercase;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 3px 0;
}
#gauche div a:hover{
	background-color:#577ca1;
	color:white;
	text-decoration:none!important;
	border:none!important;
}

/*--------------------------------------------------Droite-------------------------------------------------*/
#droite {
	padding:0; 
	width:193px;
	margin:0;
}
#droite a{
	margin:0;
	padding:0;
}
#droite ul{
	list-style-image:none;
	list-style-type:none;
	margin:0!important;

	padding:0!important;
}
#droite ul li{
	margin:0 5px 0 5px;
	padding:0 0 0 11px;
	background:white url(../images/puce-bleue.gif) 0 6px no-repeat;
}

#droite ul li a{
	margin:0;
	padding:0;
	border:none;
	font-size:1em;
	font-weight:normal;
}
#droite ul li a:hover{
}
#droite ul li ul{}
#droite ul li ul li{}

/*Menu*/
#droite div{
	float:left;
}
#droite div a{
	color:#003871;
	border-left:4px solid #003871;
	padding:0 0 0 10px;
	margin:0;
	font-size:1.5em;
	font-weight:bold;
}
#droite div a:hover {
	text-decoration:underline;
}

#droite #qui-sommes-nous{
	float:left;
	width:193px;
}
#droite #inscription-rameau,
#droite #diacona,
#droite #jmj-rio {
	margin-left: -15px;	
}
#droite #inscription-rameau a{
	background:url("../images/inscription-rameau.png") no-repeat scroll 9px 0 transparent;
	display:block;
	height:140px;
	margin:0;
	width:201px;
	border-left:none;
}
#droite #inscription-rameau a span{
	display:none;
}

#droite #denier a{
	/*background:url("../images-diocese-beauvais/denier.gif") no-repeat scroll 0 0 transparent;
	height:300px;
	width:150px;*/
	background:url("../images/denier.jpg") no-repeat scroll 0 0 transparent;
	height:273px;
	width:185px;
	display:block;
	margin:0;
	border-left:none;
}
#droite #echooo a{
	background:url("../images/echooo.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:96px;
	margin:0;
	width:193px;
	border-left:none;
}
#droite #retourEchooo a{
	background:url("../images/retourEchooo.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:96px;
	margin:0;
	width:193px;
	border-left:none;
}
#droite #denier a span,
#droite #echooo a span,
#droite #retourEchooo a span{
	display:none;
}

#droite #diacona a{
	background:url("../images/diacona.jpg") no-repeat scroll 0 0 transparent;
	display:block;
	height:92px;
	margin:0;
	width:201px;
	border-left:none;
}
#droite #diacona a span{
	display:none;
}

#droite #jmj-rio a{
	background:url("../images/jmj-rio.jpg") no-repeat scroll 0 0 transparent;
	display:block;
	height:73px;
	margin:0;
	width:201px;
	border-left:none;
}
#droite #jmj-rio a span{
	display:none;
}

#droite #actualites,
#droite #agenda,
#droite #albums-photos,
#droite #videos{
	width: 90px;
	height: 38px;
	float: left;
	margin-bottom: 0;
}
#droite #videos{
	margin-bottom: 20px;
}
#droite #actualites a,
#droite #agenda a,
#droite #albums-photos a,
#droite #videos a{
	display:block;
	height:34px;
	margin:0;
	width:100%;
	border-left:none;
}
#droite #actualites a span,
#droite #agenda a span,
#droite #albums-photos a span,
#droite #videos a span{
	display: none;
}


#droite #agenda a{
	background:url("../images/titre-agenda.jpg") no-repeat scroll 0 0 transparent;
}
#droite #actualites a{
	background:url("../images/titre-actualites.jpg") no-repeat scroll 0 0 transparent;
}
#droite #albums-photos a{
	background:url("../images/titre-albums-photos.jpg") no-repeat scroll 0 0 transparent;
}
#droite #videos a{
	background:url("../images/titre-videos.jpg") no-repeat scroll 0 0 transparent;
}


#droite #logo{
	margin:25px 0;
}
#droite #logo a{
	border:none!important;
}
/*------------------------------------------------------------------------------------------------------------*/
/*
	= UNITES PEDAGOGIQUES
	Paramétrage des unités pédagogiques
*/
/*------------------------------------------------------------------------------------------------------------*/
#droite #familles-et-enfants a{
	margin:0;
	padding:0;
	border:none;
	background:url(../images/menu-secondaire.jpg) 0 0 no-repeat;
	height:60px;
	width:180px;
	display:block;
}
#droite #familles-et-enfants a:hover, #droite #familles-et-enfants .selection_niv1 a:hover{
	background:url(../images/menu-secondaire.jpg) 0 -60px no-repeat;
}
#droite #jeunes a{
	margin:0;
	padding:0;
	border:none;
	background:url(../images/menu-secondaire.jpg) -190px 0 no-repeat;
	height:60px;
	width:186px;
	display:block;
}
#droite #jeunes a:hover, #droite #jeunes .selection_niv1 a:hover{
	background:url(../images/menu-secondaire.jpg) -190px -60px no-repeat;
}
#droite #art-culture-et-foi a{
	margin:0;
	padding:0;
	border:none;
	background:url(../images/menu-secondaire.jpg) -383px 0 no-repeat;
	height:60px;
	width:186px;
	display:block;
}
#droite #art-culture-et-foi a:hover, #droite #art-culture-et-foi .selection_niv1 a:hover{
	background:url(../images/menu-secondaire.jpg) -383px -60px no-repeat;
}

#droite #familles-et-enfants span, #droite #jeunes span, #droite #art-culture-et-foi span{
	display:none;
}

#droite #familles-et-enfants ul li a, #droite #jeunes ul li a, #droite #art-culture-et-foi ul li a, #droite #familles-et-enfants ul li a:hover, #droite #jeunes ul li a:hover, #droite #art-culture-et-foi ul li a:hover{
	background:none;
	height:auto;
	width:auto;
	margin:0;
	padding:0;
	}

/*----------------------------------------------------Titre---------------------------------------------------*/
/*pour le nom on crée un div # en remplacant les espaces du nom de la rubrique par des - et en ajoutant _unit à la fin*/
#mon-unite1_unit a{
	width:197px;
	height:92px;
	display:block;
	background:url(../images-nomdusite/monimage.gif) 0 0 no-repeat;
	cursor:pointer;
}
#mon-unite2_unit a{
	width:197px;
	height:92px;
	display:block;
	background:url(../images-nomdusite/monimage.gif) 0 0 no-repeat;
	cursor:pointer;
}
#mon-unite1_unit a span, #mon-unite2_unit a span{
	display:none;
}

/*-----------------------------------------------Titre déplié-----------------------------------------------*/
/*pour le nom on crée un div # en remplacant les espaces du nom de la rubrique par des -*/
#mon-unite1, #mon-unite2{
	margin:0!important;
	padding:0!important;
}
/*lorsqu'on se trouve dans une unité pédagogique toutes les sous rubriques sont listées à droite ou à gauche
  dans un menu spécifique qui se  spécifie dans les css de chaque unité pédagogique*/

/*-------------------------------------------------Navigation-----------------------------------------------*/
/*Niveau 1 (situé généralement à droite ou a gauche)*/
/*La personalisation du menu se fait dans la feuille de style spécifique à l'unité pédagogique "monunite.css"*/
.unite2{
	height:auto;
	margin:0 10px 20px 0;
	background: url(../images-nomdusite/monimage.gif) 0 0 repeat-y;
}
.unite2 h2{
	height:0;
	border:none;
}
.unite2 .titre{
	display:none;
}
.unite2 .bas{
	height:0;
	background:#fff;
}
.unite2 ul{
	margin:0 0 0 15px;
	padding:5px 0 5px 0;
	list-style-image:none;
	list-style-type:none;
}
.unite2 ul li{
	margin:0 0 0 20px!important;
	padding:0 0 0 5px!important;
	background:url(../images-nomdusite/monimage.gif) 0 8px no-repeat!important;
}
.unite2 ul li a{
	color:#000;
	text-decoration:none;
}
.unite2 ul li a:hover{
	text-decoration:underline;
}

/*Niveau 2 (se déplie sous le niveau 1)*/
.unite2 ul li ul{
	border:none!important;
	margin:0!important;
	padding:0!important;
}
.unite2 ul li ul li{
	margin:0 0 0 10px!important;
}

/*On peut créer autant de niveau que l'on souhaite*/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= RECHERCHE
	Paramétrage du module de recherche
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-searchbox {
	margin:0 0 20px 0;
	float:left;
	padding:0!important;
	width:auto;
	background:none;
	width:193px;
	overflow:hidden!important;
}
#searchGadget{
	background:white;
	width:140px;
	border:1px solid #000;
	font-size:0.9em;
	margin:0;
	padding:3px;
	font-style:italic;
}
input.searchButton{
	background:none;
	border:none!important;
	text-align:left;
	font-size:1.1em;
	padding:0!important;
	margin:0!important;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
}
input.searchButton:hover{
	color:white;
	background:#003399;
}

.LSBox{
	margin:0!important;
	padding:0 0 10px 0!important;
	float:none!important;
	text-align:left!important;
}


/*Recherche instantanée
#livesearchLegend{
	border-top:1px solid #972823;
	border-left:1px solid #972823;
	border-right:1px solid #972823;
	color:#972823;
}
#LSResult{
	color:#972823;
}*/
dl.liste-contenu{}
dl.liste-contenu dt{
	margin:0 0 3px 0;
	}
dl.liste-contenu dt a{
	border:none!important;
	color:#003871!important;
	font-size:1em;
	}
dl.liste-contenu dt a:hover{
	border-bottom:1px solid #003871!important;
	}
.contenttype-folderpage{
	/*background:url(http://172.29.7.252:19680/diocese-beauvais/folder_icon.gif) 0 3px no-repeat!important;*/
	}
/*------------------------------------------------------------------------------------------------------------*/
/*
	= MENUS CONTEXTUELS
	Paramétrage des menus contextuels : Album photos - agenda - actus - liens - documents - albums photos - sons - vidéos
*/
/*------------------------------------------------------------------------------------------------------------*/
#colonne3 fieldset{
	margin:0 10px 0 13px;
    border:1px solid #f2b917;
    padding:0;
}
#colonne3 fieldset ul li a{
	color:#000;
	font-size:1.2em;
	padding:0 0 0 6px;
	background: url(../images/puce-bleue.gif) 0 6px no-repeat;
}
#colonne3 fieldset.contenu_relation_agenda legend{
	padding:0 68px 5px 0;
    background: url(../images/medias.gif) -7px -40px no-repeat;
}
#colonne3 fieldset.contenu_relation_actu legend{
	padding:0 90px 5px 0;
    background: url(../images/medias.gif) -7px -12px no-repeat;
}
#colonne3 fieldset.contenu_relation_liens legend{
	padding:0 50px 5px 0;
    background: url(../images/medias.gif) -7px -127px no-repeat;
}
#colonne3 fieldset.contenu_relation_fichiers legend{
	padding:0 95px 5px 0;
    background: url(../images/medias.gif) -7px -95px no-repeat;
}
#colonne3 fieldset.contenu_relation_albumphotos legend{
	padding:0 115px 5px 0;
    background: url(../images/medias.gif) -7px -70px no-repeat;
}
#colonne3 fieldset.contenu_relation_videos legend{
	padding:0 60px 5px 0;
    background: url(../images/medias.gif) -7px -163px no-repeat;
}
#colonne3 fieldset.contenu_relation_sons legend{
	padding:0 45px 5px 0;
    background: url(../images/medias.gif) -7px -194px no-repeat;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
= NAVIGATION INTRANET
*/
/*------------------------------------------------------------------------------------------------------------*/
ul.menu-intranet {
	float:right;
	margin:7px!important;
	padding:5px 7px 5px 7px;
	height:auto!important;
	background: #eaeef7!important;
	border:none;
	border-right: 1px solid #000099;
	border-left: 1px solid #000099;
}
ul.menu-intranet  li{
	background:url(../images-nomdusite/monimage.gif) 0 8px no-repeat!important;
	padding:0 0 0 10px;
}

ul.menu-intranet  li a:link {
	color:#000 !important;
	font-size:0.9em;
	font-weight:normal;
	text-decoration:none;
}

ul.menu-intranet  li a:hover {
	color:#000;
	text-decoration:underline;
}

ul.menu-intranet  li a:visited{
	text-decoration:none;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= ELEMENTS DE CONTENU GENERAUX
	Paramétrage des éléments de contenu génériques sur toutes les pages : chemin de fer, listes, titres,...
*/
/*------------------------------------------------------------------------------------------------------------*/
#region-content{
	margin:0;
	padding:0 0 20px 0!important;
}
#contenu{
	margin:0 20px 0 20px;
	top:0;
}
#region-content h1{
	width:auto;
	height:auto;
	font-size:1.4em;
	font-weight:bold;
	color:#003871;						/*couleur des titres des unités pédagogiques définies*/
	border-bottom:2px solid #003871;	/*dans les css spécifiques */
	background:#FFFFFF;
	margin:0 0 30px 0;
}


.documentActions{
	margin:0 0 20px 0;
}

/*-----------------------------------------------------Chemin de fer------------------------------------------*/
#contenu #navigation{
	margin:0 0 20px 0;
	font-size:0.9em;
	color:#003871;
}
#contenu #navigation a{
	color:#9c9e9f;
	text-decoration:none;
	border:none;
}
#contenu #navigation a:hover{
	text-decoration:underline!important;
	border:none;
}

/*------------------------------------------------------Description-------------------------------------------*/
.documentDescription{
	font-style: italic;
	margin:0 0 20px 0!important;
}

/*---------------------------------------------------Listes à puces-------------------------------------------*/
body#content.documentContent ul li, #contenu .plain ul li, .plain ul li{
	background: url(../images/puce-bleue.gif) 0 6px no-repeat!important;
	padding:0 0 0 10px;
}

/*------------------------------------------------------Liens-------------------------------------------------*/
#contenu a{
	color:#172983;
	border-bottom:1px dotted #172983;
}
#contenu a:hover{
	color:#172983;
	border-bottom:1px solid #172983;
	text-decoration:none!important;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= PAGE DE DETAIL SPECIFIQUE
	Pour les Album photos - agenda - actus - liens - documents - albums photos - sons - vidéos
*/
/*------------------------------------------------------------------------------------------------------------*/
a.lien-retour{
	border:none!important;
}

/*----------------------------------------------------Agenda--------------------------------------------------*/
.vevent .date-agenda{
	font-style:italic;
	display:block;
	text-align:right;
	background:#e5ebf1;
	padding:1px 3px;
	font-size:0.8em;
}
.vevent a{
	color:#546aab;
	font-size:0.9em;
	text-decoration:none!important;
	margin:0;
}

/*---------------------------------------------------Actus----------------------------------------------------*/
.date-actu{
	font-style:italic;
}
.newsImageContainer{
	float:right;
	margin:0!important;
	padding:0!important;
	text-align:center;
}
.newsImageContainer .newsImage{
	margin:10px!important;
	border:none!important;
}
.newsImageContainer a{
	border-bottom:none!important;
}
.newsImageContainer .discreet{
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= PAGE MENTIONS LEGALES
*/
/*------------------------------------------------------------------------------------------------------------*/
#infosEmetteur{
	background-color:#ffebd8;
	padding:5px;
	font-weight:bold;
}
#conception a, #hebergement a, #droits a, #finMentions a{
	color:#ed7601;
	text-decoration:none;
	border:none;
}
#conception a:hover, #hebergement a:hover, #droits a:hover, #finMentions a:hover{
	text-decoration:underline;
}
.titre_conception, .titre_hebergement, .titre_droits{
	font-weight:bold;
	font-size:1.1em;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= PAGE CONTACT ADMINISTRATEUR
*/
/*------------------------------------------------------------------------------------------------------------*/
fieldset{
    border:1px solid #CCC;
	padding:6px;
}
#sender_fullname{
	background:#FFF;
	border:1px solid #CCC;
	font-size:0.9em;
	width:300px;
}
#sender_from_address{
	background:#FFF;
	border:1px solid #CCC;
	font-size:0.9em;
	width:300px;
}
#subject{
	background:#FFF;
	border:1px solid #CCC;
	font-size:0.9em;
	width:300px;
}
#message{
	background:#FFF;
	border:1px solid #CCC;
	font-size:0.9em;
	overflow:auto;
}
.context{
	border:1px solid #CCC;
}
#formControls{
	border:none;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
= PAGE CONTACT
*/
/*------------------------------------------------------------------------------------------------------------*/
dl.contact{
	clear:both;
	padding:5px;
	background:#fff;
	border:1px solid #f1b406;
	margin:0 0 15px 0;
}
dl.contact dt{
	font-size:1.3em;
	font-weight:bold;
	color:#edb721;
}
dl.contact dd{
}
dl.contact dd.image{
	float:right;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= PAGE DEPOT D'INTENTION DE PRIERES
*/
/*------------------------------------------------------------------------------------------------------------*/
fieldset.depot-intention-priere{
	border:none;
}
fieldset.depot-intention-priere legend{
	font-size:1.2em;
	color:#f36421;
}
fieldset.depot-intention-priere span{
	background:#f36421!important;
	display:block;
	width:99%;
	margin:0 0 5px 0;
}
fieldset.depot-intention-priere label{
	display:block!important;
	margin:5px 0 0 0;
}
fieldset.depot-intention-priere input{
	width:99%;
}
fieldset.depot-intention-priere textarea{
	overflow:auto;
	width:99%;
}
*+html fieldset.depot-intention-priere textarea{
	margin:0 0 0 -215px;
}
fieldset.depot-intention-priere input#envoi-priere{
	width:150px;
	margin:5px 0 0 0;
	cursor:pointer;
}
fieldset.depot-intention-priere input#envoi-priere:hover{
	background:#c5c5c5;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MODULE FAQ FORMATIONS ET TEXTES BIBLIQUES
*/
/*------------------------------------------------------------------------------------------------------------*/

h2.sous-titre{
    color:#003871;
    font-size:1.3em;
    font-weight:bold;
}


ul.liste-categories{
    margin:0 0 20px 15px;
}
ul.liste-categories li{
}
ul.liste-categories li a{}
ul.liste-categories li a:hover{}

/*FAQ*/
ul.liste-questions{}
ul.liste-questions li{}
ul.liste-questions li a{}
ul.liste-questions li a:hover{}

/*Formations*/
dl.liste-formation{}
dl.liste-formation dt{}
dl.liste-formation dt a{}
dl.liste-formation dt a:hover{}
dl.liste-formation dd{}

.date-formation{}

/*Textes bibliques*/
dl.liste-textes{
    margin:0 0 20px 15px;
}
dl.liste-textes dt{}
dl.liste-textes dt a{}
dl.liste-textes dd{
    margin:0;
}

dl.liste-textes dd.auteur-texte{
    font-weight:bold;
    margin:0 0 10px 0;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MODULE RECHERCHE D'ETABLISSEMENTS
*/
/*------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------Formulaire de recherche-----------------------------------------*/
form#recherche-etablissement{}
form#recherche-etablissement label.choix-etablissement{}
form#recherche-etablissement label.choix-etablissement select{}
form#recherche-etablissement label.choix-ville{}
form#recherche-etablissement label.choix-ville select{}
form#recherche-etablissement label.recherche{
	display:none;
}
form#recherche-etablissement input#rechercher{}

/*-------------------------------------------------Page de liste----------------------------------------------*/
dl.liste-etablissements{}
dl.liste-etablissements dt{}
dl.liste-etablissements dd.illustration{}
dl.liste-etablissements dd.description{}
dl.liste-etablissements dd.coordonnees{}
div.listingBar{}
div.listingBar a .previous{}
div.listingBar a .next{}

/*-------------------------------------------------Page de liste ACTUS----------------------------------------*/
fieldset.liste_news{
	
}
fieldset.liste_news ul{
	margin:0;
}
fieldset.liste_news ul li{
	margin:0 0 10px 0;
	background:#fff;
	padding:15px;
	}
fieldset.liste_news ul li h2{
	font-family:arial;
}
fieldset.liste_news ul li h2 a{
	border:none!important;	
	display:block;
	line-height:normal!important;
	margin:5px 0 0 0;
	font-size:0.8em;
	text-transform:none;
	color:#172983!important;
	}
fieldset.liste_news ul li h2 a:hover{
	border:none!important;	
	text-decoration:underline!important;
	background:none;	
	}	

fieldset.liste_news ul li h2 img{
	float:right;
	margin:0 7px 0 7px;	
	}
fieldset.liste_news span{
	font-weight:bold;
	font-size:0.9em;
}
fieldset.liste_news a{
	border-bottom:none!important;
	color:#000!important;
}	
/*-------------------------------------------------Page de liste AGENDA----------------------------------------*/
fieldset.liste_news{
	
}
fieldset.liste_agenda ul{
	margin:0;
}
fieldset.liste_agenda ul li{
	margin:0 0 10px 0;
	background:#fff;
	padding:5px 10px;
	}
fieldset.liste_agenda ul li h2{
	font-family:arial;
}
fieldset.liste_agenda ul li h2 a{
	border:none!important;	
	display:block;
	line-height:normal!important;
	margin:5px 0 0 0;
	font-size:0.8em;
	text-transform:none;
	color:#172983!important;
	}
fieldset.liste_agenda ul li h2 a:hover{
	border:none!important;	
	text-decoration:underline!important;
	background:none;	
	}	
fieldset.liste_agenda ul li h2 span.date_agenda{
	font-size:0.6em;
	}
fieldset.liste_agenda a{
	border-bottom:none!important;
	color:#000!important;
}	
/*-------------------------------------------------Page de liste LIENS----------------------------------------*/
fieldset.encadre_liens legend{
	font-size:1.4em;
	color:#f1b406;
	font-weight:bold;
	text-transform:uppercase;
}
fieldset.encadre_docs legend{
	font-size:1.4em;
	color:#adbdcb;
	font-weight:bold;
	text-transform:uppercase;
}
fieldset.encadre_liens ul li a strong{
	font-size:1.2em;
	font-weight:bold;	
}
fieldset.encadre_liens ul li{
	line-height:normal!important;
	margin:0 10px 8px 10px;	
}

/*------------------------------------------------Page de détail----------------------------------------------*/
ul.coordonnees{}
ul.coordonnees li{}
img.illustration{}
dl.direction{}
dl.direction dt{}
dl.direction dd{}
dl.informations{}
dl.informations dt{}
dl.informations dd{}
p.phrase-personalisee{}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= BAS DE PAGE
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-footer{
	background-color:#003871;
	border:none;
	height:auto;
	margin:0;
	padding:3px 0px;
	/*padding:3px;*/
	color:#fff;
	text-align:center;
	width:990px;
}
#portal-footer a{
	color: #fff;
	text-decoration:none;
}
#portal-footer a:hover{
	color:#fff;
	text-decoration:underline;
}
#portal-footer a:visited{
	color: #CCCCCC;
	text-decoration:none;
}


/*Le portal-siteactions se défini sur un UL*/
#portal-siteactions{
	border:none;
	color:#fff;
	padding:0;
	font-size:1.1em;
	float:none;
}
#portal-siteactions li{
	display:inline;
}
#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;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= BARRE DE CONNECTION
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-personaltools {
    border:none;
    display:inline;
	background-color:#cac0a4;
    line-height:1.6em;
    padding:0px 5px 0px 5px!important;
    margin:0px 0px 10px 0px!important;
    list-style:none;
}
#portal-personaltools li a{
    text-decoration:none;
    color:#fff;
}
#portal-personaltools li a:hover{
	text-decoration:underline;
}
.hiddenStructure {
    display: none;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= STYLES FCK
*/
/*------------------------------------------------------------------------------------------------------------*/
h3.titre-niv1, h4.titre-niv2, h5.titre-niv3 {
	color:#003871!important;
}
h6.titre-niv4{
	background:#003871;
	color:#FFF!important;
}
span.texte1{}
span.texte2{}



/*------------------------------------------------------------------------------------------------------------*/
/*
	= COORDONNEES ANNUAIRE 
*/
/*------------------------------------------------------------------------------------------------------------*/

.texte-annuaire{
	float:left;
	}
ul.coordonnees-annuaire {
	margin:0 0 10px 0;
	padding:0;
}
ul.coordonnees-annuaire li {
	padding:0;
}
ul.coordonnees-annuaire li span{
	font-weight:bold;
	float:left;
	display:block;
	/*clear:left;*/
}
ul.coordonnees-annuaire li.adresse {
	padding:0;
	/*border-left:1px dotted #003871;
	border-right:1px dotted #003871;*/
	margin:0 10px 15px 0!important;
}

ul.coordonnees-annuaire li.adresse span {
	font-weight:bold;
	display:block;
}
ul.coordonnees-annuaire li.adresse img {
	float:right;
}
ul.coordonnees-annuaire li.adresse ul {
	margin:0 5px 5px 5px;
	float:left;
}
ul.coordonnees-annuaire li.adresse ul li{
	margin:0;
	padding:0;
}
ul.coordonnees-annuaire li{
	clear:left;
}
ul.coordonnees-annuaire li span.link-mailto{
	margin:0 0 15px 0;
	display:block;
	}

ul.liste-mvts-services {
	background:#f4e8c3;
	padding:5px;
	margin:15px 0 0 0!important;
	float:left;
	clear:left;
	width:100%;
}

ul.liste-mvts-services li{
	background: url(../images/puce-fleche-bleue.gif) 0 5px no-repeat;
	padding:0 0 0 10px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= liste mouvements
*/
/*------------------------------------------------------------------------------------------------------------*/
ul.retours{
	margin:0 0 10px 0;
	padding:0;
	/*float:left;*/
	}
ul.retours li{
	margin:0;
	padding:0;
	font-weight:bold;
	}
ul.retours li a{
	color:#c79e00!important;
	}

ul.retours li a.retour-diocese{
	float:left;
	clear:left;
	}

fieldset.liste-categorie ul{
	margin:0 0 0 15px;
}
fieldset.liste-categorie ul li{
	float:left;
	margin:0 20px 0 0;
	padding:0 13px 0 7px;
	line-height:1.5em;
    width:130px;
    background:url("images/puce-noire.png") no-repeat scroll 0 6px transparent;
}
fieldset.liste-categorie ul li a{
	border:none!important;
	color:#000!important;
	font-weight:bold!important;
	font-size:0.9em!important;
}
#contenu fieldset.liste-categorie ul li a:hover{
	text-decoration:underline!important;
}
fieldset.categorie-elements-annuaire{
	clear:left;	
	}
	
fieldset.categorie-elements-annuaire legend{
	background:#003871;
	color:white;
	font-variant:small-caps;
	padding:4px;
	}
#contenu fieldset.categorie-elements-annuaire legend a{
	color:white;
	}
	
dl.liste-elements-annuaire{
	margin:0 5px;
	padding:5px;
}
dl.liste-elements-annuaire dd ul{
	margin:0;
	padding:0;
}
dl.liste-elements-annuaire dd ul li{
	display:block!important;
	}
dl.liste-elements-annuaire dd a.en-savoir-plus{
	background:url(../images/puce-fleche-jaune.gif) 0 5px no-repeat;
	padding:0 0 0 12px;
	}
dl.liste-elements-annuaire dt{
	border-top: 1px solid #e1e1e1;
	margin:10px 0 0 0;
	}
dl.liste-elements-annuaire span.link-mailto{
	display:block;
	float:right;
	}
dl.liste-elements-annuaire span.link-mailto a.envoi-mail{
	color:#c79e00!important;
	font-weight:bold;
	background:url(../images/mailer.jpg) 0 0 no-repeat;
	padding:0 0 0 30px;
	}
/*   http://172.29.7.252:19680/diocese-beauvais/diocese-de-beauvais/les-mouvements/action-catholique/ace   */	
ul.liste-fils{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	}
ul.liste-personnes{
	float:left;
	width:100%;
	margin:15px 0 20px 0;
	}
ul.liste-personnes li{
	margin:4px 5px 0 0;
	padding:8px;
	background:#fbf3dc;
	float:left;
	width:250px;
	}
ul.liste-personnes li span{
	font-weight:bold;
	font-variant:small-caps;
	font-size:1.1em;
	}
ul.liste-personnes li ul{
	margin:0;
	padding:0;
	}
ul.liste-personnes li ul li{
	margin:0;
	padding:0 0 0 9px;
	background:url(../images/puce-fleche-bleue.gif) 0 5px no-repeat;
	}
    
img.logo_groupe{
   float:right; 
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= DON EN LIGNE
	Paramétrage du module don en ligne
*/
/*------------------------------------------------------------------------------------------------------------*/
#principal #colonne-gauche{
	margin-top:10px;
}
#principal #colonne-gauche table th{
	background-color:#003871;
}
#principal #colonne-gauche table ul li{
	background:url(./images/puce-bleu.png) 0 7px no-repeat;
}
#liens-onglets{
	top:-27px;
	/*right:0;*/
}
#liens-onglets ul li a{
	color:#000;
	clear:right;
	padding:3px 8px;
	border:1px solid #003871;
	border-top:none;
}
#liens-onglets ul li a:hover{
	text-decoration:underline;
}
#liens-onglets ul li a.actif{
	background:#003871;
	border-bottom:5px solid #003871;
}
#centre h1{
	margin:20px 0 0 0;
	color:#003871;
}
#centre .champ-requis{
	padding:20px 0;
	font-size:0.9em;
	border-bottom:1px solid #003871;
}
#centre label{
	background:url(./images/puce-fleche-bleu.png) 0 6px no-repeat;
	text-transform:uppercase;
	color:#003871;
    width:330px!important;
}
#centre label.paroisse, #centre label.adresse, #centre label.documentation  {
width:688px!important;
}
#centre fieldset{
	border:2px solid #003871;
}
#centre fieldset legend{
	color:#003871;
}
#centre fieldset label{
	color:#000;
}
#centre input[type="submit"]{
	background:url(./images/valider.png) 0 0 no-repeat;
}