@charset "utf-8";
img{
border:0;
}
form{ margin: 0; padding:0; }
body{
background-color:#fafafa;
}
/*est le conteneur principal il permet de centrer le site 
et de preciser la largeur de la page*/
#conteneur {
	padding-right: 15px;
	padding-left: 15px;
	margin-top: -8px;
	width: 930px;
	margin-right: auto;

	margin-left: auto;
}
#conteneur #corps {
	background-image: url(../images/fond_droite1.jpg);
	background-repeat: repeat-y;
	background-position: right;
		border-left:1px solid #eee;
	border-right:1px solid #eee;
		background-color:#fff;
		width: 930px;
}

#sf_admin_container #sf_admin_content {
	margin-right:0;
	}
#conteneur a{
	color:#cc0000;
	text-decoration:none;
}
#conteneur ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#conteneur li{
margin:0;
}
#conteneur #contenu #texte .plan ul {
padding-left:20px;
}

/*definie la zone du bandeau
il possede le logo en image et une image de fond definie par les class qui suivent*/
#conteneur #haut{
	border-left:1px solid #eee;
	border-right:1px solid #eee;
		background-color:#fff;
	background-repeat: no-repeat;
	background-position: right;
	height: 68px;
	width: 930px;
	padding-top: 25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	position: relative;
}

#conteneur .base {
    background-image: url(../images/bandeau.jpg);
    position: relative;
}

/* variation des bandeaux du site */
#conteneur .mission {
	background-image: url(../images/bandeau-bible.jpg);
	position: relative;
}
#conteneur .abo {
	background-image: url(../images/bandeau-abo.jpg);
	position: relative;
}
#conteneur .faq {
	background-image: url(../images/bandeau-faq.jpg);
	position: relative;
}
#conteneur .accueil {
	background-image: url(../images/bandeau-accueil.jpg);
	position: relative;
}
#conteneur .rech {
	background-image: url(../images/bandeau-rech.jpg);
	position: relative;
}
#conteneur .res {
	background-image: url(../images/bandeau-res.jpg);
	position: relative;
}


/* Fin variation */


#conteneur  #haut img {
	margin-left: 10px;
	float: left;
	margin-right: 20px;
}
#conteneur #haut #ruban {
	position: absolute;
	left: 817px;
	top: 0px;
	
}

#conteneur #menuHorizontal {
		border-left:1px solid #eee;
			background-color:#fff;
	border-right:1px solid #eee;
	height: 45px;
	width: 930px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/fond_menu_horizontal.jpg);
	background-repeat: repeat-x;
}
#conteneur #menuHorizontal ul {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #828282;
	margin-left:auto;
	margin-right:auto;
	list-style-type: none;
	font-weight: bold;
}
#conteneur #menuHorizontal li {
	float: left;
	margin-left: 35px;
	padding-top: 10px;
}
#conteneur #menuHorizontal li a {
	text-decoration: none;
	color: #828282;
}
#conteneur #menuHorizontal li img {
	border:none;
}

#conteneur #menuHorizontal li a.actif  {
 	background-image:url(../images/lien_actif.jpg);
 	height: 26px;
 	width: 12px;
 	background-repeat: no-repeat;
 	background-position: center;
 	padding-top: 5px;
}
#conteneur #corps .clr {
	clear: both;
}





/*permet d'avoir la zone de droite
!!!! sa taille doit suivre la taille du contenu de la page (pas trouvé de solution) !!!!!*/
#conteneur #colonneDroite {
	width: 196px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #999999;
	float: right;
	height: 100%;
	position:relative;
	line-height: 14px;
}
/*#conteneur #colonneDroite {
	width: 196px;
	height:100%;
	background-image: url(../images/fond_droite.jpg);
	background-repeat: repeat-y 50% 0;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #999999;
	float: right;
	position:absolute;
	padding-bottom:10%;
	line-height: 14px;
	margin-left:740px;
}*/

#conteneur #colonneDroite #recherche {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	height: 10px;
	width: 175px;
}
/*definie le style de la zone de saisie de recherche*/
#conteneur #colonneDroite #recherche #inputTexte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	border: 1px solid #999999;
	float: left;
	height: 12px;
	background-color: #FFFFFF;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-top: 2px;
	width: 120px;
}
/*permet de mettre un bouton en tant que submit*/
#conteneur  #colonneDroite  #recherche  #btnRecherche{
	float: left;
	height: 18px;
	width: 18px;
	background-image: url(../images/bouton_fleche.jpg);
	background-repeat: no-repeat;
	border: 0px;
	text-decoration: none;
	margin-left: 10px;
}
/*cette definition permet d'avoir une barre horizontal dans la partie haute*/
#conteneur #colonneDroite .niveau {
	background-image: url(../images/separation.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#conteneur #colonneDroite .niveau h2 {
	color: #660000;
	font-family: "Trebuchet MS";
	font-size: 14px;
	margin: 0px;
}
#conteneur #colonneDroite .niveau  h2  a {
	text-decoration: none;
	color: #660000;
}
#conteneur #colonneDroite .niveau p {
	margin: 0px;

}
#conteneur #colonneDroite .niveau a {
	color: #999999;
	text-decoration: none;
}
#conteneur #colonneDroite .niveau a:hover{
	color: #000;
	}
#conteneur #colonneDroite #don {
	font-family: "Trebuchet MS";
	background-image: url(../images/fond_don.jpg);
	height: 24px;
	width: 176px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
}
#conteneur   #colonneDroite   #don   #donText  {
	text-decoration: none;
	float: left;
	color: #FFFFFF;
}
#conteneur   #colonneDroite   #don   img   {
	border: 0px;
	float: right;

}

/*definie la partie centrale de la page*/
#conteneur #contenu {
	width: 695px;

	
	position: relative;
}
#conteneur #contenu hr {
	color: #ffcccc;
	height: 1px;
	background-color: #ffcccc;
	border: 0px;
	margin: 0px;
}
#conteneur #contenu #titre {
	padding-top: 33px;
	padding-bottom: 20px;
	position: relative;
}

#conteneur  #contenu  #titre h1 {
	font-family: "Trebuchet MS";
	font-size: 24px;
	color: #cc0000;
	font-weight: bold;
	margin: 0px;
	margin-left: 31px;
}
/*permet de positionner le petit rectangle rouge à cote du fil d'ariane*/
#conteneur #contenu #titre img {
	position: absolute;
	left: 17px;
	top: 65px;
}

#conteneur #contenu #titre p {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #666666;
	margin: 0px;
	margin-left: 31px;
}
#conteneur #contenu #titre a {
	color: #666666;
	text-decoration: none;
}
#conteneur #contenu #colonneGauche {
	margin-top: 20px;
	width: 150px;
	float: left;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #999999;
	line-height: 14px;
	padding-left: 15px;
	position: relative;
}
#conteneur #contenu #colonneGauche .rouge {
	color: #cc0000;
}
#conteneur #contenu #colonneGauche p {
	margin: 0px;
}
#conteneur #contenu #colonneGauche ul {
	margin-top: 10px;
}
#conteneur  #contenu  #colonneGauche  ul#faq li {
	margin-top: 10px;
}
#conteneur  #contenu  #colonneGauche .ital {
	font-style:italic;
}
#conteneur #contenu #texte {
	position: relative;
	margin-top: 20px;
	text-align: justify;
	font-size: 12px;
	color: #000000;
	font-family: "Trebuchet MS";
	line-height: 14px;
	margin-left: 71px;
}

#conteneur #contenu #texte.texteWithColonneGauche{
	margin-left: 210px;
	}
#conteneur #bas {
	clear: both;
	background-image: url(../images/fond_bas.jpg);
	padding-top: 25px;
	background-repeat: no-repeat;
	text-align: right;
	height: 75px;
	width: 930px;
}
#conteneur #bas #raccourci {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #cc3333;
}
#conteneur #bas #raccourci a {
	color: #cc3333;
	text-decoration: none;
}

#conteneur #bas #copyright {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #999999;
}

.highlight{
background-color: #ffffcc;
color: #660000;
}



#conteneur #contenu #texte .testament li {
	list-style-type:none;
	padding-bottom:3px;
	text-align:left;
	
		}
#conteneur #contenu #texte .search-results li{
		list-style-type:none;
	padding-bottom:3px;
	text-align:left;
	
	}
#conteneur #contenu #texte .search-results li A{
	 color:#660000;
	 font-weight: bold;
}
#conteneur #contenu #texte .search-results li p{
color:#666666;
}


h2.titre{
		background-image: url(../images/fond_h2_formulaire.jpg);
		background-repeat: repeat-y;
	font-size: 16px;
	color: #660000;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 10px;
}

#conteneur .question a {
color: black;
}

.fete .couleur_liturgique{
	position:relative;
	/*top:5px;*/
	
}
.fete a{
	display:inline;
	float:left;
	height:10px;
	width:10px;
	position:relative;
	top:0px;
	margin-right:10px;
	font-size:8px;
	}
.fete .bulle a {
	float:none;
	margin-top:0px;
	}
* html .fete a{
	top:-5px;
	}
.fete .vert, #conteneur .fete .vert a{
	color:green;
	background-color:green;
}
.fete .blanc, #conteneur  .fete .blanc a{
	color:#fff;
	background-color:#fff;
}

.fete .rouge, #conteneur  .fete .rouge a{
	color:red;
	background-color:red;
}

.fete .violet,  #conteneur .fete .violet a{
	color:purple;
	background-color:purple;
}

.livres2{
position:relative;
top:-10px;
}
h2{
font-size:15px;
}
.adminBar{
	position:absolute;
	padding:3px;
	font-size:11px;
	top:0;
	left:0;
	opacity:0.7; 
	filter : alpha(opacity=70);
	background-color:#fff;
}
.adminBar A{
	color:#000;
	text-decoration:none;
}
	
.adminBar:hover{
	opacity:1; 
	filter : alpha(opacity=1000);
}

#conteneur #sf_admin_container #sf_admin_content {
margin-right:0;
}
#conteneur #contenu #texte font {
padding-right:5px;

display:inline;
}
#conteneur #contenu #texte .form-errors h2{
background-image:none;
color:#fff;
background-color:#FF3333;
width:608px;
margin:0;
}
#conteneur #contenu #texte .save-ok h2{
	background-image:none;
color:#fff;
background-color:#73B65A;
width:608px;
margin:0;
}
.print_only {
display:none;
}