/***********************    CD FFME 69    **********************/
/*  NOM   style.css                                            */
/*  BUT   Cascading Style Sheet                                */
/*  CODE  Adrien (adrien.garioud@insa-lyon.fr)                 */
/*  MODIF 13-10-05                                             */
/**************************************************************/
/*
 * Eléments communs
 */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,table,td,th,html,p,blockquote,fieldset,input, dl, dt, dd ,img { margin:0; padding:0; border:none; }
a {
  color: #660077;
  text-decoration:none;
}
a:hover {
  color: #000000;
  text-decoration:underline;
}

body {
	/* POUR HABILLAGE DU SITE */
	background: #719cd6;
	background-image: url("../img/olympisme_fond_ffme.jpg");  
	background-repeat: no-repeat;                          
	background-attachment: scroll;                         
	background-position: center 115px;                     
	/**************************/
  
  font-family: Arial,clan OT,Helvetica,sans-serif;
  font-size:0pt;
}
input, select{ background-color:#eeeeee; border:1px solid #dddddd; }

/*
* titre
*/
div.title_16px{
  height:16px;
  font-family: clan OT,Arial,Helvetica,sans-serif;
  font-size:16px;
  color:#660077;
  font-weight:bold;
  vertical-align:middle;
}
/* titre crée avec la fontion maketitleViolet*/
.tete td {
  font-size:10pt;
  font-weight:bold;
  color:#660077;
  padding:1px;
  text-align:left;
}
.warning{ font-weight:bold; color: red; text-align: center; font-size:14pt; }

/**********************************************************/
/*  organisation générale de la page                      */
/*     |     header             |                         */
/*     | menu_g | main | menu_d |                         */
/*     |    footer              |                         */
/**********************************************************/
/*
Main table
*/
table.main{
  background-color:#ffffff;
  text-align:center;
  padding-top:10px;
}

/*
* Main colonne
*/
td.colmain {
  text-align:left;
  padding:20px 20 0px 20px;
  margin:20px 0px 0px 0px;
  width:600px;
font-size:10pt;
}
td.colmain h1{
  padding:0px 0px 0px 0px;
  margin:0 0 10px 0;
  width:100%;
  border-top:1px solid #660077;
  border-bottom:1px solid #660077;
  font-size:16pt;
  color:#660077;
  text-align:center;
}
td.colmain h2{
  font-size:14pt;
  text-align:left;
  color: #660077;
  width:100%;
  margin-bottom:5px;
}


/*
* Menu colonne gauche
*/
td.colmenu_g { 
  font: 8pt  'Arial', 'Lucida Grande', 'Verdana','sans-serif'; 
  width:150px;
  text-align:left;
}

.colmenu_g ul{
  list-style: none outside none;
  margin: 20px 5px 10px 5px;
}

.colmenu_g li{
  padding:0 0 2px 0px; 
  margin:3px 10px 3px 5px;
  text-align:left;
  border-bottom:1px solid #660077;
  width:120px;
}

.colmenu_g li.2lignes{
  padding:0 0 2px 0px; 
  margin:3px 10px 3px 5px;
  text-align:left;
  border-top:1px solid #660077;
  border-bottom:1px solid #660077;
  width:120px;
  
}

.colmenu_g li.titre{
  list-style-image:url("../img/12pixel_violetC.gif");
  font: 10pt clan OT,'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  color: #660077;
  font-weight:bold;
  border:none;
  margin-left:20px;
}

.colmenu_g li.nosep{
  border:none;
}
td.colmenu_g input{ width:100px;}
.colmenu_g a {
  color: #660077;
  text-decoration:none;
}
.colmenu_g a:hover {
  color:#ffffff;
  color: #660077;
  text-decoration:none;
}

/*
* Menu colonne droite
*/
td.colmenu_d { 
  font: 8pt 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  width:150px;
}

.colmenu_d ul{
  list-style: none outside none;
  margin: 20px 10px 10px 10px;
  text-align:left; 
  width:150;
  
}
.colmenu_d li{
  padding:0 0 2px 0px; 
  margin:3px 0px 5px 5px;
  font: 8pt 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  font-weight:bold; 
  text-align:left;
  width:125px;
}



.colmenu_d li.titre{
  list-style-image:url("../img/12pixel_violetC.gif");
  font: 10pt 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  color: #660077;
  font-weight:bold;
  border:none;
  margin-left:20px;
}

.colmenu_d a {
  color: #000000;
  font-weight:bold;
  text-decoration:none;
}
.colmenu_d a:hover {
  color: #000000;
  text-decoration:underline;
}


.colmenu_d li.lignes{
  padding:0 0 2px 0px; 
  margin:3px 10px 3px 5px;
  font-weight:bold;
  font: 8pt 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  text-align:left;
  border-bottom:1px solid #885588;
  width:120px;
  color: #885588;  
  text-decoration:none;


}

.colmenu_d li.lignes a {
  font-weight:bold;
  font: 8pt 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  color: #885588;
  text-decoration:none;
}

.colmenu_d li.lignes a:hover {
  color:#ffffff;
  color: #660077;
  text-decoration:none;
}

.colmenu_d li.lignes1{
  padding:0 0 2px 0px; 
  margin:3px 10px 3px 5px;
  font: 8pt 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  font-weight:bold;
  text-align:left;
  border-bottom:1px solid #885588;
  width:120px;
  color: #885588; 
  text-decoration:none;
}
.colmenu_d li.lignes1 a {
  font: 8pt 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  color: #885588;
  font-weight:bold;
  text-decoration:none;

}
.colmenu_d li.lignes1 a:hover {
  color:#ffffff;
  color: #660077;
  text-decoration:none;
}

.colmenu_d li.agenda{
  padding:0 0 2px 0px; 
  margin:3px 10px 3px 5px;
  font: 8pt 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  font-weight:bold;
  text-align:left;
  width:120px;
  color: #885588;  
  text-decoration:none;
}

.colmenu_d li.agenda a {
  color: #885588;
  font-weight:bold;
  text-decoration:none;
}
.colmenu_d li.agenda a:hover {
  color:#ffffff;
  color: #660077;
  text-decoration:underline;
}
.colmenu_d li.date_agenda{
  font: 7pt 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  text-align:left;
  width:120px;
  color: #885588;  
  text-decoration:none;
}
.colmenu_d li.lieu_agenda{
  font: 7pt 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  text-align:left;
  border-bottom:1px solid #885588;
  width:120px;
  color: #885588;  
  text-decoration:none;
}


/*
footer (bas de la page)
*/
.footer {
  background-color:#cc0077;
  font-family: 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  font-size:8pt;
  text-align:center;
  color:#ffffff;
  padding:10 00 10 0;
}
.footer a {
  color: #ffffff;
  text-decoration:none;
}
.footer a:hover {
  color: #ffffff;
  text-decoration:underline;
}

/*
header (haut de la page)
*/
table.header {
  width: 100%;
  height:90;
  text-align:center;
  font-family: clan OT,'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  font-size:14pt;

}

/*
Menu rubrique (en haut)
*/
table.rub {
  width: 100%;
  background-color:#cc0077;
  border-bottom:1px solid #000000;
  font-weight:bold;
  padding:0 30px 0 30px;
  font-family: clan OT,'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  font-size:14pt;
}
.rub td{
  text-align:center;
  margin:0;
}

.rub a{
  color:#ffffff;
  text-decoration: none;
}

/**********************************************************/
/*  Style divers news, list ...                           */
/**********************************************************/
/*
* News
*/
.news {
  text-align:left;
  color:#000000;
  width:600px;
  margin: 0 0 40px 0;
  /*t r  b  l*/
  border:1px solid #660077;

}
.news li{ 
  list-style: none outside none;
  padding:2px 2px 2px 2px;
  
  }
.news li.titre { background-color:#660077; font-size:10pt;font-weight: bold; text-transform:uppercase;text-align:left; color:#ffffff; }
.news li.date { font-size:7pt;text-align:left; color:#660077; }
.news li.info {
	font-size:8pt;
	text-align:left;
	color:#000000;
}
.news li.rubrique { font-size:8pt;text-align:left;color:#660077;}
.news li.suite { font-size:8pt;text-align:right; color:#660077;}
.news li.lien { font-size:8pt;text-align:right; color:#660077;}
.news li.file_desc { font-size:10pt;text-align:left;color:#660077;}

ul.news_resume{
  width=160px;
  border:1px solid #660077;

}
.news_resume li{
  font-size:8pt;
  text-align:left; 
  color:#660077; 
  list-style: none outside none;
  margin-bottom:4px;
  padding: 2px;
  margin: 3px;
}

.halloween{
  background-color:#ff6600;
  font-family: Comic Sans MS;
  font-size:10pt;
  font-weight:bold;
  text-align:left;
   
}

/*
* Evenements
*/
.evnmt {
  text-align:left;
  color:#000000;
  width:500px;
  margin: 0 0 40px 0;
  /*t r  b  l*/
  border:1px solid #cc0077;
}
.evnmt li{ 
  list-style: none outside none;
  padding:2px 2px 2px 2px;
  }
.evnmt li.sujet { background-color:#cc0077; font-size:10pt;font-weight: bold; text-transform:uppercase;text-align:left; color:#ffffff; }
.evnmt li.date { background-color:#cc0077; font-size:8pt;font-weight: bold; text-align:left; color:#ffffff; }
.evnmt li.info { font-size:10pt;text-align:left; color:#000000;}
.evnmt li.rubrique { font-size:8pt;text-align:left; color:#660077;}
.evnmt li.lien { font-size:8pt;text-align:right; color:#660077;}

ul.evnmt_resume{
  width=160px;
  border:1px solid #cc0077;
}
.evnmt_resume li{
  font-size:8pt;
  text-align:left; 
  color:#cc0077; 
  list-style: none outside none;
}

/* 
  sommaire des affichage de données en administration (ajout, menu ...)
*/
div.sommaire{
  font-family: 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  font-size:8pt;
}

/* 
  formulaire recherche des données (membre, info)
*/
table.recherche{
  font-family: 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  font-size:8pt;
  padding:5px;
  margin-top:10px;
  margin-bottom:8px;
  text-align:center;
  border: 1px dashed;;
}
.recherche td{
  padding:2;
}

/*
  affichage des liens pour faire défiler les pages de résultat (Pages ...)
*/
div.limite {
  width:"100%"
  text-align:left;
}

/* 
  liste d'affichage des données (membre, info)
*/
table.list{
  margin:1px;
  width:100%;
 }
.list td{
  text-align:left;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  /*t r  b  l*/
  background-color:#eeeeee;
  font-family: 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  font-size:8pt;
}
.list td.membre{
  background-color:#eeeeee;
}
.list th{
  text-align:left;
  background-color:gray;
  font-family: 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  font-size:10pt;
  border:none;
}

/* 
  forum
*/
table.forum{
  width: 100%;
  font-family: 'Arial', 'Geneva', 'Verdana', 'sans-serif'; 
  border-collapse: collapse;
}
.forum td,th,tr{
  border:1px solid #cc0077;
  margin:0;
  padding:2px;
}

/*
tyles appliqués au Calendrier
*/

calendrier.table{
align:center;
}

.calendrier td {
  margin: 0;
  padding: 1;
  align: center; 
  color: #000000;
 }
 
tr.libelle{
  width: 130px;
  margin: 0 0 0 5;
  padding: 0;
  align:center;
  border-bottom:1px solid #660077;
  border-top:1px solid #660077;
  font-size:8pt;
}

tr.ligne {
  width: 130px;
  margin: 0 0 0 5;
  align:center;
  padding: 0;
  font-size:8pt;
}


.libelle td {
  font-weight: bold;
  border:none;
  align:center;
}



.ligne td {
align:center;
}

.ligne td a:hover {
  cursor:help;
  text-decoration: none;
}

td.CurrentItem {
  color:red;
}
td.ExistingItem a{
   width : 15px;
   background-color:#cc0077;
   color:#ffffff;
} 
td.ExistingItem a:hover {
  color:#000000;
  text-decoration:underline;
}

td.NonExistingItem {
  color:black;
}