/* CSS psallite.org */
/* by pynicolas and magiraud */

body 
{
  background-color: #be0750;
  font-family:  georgia, times, serif;
/*  font-size: 95%;  */
/*  line-height: 3.2ex;*/
  font-weight: normal;

  margin: 0;
  padding: 0 0 70px 0;

  background-image:url(../pict/banner-4f.jpg);  /* pour le bas */
  background-position: right bottom;
/*  background-repeat: repeat-Y; */
}

i.right
{
  display:block;
  text-align: right;
}

a.contact
{
  background-repeat: no-repeat;
  background-position: right center;
/* margin-right:7px; */
/*  padding-right:13px; */
  margin-right:5px;
  border:none;
}

a.stats
{ 
  color:#fff;
  border:none;
}

a.stats:hover
{ 
  color:#000;
  border:none;
}

a.contact img
{  
  padding-left:3px;
}


a.contact
{
/*  background-image: url(../pict/icon-mail.png); IE */
}

img
{ 
  margin: 0;
  padding: 0;
  border: none;
}

img.schema
{
  margin-left: 5em;
}

a
{
  color: #379;
  text-decoration: none;
  border-bottom: 1px solid #48a;
}

a:hover 
{
  color: #be0750;
  border-bottom: 1px solid #fcf;
}

.english
{
  font-style:italic;
}

#bloc-preview 
{ 
  position: absolute;
  top: 120px;
  margin-top: 4em;
  right: 10px;
  bottom: 120px;
}


#bloc-preview-text
{ 
  background-color:  #fae8ef ;
  width: 228px;
  padding: 7px 10px 10px 10px ;
  margin: 10px;
  text-align: center;
  font-size: smaller;
}

#bloc-preview #logo
{ 
  width: 238px;
  height: 337px;
}

#bloc-preview #photos
{
  padding-right: 30px;
  text-align: center;
}


#bloc-bottom {
  /* position: absolute; */ 
  bottom: 0px ;
  left: 0;
  right: 0;
  width: 100%;
  padding: 8px 0px 8px 0px;
  background-color: #000;
  color: #fff;
/*
  font-family:  arial, sans;
  font-size: smaller ; 
  text-transform: lowercase; */
}

#bloc-bottom-content { 
  margin-left: 10px ;
  right: 10px ;
}

#bloc-bottom-content-right { 
  display: inline ;
  margin-left: 10px ;
/*  width: 700px ;
  position: absolute; */
  right: 10px ;
}


#bloc-menu-right 
{
  display: inline ;
  position: absolute;
  padding: 10px;
  right: 10px ; 
  font-size: x-small ;
  text-align: right ;
  color: #fff;
}

#bloc-menu-right form a
{ 
  border:none ;
}

#bloc-menu-right form a:hover
{ 
  border:none ;
  background-color: #000;
}


#bloc-menu-right  form
{
  display: inline ;
}

#bloc-menu-left
{ 
  display: inline ;
}



a img
{ 
  border: none ;
}


#bloc-menu {
  position: absolute;
  top: 90px ;
  left: 0;
  right: 0;
  width: 100%;
  padding: 8px 0px 8px 0px;
  background-color: #000;
  color: #fff;
  font-family: arial, sans-serif;
  font-size:  medium; /* small */  /* 1em; */
  text-transform: lowercase;
 /* min-height:31px; */
}

#bloc-menu h4 
{
  display: inline;
  margin-left: 10px;
}

#bloc-menu h4:before
{
 /* content: "// "; IE */ 
}

#bloc-menu h4:after
{
 /* content: " : "; IE */
}

#bloc-menu ul 
{
  display: inline;
  padding: 0;
}

#bloc-menu a 
{
  color: #fff ;
  border-bottom: 1px solid #ccc;
}

#bloc-menu a:hover 
{
  /* background-color: #fff; */
  background-color: #c56b84;
  border-bottom: 1px solid #000 ; 
}


#bloc-menu ul li 
{
  margin-left: 0;
  display: inline;
  padding-right: 5px;
}


#bloc-menu ul li.accueil a
{
  margin-left: 20px;
  font-weight: bold;
  border: none;
}


#bloc-menu ul li.contact a
{
  font-weight: bold;
  border: none;
}


#bloc-contenu 
{
 padding-top: 28px;
 padding-right: 248px; /*  238 + 10 */
 background-color: #fff;
}

#bloc-contenu-in 
{
  margin-left: 2.5em ;
  max-width: 60em;
  padding:  20px 40px; 
  min-height: 347px; /* 337 + 10 */
  line-height: 1.8em;
  text-align: justify;
}

table
{ 
  margin-left: auto;
  margin-right: auto;
}

#bloc-contenu-one 
{
 padding-top: 28px;
 padding-right: 20px ; /*  238 + 10 */
 background-color: #fff;
}

#bloc-contenu-in-one 
{
  margin-left: 10px ;
  padding:  20px 20px; 
  min-height: 347px; /* 337 + 10 */
  line-height: 1.8em;
  text-align: justify;
}

div.center
{ 
  text-align:center;
}

tr.chant:hover 
{ 
  background-color: #eee ;
}

td
{ 
  text-align:center;
}

td.left
{ 
  text-align:left;
}


h2
{ 
  margin: 1em 0em;
  font-family: arial, sans-serif; 
  font-size: x-large ; /* 1.6em */
  font-variant: small-caps;  
  font-weight: bold;
  letter-spacing: 0.15em; 
  color: #589ab2; 
}

ul
{
   margin:0;
   padding-left:2.5em;
}

h3 
{
  font-family: arial, sans-serif; 
  font-weight: normal;
  font-size: small ;  /* 1em ; */
  line-height: 1.2em ;
  letter-spacing: 0.15em;
  padding-left: 1em;
  margin-top: 2em;
  color: #be0750; 
  border-bottom: 1px solid #be0750;
}

h3:before
{ 
  content : "/ " ; /* pas sous IE, mais c'est pas grave */
}


#buttons
{
/*  position: absolute; */
  bottom: 0px ;
  left: 20px ;
  margin-left: 5px ;
  margin-top: 20px ;
}

#catholiens
{ 
  display:inline ;
  margin-top: 10px ;
  margin-left: 11px ;
  bottom: 0px;
}

a.buttons
{ 
  border: none ;
  margin-left: 10px ;
}

a.buttons img
{ 
  margin-bottom: 17px ;
}

#bloc-banner 
{
  background: no-repeat center left   ;
  background-image:url(../pict/banner-5.jpg);   

  height: 90px;  /* 90 - 10 - 10 */
}

      
#bloc-banner-in 
{
  width: 100%;
  height: 100%;
  padding: 0 ; margin : 0 ;
  background: no-repeat center right   ;
  background-image:url(../pict/logo-croix-2b.png); 
}

h2 span#id 
{
  font-weight: normal;
  font-variant: normal;
  color: #000;
}


#elt-listechants ul li a , a td 
{ 
  border: none;
}

a b.code
{ 
  border-bottom: 1px solid #48a;
}

#elt-listechants ul li a span , a td span
{ 
  color: black;
}


#contenu-chant li span, #contenu-chant p span
{ 
  margin: 0.1em;
  padding: 0.1em 0.3em;
  font-family: arial, sans-serif;
  font-size: x-small; /* 80% */ 
  border: solid 1px black;
}


h2 span#id:before 
{
  /* content: "// "; IE */
}

h2 span#id:after 
{
  /*  content: ": "; IE */
  margin-left:0.3em;
}

h2 span#soustitre:before
{ 
  /* content: " / "; IE */
}

h2 span#soustitre 
{ 
  font-weight: normal;
}

p 
{ 
  margin-top:1.2em ;
}


pre.encart
{ 
  font-size: large; /* 1.4em; */
  font-weight: bold;
  color: #589ab2;
}

b
{
  font-weight: bold;
  font-style: italic;
}


p.encart 	
{ 
  background-repeat: no-repeat;
  background-position: 15px 50%;
  padding-left:50px;
  /*width: 80%;*/
}

p.encart#C { background-image: url(../pict/droits-C.png);}
p.encart#T { background-image: url(../pict/droits-T.png);}
p.encart#A { background-image: url(../pict/droits-A.png);}
p.encart#D { background-image: url(../pict/droits-D.png);}

/************* bloc-ids ********/

#bloc-ids
{ 
  position: absolute; 
  left: 0em ;
  width: 4em ;
  top: 143px;
  margin-top: 1.5em;
}


#bloc-ids a
{ 
  border:none;
  }

#bloc-ids li 
{
  list-style: none;
  margin:0;
  padding:0;
}

#bloc-ids li:before
{
/*  content: ""; */
  margin:0em;
}

#bloc-ids ul
{ 
  text-align:center;
  margin-left:0;
 margin-right:1em; 
 background-color: #eee; 
 padding:0 ;
}

#bloc-ids ul a 
{ 
  color:#999; 
  font-size: smaller ; /* 0.9em; */
  text-align:center;
  display:block;
  margin: 0;
  padding: .05em 0; 
  text-decoration:none;
}



#bloc-ids a:hover 
{ 
  color:#000;
  background-color:#fff;
}

#bloc-ids a span 
{
  display: none ;
}

#bloc-ids li.id {} 

#bloc-ids a:hover span 
{  
  font-size:small ;
  display:block;
  position:absolute; 
/*  top:-3em; */
  left:3.8em; 
/*  margin-top:-1em; */ 
/*  bottom:1em ;*/

  width:8em;
/*  max-width:25em;*/
  padding: 2px 10px;
 border:1px solid #999; 
  background-color:#eee; color:#333; 
}



a.leadpdf, a.pdf, a.ps
{
  background-repeat: no-repeat;
  background-position: right top;
  margin-right:7px;
  padding-right:22px;
 }

a.pdf
{
  background-image: url(../pict/icon_psa.png);
}

a.leadpdf
{
  background-image: url(../pict/icon_leadpsa.png);
}



/* Pour Mac IE 5 */

/*\*//*/

#bloc-preview
{ 
  display:none ;
  margin-top: 0.5em;
  position: static ;
}

/**/




