/*
  #1ea900;  vert fonce
  #c4e9a1;  vert 
  #a6b8ea;  bleu 
  #7c6534;  marron 
  #dad8ab;  ocre clair
  #ecebd5;  ocre clair 50% 
*/


* /* reset */
{
  /* from joshuaink.com
     set the fonts to a uniform size, 
     including form fields as well as all headings etc. */
	
  font-size:100%;
  margin:0;
  padding:0;
  border:0;
  
}

body
{
  font-family: 'Trebuchet MS', sans-serif ;
  font-size: smaller;
}

/* Main layout */

#body
{ 
  width:100% ;
}


#body-wrap
{
  width:100% ;
  min-height:430px;  
  text-align: center; /* ie */
}



#bloc-preview 
{  
  position:absolute;
  right: 0px;
  margin-top: 70px;
  width: 185px;   
}

#wrap 
{
  /* border: yellow 1px solid; */
  width: 830px ;   
  margin: 0px auto 100px auto;


  /* ie */
  text-align:left;
  position:relative;
}

#bloc-contenu 
{
/*  position:absolute;  */
  margin-top: 0px;
  margin-left: 40px;
  
  width: 650px ;
  padding: 10px 0 10px 0 ;
  text-align: justify;
  background-color: #fff;
}

#bloc-contenu-in
{
  margin: 0 60px 10px 20px;
}

h1
{ 
  display: none;
}
      
#bloc-banner-in 
{
  position:absolute;
  margin: -100px 0 0 -40px;
  width: 300px;
  height: 65px;
}

#bloc-ids
{ 
  margin: 5px 50px 10px 330px; 
  width: auto ; 

  min-height:60px;
  height: auto !important;
  height: 60px; /* ie */
}

#bloc-menu 
{  
  margin: 5px auto 10px 60px;
  width: 700px;

  min-height:15px;
  height: auto !important;
  height: 15px; /* ie */
}

h2
{ 
  padding-top: 10px;
}

#h2spacer
{  
  width: 650px;
  background-color: #fff;
  height: 250px;
  margin-left: 40px;
  margin-bottom: 0;
}

h2.chant
{ 
  margin-left: 0px; 
  margin-top: -250px;
  width: 640px;

  text-indent: -70px;
  padding-left: 70px;
}



h2 div.apercu img
{ 
  width: 582px;
  height: 57px;
}



/* ((((((((((((()))))))))))))) */
/* Defaults */

span.english
{ 
  font-style: italic;
}

img
{ 
  font-size: small;
  font-weight: normal;
  font-style: italic;
}

p
{
  margin: 10px 0;
  padding: 0;
}

a, .liuti span
{ 
  padding: 1px 2px;
}

a
{ 
  text-decoration: none;
  border: none;
}


b.code
{ 
  padding: 0px 4px;
}

input, textarea, select
{ 
  margin: 2px 3px;
  padding: 2px ;
}

input, textarea
{  
  color: #1ea900;
}

textarea
{ 
  font-size: 120%;
}

input.submit
{  
  font-weight:normal;
}

a, input.submit /*, .liuti span */
{
  color: #7c6534;
  cursor:pointer;
}

a.link-in:hover, a.link-out:hover, input.submit:hover, .liuti span
{ 
  background-color: #ecebd5;
}

input.submit:hover
{ 
  background-color: #dad8ab;
}

a.anchor
{ 
  display:none;
}

input.visible, select
{ 
  margin-left:4px;
}


ul
{
  margin-left: 0;
  padding-left: 20px;
  margin-bottom: 20px;
}

ul li
{
  margin-bottom: 9px;
  margin-left: 1.5em ;
  list-style: url('../pict/neiges/triangle.png');
}

ul li.audio
{ 
  margin-bottom: 9px;
  margin-left: 1.5em ;
  list-style: url('../pict/icon-audio.png');
}

div.input
{ 
/*  font-size: small;*/
} 

div.center
{ 
  text-align:center;
}

table.cent
{ 
  width: 100%;
}

.sep
{
  visibility: hidden;
  width: 0;
}

.clearboth {  clear: both; } 

td
{ 
  padding-left: 5px;  
}

pre
{  
  font-family: 'Lucida Console', 'Trebuchet MS', sans-serif;
  color: #7c6534;
}

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


h2 span#id, a.pdf, 
#bloc-menu li, input.visible, input.submit 
{ 
  display: inline;
  padding: 2px 6px; 
}


/* Encart pour les droits */

p.encart 	
{ 
  background-repeat: no-repeat;
  background-position: 15px 50%;
  padding-left:70px;
  min-height:35px;
}

p.encart#D { background-image: url('../pict/neiges/droits-D.png');}
p.encart#C { background-image: url('../pict/neiges/droits-D.png');}
p.encart#A { background-image: url('../pict/neiges/droits-A.png');
             padding-left: 60px; }
p.encart#T { padding-left: 0px;  }

p.in
{ 
  padding-left: 10px;
}




span.liuti
{
  margin-left: 5px;
  display:inline;
  background-color: #fff;  
} 


span.categorie
{
  /* margin-right: 1em; */
}

img.lily
{
  width:100%;
}


/* ----- h2 ------ */

h2
{ 
  font-size: x-large;
  margin-bottom: 7px; 
}

h2 span#titre 
{ 
  line-height:3.5ex;
  display: inline;
}

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

h2 span#id, b.code
{ 
  background-color: #1ea900; 
  color:white;
  font-weight: bold;
}

h2 span#id
{
  margin-left: 0;
  margin-right:.3em;
}


/* ----- h3 ------ */


h3
{ 
  font-size: larger;
  color: #7c6534;
  font-weight:  bold;
  letter-spacing: 1px;
  margin: 3ex 0 2ex 0; 
} 



#contenu-faq h3
{
  display: block;
  cursor:pointer;
}


/* Affichage des partitions */

.mainpart
{
  font-size:larger;
  display: block;
  margin: 7px 7px;
}

.part
{
  display: inline;
  margin: 5px 7px;
}

ul.partitions li
{ 
  display:inline;
  float:left;
  width: 40%;
  margin:0 ;
}

ul.partitions li.instruments
{
  width: 50%;
}

ul.partitions li.instrumentsonly
{
  width: 100%;
}

ul.partitions li div
{ 
  text-align: center;
}


div.partline
{ 
  font-size:smaller;
}

div.transpo a
{ 
  padding-top: 1px ;  
  padding-bottom: 1px ;  
}

a.pdf:hover
{ 
  background-color: #1ea900;  
  
  color: #fff;
}

a.pdf
{
  background-color: #1ea900;  
  color: #eee;

  background-image: url('../pict/neiges/note_psa-b.png');
  background-repeat: no-repeat;
  background-position: right center;
  margin-right: 0px;
  margin-left: 0px;
  padding-right:25px;
  text-decoration: none;

  border-right: solid 1px #585;
  border-bottom: solid 1px #585;
}

.part a.pdf
{
  background-image: url('../pict/neiges/note_psa-bs.png');
  padding-top: 2px;
  padding-bottom: 1px;
  padding-right:23px;
}

.master
{ 
  margin-bottom: 13px;
}

.partline
{ 
   margin-top: 7px;
}




/***************************/
/******** bloc-menu ********/

#bloc-menu {
  color: #fff;
  font-size:larger;
  font-style:italic;
  letter-spacing: 1px;
  font-weight:bold;
  text-transform: lowercase;
}

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

#bloc-menu ul 
{
  display: inline;
}

a.menu
{
  color: #fff; 
}


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




/****************************************/
/******** bloc-preview, vignette ********/


.spacer
{ 
  height: 150px;
}

.vignette
{	
  font-size: smaller;
  margin-top: 30px;
}

.vignette img, .preview-text p
{ 
  margin-top: 30px ;
  width: 140px;
}

.vignette img
{ 
  border: 1px solid #555;
}

.preview-text p
{
  padding: 10px;
  font-size: smaller;
  background-color:  #ecebd5;
}
 
p.vig, .vignette p
{
  font-size: smaller; 
  letter-spacing: 1px;
  font-style: italic; 
  color: #fff;
  margin: 3px 3px 0 55px;
  display: block;
  line-height: 140%;
}


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


.rectangle
{  
  position:absolute;
  margin-left:460px;
  width:245px;
  padding: 10px;
  background-color:  #ecebd5;
  border: 1px solid #dad8ab; 
} 

.rectangle form
{ 
  text-align:center;
}

.rectangle h3
{ 
  margin:  0;
}


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

#bloc-ids 
{ 
  text-align:right;
}


#bloc-ids div
{ 
  display:inline ;
}

a.id
{ 
  color:#fff; 
  text-align:center;
  font-size:smaller;
  letter-spacing: 0px;
  font-style:italic;

  padding: 1px 2px; 
  margin: 0;
}


#bloc-ids a:hover, #bloc-menu a:hover
{ 
  color:#000 !important; 
  background-color:#fff;
}


div.current
{ 
  display:inline;
}

div.current a, div.current a
{
  background-color: #fff;
  color: #000;
}

/* footer, boutons, lien vers stats */


p#footer, #buttons
{ 
  margin:2px 0 100px 40px;

  width:700px;
  
  color:#fff;
  font-size: smaller; 
  letter-spacing: 1px;
  font-style: italic; 
}


#buttons
{ 
  margin-top: 20px;
  margin-left: 36px;
}

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

a.buttons:hover
{ 
  background-color: inherit;
}

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

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

a.stats
{ 
  text-align:right;
  color:#000;
  border:none;
}





/* Liste des paritions (liste) */

#elt-listechants ul li a
{
  color: black;
  background-color: white;
}

#elt-listechants ul li a:hover
{ 
  background-color: #ecebd5; 
}




/* Formulaire de contact */

div.avisn
{ 
  display: inline;
  margin-right: 1.6em;
  padding: 0px;
}

td.avis
{ 
  line-height:180% ;
}

div.fosp
{ 
  height: 20px;
}

#contenu-chant form.contact
{ 
  background-color:#ecebd5; /* ocre clair 50% */
  border: 2px dotted #dad8ab; 
  margin: 0 2em 0 2em;
}

form.contact table td
{ 
  width:100%;
  padding: 1em;
}

table#instruments
{ 
  margin: 0 auto 0 auto;
}

table#instruments td
{
  width:19%;
  line-height:140%;
  font-size: smaller;
}

/* ie */


h2 img
{
  margin-top: 5px ; 
  margin-left: 65px ; 
}

span.confirm
{ 
  color:  #1ea900;
  font-weight: bold;
}

p.vig a
{ 
  color: #fff;
}

p.vig a:hover
{ 
  color: yellow;
  background: none;
}

/* Google */


form.google 
{ 
  margin: 0px 10px;
  width:230px;
  font-size: 80%;
}

form.google input.text 
{ 
  width:150px;
  background-color:#ecebd5;    /* ocre clair 50% */
  border: 2px dotted #dad8ab; 
  margin: 11px 0 ;
}