* {
   font-family : "Times New Roman", Times, serif;
   color:#000066;
}

body {
   margin: 0;
   padding: 0;
   font-size: 106%;
   background:url(./images/fd_01.jpg);
   background-repeat:repeat-y;
   background-position:left;
   background-color:#E7E2C2;
}

/**************************************************************************************
*  Liens entete
/*************************************************************************************/
#entete  {
   font-size: 130%;
}
#entete ul {
   padding:0;
   margin:0 0 0 2em;
}
#entete li {
   display:inline;
   list-style:none;
   padding:0 0 0 20px;
   background:url(./images/puce_lien_entete.gif);
   background-repeat:no-repeat;
   background-position:left center;
}
#entete .annonces li {
   background:url(./images/puce_lien_annonces.gif);
   background-repeat:no-repeat;
   background-position:left center;
}
#entete .admin li {
   background:url(./images/puce_lien_admin.gif);
   background-repeat:no-repeat;
   background-position:left center;
}
#entete .olympiades li {
   background:url(./images/puce_lien_olympiades.gif);
   background-repeat:no-repeat;
   background-position:left center;
}
#entete .olympiades li a{
   color:#660099;
   background-color:inherit;
}
#entete .olympiades li a:hover{
   color:#FF3300;
   background-color:inherit;
}
#entete li a {
   font-size:0.8em;
   font-style:italic;
   font-weight:bold;
   text-decoration:none;
   color:#330066;
}
#entete li a:hover {
   color:#FF3300;
   text-decoration:underline;
}
/**************************************************************************************
*  Liens nav
/*************************************************************************************/
#nav  {
   font-size: 130%;
}
#nav ul {
   padding:0;
   margin:2em 0 0 0;
}

#nav li {
   list-style:none;
   padding:.1em 0 0 0;
   text-align:center;
   width:9.5em;
   height:1.2em;
}
#nav li a {
   font-size:0.8em;
   font-weight:bold;
   text-decoration:none;
   color:#330099;
}

#nav li.accueil{
   background:url(./images/fd_b_accueil.jpg);
   background-repeat:repeat x;
   background-color:#3E107C;
   margin:0px 0px 2px 5px;
}
#nav li.accueil a{
   color:#FFFFFF;
   background-color:inherit;
}
#nav li.accueil a:hover{
   color:#F4AB10;
   background-color:inherit;
}

#nav li.presse{
   background:url(./images/fd_b_presse.jpg);
   background-repeat:repeat x;
   background-color:#660000;
   margin:0px 0px 2px 5px;
}

#nav li.presse a{
   color:#FFFFFF;
   background-color:inherit;
}
#nav li.presse a:hover{
   color:#FFFF00;
   background-color:inherit;
}

#nav li.forum{
   background:url(./images/fd_b_forum.jpg);
   background-repeat:repeat;
   background-position:top left;
   background-color:#DA0FF4;
   margin:0px 0px 2px 5px;
}

#nav li.forum a{
   color:#FFFFFF;
   background-color:inherit;
}
#nav li.forum a:hover{
   color:#FFFF00;
   background-color:inherit;
}

#nav li.annonces{
   background:url(./images/fd_b_annonces.jpg);
   background-repeat:repeat x;
   background-color:#006600;
   margin:0px 0px 2px 5px;
}
#nav li.annonces a{
   color:#FFFFFF;
   background-color:inherit;
}
#nav li.annonces a:hover{
   color:#FFFF00;
   background-color:inherit;
}

#nav li.olymp{
   background:url(./images/fd_b_olymp.jpg);
   background-repeat:repeat x;
   background-color:#996600;
   margin:0px 0px 2px 5px;
}
#nav li.olymp a{
   color:#FFFFFF;
   background-color:inherit;
}
#nav li.olymp a:hover{
   color:#FFFF00;
   background-color:inherit;
}
#nav li.liens{
   background:url(./images/fd_b_presse.jpg);
   background-repeat:repeat x;
   background-color:#660000;
   margin:0px 0px 2px 5px;
}
#nav li.liens a{
   color:#FFFFFF;
   background-color:inherit;
}
#nav li.liens a:hover{
   color:#FFFF00;
   background-color:inherit;
}
#nav li.contact{
   background:url(./images/fd_b_contact.jpg);
   background-repeat:repeat x;
   background-color:#FFCC00;
   margin:0px 0px 2px 5px;
}
#nav li.contact a{
   color:#FFFFFF;
   background-color:inherit;
}
#nav li.contact a:hover{
   color:#FFFF00;
   background-color:inherit;
}


/**************************************************************************************
*  Gabarit 2 colonnes
*   Origine : http://www.   ?????
/*************************************************************************************/
	/* =page
	----------------------------- */
	#page {
	  position:relative;
	  margin-left:auto;
	  margin-right:auto;
	  width:100%;
	  background: url(./images/fd_01.jpg) repeat-y ;
			/* "faux colomn": colonnes de meme "hauteur"
			www.ilovejackdaniels.com/design/faux-columns-for-liquid-layouts */
	}


	/* =entete
	----------------------------- */
	#entete {
     padding:0 0 0 12em;
     margin:0 0 0 0;
     height:4em;
   }
	#entete h1 {margin: 0;}

	/* =contenu
	----------------------------- */
	#contenu {
     padding:0 1em 0 16em;
     margin:0 0 0 0;
	  /*min-height:500px;
	  height:25em;
	  overflow:auto; */
   background: url(./images/fonggrconcept.jpg) repeat-y right ;
	}

	/* =nav
	----------------------------- */
	#nav {
		position:absolute;
		top:0;
		left:0;
        width:10em;
	}
/**************************************************************************************
*  Images
/*************************************************************************************/

/**************************************************************************************
*  Commun
/*************************************************************************************/
.centrer{
   text-align:center;
}
.italique{
   text-style:italic;
}


.gras{
   font-weight:bold;
}
#compteur {
   text-align:center;
   font-weight:bold;
   font-size:0.9em;
   color:#000000;
   margin:1em 0 0 0;
}
#compteur .nb {
   color:#FFFFFF;
   background-color:#3333CC;
}
#concept {
   text-align:center;
   font-style:italic;
   margin-bottom:1em;
   font-size:1.5em;
   font-weight:bold;
}

h1{
   font-size:1.7em;
}
h2{
   font-size:1.5em;
}
h3{
   font-size:1.3em;
}
h4{
   font-size:1.1em;
}
h5{
   font-size:0.9em;
}
/**************************************************************************************
*  Par pages
/*************************************************************************************/
/*  Index  */
#accueil  {
   font-size: 130%;
}
.poeme  {
  font-size: 150%;
}
.poeme ul {
   font-size: 140%;
   font-weight: bold;
   /*background:url(./images/griffe-a-braille.gif);
   background-repeat:no-repeat;
   background-position:left top;*/
   padding:0 0 0 0;
   margin:0 0 0 3em;
}
.poeme li {
   list-style:none;
   padding:0.6em 0 0 0.5em;
}
.poeme li.firstline {
  /* margin:0 0 0 -2em;*/
}
.poeme li.firstline:first-letter {
   font-size:3em;
   font-style:italic;
}

/*  Presse  */
.fond_bordeaux{
	font-size:1.3em;
	background-color:#660000}

.couleur_bordeaux{
	font-size:1.5em;
	font-weight:bold;
	color:#660000}
	
.lien {
	font-weight:bold;
	color: #0000CC}

/*  Association  */
#assoc  {
   font-size: 130%;
}
#assoc .titre {
   text-align:center;
   font-size:1.7em;
   font-weight:bold;
   margin:1em 0 1em 0;
}
#assoc .titre1 {
   text-align:center;
   font-size:1.3em;
   font-weight:bold;
   margin:1em 0 1em 0;
}
#assoc .titre2 {
   text-align:center;
   font-size:1em;
   font-weight:bold;
   margin:1em 0 1em 0;
}
#assoc .titre3 {
   font-style:italic;
   text-align:center;
   font-size:1em;
   margin:1em 0 1em 0;
}

/*  Charte  */
#charte  {
   font-size: 130%;
}
#charte .titre {
   text-align:center;
   font-size:1.6em;
   font-weight:bold;
   margin:1em 0 1em 0;
}
#charte .titre1 {
   text-align:center;
   font-size:1.3em;
   font-weight:bold;
   margin:1em 0 1em 0;
}
#charte .titre2 {
   text-align:center;
   font-size:1.6em;
   font-style:italic;
   font-weight:bold;
   margin:1em 0 1em 0;
}
#charte .titre3 {
   font-style:italic;
   text-align:center;
   font-size:1em;
   margin:1em 0 1em 0;
}
#charte em {
   font-style:normal;
   font-weight:bold;
   font-size:1.2em;
}

/*  temoin  */
#temoin  {
   font-size: 130%;
}
#temoin em {
   font-style:normal;
   font-weight:bold;
   font-size:1.2em;
}

/* Bulletin d'adhesion */
/*****************************************************/
/*  Colonnes  */
#adhesion .col1 {
   width: 40%;
   float: left;
}
#adhesion .col2 {
   width: 60%;
   float: left;
}
#adhesion .adres {
   font-size:95%;
   text-align:center;
}
#adhesion .signature {
   font-size:130%;
   text-align:center;
}

/*  champs de saisie  */
#adhesion {
   font-size: 130%;
}
#adhesion input, #adhesion select, #adhesion textarea{
   font-size:90%;
   background-color:#FFFFFF;
}
#adhesion input.radio{
   background-color:#E7E2C2;
}
#adhesion textarea {
   font-family:Arial, Helvetica, sans-serif;
}
#adhesion label {
   font-size:90%;
   font-weight:bold;
 }
#adhesion .col1 label {
   width:25%;
   float:left;
}
#adhesion .col1 p {
   display:inline;
}
#adhesion .col2 label {
   width:15%;
   float:left;
}
#adhesion .col2 p {
   display:inline;
}
#adhesion h1 {
   font-size:120%;
   text-align:center;
   background-color:#0099FF;
   color:inherit;
}

#adhesion h2 {
   font-size:100%;
}
.bouton_print {
   text-align:center;
}
@media print {
.bouton_print {
   display:none;
}
}
#adhesion .adresse {
   font-size:14px;
}
#adhesion p.adresse {
   margin:0 0 0 0;
   padding:0 0 0 0;
}

#adhesion #logo {
 /*  height:75%;
   width:50%;*/
}

/***************************************************************
*   Liste des annonces
***************************************************************/
/*    Liste catégories   */
.an_liste1 {
   width:100%;
   border:0;
   font-family:Arial, Helvetica, sans-serif;
}
.an_liste1 th{
   background-color:#3E107C;
   font-weight:bold;
   padding:3px 0 3px 10px;
   text-align:left;
   color:#86F80F;
   font-family:Arial, Helvetica, sans-serif;
}
.an_liste1 td{
   text-align:left;
   padding:1em 0 1em 0;
}

.an_liste1 a{
   font-weight:bold;
   padding:0px 5px 0 5px;
   color:#333399;
   text-decoration:none;
   font-family:Arial, Helvetica, sans-serif;
}
.an_liste1 a:hover{
   color:#252468;
   background-color:#86F80F;
}
/*  Liste des annonces dans une catégorie   */
.an_liste2 {
   width:100%;
   margin-left:auto;
   margin-right:auto;
   border:0;
   padding:0;
}
.an_liste2 h3{
	font-size:1.2em;
	color:#252468;
	font-weight:bold;
	font-style: italic;
   font-family:Arial, Helvetica, sans-serif;
}
.an_liste2 th{
   background-color:#3E107C;
   font-weight:bold;
   padding:3px 0 3px 10px;
   margin:0 1px 0 0;
   text-align:left;
   color:#86F80F;
   font-size:0.9em;
   font-family:Arial, Helvetica, sans-serif;
}
.an_liste2 td{
   font-family:Arial, Helvetica, sans-serif;

}
.an_liste2 a{
   font-weight:bold;
   padding:0px 5px 0 5px;
   color:#333399;
   text-decoration:none;
   font-family:Arial, Helvetica, sans-serif;
}
.an_liste2 a:hover{
   color:#252468;
   background-color:#86F80F;
}
.an_lig1 {
   background-color:#FFFFCC;
}
.an_lig2 {
   background-color:inherit;
}
/***************************************************************
*   Popup RIB pour virements
***************************************************************/
#rib {
   background-color:#E9E2C3;
   font-family:Arial, Helvetica, sans-serif;
   font-size:1em;
   font-weight:bold;
   margin:0;
   padding:5px;
}
#rib h1 {
   color:#E9E2C3;
   background-color:#CC0000;
   font-size:1.2em;
   text-align:center;
   padding:5px 0 5px 0;
   margin-top:0;
}
#rib .centre {
   width:75%;
   margin-left:auto;
   margin-right:auto;
}
.popupclose {
   text-align:center;
}
.popupclose a{
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.9em;
   text-decoration:none;
   color:#CC0000;
}
.popupclose a:hover{
   border-top:1px solid black;
   border-bottom:1px solid black;

}

/*  Olympiades  */
#olymp  {
   font-size: 130%;
   color:#663300 !important;
   background-color:inherit;
}
#olymp h1, #olymp h2, #olymp h3, #olymp h4, #olymp h5, #olymp h6{
   color:#663300;
   background-color:inherit;
}
#olymp .titre1 {
   text-align:center;
   font-size:1.6em;
   font-weight:bold;
   margin:1em 0 1em 0;
   color:#663300;
   background-color:inherit;
}
#olymp .titre2 {
   text-align:center;
   font-size:1em;
   font-weight:bold;
   margin:1em 0 1em 0;
   color:#663300;
   background-color:inherit;
}