/*
Design de Flers-Triathlon
Réalisé par patriick
*/

body
{
	width: 100%;
	float: right;
	margin: auto;/*Marges extérieures*/
	background-color: #A0FFA0;
}

/*TABLEAUX*/
table
{
	margin: auto;
	color:#0000FF;
	background-color: #FFFFAA;
	border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
}

th
{
	border: 1px solid black;
	font-size: 70%;
	text-align: center;
	padding: 5px;/*Marge intérieure*/
}

td
{
	border: 1px solid black;
	font-size: 65%;
	text-align: center;
	padding: 5px;/*Marge intérieure*/
}

/* L'en-tête */
.en_tete
{
	border: 1px solid black;
	background-color: #00FF00;
	background-position: center;
	height: 100px;
	background-image: url("images/bandeau.gif");
	background-repeat: no-repeat;
	margin-bottom: 1px;
}

/* Le menu */
.menu
{
	float: left;
	width: 190px;
	text-align: left;
	color: #C30000;
}

.element_menu
{
	background-color: #00FF00;
	background-image: url("images/menu_fond.png");
	background-repeat: repeat-y;
	border: 1px solid black;
	margin-bottom: 1px;
}

/* Quelques effets sur les menus */
.element_menu h3
{   
	color: #C30000;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
}

.element_menu ul
{
	list-style-image: url("images/puce.gif");
	padding: 0px;/*Marge intérieure*/
	padding-left: 20px;
	margin: 0px;/*Marge extérieure*/
	margin-bottom: 1px;
}

.partenaires
{
	background-color: #00FF00;
	background-image: url("images/menu.png");
	background-repeat:repeat-y;
	border: 1px solid black;
	margin-bottom: 1px;
	color: #C30000;
	font-weight: bold;
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.partenaires h3
{   
	color: #C30000;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* Le corps de la page */
.corps
{
	margin-left: 191px;
	margin-bottom: 1px;
	padding: 15px;   
	color: black;
	background-color: #A0FFA0;
	border: 1px solid black;
	font-family: "Comic Sans MS",Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: justify;
	background-image: url("images/image1.png");
	background-repeat: repeat-x;
}
.texte_centre
{
	text-align: center;
}

.texte_alarm
{
	border:solid;
	text-align: center;
	color: red;
}

h1
{

	border:solid;/*cadre*/
	color: #C30000;
	background-color: #00FF00;
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-weight: bold;
}

h2
{
	height: 20px;
	color: #C30000;
	text-align: center;
	font-style: italic; /* Les titres h2 seront en italique ! */
	font-variant: small-caps;
}

.pied_de_page/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
{
	margin-left: 191px;
	padding: 0px;
	text-align: center;
	font-family:  Serif,Times,"Times New Roman","Arial Black",Arial;
	color: #C30000;
	background-color: #00FF00;
	border: 1px solid black;   
}

hr /*Ligne horizontale pour séparation*/
 {
	color: #FF0000;
	background-color: #FF0000;
	height: 2px;
}

a
{
	color: #C30000;
	text-decoration: underline;
}

a:hover
{
	background-color: #C30000;
	color: black;
}

a img
 {
	border: none;
 }
.news
{
	margin-left: 191px;
	margin-bottom: 1px;
	color: black;
	background-color: #A0FFA0;
	border: 1px solid black;
	font-family: "Comic Sans MS",Arial, "Arial Black", "Times New Roman", Times, serif;

}
.news_titre
{
	background-color: #00FF00;
	text-align: center;
	font-family:  Arial,Serif,Times,"Times New Roman","Arial Black";
	font-weight: bolder;
	font-size:150%;
	padding: 5px;
	color:#C30000;
}

.news_titre1
{
	background-color: #00FF00;
	text-align: center;
	font-family:  Arial,Serif,Times,"Times New Roman","Arial Black";
	font-weight: bolder;
	font-size:100%;
	padding: 5px;
	color:#C30000;
}

.news_date
{
	background-color: #00FF00;
	text-align: left;
	font-family:  Serif,Times,"Times New Roman","Arial Black",Arial;
	font-style:italic;
	font-weight: bold;
	font-size:80%;
	padding: 5px;  
}
.news_texte
{
	background-color: #A0FFA0;
	background-image: url("images/image1.png");
	background-repeat: repeat-x;
	text-align: right;
	padding: 5px;   
	text-align: justify;
	border-top: 1px solid black;
}

.news_texte2
{
	background-color: #A0FFA0;
	padding: 5px;   
	text-align: justify;
	border-top: 1px solid black;
}
.news_titre2
{
	background-color: #00FF00;
	text-align: left;
	font-family:  Arial,Serif,Times,"Times New Roman","Arial Black";
	color:#C30000;
	font-weight: bold;
	font-size:80%;
	padding: 5px;  
}
.news_texte3
{
	font-family:  Arial,Serif,Times,"Times New Roman","Arial Black";
	color:#C30000;
	font-size:70%;
}
.news_texte4
{
	font-family:  Arial,Serif,Times,"Times New Roman","Arial Black";
	text-align: justify;
	font-size: 80%;
}
.texte5
{
	text-align: justify;
	font-size: xx-small;
	font-family: Arial,"Comic Sans MS",Serif,Times,"Times New Roman","Arial Black";
}
.entrainement
{
	background-color: #A0FFA0;
	text-align: left;
	padding: 15px;
	border-top: 1px solid black;
}

fieldset
{
	background-color: #A0FFA0;
}
/* TRI PAR COLONNE*/
a.order_asc,  
a.order_desc:hover 
{   
    padding-right:15px;  
    background:transparent url(images/s_asc.png) right no-repeat;  
}

a.order_desc,  
a.order_asc:hover {  
     padding-right:15px;  
     background:transparent url(images/s_desc.png) right no-repeat;  
} 
/* PAGINATION */
.pagination 
{  
    line-height:2em;  
}  
.pagination a,  
.pagination span {  
    padding:0.2em 0.5em;  
}  
.pagination a {  
    border:1px solid #FF0000;  
    color:#105CB6;  
    text-decoration:none;  
}  
.pagination a:hover 
{  
    border:1px solid #296BB5;  
    color:#000031;  
}  
.pagination .prevnext
{  
    font-weight:bold;
}  
.pagination span.disabled 
{
    border:1px solid #DDDDDD; 
    color:#999999;
}  
.pagination span.current 
{
    border:1px solid #2E6AB1;
    background-color:#2E6AB1;
    color:#ffffff;
   font-weight:bold;
}


.ident table
{
	height: 20px;
	width: 15%;
	border-collapse: collapse;
	background-color: white;
}

.ident td
{
	height: 20px;
	width: 15px;
	margin: 0;
	font-size: 1em;
	border: 1px solid black;
}

.ident th
{

	height: 20px;
	margin: 0;
	font-size: 1em;
	border: 1px solid black;
}

.ident a /*liens*/
{
	color: #FF0000;
	text-decoration: none; /* Les liens ne sont plus soulignés */

}
.ident a:hover
{
	background-color: white;
	color: red;
}

/* COULEURS DE FOND POUR LES ACTIVITES */

#JEUNES
{
	background-color: #A0FFA0;
}

#MPO,#PO,#PU,#BE,#MI,#CA,#JU,#J6-9,#J8-11,#J10-13,#J12-19,#J16-19
{
	background-color: #A0FFA0;
}

#ADULTES,#M,#L,#XL,#XXL
{
	background-color: silver;
}

#FEMININES
{
	background-color: pink;
}

#TOUS,#S,#XS
{
	background-color: yellow;
}

#PERFECTIONNEMENT
{
	background-color: red;
}

#ENTRAINEMENT
{
	background-color: #A0FFA0;
}

#CLUB0
{
	background-color: yellow;
}

#CLUB1
{
	background-color: orange;
}

#TEMPSFORT
{
	background-color: red;
}

#Offre
{
	background-color: silver;
}

#Demande
{
	background-color: #A0FFA0;
}
#activite_observations
{
	text-align: left;	
}

#activite_observations_texte
{
	font-size:120%;
}

.bf5
{
	color: red;
	font-weight: bold;
}

.blog_date_comment
{
	background-color: #AAFF60;
	text-align: left;
	font-family:  Serif,Times,"Times New Roman","Arial Black",Arial;
	font-style:italic;
	font-weight: bold;
	font-size:80%;
	padding: 5px;  
}

.blog_texte
{
	background-color: #FFFFF;
	background-image: url("images/image1.png");
	background-repeat: repeat-x;
	text-align: right;
	padding: 5px;   
	text-align: justify;
	border: 1px solid black;
}

.blog_texte2
{
	background-color: #AAFF40;
	padding: 5px;   
	text-align: justify;
	border-top: 1px solid black;
}