﻿/* couleurs:
2d5dfd bleu foncé "acab"
b3c8d7 bleu
e2f6f6 bleu très pale
fb7e03 orange
f6ddc2 rose chat
e7e6ef gris pale
*/

body{
   width: 1000px;
   font-style : normal;
   background-color: white;
	margin-top: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	margin-left:auto;
	margin-right:auto;
}
body a img{
	border: none;
	margin: 0px;
	padding: 0px;
}




/* _________________________________________________ "HAUT" */
/* _________________________________________________ "HAUT" */
/* _________________________________________________ "HAUT" */
.haut{
    border-collapse: collapse;
   width: 1000px;
}
/* __________________________________LOGO  */
.logo{
	text-align: center;
   width: 180px;
}
.logo:hover{
    background-color: #e7e6ef;
}	
/* ___________________________________lignes du haut  */
.haut_droite{
    border-collapse: collapse;
    width: 820px;
}
.haut_ligne1{
	height: 10px;
}
.haut_ligne2{
    /*background-image: url("images/base/01.png");*/
}
.haut_ligne21{
	height: 40px;
}
.titre{
    font-family: "Arial Black", Arial, Verdana, serif;
    font-size: 16pt;
	padding-left: 25px;
	line-height: 10px;
}
.titre span{
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
    font-size: 10pt;
}
/* ____________________________________cellule de gauche */
.titre{
    width: 450px;
}
/* _________________________________partie indentification... */
.ident{
    /*background-color: #e7e6ef;*/
    background-color: #e7e6ef;
	border: 1px solid #b3c8d7;
	font-size: 8pt;
    width: 310px;
	right: 20px;
}
.haut_ligne3{
	height: 50px;
	border-bottom: 1px solid black;
}
/* ________________________________________infos */
.infos{
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
	margin-left:auto;
	margin-right:auto;
}	
/* ____________________________________cellules infos. */
.infos tr{
	text-align: center;
	vertical-align: center;
	font-size: 8pt;
    background-color: #e7e6ef;
}	
.texte-infos{
	width: 200px;
}	
.texte-infos41{
	font-size: 8pt;
}	
.texte-infos41 span{ /* police de la séance d'entrainement dans infos    */
   font-weight: bold;
   color: #fb7e03;
}
.texte-infos42{
	width: 450px;
	font-size: 8pt;
}	
.texte-infos42 span{ /* police des titres dans infos    */
   font-weight: bold;
   color: #fb7e03;
}
.image_infos{
	width: 50px;
}	
.infos span{ /* police des titres dans infos    */
   font-weight: bold;
   color: #fb7e03;
}
.haut_ligne4{
	height: 80px;
}
/* __________________________________________sommaire */
.sommaire{
	width: 1000px;
	height:27px;
	font-family:  georgia, Tahoma, Verdana,"Trebuchet MS",Arial,  Sans-Serif;
	font-size: 16pt;
    font-weight: bold, italic;
	color: #2d5dfd;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
    border-collapse: collapse;
}	
.sommaire a{
    color: black;
    text-decoration: none;
}	
.sommaire tr{
	background-image: url("images/base/fond_sommaire_centre.png");	
}
.bord_gauche{
	background-image: url("images/base/fond_sommaire_gauche.png");	
}
.bord_droit{
	background-image: url("images/base/fond_sommaire_droit.png");	
}
.sommaire td{
	width: 200px;
	border-color: white;
	border-style: solid;
	border-width: 1px;
}
.sommaire td:hover{
    /*background-color: #b3c8d7;*/
    color: #fb7e03;   
	/*background-image: url("images/base/fond_sommaire_centre_selection.png");	*/
}	
.sommaire a:hover{
    color: white;
}	
.selection{
	background-image: url("images/base/fond_sommaire_centre_selection.png");	
}
.selection input[type=submit]:active, input[type=reset]:active {
	color:black;
 } 
/* _________________________________________________ "CENTRE" */
/* _________________________________________________ "Les 3 parties du milieu" */
/* _________________________________________________ "MENU+CORPS+CHAT" */
.centre{
    background-color: #b3c8d7;
	border: 2px solid #b3c8d7;    
	width: 998px;
	margin-left: auto;
	margin-right: auto;
}
/* _________________________________________________ "MENU" */
/* _________________________________________________ "MENU" */
/* _________________________________________________ "MENU" */
/* fond_haut_menu.png */
.menu{
	vertical-align: top;
}
.menu h3{
	font-family: "Trebuchet MS", Verdana, "arial black", Sans-Serif;
	color: white;
}
.menu ul{
	margin-left: -35px;
	margin-top: -10px;
   list-style-image: url("images/base/oeuf_orange.png")
   /* Ma liste aura des puces en forme de dossiers */
}
.menu li{
	margin-left: 15px;
}
.menu span{
	color: green;
    font-weight: bold;
}
/* _________________________________________________ "une" */
.menu1{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
.menu11{
	background-image: url("images/base/fond_haut_une.png");
	height: 23px;
	font-family:  georgia, Tahoma, Verdana,"Trebuchet MS",Arial,  Sans-Serif;
	font-size: 15pt;
    font-weight: bold, italic;
	color: white;
	padding-left: 20px;
}
.menu12{
	background-color: white;
	border: 1px solid #fb7e03;
	background-image: url("images/base/fond_menu.png");
}

/* _________________________________________________ "actualites" */
/* _________________________________________________ "actualites" */
/* _________________________________________________ "actualites" */
.accueil{
	vertical-align: top;
}
.accueil2{
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
}
.actualites1{
	vertical-align: top;
}
.actualites1 ul{
	background-color: white;	
	background-image: url("images/base/fond_actualite.png");	
	background-repeat: no-repeat;	
   list-style-image: url("images/base/oeuf_vert.png")
   /* Ma liste aura des puces en forme de dossiers */
}
.actualites{
	vertical-align: top;
	width: 370px;
}
.actualites ul{
    background-color: white;
	background-image: url("images/base/fond_actualite.png");	
	background-repeat: no-repeat;	
   list-style-image: url("images/base/oeuf_vert.png")
   /* Ma liste aura des puces en forme de dossiers */
}
.actu1 li{
	margin-left: 0px;
}
.actu1{
	margin-top: 5px;
	border: 1px solid #e2f6f6;
}
.titre_article1{
	Color: blue;
    font-weight: bold; 
	font-size: 14pt;
}
.actu12{
	margin-left: -20px;
	font-family:  georgia, Tahoma, Verdana,"Trebuchet MS",Arial,  Sans-Serif;
	font-size: 22pt;
    font-weight: bold, italic;
	color: #2d5dfd;
}
.actu li{
	margin-top: 10px;
	margin-left: 0px;
}
.actu{
	margin-top: 0px;
	border: 1px solid #e2f6f6;
}
.titre_article{
	Color: blue;
    font-weight: bold; 
	font-size: 10pt;
}
.auteur{
	text-align: right;
	color: blue;
	font-size: 8pt;
}
.image_article{
	width: 100px;
	height: 100px;
}
.article{
    margin-left: -20px;
}
.article{
    margin-left: -20px;
}
.article1{
    margin-left: -20px;
	font-size: 10pt;
}
.index a{
	text-decoration: none;
}
.page_actuelle{
	color: blue;
    font-weight: bold; 
	font-size: 10pt;
    background-color: #b3c8d7;
}
.index{
	margin-left: auto;
	margin-right: auto;
}
.suite_article{
	color: red;
	font-size: 8pt;
	font-style: italic;
}/* _________________________________________________ "CHAT" */
/* _________________________________________________ "CHAT" */
/* _________________________________________________ "CHAT" */
/* _________________________________________________ "une" */
.chat1{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
.chat11{
	background-image: url("images/base/fond_haut_chat.png");
	height: 23px;
	font-family:  georgia, Tahoma, Verdana,"Trebuchet MS",Arial,  Sans-Serif;
	font-size: 15pt;
    font-weight: bold, italic;
	color: black;
	padding-left: 20px;
}
.chat12{
	background-color: white;
	border: 1px solid #f6ddc2;
	background-image: url("images/base/fond_chat.png");
}
.chat{
	vertical-align: top;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.chat li{
	margin-left: -10px;
}
.chattexte{
	border: none;
	margin-top: 0px;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size: 10pt;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 25px;
	padding-right: 5px;
	color: black;
   list-style-image: url("images/base/user-48.png")
   /* Ma liste aura des puces en forme de dossiers */
}
.chattexte span{
	font-family: arial, "Trebuchet MS", Verdana, "arial black", Sans-Serif;
	color: blue;
	font-size: 7pt;
	margin-left: 30px;
}
.msg{
	font-family: arial, "Trebuchet MS", Verdana, "arial black", Sans-Serif;
	color: black;
	font-size: 8pt;
	text-align: left;
	margin-left: -5px;
}


/* _________________________________________________ "centre de la page infos club" */
/* _________________________________________________ "centre de la page infos club" */
/* _________________________________________________ "centre de la page infos club" */
.infos_club{
    background-color: #b3c8d7;
	border: 2px solid #b3c8d7;    
	width: 998px;
	margin-left: auto;
	margin-right: auto;
}
.haut_infos_club{
	padding-left: 0px;
}
.haut_infos_club table{
	text-align: center;
}
.centre_infos_club{
    background-color: white;
	width: 998px;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
}
.centre_infos_club th{
    background-color: #fb7e03;
}
.infos_centre_titre{
    background-color: #b3c8d7;
	width: 100px;
}
.infos_centre_developper{
    background-color: #b3c8d7;
	width: 100px;
	vertical-align: top;
}
.infos_centre_article{
    background-color: #b3c8d7;
	width: 798px;
	text-align: left;
}
/* _________________________________________________ "mon_entrainement" */
/* _________________________________________________ "mon_entrainemen" */
/* _________________________________________________ "mon_entrainemen" */
.mon_entrainement{
    background-color: #b3c8d7;
	border: 2px solid #b3c8d7;    
	width: 998px;
	margin-left: auto;
	margin-right: auto;
}
.haut_mon_entrainement{
	padding-left: 0px;
}
.haut_mon_entrainement table{
	text-align: center;
}
.centre_mon_entrainement{
    background-color: white;
	width: 998px;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
}
.centre_mon_entrainement th{
    background-color: #fb7e03;
}
.afficher_today{
    font-weight: bold;
    color: green;
}
.sem_entrainement{
    background-color: #b3c8d7;
	width: 30px;
}
.jour_entrainement{
    background-color: #b3c8d7;
	width: 100px;
}
.date_entrainement{
    background-color: #b3c8d7;
	width: 80px;
}
.seance_entrainement{
    background-color: #b3c8d7;
	width: 250px;
}
.sem_entrainement1{
    background-color: #e7e6ef;
	width: 30px;
	border: 2px solid green;
}
.jour_entrainement1{
    background-color: #e7e6ef;
	width: 100px;
	border: 2px solid green;
}
.date_entrainement1{
    background-color: #e7e6ef;
	width: 80px;
	border: 2px solid green;
}
.seance_entrainement1{
    background-color: #e7e6ef;
	width: 250px;
}
.seance_entrainement12{
    background-color: #e7e6ef;
	width: 250px;
	border: 2px solid green;
}
