@charset "utf-8";
img{
    border:0;
}
form{ margin: 0; padding:0; }
body{
    background-color:#fafafa;
}

.fl
{
    float: left;
}

.fr
{
    float: right;
}

.clear
{
    clear: both;
}

/*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: 30px;
    padding-top: 13px;
}
#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;
}
#conteneur .question a:hover {
    color: #cc0000 ;
}
#conteneur .poser-question.question a {
    font-size: 16px;
    font-weight: bold;
}

.sf_faq {
    padding-top: 10px;
}

.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;
}

.height-10{
    height: 10px;
}

.height-20{
    height: 20px;
}

.height-30{
    height: 30px;
}

#conteneur #contenu #titre #print_link
{
    bottom:0px;
    float:right;
    position:absolute;
    right:0px;
    font-size:11px;
}

#conteneur #contenu #titre #print_link p
{
    float: right;
    font-family: serif;
    font-size:11px;
    margin-left: 5px;
}

#conteneur #contenu #titre #print_link a
{
    margin-left: 5px;
    float: right;
    color:#cc0000;
}

#texte .result
{
    border-bottom:1px solid #CECECE
}

.flash_message
{
    margin-bottom: 5px;
    padding: 12px;
    border: 1px solid black;
    color: black;
    font-size: 13px;
    line-height: 14px;
    text-align: justify;
    /*border-radius: 4px 4px 4px 4px;*/
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
}

.flash_message p
{
    margin: 0;
}

.flash_message.flash_error
{
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}

.flash_message.flash_notice, .flash_message.flash_success
{
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}

.flash_message.flash_info
{
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}

.flash_message.flash_warning
{
    background-color: #FCF8E3;
    border-color: #FBEED5;
    color: #C09853;
}