.textecal {
/* texte calendrier */
    color : black
}
.detailcal {
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.datecal {
    padding: 3px;
    background-color: #6a6a6a;
    color: #fff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    font-style: italic;
}
.heurecal {
/* heure de l'évènement */
    display: none;
}

table.competition font{
	color:#000;
	}
.textmarquee{
	font-size: 14px;
	font-family: Arial;
	color: #000;
	}

 .titre{
background: url("images/trait.png");
background-repeat: no-repeat;
padding-left: 35px;

height: 21px;
}

.titre font {
  color: #0071b9;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline;
}

.breves {
  background-color: transparent;
  border-left: 1px solid #0071b9;
  width: 15%;
}

.titredocu {
/* cellule titre de l'espace document */

}

.titredocu font {
    color: #003e69;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.liendocu {
/* cellule lien de l'espace document */
}

.liendocu font {

}
.msk{
	display: none;
	}
body {
  margin:0;
  padding: 0;
 background: rgb(255,255,255) url(images/fond.gif) repeat-x;
}

td {
  background-color: #fff;
}

.bandeau{
    background-color: transparent;
    text-align: center;
    }

.entete{
	text-align: center;
	}

.interieur{
	border-top: 1px solid #0071b9;
	
	}

.fondmenu {
    background-color:transparent;
}

td.lien:before{
    content:kjdghkjhgu;
}
td.lien:after{
    content:</a>;
}

#boutonbas{
    font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000;
    padding-top: 10px;
    }
#footer{
	background: url(images/fond_footer.gif) repeat-x;
	height: 84px;
	width:100%;
	}
#bo{
	float: left;
	vertical-align:center;
	padding: 20px;
	width: 15%;
	}
	
#coordonnees{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 20px;
	float:left;
	text-align:center;
	margin-left: 280px;

	
	}	
	
#logo_footer{
	float:right;
	/*width: 20%;*/
	padding-top: 12px;
	
	}
#mainMenu1 {
	text-align: center;
	background-color: #fff;
	padding-left: 10px;
	/*  margin: 0 0 20px; marges autour du menu */
	margin: 0 ;
	/* if the menu is horizontal and has a 'static' position:
	* do not set a non-zero margin-top, if the BODY element has a zero
	* padding-top and this menu is its first 'static' child
	* this is due to an Opera 7 bug :-(
	*/
	z-index: 1;
	position: static;
	/* if the menu is horizontal: use a 'static' position
	* if the menu is vertical: use an 'absolute' or 'fixed' position
	*/
}

#menuList1 {
/* intérieur du menu */
  /*border: 1px solid #286BBD;*/
  margin: 0;
  padding: 0px;
  /*padding-bottom: 21px;*/
  /* do not use a position other than 'static' here */
}

#menuList1 li {
  /* do not change these rules */
  display: inline;
  margin: 0px;
  padding: 0;
  list-style: none;
  
  /* do not change these rules */
}

#menuList1 li a {
/* boutons liens premier niveau */
  background-color: transparent;
  display: inline;
  line-height: 1.7em;
  width:123px;
  background: #0071b9 url(images/coin_menu.png) no-repeat left top;
  color:#fff;
  cursor:pointer;
  /*margin: 0;*/
  float:left;
  padding:0;
  margin:0 1px 0 0;
  font-size: 12px;
  font-family: arial;
  font-weight: bold;
  /*position:relative;
  padding: 2px 8px;*/
  /* always set margin to '0' */
  /* Win/IE5.0 will ignore border and padding if display is 'inline' */
  text-decoration: none;
  
}

#menuList1 li a:hover, #menuList1 li a:focus {
	color: #fff;
	background-color: #004065;
	/*border: 1px solid #fff;*/
}

/* As Win/IE5.0 doesn't apply padding on inline elements, background images
 * must be hidden from it, otherwise they will be displayed behind text
 */
#menuList1 li a.actuator {
	/*width: auto;*/ /* hides the following rule from Win/IE5.0 */
	/*background: url("images/fleche-bas-noire.jpg") no-repeat 100% 50%;*/
	color:#fff;
	width:123px;
	background: #0071b9 url(images/coin_menu.png) no-repeat left top;
	/*padding-right: 5px;*/
	z-index:10;
}

#menuList1 li a.actuator:hover, #menuList1 li a.actuator:focus {
	/*width: auto; *//* hides the following rule from Win/IE5.0 */
	/*display:block;*/
	color: #fff;
	background-color:#004065;
	width:123px;
	line-height:1.7em; /* preciser la hauteur si difficulté de selection du menu sur IE */
}

#menuList1 .menu {
	/*background-color: #d77510;*/
	display: block;
	line-height: normal;
	margin: 0;
	padding: 0;
	/*width: 150px;*/
	/* only set '0' or negative margin */
	/* border  width must be the same on the four sides (in 'px' units) */
	/* padding width must be the same on the four sides (in 'px' units) */
	z-index: 1;
	position: absolute;
	visibility: hidden;
	/* always set position to 'absolute' and visibility to 'hidden' */
}
/******************boutons du 2nd niveau*********************************************/
#menuList1 .menu li a:hover {
	background: #4ea2d7;
	color: #fff;
	width: 150px;
}

#menuList1 .menu li a {
	display: block;
	/*line-height: normal;  */
	/*border-bottom: 1px solid #007ba5;*/
	background: #0071b9;
	color: #FFFFFF;
	text-align: left;
	font-size: 12px;
	font-family: arial;
	padding-left: 3px;
	width: 150px;
	
}

/**********************boutons du 2nd niveau avec menus déroulants après****************/
#menuList1 .menu li a.actuator {
 /*background-color: #35afdf;*/
color: #fff;
background: url("images/fleche.png") no-repeat 98% 50% #0071b9;
}

#menuList1 .menu li a.actuator:hover {
  background: url("images/fleche.png") no-repeat 98% 50% #4ea2d7;
/*background-color: #b1c800;*/
color: #fff;
}

/*************bouton du 3ème niveau************************************/
#menuList1 .menu .menu li a {
  
background: #e53527;
color: #fff;
}

#menuList1 .menu .menu li a:hover {
	background: #ff786d;
	
	color: #fff;
}
/*********************************************************/

/*************bouton du 3ème niveau avec menu déroulants************************************/
#menuList1 .menu .menu li a.actuator {
  color: #fff;
background: url("images/fleche.png") no-repeat 98% 50% #e53527;
}

#menuList1 .menu .menu li a.actuator:hover {

	color: #fff;
background: url("images/fleche.png") no-repeat 98% 50% #ff786d;
	
}
/*************bouton du 3ème niveau avec menu déroulants************************************/
#menuList1 .menu .menu .menu li a {
  color: #fff;
background: #00416b;
}

#menuList1 .menu .menu .menu li a:hover {

	color: #fff;
background:#0171b9;
}


#formtout6321{
	padding: 5px;
	margin-top: 15px;
	text-align: center;
	}

#formtout6321 div.formintro font{
/* message d'introduction */
	font: 12px Arial, Helvetica, sans-serif;
	color: #00447e;
	text-align: center;
}

#formtout6321 a{
/* message d'introduction */
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #a63d3d;
	text-decoration:none;
	
}

#formtout6321 a:hover{
/* message d'introduction */
	color: #6d492f;
	
}


.formcaptcha{
	border: none;
	}

.formcaptcha font{
	font: 10px Arial, Helvetica, sans-serif;
	color: #a63d3d;
	}

.formintro {
/* message d'introduction */
font: 13px Arial, Helvetica, sans-serif;
color: #3f7d27;
}
.formerreur {
/* message d'erreur */
font: 14px Arial, Helvetica, sans-serif;
color: #91117d;

}
.formetoile {
/* message sur les chanmps obligatoires */
font: 12px Arial, Helvetica, sans-serif;
color: #000;
}

.formtable {
/* tableau de formulaire : généralités */
	background-color: transparent;
	padding: 10px;
	/*border: 2px solid red;*/
	font-family:Arial, Helvetica, sans-serif;
	border: none;
}

/*.formcomment font {
	font-size: 16px;
	color:green;
}*/


.formcomment a:hover{
color: #96bc0f;
}

.libconditions {
	/*margin-left: 180px;*/
	color: #bb1220;
	font: 12px Arial, Helvetica, sans-serif;
}

.formlabel {
/* pour les labels 
   pour agir sur la police des labels il faut ajouter un style : .formlabel font {} */
	background-color: transparent;
	/*color: green;*/
	border: none;
	width: 200px;
	
}
.formlabel font {
	font: 12px Arial, Helvetica, sans-serif;
	color: #00447e;
	margin-left: 5px;
}

.formdata {
	background-color: transparent;
	color: #6600CC;
	width: 400px;
	border: none;
	line-height: 20px;
	padding-top: 3px;
}

.formdata font {
	color: #00447e;
	font: 12px Arial, Helvetica, sans-serif;
}


fieldset {
	margin-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #f68752;
	width: 700px;
}

.stylelegend{
font: bold 14px Arial, Helvetica, sans-serif;
color: #a63d3d;
margin: 10px;
}

.formchamptexte {
	/*border: inset #cf9;*/
}

.formcheckbox {
	/*border: inset #cf9;*/
}

td input.text:focus {
	background-color: green;
	color : red;
}

.formvalidation {
/* ligne du bas */
	texte-align: center;
	border: none;
	background-color: transparent;
}
.formsubmit {
/* format du bouton de validation */
color: #fff;
background-color: #00447e;
/*background-image : url(images/suivant.gif);*/
border: none;
width: 100px;
height: 25px;
/*margin-left:600px;*/
margin-top: 10px;
cursor: pointer;
}

.formreset {
/* format du bouton de validation */
}
.formresume {
/* tableau de formulaire : généralités */
	background-color: transparent;
	padding: 10px;
	border: 1px solid f68752;
}
.formresumelabel {
/* pour les labels dans le résumé des données enregistrées */
	background-color: transparent;
	color: #6d492f;
	font: 12px Arial, Helvetica, sans-serif;
	border: none;
	width: 200px;
}
.formresumelabel font {
	font: 12px Arial, Helvetica, sans-serif;
	color: #6d492f;
}

.formresumedata {
	/*background-color: navy;*/
	color: a63d3d;
	width: 300px;
	font: 12px Arial, Helvetica, sans-serif;
	border: none;
}