body {
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
background-image:url("./images/imagefont1.jpg");
background-repeat:repeat-x;
background-color:#C8E7FF;
}

#font1 {
width:800px;
margin:auto;
position:relative;
}

#banniere {
border-top:1px solid;
border-left:1px solid;
border-right:1px solid;
width:800px;
height:200px;
background-image:url("./images/banniere.gif");

}

/*concerne le menu honrizontal*****************************************************************************************************************************************************************************/

#menuhorizon {
background-image:url("./images/Top1.gif");
background-repeat:repeat;
width:800px;
height:35px;
margin:auto;
padding-top:3px;
position:relative;
border-left:1px solid;
border-right:1px solid;
}

#heure{
font-size:12px;
margin-right:20px;
}
#boutonhaut {
margin-left:20px;
}
#boutonhaut  tr{
margin:auto;
width:800px;
height:30px;
}

#boutonhaut  a{
padding-top:3px;
margin-left:3px;
font-size:16px;
text-align: center;
display:block;
width:112px;
height:27px;
background:url("./images/back_menu_bas.png");
text-decoration:none;
}
#boutonhaut  a:link, a:active, a:visited {
color:#808080;
}
#boutonhaut  a:hover{
color:#40a0ff;
text-decoration: none;
font-size:18px;
}

/*concerne le menu verticale******************************************************************************************************************************************************************************/

#tablemenucontenu{
width:800px;
height:1458px;
background-color:#F8F8FF;
border-right:1px solid;
border-bottom:1px solid;
}

#menuvertical {
border-left:1px solid;
height:1447px;
position:absolute;
font-size:14px;
padding:10px 0 0 0;
margin:auto;
background-color:#DCDCDC;
width:199px;
}

#menu h5{
line-height: 20px;
margin:0px;
padding-top: 6px;
padding-left:13px;
padding-bottom:4px;
vertical-align: bottom;
color:#2C485C;
background-color:#F4F9FD;
background: url('./images/Top1.gif') repeat;
}

#menu ul{
font-size:11px;
list-style-type: none;
list-style-position: inside;
padding: 0;
margin-left: 5px;
}
#menu  a:link, a:active, a:visited {
color:#808080;
}
#menu  a:hover{
color:#40a0ff;
text-decoration: none;
font-size:14px;
}
#menu .corpsmenu {
background-color:#F4F9FD;
padding: 0;
margin: 0px;
margin-bottom:10px;
border: 1px solid #848686;
}

/*concerne le contenu***********************************************************************************************************************************************************************************/

#contenu{
left:200px;
position:absolute;
background-color:#F8F8FF;
font-size:12px;
margin:auto;
width:600px;
height:1458px;
}

/*concerne le pied de page*******************************************************************************************************************************************************************************/

#footer{
text-align:center;
background-color:#DCDCDC;
width:800px;
height:80px;
margin:auto;
padding:10px;
border:1px solid;
font-size:11px;
color:#a0a0a0;
}

#footer a{
color:#a0a0a0;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}
/*index photos****************************************************************************************************************************************************************************************/

#gris{
background:#f5f5f5;
border: 1px solid #ccc;
line-height:16px;
padding:10px 5px 10px 5px;  
width:550px;
height:100px;
margin:auto;
}

#carre1{
width:550px;
height:100px;
}
#carre2{
background:#f5f5f5;
padding:3px;
left:30px;
position:absolute;
width:250px;
height:89px;
border:2px dashed #00a0ff;
}

#carre2 a{
margin:auto;
font-size:10px;
color:#2080ff;
text-decoration:none;
font-weight:bolder;
}

#carre2 a:hover{
margin:auto;
font-size:11px;
color:#8000c0;
text-decoration:none;
font-weight:bolder;
}

#carre3{
background:#f5f5f5;
padding:3px;
left:310px;
position:absolute;
width:250px;
height:89px;
border:2px dashed #00a0ff;
}

#carre3 a{
margin:auto;
font-size:10px;
color:#2080ff;
text-decoration:none;
font-weight:bolder;
}

#carre3 a:hover{
margin:auto;
font-size:11px;
color:#8000c0;
text-decoration:none;
font-weight:bolder;
}


/*titre**********************************************************************************************************************************************************************************************/

#titre{
height:30px;
font-size: 15px;
font-weight:bolder;
text-align:center;
color:#00a0ff;
}

/*concerne resultat classement*****************************************************************************************************************************************************************************/

.bleu{
text-align:left;
background-color:#6495ED;
}

.bleu1{
background-color:#6495ED;
}

#resultat{
width:600px;
height:950px;
line-height:11px;
font-size:11px;
}

#resultat a{
line-height:15px;
color:#00a0ff;
text-decoration:none;
}

#resultat a:hover{
text-decoration:underline;
}

.jaune{
background-color:#ffff40;
font-style:bolder;
font-size: 13px;
}

.blanc{
background-color:#ffffff;
}

#lienversequipe{
margin-left:30px;
}

#lienversequipe  tr{
margin:auto;
width:240px;
height:20px;
}

#lienversequipe  td{
margin:auto;
}

#lienversequipe  a{
font-size:12px;
text-align: center;
display:block;
width:240px;
height:20px;
background:url("./images/topfi.gif");
text-decoration:none;
}

#lienversequipe  a:link, a:active, a:visited {
color:#808080;
}

#lienversequipe  a:hover{
color:#40a0ff;
text-decoration: none;
font-size:13px;
}



/*concerne l'accueil************************************************************************************************************************************************************************************/
#block1{
font-weight:bolder;
text-align:right;
background-color:#F4F9FD;
background: url('./images/news_haut_gauche.gif');
margin:auto;
width:529px;
height:27px;
border-right: 1px solid #B0C4DE;
padding-right:3px;
}

.style1{
padding-right:15px;
color:#ffff20;
font-size: 15px;
}

.suite{
float:right;
}

.imageflottante{
float: left;
}

#info1 p:first-letter {
float: left; /* Flotte à gauche */
font-size: 2em; /* Fasse une hauteur de 3 lignes */
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif; /* Soit mise en Arial si possible*/
font-weight: bold; /* Soit écrite en gras (c'est plus voyant) */
margin-right: 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
color:#00a0ff;
}

#info1{
border-top:1px solid #B0C4DE;
border-left:1px solid #B0C4DE;
border-right:1px solid #B0C4DE;
border-bottom:1px solid #B0C4DE;
background-color:#F4F9FD;
margin:auto;
padding:4px;
width:522px;

}

#info1 a{
font-size:10px;
text-decoration:none;
color:blue;
}

#info1 img{
width:108px;
height:74px;
padding:5px 10px 5px 5px;
}

#info1 p{
line-height:15px;
padding-right:5px;
text-align:justify;
}

/*concerne le bareme***********************************************************************************************************************************************************************************/

#bareme{
width:600px;
line-height:13px;
font-size:11px;
margin:auto;
}

#complementinfo{
font-size:11px;
text-align:justify;
padding-left:60px
}

#tableau{
width:600px;
line-height:13px;
font-size:11px;
margin:auto;
}

/*concerne la video*************************************************************************************************************************************************************************************/

#dimension{
width:250px;
height:50px;
position:absolute;
}


#uplaode ul li{
list-style-type:none;
font-size:13px;
}

#uplaode a{
color:#696969;
position:absolute;
left: 50%; 
top: 50%;
width: 250px;
height: 50px;
margin-top: -10px; /* moitié de la hauteur */
margin-left: -65px; /* moitié de la largeur */
text-decoration:none;
}

#uplaode a:hover{
color:#40a0ff;
}
.video{
padding-right:20px;
width:50px;
height:50px;
}

#fondgris{
background    : #f5f5f5;
border        : 1px solid #ccc;
line-height   : 16px;
margin        : 25px 10px 25px 10px;
padding       : 15px;
width         : 90%;  
}

/*Concerne photos equipe*****************************************************************************************************************************************************************************/
#general{
background: #f5f5f5;
border: 1px solid #ccc;
width: 95%;  
padding:5px;
margin: 25px 10px 25px 10px;
}

#equipe{
background-color:#ffffff;
margin:auto;
width:350px;
height:260px;
border:1px solid #c0c0c0;
padding:5px;
}

.photo_equipe img{
margin:auto;
width:340px;
height:255px;
}

#presentation{
line-height:13px;
width:95%;
height:120px;
}

.photo_joueur{
margin:auto;
border:1px solid #c0c0c0;
background-color:#ffffff;
width:105px;
height:125px;
padding:5px;
}

.photo_joueur img{
margin:auto;
background-color:#c0c0c0;
width:105px;
height:110px;
}

.identite{
background-color:#f5f5f5;
text-align:justify;
padding-left:10px;
width:190px;
height:120px;
}

.style2{
color:#40a0ff;
font-weight:bold;
}

/*concerne l'information club*************************************************************************************************************************************************************************/


#inscription{
padding-top:16px;
border-top:1px solid #B0C4DE;
border-left:1px solid #B0C4DE;
border-right:1px solid #B0C4DE;
border-bottom:1px solid #B0C4DE;
background-color:#F4F9FD;
margin:auto;
width:540px;
height:1080px;
padding-left: 5px;
padding-right: 7px;
}

.Style3 {font-size: 9px}
.Style7 {font-size: 10px; color: #9999FF; }
.Style8 {color: #9999FF}
.Style10 {font-size: 11px;}
.tableauprix{
margin-left:5px;
}
/*concerne le menu des pages infos club**********************************************************************************************************************************************************************/

#ok {
display:inline;
}

#ok ul li{
font-size:12px;
list-style:none;
text-decoration:none;
display:inline;
padding-right:5px;
}
#ok ul {
padding:0;
margin-left:26px;
}

#ok a {
text-decoration :none;
}

#ok a:hover{
background-color:#00a0ff;
text-decoration :underline;
color:#F4F9FD;
border-color:8px dashed ;
font-weight:bolder;
}

.a1 {
border:5px dashed;
color: #c0c0c0;
padding:5px;
}

/*concerne la page plan salle******************************************************************************************************************************************************************************/

#plansalle{
padding-top:16px;
border-top:1px solid #B0C4DE;
border-left:1px solid #B0C4DE;
border-right:1px solid #B0C4DE;
border-bottom:1px solid #B0C4DE;
background-color:#F4F9FD;
margin:auto;
width:530px;
height:1090px;
}

#separateur{
background-image:url('./images/topfi.gif');
width:515px;
margin-left:5px;
}

.id {
font-weight:bolder;
font-size:13px;
margin-left:30px;
color:#0080ff;
}

#contour1{
padding:5px;
margin-left:5px;
width:503px;
height:383px;
border:1px dashed #B0C4DE;
}

.contour2{
left:50px;
padding:10px;
width:190px;
height:116px;
border:1px dashed #B0C4DE;
position:absolute;
list-style:none;
margin:0;
}

.salut{
padding:5px;
left:289px;
width:250px;
height:126px;
border:1px dashed #B0C4DE;
position:absolute;
list-style:none;
margin:0;
}

.contour3{
padding:5px;
left:50px;
position:absolute;
list-style:none;
margin:0;
width:130px;
height:130px;
border:1px dashed #B0C4DE;
}

.contour4{
left:230px;
position:absolute;
padding:5px;
width:130px;
height:130px;
border:1px dashed #B0C4DE;
}

.contour5{
left:410px;
position:absolute;
padding:5px;
width:130px;
height:130px;
border:1px dashed #B0C4DE;
}

#plan{
background-image:url('./images/plan.jpg');
width:503px;
height:383px;
}

/*historique******************************************************************************************************************************************************************************************/

#historique{
padding-top:16px;
border-top:1px solid #B0C4DE;
border-left:1px solid #B0C4DE;
border-right:1px solid #B0C4DE;
border-bottom:1px solid #B0C4DE;
background-color:#F4F9FD;
margin:auto;
width:530px;
height:810px;
}

#histoire ul li{
line-height:22px;
font-size:11px;
list-style-image:url('./images/pucelogo_club.gif');
text-decoration:none;
}

#histoire p{
text-align:justify;
}

.indent{
margin-left: 70px;
}

.annee{
color:#0080ff;
font-weight:bolder;
}
/*comite direction*************************************************************************************************************************************************************************************/

#comitedirection{
padding-top:16px;
border-top:1px solid #B0C4DE;
border-left:1px solid #B0C4DE;
border-right:1px solid #B0C4DE;
border-bottom:1px solid #B0C4DE;
background-color:#F4F9FD;
margin:auto;
width:530px;
height:1200px;
}

.orgbleu{
margin:auto;
background-color:#a080ff;
text-align:center;
}

.orgbleu1{
margin:auto;
background-color:#40a0ff;
text-align:center;
}

.orgbleu2{
margin:auto;
background-color:#c0a0ff;
text-align:center;
}

.orgbleu3{
margin:auto;
background-color:#e0a0ff;
text-align:center;
}

.orgbleu4{
margin:auto;
background-color:#ffa0ff;
text-align:center;
}

.orgbleu5{
margin:auto;
background-color:#ffe0e0;
text-align:center;
}

.orgbleu6{
margin:auto;
background-color:#60a0ff;
text-align:center;
}

.orgbleu7{
margin:auto;
background-color:#ff80e0;
text-align:center;
}
.org1{
color:#000000;
}

.org2{
color:#ffffff;
font-weight:bolder;

}

.org4{
margin-left:13px;
}

/*planning*******************************************************************************************************************************************************************************************/

#Planning{
padding-top:16px;
border-top:1px solid #B0C4DE;
border-left:1px solid #B0C4DE;
border-right:1px solid #B0C4DE;
border-bottom:1px solid #B0C4DE;
background-color:#F4F9FD;
margin:auto;
width:530px;
height:1150px;
}

#baby{
border-left:2px dashed #B0C4DE;
border-right:2px dashed #B0C4DE;
border-bottom:2px dashed #B0C4DE;
width:510px;
margin-left:5px;
}




/*inscription tournois***********************************************************************************************************************************************************************************/

#formulaire{
width:90%;
margin:auto;
}

input, textarea{/* On modifie la police du texte tapé l'intérieur des champs */
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:12px;
}

input:focus, textarea:focus{ /* Quand le curseur est sur un champ (ne marche pas sur IE) */
background-color: #B0C4DE;
}

label{
font-weight:bold;
color: blue; /* Colorer en bleu tous les labels */
}

legend{/*les titres des fieldset */
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
color: #FF9933;
font-weight: bold;
}

fieldset{
font-size:12px;
margin-bottom: 15px; /* Une marge pour séparer les fieldset */
background-color: #FFFFCC;
}

#couleurrouge{
color:red;
}

#envoimail a{
color:#20a0ff;
font-weight:bold;
font-size:20px;
text-decoration :none;
}

#envoimail a:hover{
color:#B0C4DE;
font-weight:bold;
font-size:21px;
text-decoration :none;
}

#mail{
border: 1px dashed #B0C4DE;
background-color: #FFFFCC;
}

/*tournoi regional index*********************************************************************************************************************************************************************************/

#lala{
width:550px;
height:910px;
margin:auto;
font-family:Arial, Verdana, serif; 
border:1px solid;
}

#lolo{
width:550px;
height:320px;
background-color:#ffff80;
}

.lolo1{
font-size:125px;
}

.lolo2{
font-size:75px;
}

.lolo3{
font-size:45px;
}

.lolo4{
font-size:30px;
}

#toto{
width:550px;
height:40px;
background-color:#ffa060;
}

.toto1{
font-size:30px;
}

#tata{
width:550px;
height:410px;
background-color:#ffffff;
}

#rara img{
position:relative;
width:200px;
height:189px;
margin-top:5px;
margin-left:140px
}

#rere img{
position:relative;
width:50px;
height:51px;
margin-left:220px
}

.comite{
width:60px;
height:60px;
}

#mama{
margin-top:-110px;
margin-left:10px;
float:left;
width:220px;
height:240px;
background-color:#ffffff;
}

.mama1{
text-decoration:underline;
font-size:35px;
}

.mama2{
text-align:justify;
font-size:18px;
}

#momo{
margin-top:-110px;
float:right;
width:200px;
height:200px;
background-color:#ffffff;
}

.momo1{
text-decoration:underline;
font-size:35px;
}

.momo2{
text-align:justify;
font-size:18px;
}

#lulu{
width:550px;
height:90px;
background-color:#ffffff;
}

.lulu1{
font-size:26px;
}

#tutu{
width:550px;
height:50px;
background-color:#20a0ff;
}

.tutu1{
font-size:19px;
}

#inscription1 a{
font-size:10px;
font-weight:bolder;
color:#e000a0;
text-decoration:none;
}

#inscription1 a:hover{
font-size:11px;
font-weight:bolder;
color:#0040ff;
text-decoration:none;
}
/**********************inscription tournoi informations complementaire**********************************************************************************************************************************/
#Tournoi{
padding-left:10px;
padding-top:16px;
border-top:1px solid #B0C4DE;
border-left:1px solid #B0C4DE;
border-right:1px solid #B0C4DE;
border-bottom:1px solid #B0C4DE;
background-color:#F4F9FD;
margin:auto;
width:565px;
height:1280px;
}

#block1tournoi{
font-weight:bolder;
text-align:right;
background-color:#F4F9FD;
background: url('./images/news_haut_gauche.gif');
margin:auto;
width:574px;
height:27px;
border-right: 1px solid #B0C4DE;
padding-right:3px;
}
/**************************************contacts********************************************************************************************************/
#titrecontacts{
background-image:url('./images/topfi.gif');
width:515px;
margin-left:5px;
}

.idtitre{
font-weight:bolder;
font-size:13px;
color:#0080ff;
margin-left:30px;
}

#contacttableau{
width:550px;
height:150px;

}

.photo_contact{
margin-lef:5px;
border:1px solid #c0c0c0;
background-color:#ffffff;
width:105px;
height:125px;
padding:5px;
}