/* taille typo, repris de spip 1.9pr
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur IE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
/* div, h1 {border: 1px #334 solid;} */

body {
  text-align: center;
  font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #334;
}

img, table { margin: 0; padding: 0; border: 0; }
ul, ol, li { margin: 0; padding: 0; text-align: left;}
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

/*  ------------------------------------------
/*  Tous les fonds
/*  ------------------------------------------ */
body          {background-color: #445;}
#principal    {background-color: #DDE;}
#confirm      {background-color: #DDE;}
#titre        {background-color: #CCD;}
#choixlang    {background-color: #CCD;}
#titrephotos  {background-color: #CCD;}
.details      {background-color: #AAB;}
#menu         {background-color: #AAB;}
#inscription  {background-color: #CCD;}
#comite       {background-color: #CCD;}
#invites      {background-color: #CCD;}
#participants {background-color: #CCD;}
div.detail    {background-color: #BBC;}
table.programme tr > th 
              {background-color: #CCD;}
tr.tableligne1       {background-color: #CCD;}
tr.tableligne0       {background-color: #DDE;}
div.chapo h2, div.texte h2 
              {background-color: #CCD;} 

/*  ------------------------------------------
/*  Toutes les bordures
/*  ------------------------------------------ */
#principal    {border: 4px #334 solid;}
#choixlang    {border: 4px #334 solid;}
#confirm      {border: 4px #334 solid;}
#titre        {border-bottom: 2px #334 solid;}
#menu h1      {border: 1px #99A solid;}
#page         {border: none;}
#titre h1     {border: none;}
div.chapo h2, div.texte h2 
              {border-bottom: 1px #99A solid;}
div.detail    {border: 1px #99A solid;}
table.programme tr > td  
	      {border-top: 1px #99A solid;}


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a                  {text-decoration: none; 
                    color: #906;}
a:visited          {color: #603;}
a:hover            {text-decoration: underline; }
h1 a:visited       {color: #334}
h1 a               {color: #334}
.details a         {text-decoration: none; 
                    color: #906;}
.details a:visited {color: #603;}

/*  ------------------------------------------
/*  Fontes et titraille
/*  ------------------------------------------ */
#titre h1 {
      color: #334;
    font-size: 1.4em;
    font-weight: bold;
}
#inscription h1, #participants h1, #comite h1, #invites h1{
    color: #334;
    font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.27em;
}

div.chapo h2, div.texte h2 {
    color: #334;
    font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.27em;
}
/*  ------------------------------------------
/*  Blocs principaux
/*  ------------------------------------------ */

#titrephotos {padding: 8px; margin: -8px; margin-bottom:.2em; padding-bottom:.2em;}

#principal {
	width: 48em;
	margin-top: 1em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#titre {
    	background-image: url("jygphoto.png");
        background-position: bottom right;
        background-repeat: no-repeat;
        min-height:125px;       
	text-align: center;
}

#titre h1 {
    padding-top: .5em;
    padding-bottom: .5em;
}

/*  ------------------------------------------
/*  Colonne menu
/*  ------------------------------------------ */

#titre .details {
    margin-top: 1em;
    font-size: 1em;
    width: 18em;
   padding: 8px;
    font-style: italic;
/*    font-weight: bold; */
    text-align: left;
/*    background: url("jygtramegris.png") #CCD; */
}

#menu{
    float: left;
   padding: 4px;
   padding-bottom: 0px;
    margin-right: 15px;
}

#inscription, #comite, #participants, #invites {
    width: 18em;
    padding: 4px;
    margin-bottom: 4px;
/*    margin-right: -5px; */
}


#inscription, #comite, #invites, #participants {
}



#inscription form {
	font-size: 0.82em;
	text-align: right;
}

#inscription h1, #participants h1, #comite h1, #invites h1{
    background-image: url("jygtramegris.png");
    background-attachment: fixed;
    padding: .5em;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 2px; 
}

#confirm {
/*	position: absolute; */
	margin-left: auto;
  	margin-right: auto;
	width: 32em;
}

#choixlang {
   position: absolute;
   padding: 2px;
   margin-left: -12px;
   padding-left: 8px;
   font-size: .82em;
}


/*  ------------------------------------------
/*  Listes
/*  ------------------------------------------ */

ul {
list-style-type: square;
/* list-style-image: */	
}


li {
    margin-left: 1em;
    text-indent: 0em;
    text-align: left;	
}


/*  ------------------------------------------
/*  Autres blocs
/*  ------------------------------------------ */


.nettoyeur { clear: both; margin: 0px; padding: 0px; border: 0px; height: 0px; line-height: 0px;}

.rightfloat {float: right;}
    

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

.error, .error ul, .error ul li {
  color: red;
  font-weight: bolder;
  font-size: .9em;
  margin-bottom: .5em;
}

div.chapo {
	font-size: 1em;
	margin: .5em;
	margin-top: 1em;
	text-align: justify;
}


div.texte {
	font-size: .8em;
	margin: .2em;
	margin-top: 1em;
	text-align: justify;	
}

div.chapo h2, div.texte h2 {
    text-align: right;
}



div.detail {
  font-size: 0.7em;
  max-width: 13em;
  padding: 5px;
  margin-left: 10px;
  margin-bottom: 4px;
  margin-top: 4px;
  margin-right: 0px;
  float: right;
  font-family: Georgia;
  text-align:left;
}

table.programme {
border-collapse: collapse;
/*    float: left; */
/* display: inline-table; */
margin-bottom: 1em;
margin-top: 1.5em;
margin-right: 0em;
margin-left: 0em;
vertical-align: top;
}


table.programme tr > th {
    border-top: 10px;
    text-align: center;
}

table.programme tr > td  {
  font-size: .9em;
	text-align: right;
	width: 5.5em;
}

table.programme tr > td + td {
	  font-family: Georgia;
		text-align: left;
		padding: 2px;
		padding-left: .5em;
		padding-right: .5em;
	    width: auto;
}

table.programme tr > td + td > em{
 font-weight: bold;
}

table.liste {
border-collapse: collapse;
margin-right: auto;
margin-left: auto;
}

table.liste  td {
	padding-top: 2px;
		padding-bottom: 2px;
}