/*
R.C.T.T
*/

body {
 background-color: #207DBC; /*#207DBC  #7F8FA6; bleu horizon*/
 width: *px;
 margin: auto;
 margin-top: 10px;
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 10px;
 font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,verdana;
 behavior: url(csshover.htc);
 color: #207DBC; /* #00008b; */
 font-size: 13px;
}

hr {
 background-color: #00008b; /*#3030cd;*/
 color: #00008b; /*#3030cd;*/
}

a:link         {color: #207DBC; text-decoration: none}
a:visited   {color: #7F8FA6; text-decoration: none}
a:hover       {color: #00008b; background-color: #207DBC; text-decoration: none} /*color: #006633; #FF6600 font-weight: bolder;  */

.lien a:hover {
 background-color: #81BEDB; /* #FFFFFF #7F8FA6 #00008b; #3030cd;*/
}
.lien:hover {
 color: #207DBC;
 background-color: #81BEDB;
 text-align: center;
 border-radius: 45px 45px 45px 45px;
}

.tournoi {
 text-align: center;
 background-color: #00008b; 
 color: #81BEDB;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 14px;
 font-weight: bolder;
 text-decoration: blink;
 border: 4px outset;
 border-radius: 45px 45px 45px 45px;
 border-color: #81BEDB; 
}
.tournoi:hover{
 background-color: #81BEDB; 
 color: #00008b;
 border: 4px inset;
}

.no_bordure {
 text-decoration: none;
}

#titre_imp, #pub_imp, #pied_imp, #page_imp {
 display: none; 
}
.liste_imp {
 display: none;	
}

#en_tete {
 width: *px;
 height: 150px;
 margin-bottom: 10px;
 background-color: #207DBC;
 color: #FFFFFF;
 font-style: italic;
 font-weight: bolder;
 text-align: left;
 overflow: visible;
 border-radius: 45px 45px 45px 45px;
}
.element_en_tete a {
 color: #FFFFFF; /*#207DBC; #3030cd;*/
}
.element_en_tete a:hover {
 background-color: #FFFFFF; /*#207DBC; #3030cd;*/
 color: #207DBC; /*#00008b #3030cd;*/
}

#message_global {
 margin-left: 160px;
 margin-right: 0px;
 margin-bottom: 3px;
 padding: 2px;   
 text-align: center;
}
#message_global a {
 color: #ffffff;
 background-color: #00008b;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 2px;
 padding-bottom: 2px;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 24px;
 font-weight: bolder;
 text-align: center;
 border: 4px outset black;
 border-radius: 45px 45px 45px 45px;
}
#message_global a:hover{
 color: #00008b;
 background-color: #81BEDB;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 2px;
 padding-bottom: 2px;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 24px;
 font-weight: bolder;
 text-align: center;
 border: 4px inset #00008b;
 border-radius: 45px 45px 45px 45px;
}

#message_tournoi {
 margin-left: 160px;
 margin-right: 0px;
 margin-bottom: -4px;
 padding: 2px;
 text-align: center;
}
#message_tournoi a {
 color: #00008b;
 background-color: #81BEDB;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 2px;
 padding-bottom: 2px;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 24px;
 font-weight: bolder;
 text-align: center;
 border: 4px outset #00008b;
 border-radius: 45px 45px 45px 45px;
}
#message_tournoi a:hover{
 color: #ffffff;
 background-color: #00008b;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 2px;
 padding-bottom: 2px;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 24px;
 font-weight: bolder;
 text-align: center;
 border: 4px inset black;
 border-radius: 45px 45px 45px 45px;
}

.clignote {
 text-decoration: blink;
}

div#menu {
 float: left;
 width: 150px;
 font-size: 13px;
 /*margin-top: -12px;        /*-32*/
 text-align: left;
 background-color: #207DBC; /*#7F8FA6; bleu horizon*/ /*#3030cd;*/
 border: 0px solid #00008b;
}

div#menu h3 {   
 background-color: #ffffff;
 color: #00008b; /*#3030cd;*/
 margin-top: 1px;
 margin-bottom: 1px;
 text-align: left;
 padding-left: 9px;
 font-size: 14px;
 /*border: 2px solid #00008b;*/
}

/* fond pour le menu  */ 
div#menu a {color:#ffffff}     /*150*/
div#menu ul {padding: 0; width: 154px; border:1px solid #00008b; margin:0px; background: #81BEDB}

/* fond different au survol de la souris pour les sous menu et les basiques */
div#menu li:hover {background-color: #698DB8} /* #EDD*/
div#menu li.sousmenu:hover {background-color: #698DB8} /* #EBB*/

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {background: url(../images/fleche_droite.gif) 100% 50% no-repeat;}

div#menu ul li {position: relative; list-style: none; border-bottom:1px solid; border-color: #00008b}
div#menu ul ul {position: absolute; top: -1px; left: 154px; display:none}
                                                 /*150*/
/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 190-(6 de bordure + 6 de padding) =178 */
/*  ATTENTION   width:138 pour FF  et width:150 pour IE   dans ie.css */
div#menu li a{text-decoration: none; padding: 4px 0 4px 6px; display:block; border-left: 6px solid #00008b; width:142px} /*#BBB*/ /*138*/
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3,
div#menu ul.niveau3 li.sousmenu:hover ul.niveau4,
div#menu ul.niveau4 li.sousmenu:hover ul.niveau5 {display:block}

/* la bordure de chaque hauteur a une couleur de survol*/ 
div#menu li a:hover {border-left-color: #81BEDB; background: #00008b; color: #81BEDB}
div#menu ul ul li a:hover {border-left-color: #81BEDB}
div#menu ul ul ul li a:hover {border-left-color: #81BEDB}
div#menu ul ul ul ul li a:hover {border-left-color: #81BEDB}

.la_pub {
 text-align: center;
 background-color: #207DBC;
 color: #ffffff;
 font-size: 16px;
 font-weight: bolder;
}
.la_pub a {
 color: #ffffff;
}
.la_pub a:hover {
 color: #00008b;
 background-color: #ffffff;
 border-radius: 15px 15px 15px 15px;
}

.image_la_pub {
 width: 144px;
 border: 3px solid; 
 text-align: center;
 background-color: #207DBC;
 border-color: #00008b;
 color: #ffffff;
 border-radius: 15px 15px 15px 15px;
}

.vide {
/* rubrique sans lien */
 padding-left: 6px;
 border-left: 6px solid #00008b;
}

#message {
 margin-left: 160px;
 margin-right: 0px;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 10px;   
 border: 2px solid #00008b;
 background-color: #81BEDB;
 font-size: 14px;
 text-align: center;
}

.gradient {
	/* Anciens navigateurs */
	background: #81BEDB url("gradient-bg.png") repeat-y center;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #81BEDB;
	background: #81BEDB\0/;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient-bg.png", sizingMethod="scale");
	}
	@media all and (min-width: 0px) {
		.gradient {
			/* Opera */
			background: #81BEDB url("gradient-bg.svg");
			/* Navigateurs récents */
			background-image: -webkit-gradient(
				linear,
				left top, right top,
				from(#81BEDB),
				to(#81BEDB),
		color-stop(0.25, #FFFFFF),
		color-stop(0.75, #FFFFFF)
			);
			background-image: -webkit-linear-gradient(
				left,
				#81BEDB,
				#FFFFFF 25%,
		#FFFFFF 75%,
		#81BEDB
			);
			background-image: -moz-linear-gradient(
				left,
				#81BEDB,
				#FFFFFF 25%,
		#FFFFFF 75%,
		#81BEDB
			);
			background-image: -o-linear-gradient(
				left,
				#81BEDB,
				#FFFFFF 25%,
		#FFFFFF 75%,
		#81BEDB
			);
			background-image: linear-gradient(
				left,
				#81BEDB,
				#FFFFFF 25%,
		#FFFFFF 75%,
		#81BEDB
			);
		}
	}  

#corps {
 margin-left: 160px;
 margin-right: 0px;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 10px;   
 border: 2px solid #00008b;
 /*background: #ffffff;*/
 background: url("../images/gradient-bg.png") repeat-y center;
 background-size: 100% 100%;
 font-size: 13px;
 text-align: justify;
 border-radius: 45px 45px 45px 45px;
}

.li1 {
 font-size: 18px;
 font-weight: bolder;
}
.li2 {
 font-size: 14px;
 font-style: italic;
}

.bas_droite {
 text-align: right;
 padding-top: 10px;   
 padding-right: 25px;   
}

#corps h1 {
 color: #00008b;
 font-size: 26px;
 text-align: center;
}

#corps h2 {
 color: #00008b;
 font-size: 22px;
 text-align: left;
 /*padding-left: 30px;*/
 font-style: italic; /* a voir */
}

#corps h3 {
 font-size: 24px;
 text-align: center;
}

#corps table {
 margin-left: auto;
 margin-right: auto;
 font-size: 13px;
 border-collapse: collapse;
 border-color: #00008b;
 text-align: center;
}

.table_pub {
 margin-left: auto;
 margin-right: auto;
 /*
 font-size: 13px;
 border-collapse: collapse;
 border-color: #00008b;
 text-align: center;
 background-color: #ffffff;" 
 padding: 6px;  /* = cellspacing
 border-spacing: 2px; /* = cellpadding
 border: 0px;
 */
}
.td_pub {
 text-align: center;
}
.image_pub {
 width: 150px;
 border: 3px solid;
 border-color: #00008b; /*#FE941E;*/
 vertical-align: middle;
 border-radius: 15px 15px 15px 15px;
}

.table_formul {
 margin-left: auto;
 margin-right: auto;
 font-size: 13px;
 border: 5px outset;
 border-color: #00008b;
 text-align: center;
 border-radius: 45px 45px 45px 45px;
}

.case_ca {
 background-color: #DAF1FA; 
 margin-left: auto;
 margin-right: auto;
 font-size: 13px;
 border: 1px outset;
 border-color: #00008b;
 text-align: center;
 border-radius: 45px 45px 45px 45px;
}

.case_titre {
 background-color: #207DBC; 
 color: #00008b;
 font-size: 16px;
 font-weight: bolder;
 padding: 6px;  /* = cellspacing*/
 border-spacing: 2px; /* = cellpadding*/
 border: 1px solid;
 border-collapse: collapse;
 border-color: #00008b;
}

.case_image {
 background-color: #ffffff; 
 color: #00008b;
 font-size: 16px;
 font-weight: bolder;
 padding: 6px;  /* = cellspacing*/
 border-spacing: 2px; /* = cellpadding*/
 border: 0px solid;
 border-collapse: collapse;
 border-color: #00008b;
 border-radius: 15px 15px 15px 15px;
}

.case_jaune {
 background-color: #81BEDB; 
 color: #00008b;
 font-size: 14px;
 font-weight: bolder;
 padding: 6px;  /* = cellspacing*/
 border-spacing: 2px; /* = cellpadding*/
 border: 1px solid;
 border-color: #00008b;
}

.case_blanche {
 background-color: #FFFFFF; 
 color: #00008b;
 font-size: 16px;
 font-weight: bolder;
 padding: 6px;  /* = cellspacing*/
 border-spacing: 2px; /* = cellpadding*/
 border: 1px solid;
 border-color: #00008b;
 text-align: left;
}

.image_bureau {
 padding: 0px;  /* = cellspacing*/
 border-spacing: 0px; /* = cellpadding*/
 border: 2px solid;
 border-collapse: collapse;
 border-color: #00008b;
 border-radius: 15px 15px 15px 15px;
 width: 120px;
}

.centree {
 text-align: center;
}

.rouge {
 text-align: center;
 font-size: 16px;
 font-weight: bolder;
 color: #ff0000;
}
.noir {
 text-align: center;
 font-size: 20px;
 font-weight: bolder;
 color: #000000;
}
.blanc {
 text-align: center;
 font-size: 14px;
 color: #ffffff;
}
.erreur {
 text-align: center;
 font-size: 24px;
 font-weight: bolder;
 color: #ff0000;
 background-color: yellow;
 border-radius: 15px 15px 15px 15px;
 border: 4px outset;
 border-color: #00008b;
}
.en_attente {
 text-align: center;
 background-color: lightyellow;
 color: red;
}
.valide {
 text-align: center;
 background-color: lightgreen;
 color: black;
}
.excuse {
 text-align: center;
 background-color: cyan;
 color: blue;
}
.non_venu {
 text-align: center;
 background-color: red;
 color: white;
}

.fieldset {
 background-color: #81BEDB;
 color: #00008B;
 padding-top: 5px;  /* = cellspacing*/
 padding-bottom: 6px;  /* = cellspacing*/
 padding-left: 10px;  /* = cellspacing*/
 padding-right: 10px;  /* = cellspacing*/
 border-spacing: 2px; /* = cellpadding*/
 border-collapse: collapse;
 border: 2px outset;
 border-color: #00008b;
 text-align: left;
 border-radius: 45px 45px 45px 45px;
 display: inline-block;
}
.legende {
 background-color: #207DBC;
 color: #ffffff;
 padding: 8px;  /* = cellspacing*/
 font-weight: bolder;
 margin-left: 25px;
 font-size: 14px;
 border: 2px outset;
 border-color: #00008b;
 border-radius: 45px 45px 45px 45px;
 display: inline-block;
}

.le_label {
 display: inline-block;
 vertical-align: top;
 width: 80px;
 text-align: right;
 margin: 2px;
}

.benev_arb_droit {
 float: right;
 font-weight: bold;
 background-color: #00008B;
 color: #ffffff;
 border: 4px solid red;
 border-radius: 45px 45px 45px 45px;
 margin-bottom: -12px;
 font-size: 18px;
 padding: 5px;
}
.benev_arb_droit a{
 text-decoration: none;
 text-decoration: blink; /* none */
}

.benev_arb_gauche {
 float: left;
 font-weight: bold;
 background-color: #00008B;
 color: #ffffff;
 border: 4px solid red;
 border-radius: 45px 45px 45px 45px;
 margin-left: 160px;
 margin-bottom: -12px;
 font-size: 18px;
 padding: 5px;
}
.benev_arb_gauche a{
 color: #ffffff;
 text-decoration: blink; /* none */
}

a.info {
 position: relative;
 z-index: 24;
 text-decoration: none;
}

a.info:hover {
 z-index: 25;
 background-color: #ffffff;
}

a.info span {
 display: none;
}

a.info:hover span {
 display: block;
 position: absolute;
 top: 1em; 
 left: 2em;
 width: 10em;
 border: 4px solid red;
 border-radius: 45px 45px 45px 45px;
 text-align: center;
 font-size: 24px;
 background-color: #00008B;
 color: #ffffff;
}

#corps thead {
 height: 32px;
 text-align: center;
 font-size: 18px;
 font-weight: bolder;
 background-color: #00008b;
 color: #81BEDB;
}
/*
#corps td {
 border: 1px solid;
}
*/
.ligne0 {
 text-align: left;
 border: 1px solid;
 font-size: 14px;
}
.ligne1 {
 text-align: left;
 border: 1px solid;
 font-size: 14px;
 font-weight: bolder;
 padding-left: 5px;
 padding-right: 5px;
}
.ligne11 {
 text-align: center;
 border: 1px solid;
 font-size: 14px;
 font-weight: bolder;
}

.ligne2 {
 background-color: #81BEDB;
 text-align: left;
 border: 1px solid;
 font-size: 14px;
 font-weight: bolder;
 padding-left: 5px;
 padding-right: 5px;
}
.ligne22 {
 background-color: #81BEDB;
 text-align: center;
 border: 1px solid;
 font-size: 14px;
 font-weight: bolder;
}

.resultat11 {
 background-color: #81BEDB;
 text-align: left;
 border: 1px solid;
}

.formulaire {
 text-align: left; 
 background-color: #81BEDB;
 color: #00008B;
 height: 20px;
 padding-left: 4px;
 border: 0px;
}

.saisie {
 background-color: #ffffff; 
 border-style: inset;
 border-width: 2px;
 border-color: #00008b; 
}

.liste {
 background-color: #81BEDB; /*#81BEDB*/
 color: #00008b; 
 font-size: 13px;
}

.liste2 {
 background-color: #207DBC; /*#00008b*/
 color: #000000; /*#81BEDB*/
 font-size: 13px;
}

.bouton {
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 14px;
 padding: 4px;  /* = cellspacing*/
 font-weight: bolder;
 background-color: #207DBC;
 color: #ffffff;
 border: 2px outset;
 border-color: #00008b; 
 border-radius: 45px 45px 45px 45px;
}
.bouton:hover {
 background-color: #ffffff;
 color: #00008b;
 border: 2px inset;
}
.bouton50 {
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 14px;
 padding: 4px;  /* = cellspacing*/
 font-weight: bolder;
 background-color: #30ECDF;
 color: #00008b;
 border: 2px outset;
 border-color: #00008b; 
 border-radius: 45px 45px 45px 45px;
}
.bouton50:hover {
 background-color: #207DBC;
 color: #ffff00;
 border: 2px inset;
 border-color: #00008b; 
}

.photoequipe {
 text-align: center;
 width: 300px;
 border: 5px inset;
 border-color: #00008b;
 border-radius: 45px 45px 45px 45px;
}
.photoequipe:hover{
 color: #81BEDB;
 border: 5px outset;
}
.photoequipe2 {
 text-align: center;
 width: 150px;
 border: 5px inset;
 border-color: #00008b;
 border-radius: 45px 45px 45px 45px;
}
.photoequipe2:hover{
 color: #81BEDB;
 border: 5px outset;
}

#corps tfoot {
 text-align: center;
 background-color: #81BEDB; 
 height: 40px;
}

#page-un {
 text-align: right;
 font-weight: bolder;
}

#affiche {
}

.image1 {
 border-color: #00008b;
 border: 0px solid;
 text-decoration: none;
}

#pied_de_page {
 clear: both;
 background-color: #81BEDB; /* #7F8FA6 #00008b; #3030cd;*/
 color: #FFFFFF; /*#207DBC; #3030cd;*/
 border-radius: 45px 45px 45px 45px;
 border: 1px;
 border-style: solid;
}
.pied_gauche {
 width: 155px;
 text-align: left;
}
.pied_droit {
 float: right;
 margin-right: 0;
 width: 110px;
 text-align: right;
 font-size: 12px;
 color: #FFFFFF; /*#207DBC; #3030cd;*/
}
.pied_centre {
 text-align: center;
 font-size: 18px;
 font-weight: bolder;
 color: #FFFFFF; /*#207DBC; #3030cd;*/
}

.element_pied_de_page a {
 color: #FFFFFF; /*#207DBC; #3030cd;*/
}
.element_pied_de_page a:hover {
 background-color: #FFFFFF; /*#207DBC; #3030cd;*/
 color: #207DBC; /*#00008b #3030cd;*/
}

#bas_de_page {
 margin-top: 0px;
 text-align: center;
 font-weight: bolder;
}

.compteur {
 background: #00008B none repeat scroll 0 0;
 margin-top: 0px;
 /*padding-top: 5px; */
 border-radius: 15px;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset, 0 -1px 0 rgba(255, 255, 255, 0.4);
 color: #ffffff;
 display: inline-block;
 float: left;
 font-family: Arial,sans-serif;
 font-size: 1em;
 height: 20px;
 text-align: center;
 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
 width: 66px;
 font-size: 18px;
}

#lapub {
 color: #00008b;
 background-color: #207DBC;
 text-align: center;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 24px;
 font-weight: bolder;
}

#pub {
 color: #0000ff; /*d3d3d3  ccdddd;*/
 background-color: #BEBEBE;
 margin-bottom: 3px;
 margin-left: 148px;
 margin-right: 0px;
 border: 2px solid #000000;
 text-align: center;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 20px;
 font-style: italic; /* a voir */
}
.element_pub a {
 color: #696969;
}