body { background-color: #DCE2F1; background-repeat: no-repeat; background-position: center top;}
html, body { margin: 0px;  padding: 0px; }
#bottom { width: 990px; margin: 0px; background-color: #0E1655; display: block; float: left; }
#bottomText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; }
#bottomDet { margin: 10px 0px 0px 0px; background-color: #003399; display: block; float: left; width: 100%; padding-top: 5px; padding-bottom: 5px;}
#bottomTextDet { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FFFFFF; text-align: center; }
A#bottomLink { text-decoration: none; color: White; }
A#bottomLink:HOVER { text-decoration: none; color: #FF4500; }
#container { padding: 0px; margin-top: 0px; width: 989px; background-image: url('../img/bg_container.png'); background-repeat: repeat-y; border-right: 1px solid #777D93; border-bottom: solid #777D93 1px; display: block; float: left; }
#container100 { padding: 0px; margin-top: 0px; width: 989px; background-image: url('../img/bg_container100.png'); background-repeat: repeat-y; border-right: 1px solid #777D93; border-bottom: solid #777D93 1px; display: block; float: left; }
#containerMain { padding: 0px; margin: 0px; width: 826px; display: block; float: left;}
.spacer { clear: both; }

/* Avertissement cookies */
.infoCnil {
	border: 1px solid black; 
	width: 988px; 
	height: 120px; 
	background-color: #FFFFE0;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #696969;
}

/* Menu de gauche */
.containerMenu { 
	padding : 0px;
	margin: 0px; 
	width: 163px; 
	display: block; 
	float: left; 
	text-align: center; 
}
.containerMenu .zoneMenu { 
	margin: 10px 0px 10px 0px; 
	font-family : Verdana,  Arial, sans-serif; 
	font-size: 8pt; 
}
.containerMenu UL { 
	list-style: none; 
	padding: 0px; 
	margin: 0px; 
}
.containerMenu LI.menuA A.menuA { 
	display: block; 
	border-top: 1px solid #9DA3B6; 
	border-bottom: 1px solid #838996; 
	color: White; 
	text-decoration: none; 
	background-color: #8A90A6; 
	padding-top: 4px; 
	padding-bottom: 4px; 
}
.containerMenu LI.menuB A.menuB { 
	display: block; 
	border-top: 1px solid #A4AADB; 
	border-bottom: 1px solid #83899C; 
	color: White; 
	text-decoration: none; 
	background-color: #979DB3; 
	padding-top: 4px; 
	padding-bottom: 4px; 
}
.containerMenu LI:HOVER A:HOVER { 
	color: #565E76; 
	background-color: #DBDFEB; 
	border-top-color: #AAAB9C; 
	border-bottom-color: White; 
}
/* FIN : Menu de gauche */

/* Menu de gauche */
.containerMenuHorizontal { 
	padding : 0px;
	margin: 0px; 
	display: block; 
	float: left; 
	text-align: left; 
}

#corps { width: 990px; margin-left: 0px; margin-right: auto; text-align: left; }
#header { 
	width: 989px; 
	margin: 0px; 
	padding: 0px; 
	background-color: #AFC0F0; 
	background-image: url(../img/top_navig_logo.png); 
	background-position: left top; 
	background-repeat: no-repeat; 
	border-right: 1px solid #777D93; 
}
#headerNoel { 
	width: 989px; 
	margin: 0px; 
	padding: 0px; 
	background-color: #AFC0F0; 
	background-image: url(../img/top_navig_logo_noel.png); 
	background-position: left top; 
	background-repeat: no-repeat; 
	border-right: 1px solid #777D93; 
}
#headerMenu { width: 989px; background-color: #A2B3E3; padding: 0px; margin: 0px; height: 26px; }
#main { margin: 10px; width: 806px; display: block;  }
#mainContainer { display: block; float: left; width: 100%; margin: 0px; background-color: transparent; }
#mainColLeft { width: 49%; margin-right: 1%; display: block; float: left; }
#mainColRight { width: 50%; display: block; float: left; margin: 0%; }
#navigPageBot { padding: 2px 2px 2px 10px; text-align: left; background-color: #E6E9F3; border: 1px solid #777D93; margin-bottom: 5px; margin-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
#navigPageTop { padding: 2px 10px 2px 2px; text-align: right; background-color: #E6E9F3; border: 1px solid #777D93; margin-bottom: 5px; margin-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
A.linkBlack { color: Black; text-decoration: none; cursor: pointer; }
A.linkBlack:hover { color: Black; text-decoration: none; cursor: pointer; }
A.linkGray { color: #808080; text-decoration: none; cursor: pointer; }
A.linkGray:hover { color: #808080; text-decoration: none; cursor: pointer; }
#rubrique { font-family : Verdana,  Arial, sans-serif;  font-weight : bold; font-size: 8pt; color: #A9A9A9; padding: 0px 0px 2px 0px; margin: 0px; }
#aPageLink { border: 1px solid #777D93; background-color: #E6E9F3; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 7pt;  padding: 3px; }
#aPageLinkOn { border: 1px solid #777D93; background-color: Yellow; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 7pt;  padding: 3px; }
#aPagePicto { border: 1px solid #777D93; background-color: #FFFFE0; text-align: center; padding: 5px; }
#aPageTitre {  font-family: Arial, Helvetica, sans-serif;  font-size: 15px;  color: #1765EE;  font-weight: bold;  letter-spacing: 3px; padding: 0px; }
.boutonBlue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; background-image: url(../img/obj_bouton_blue.gif); border: 1px solid #013299; font-weight: bold; background-color: #E5F1FE; cursor: pointer; }
.boutonBlue7 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	color: #FFFFFF; 
	background-image: url(../img/obj_bouton_blue.gif); 
	border: 1px solid #013299; 
	background-color: #E5F1FE; 
	cursor: pointer; 
}
.boutonRed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; background-image: url(../img/obj_bouton_red.gif); border: 1px solid #013299; font-weight: bold; cursor: pointer; background-color: #E5F1FE; }
.soustitrefmt  {  font-family : Verdana,  Arial, sans-serif; font-size : 10pt; font-weight : bold; color: #CC99CC;}
.soustitreder  {  font-family : Verdana,  Arial, sans-serif; font-size : 10pt; font-weight : bold; color: #CC99CC;}
.soustitreeau  {  font-family : Verdana,  Arial, sans-serif; font-size : 10pt; font-weight : bold; color: #2E8B57;}
.soustitreffn  {  font-family : Verdana,  Arial, sans-serif; font-size : 10pt; font-weight : bold; color: #CC99CC;}
.soustitrejug  {  font-family : Verdana,  Arial, sans-serif; font-size : 10pt; font-weight : bold; color: #9999CC;}
.soustitremtr  {  font-family : Verdana,  Arial, sans-serif; font-size : 10pt; font-weight : bold; color: #CC9900;}
.soustitrenat  {  font-family : Verdana,  Arial, sans-serif; font-size : 10pt; font-weight : bold; color: #1E90FF;}
.soustitrens  {  font-family : Verdana,  Arial, sans-serif; font-size : 10pt; font-weight : bold; color: #FF8ED2;}
.soustitrepl  {  font-family : Verdana,  Arial, sans-serif; font-size : 10pt; font-weight : bold; color: #708090;}
.soustitrewp  {  font-family : Verdana,  Arial, sans-serif; font-size : 10pt; font-weight : bold; color: #FF6600;}
.soustitrecfr  {  font-family : Verdana,  Arial, sans-serif; font-size : 10pt; font-weight : bold; color: #0033CC;}
.soustitreete  {  font-family : Verdana,  Arial, sans-serif; font-size : 10pt; font-weight : bold; color: #808080;}
.soustitreGray  {  font-family : Verdana,  Arial, sans-serif; font-size : 10pt; font-weight : bold; color: #808080;}
.soustitredhn  {  font-family : Verdana,  Arial, sans-serif; font-size : 10pt; font-weight : bold; color: #9400D3;}
.styleBlue { color: #2268B2; font-weight: bold; }
.styleGreen { color: #22B26C; font-weight: bold; }
.styleRed { color: #b22222; font-weight: bold; }
.styleOrange { color: #FF4500; font-weight: bold; }
.styleViolet { color: #CD32B2; font-weight: bold; }
.text8 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
.text7 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }
.text7Gray { font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #808080; }
.text7Green { font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: Green; }
.text7Violet { 
	font-size: 7pt; 
	color: #9932CC; 
}
.textGreen { font-family: Verdana, Arial, Helvetica, sans-serif; color: Green; }
.titre12fmt { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #CC99CC;}
.titre12der { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #CC99CC;}
.titre12eau { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #2E8B57;}
.titre12ffn { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #CC99CC;}
.titre12jug { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #9999CC;}
.titre12mtr { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #CC9900;}
.titre12nat { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #1E90FF;}
.titre12ns { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #FF8ED2;}
.titre12pl { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #708090;}
.titre12wp { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #FF6600;}
.titre12cfr { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #0033CC;}
.titre12ffh { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #0033CC;}
.titre12ffa { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #0033CC;}
.titre12ete { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #808080;}
.titre12dhn { font-family : Verdana,  Arial, sans-serif; font-size : 12pt; font-weight : bold; color: #9400D3;}
.textGray { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #808080; }
A { font-family: Verdana, Arial, Helvetica, sans-serif; color: #777d93;  text-decoration: none; cursor: pointer; }
A:HOVER { font-family: Verdana, Arial, Helvetica, sans-serif; color: #B22222;  text-decoration: none; cursor: pointer; }
FORM { margin: 0px; }
IMG#border { padding: 0px; margin: 0px; border: 1px solid Black; }
IMG#border777D93 { padding: 0px; margin: 0px; border: 1px solid #777D93; }
IMG#left { margin: 0px 5px 5px 0px; }
IMG#mainPhoto { border: 1px solid #777D93; margin: 0px 0px 5px 0px; }
IMG.noImg { filter:alpha(opacity=20); }
IMG#right { margin: 0px 0px 5px 5px; }
P#boxLink { margin-top: -4px; text-align: right; font-family : Verdana,  Arial, sans-serif;  font-size: 7pt; margin-bottom: 5px; }
P#error { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #B22222; text-align: center; font-weight: bold;  margin-top: 40px; margin-bottom: 40px; }
P#succes { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #22B26C; text-align: center; font-weight: bold;  margin-top: 40px; margin-bottom: 40px; }
#detailCorps { background-color: White; padding: 0px; margin: 0px 5px 0px 5px; }
#detailEntete { background-color: White; padding: 0px; margin: 5px; }
#detailTitre { border: solid #777D93 1px; background-color: #E6E9F3; margin: 0px; padding: 0px; text-align: left; }
#detailText { border: solid #777D93 1px; background-color: #F0F3E7; margin-top: 5px; padding: 0px; text-align: left; }
#detailTextNoBorder { background-color: #FFFFFF; margin: 5px; padding: 0px; text-align: left; }
#closeWin { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; text-align: right; padding: 2px; }
SELECT, INPUT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #3E3E3E; border: 1px solid Silver; background-color: White; }
#mainProvi { background-image: url(../img/obj_back_provi.gif); background-repeat: repeat-y; display: block; float: left; width: 100%; margin: 0px;}
#mainDefinitif { background-image: url(../img/obj_back_definitif.gif); background-repeat: repeat-y; display: block; float: left; width: 100%; margin: 0px; }
#eventsAct { margin-top: -13px; margin-left: -30px; }
#eventsAct1 { margin-top: -13px; margin-left: -35px; }
#eventsAct2 { margin-top: -19px; margin-left: 55px; }
#pubNatMagPdf { margin-top: -2px; margin-left: -30px; }
#pubNatInfoPdf { margin-top: -20px; margin-left: -40px; }
#pubNatInfoLeg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; line-height: 9px; letter-spacing: -1px; margin-top: -5px; }
#pubNatMagLeg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; line-height: 9px; letter-spacing: -1px; margin-top: 2px; }
#pubNatMagCol1 { display: block; width: 250px; padding-right: 20px; margin-top: 10px; float: left; text-align: center; }
#pubNatMagCol2 { display: block; width: 525px; margin-top: 10px; float: right; border-left: 1px solid #AFB5CB; padding-left: 5px; }
#pubNatMagRub { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: White; font-weight: bold; background-color: #AFB5CB; padding: 2px; width: 100px; text-align: center; margin-bottom: 5px; }
#pubNatMagCouv { border: 1px solid Black;	padding: 0px; margin-bottom: 5px; }
#photoLeft { display: block; float: left; margin: 0px 5px 5px 0px; }
#photoRight { display: block; float: right; margin: 0px 0px 5px 5px; }
.NgnTitre { color: #003366; font-weight: bold; font-size: 12pt; font-family: Geneva, Arial, Helvetica, sans-serif; font-style: oblique; }
.NgnSousTitre { color: #003366; font-weight: bold; font-size: 9pt; font-family: Geneva, Arial, Helvetica, sans-serif;  font-style: oblique; }
.NgnOrange { color: #FFFFFF; font-size: 8pt; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: justify; letter-spacing: 1px; }
#newsPhoto { display: block; float: left; margin: 3px 5px 0px 0px; border: 1px solid #696969; }
#accueilLeft { width: 310px; margin-right: 10px; display: block; float: left; }
#accueilRight { width: 486px; float: left; display: block;}
#accueilRightCol1 { width: 192px; float: left; margin-right: 10px; display: block;	}
#accueilRightCol2 { width: 284px; float: left; display: block;}
#cfrLeft { width: 486px; float: left; display: block;}
#cfrRight { width: 310px; margin-left: 10px; display: block; float: left; }
#dhnLeft { width: 512px; float: left; display: block; margin-top: 5px;}
#dhnRight { width: 284px; margin-left: 10px; display: block; float: left;	margin-top: 5px;}

/* Style des news */
A#newsList { 
	font-family : Verdana,  Arial, sans-serif;  
	font-size: 8pt; 
	text-decoration: none; 
	color: Black; 
	vertical-align: top; 
	background: White; 
}
A#newsList:HOVER { 
	font-family : Verdana,  Arial, sans-serif;  
	font-size: 8pt; 
	text-decoration: none; 
	color: Black; 
	background: #ffdead; 
}
UL#newsList { 
	border-top: 1px solid #777D93; 
	margin: 0px; 
	padding: 5px 0px 0px 0px; 
	list-style: none; 
}
UL#newsList LI { 
	padding-left: 25px; 
	padding-bottom: 5px;
	text-align: justify; 
	background-repeat: no-repeat; 
}
UL#newsList LI#der { background-image: url(../img/obj_picto_20_der.gif); }
UL#newsList LI#dhn { background-image: url(../img/obj_picto_20_dhn.gif); }
UL#newsList LI#eau { background-image: url(../img/obj_picto_20_eau.gif); }
UL#newsList LI#ffn { background-image: url(../img/obj_picto_20_ffn.gif); }
UL#newsList LI#jug { background-image: url(../img/obj_picto_20_jug.gif); }
UL#newsList LI#mtr { background-image: url(../img/obj_picto_20_mtr.gif); }
UL#newsList LI#nat { background-image: url(../img/obj_picto_20_nat.gif); }
UL#newsList LI#ns { background-image: url(../img/obj_picto_20_ns.gif); }
UL#newsList LI#pl { background-image: url(../img/obj_picto_20_pl.gif); }
UL#newsList LI#wp { background-image: url(../img/obj_picto_20_wp.gif); }
UL#newsList LI#fmt { background-image: url(../img/obj_picto_20_jug.gif); }
UL#newsList LI#cfr { background-image: url(../img/obj_picto_20_cfr.gif); }
UL#newsList LI#ete { background-image: url(../img/obj_picto_20_ete.gif); }

#newsContainer { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; font-family : Verdana, Arial, sans-serif; font-size: 8pt; text-align: justify; }
#newsHisto { margin: 0px 0px 5px 0px; padding: 5px 0px 5px 0px; font-family : Verdana, Arial, sans-serif; font-size: 8pt; text-align: justify; }
#newsDat { font-family : Verdana,  Arial, sans-serif;  font-size: 7pt; color: #666666; }
#newsTitre1 { color: #000080; font-weight: bold; }
#newsTitre2 { color: #800000; font-weight: bold; }
#newsTitre3 { color: #800080; font-weight: bold; }
#newsTitre4 { color: #008000; font-weight: bold; }
#newsTitre5 { color: #008080; font-weight: bold; }
#newsTitre6 { color: #FF8000; font-weight: bold; }
A#newsUrl { background-color: #777D93; color: White; text-decoration: none; }
A#newsUrl:HOVER { background-color: White; color: #777D93; text-decoration: none; }
P#newsUrl { font-family : Verdana,  Arial, sans-serif;  font-size: 7pt; text-align: right; margin-top: -3px; margin-bottom: 1px;}

/* Fin du style des news */


#competsTitre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; letter-spacing: 2px; border: 1px solid #777D93; margin: 10px 0px 0px 0px; padding: 2px 2px 2px 20px; background-color: #FAEBD7; background-image: url(../img/obj_dossiers_link.gif); background-repeat: no-repeat; background-position: 1px; }
#competsContainerTop { display: block; float: left; width: 806px; padding: 2px 0px 2px 0px; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 8pt; }
#competsContainer { display: block; float: left; width: 806px; padding: 2px 0px 2px 0px; border-top: 1px dashed #A5A8BC; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 8pt; }
#competsRef { display: block; float: left; width: 30px; text-align: center; }
#competsDat { display: block; float: left; width: 120px; text-align: right; font-size: 7pt; }
#competsDes { display: block; float: left; width: 410px; padding-left: 6px; }
#competsLieu { display: block; float: left; width: 196px; }
#competsPce { display: block; float: left; width: 30px; text-align: center; }
#competsImgEau { display: block; float: left; width: 26px; text-align: center; }
#competsDesEau { display: block; float: left; width: 325px; padding-left: 6px; }
#competsDisEau { display: block; float: left; width: 54px; padding-left: 6px; text-align: right; font-weight: bold; }
#competsDatEau { display: block; float: left; width: 70px; text-align: right; font-size: 7pt; }
#competsLieuEau { display: block; float: left; width: 196px; padding-left: 16px; }
#competsTypEau { display: block; float: left; width: 75px; font-size: 7pt; color: Green; }
#menuResContainer { padding : 0px; margin: 0px 0px 5px 0px; width: 163px; display: block; float: left; text-align: left; font-family : Verdana,  Arial, sans-serif; font-size: 7pt; }
LABEL { cursor : pointer; } 
#dhtmltooltip { 
	position: absolute;
	left: -300px; 
	width: auto; 
	border: 1px solid black; 
	padding: 2px; 
	background-color:	lightyellow; 
	visibility: hidden; 
	z-index: 100; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); 
	font-family : Verdana,  Arial, sans-serif;  
	font-size: 7pt; 
}
/*#dhtmlpointer { position:absolute; left: -300px; z-index: 101; visibility: hidden; } */
#legendeTitre { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #808080; margin-bottom: 5px; margin-top: 10px; border-bottom: 1px solid Silver; font-weight: bold; padding-bottom: 2px; }
#legendeText { font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #808080; }
#legendeTextGreen { font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #006400; }
#noScreen {	display: none; }
.surlignYellow { background-color: Yellow; padding: 2px; }
.calendrierMenu { width: 163px; display: block; float: left; padding: 0px; margin: 0px; background-color: #AFB5CB; text-align:	left; font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
.calendrierDayDefault { color: #000000; background-color: #F0F3E7; font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
.calendrierDayToday { color: #000000; background-color: #FFCC00; font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
.calendrierDayUsed { color: #FFFFFF; background-color: #FF9999; font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
.calendrierMain { width: 806px; margin: 5px; display: block; float: right; }
.text7Barre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;  text-decoration: line-through; }
.text8Barre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;  text-decoration: line-through; }
.styleRebours { background-color: Yellow; color: Black; font: bold 8pt Verdana, Arial, Helvetica, sans-serif; padding: 2px 0px 2px 0px; margin-right: 6px; width: 48px; display: block; float: left; text-align: center; }
#aPagePhotos {  margin-bottom: 5px; margin-top: 10px; }
#OpenParis { text-align: center;  margin-bottom: 10px; }
/* Autocompletion */
.autocompletion { position: absolute; background-color: white; border: 1px dotted #888888; margin: 0px; padding: 0px; }
ul.individus { list-style-type: none; margin: 0px; padding: 0px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
ul.individus li.selected { background-color: #FFFFBB; cursor: pointer; }
li.individus { list-style-type: none; display: block; margin: 0px; padding: 2px; }
li.individus div.hidden { display: none; }
/* Natation ou maitres : Affichage des temps (avec temps de passage) */
A.splitOn { 
	font-weight: bold; 
	color: #1E90FF; 
}
A.splitOn:HOVER { 
	color: Red; 
}
TD.tooltipDis {
	font-size: 7pt;
	padding: 2px;
	padding-left: 6px;
	padding-right: 2px;
	text-align: right;
	color: Olive;
}
TD.tooltipSplit {
	font-size: 7pt;
	padding: 2px;
	padding-left: 6px;
	padding-right: 2px;
	text-align: right;
}
TD.tooltipLap {
	font-size: 7pt;
	padding: 2px;
	padding-left: 6px;
	padding-right: 2px;
	text-align: right;
	color: Red;
}
TD.tooltipRelay {
	font-size: 7pt;
	padding: 2px;
	padding-left: 6px;
	padding-right: 2px;
	text-align: right;
	color: #9932CC;
}
/* FIN : Natation ou maitres : Affichage des temps (avec temps de passage) */

#affSplit {
	font-style: italic; 
	text-align: right; 
	padding-top: 0px; 
	padding-bottom: 4px;
	font-size: 7pt;
}

/* Pagination Links */
.pagination {
padding: 2px;
margin-bottom: 6px;
margin-top: 6px;
}
.pagination UL {
margin: 0px;
padding: 0px;
font-size: 9pt;
}
.pagination LI {
list-style-type: none;
display: inline;
padding-bottom: 1px;
}
.pagination A {
padding: 0px 5px 0px 5px;
border: 1px solid #9AAFE5;
text-decoration: none; 
color: #2E6AB1;
}
.pagination A:HOVER {
border: 1px solid #2B66A5;
color: #000000;
background-color: #FFFFA8;
}
.pagination A.currentpage {
background-color: #2E6AB1;
color: #FFFFFF;
border-color: #2B66A5;
font-weight: bold;
cursor: default;
}
.pagination A.disablelink, .pagination A.disablelink:HOVER {
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}
.pagination A.prevnext {
font-weight: bold;
}
/* FIN : Pagination Links */

/* Questions-Réponses du CFR */
.faqIcon {
	float: left; 
	margin-right: 8px !important; 
	margin-right: 2px; 
	margin-top: 3px; 
	margin-left: 7px;
	cursor: pointer;
}
.faqSection {
	padding-top: 3px; 
	text-align: left; 
	background-color: #EEEEEE; 
	border-bottom: 1px solid #CCCCCC; 
	margin:0px auto;
}
.faqSection P {
	margin: 0px; 
	margin: expression('0px'); 
	padding:0px 0px 3px 1px; 
	background-color: transparent; 
	line-height: 20px; 
	cursor: pointer;
}
.faqReponse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 10px 16px 30px;
	display: block;
	background-color: #FFFACD;
	font-size: 8pt;
	color: Black;
	text-align: justify;
	font-weight: normal;
	padding: 5px;
	border: 1px dotted Gray;
}
.alertHisto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	display: block;
	background-color: #FFFACD;
	font-size: 8pt;
	color: Black;
	text-align: justify;
	font-weight: normal;
	padding: 8px;
	border: 2px dotted red;
}
.faqLink { 
	color: #4682B4; 
	font-size: 8pt; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
/* FIN : Questions-Réponses du CFR */

/* Tooltip */
.tooltip B {
	display: none;
}
.tooltip:HOVER {
	border: 0; 
	position: relative; 
	z-index: 500; 
	cursor: pointer;
}
.tooltip:HOVER B {
	display: block; 
	position: absolute; 
	top: 30px; 
	left: -20px; 
	padding: 3px; 
	font-weight: normal; 
	font-size: 7pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000; 
	border: 1px solid #888; 
	background: #ffc; 
	line-height: normal;
	min-width: 150px;
	max-width: 300px;
	text-align: left;
}
/* FIN : Tooltip */

/* Tableaux */
.tableau { 
	border-collapse: collapse; 
	table-layout: auto; 
	margin: 0px; 
}
.tableau TD { 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 8pt; 
	padding: 2px; 
	border: 1px solid #777D93; 
}	
.tableau TD.titre { 
	color: #483d8b;
	padding: 5px; 
	text-align:	center; 
	font-size: 11pt; 
	letter-spacing: 1px; 
}
.tableau TD.soustitre { 
	background-color: #DCE2F1; 
	text-align: center;
}
.tableau TD.colLight {
	border: none; 
}
.tableau TD.colWhite {
	border: 1px solid white;
}
.tableau .sousTotal {
	background-color: #ffffe0;
}
.tableau .total {
	background-color: #dfefff;
	font-weight: bold;
}
.tableau .colInsert { 
	font-size: 9pt; 
	font-weight: bold; 
	letter-spacing: 2px; 
	border: 1px solid #777D93; 
	padding: 6px 2px 6px 20px; 
	background-color: #FAEBD7; 
	background-image: url(../img/obj_results_arrow.png); 
	background-repeat: no-repeat; 
	background-position: 1px; 
}
/* FIN : Tableaux */
.copyright { 
	font-size: 7pt; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left; 
	margin-top: 5px; 
}
FIELDSET.options {
	margin-bottom: 10px;
	margin-right: 5px;
	padding: 5px; 
	border: 1px dashed #777D93;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	background-color: #dddcf5;
}
LEGEND.options {
	font-size: 8pt;
	padding: 1px 6px; 
	color: #fff;
	background-color: #8A90A6;
}

TABLE#tooltip TD { 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 7pt; 
	padding-left: 5px; 
}

/* Alphabet cliquable */
TABLE.alphabet {
	margin-top: 10px;
}
TABLE.alphabet TD {
	border-width: 1px;
	border-style: solid; 
	text-align:center; 
	font-weight: bold; 
	width: 24px;
	margin: 0px 1px 0px 1px;
	font-size: 8pt;
}
TABLE.alphabet TD.lettreOn {
	border-color: #777D93; 
	background-color: #2E6AB1; 
	color: #FFFFFF; 
}
TABLE.alphabet TD.lettreOff {
	border-color: Silver; 
	background-color: #FFFFFF; 
	color: Silver; 
}
TABLE.alphabet TD.lettreOn A {
	color: #FFFFFF; 
}

.presentationHautNiveau {
	font-family: "Trebuchet MS", Verdana, Arial,sans-serif;
	margin: 10px 0px 20px 0px;
	display: block;
	background-color: #FFFACD;
	font-size: 10pt;
	color: Black;
	text-align: justify;
	font-weight: normal;
	padding: 8px;
	border: 2px dotted Gray;
}
A.dhnButton1 {
	display: block;
	height: 132px;
	width: 210px;
	background: url(/html/ressources/dhn/dhn_bouton_1.png) no-repeat left top;
}
A.dhnButton2 {
	display: block;
	height: 132px;
	width: 210px;
	background: url(/html/ressources/dhn/dhn_bouton_2.png) no-repeat left top;
}
A.dhnButton3 {
	display: block;
	height: 132px;
	width: 210px;
	background: url(/html/ressources/dhn/dhn_bouton_3.png) no-repeat left top;
}
A.dhnButton4 {
	display: block;
	height: 132px;
	width: 210px;
	background: url(/html/ressources/dhn/dhn_bouton_4.png) no-repeat left top;
}
A.dhnButton5 {
	display: block;
	height: 132px;
	width: 210px;
	background: url(/html/ressources/dhn/dhn_bouton_5.png) no-repeat left top;
}
A.dhnButton1:HOVER, A.dhnButton2:HOVER, A.dhnButton3:HOVER, A.dhnButton4:HOVER, A.dhnButton5:HOVER {
	background-position: left bottom;	
}

/* Alphabet Cliquable */
UL.alpha {
	margin: 5px 0px 0px 0px; 
	display: block; 
	padding: 0px; 
	list-style: none;
}
UL.alpha LI { 
	display: block; 
	float: left; 
	margin: 0px; 
	padding: 0px; 
}
UL.alpha LI A { 
	display: block; 
	float: left; 
	padding: 4px 8px; 
	border-top: 1px #777D93 solid; 
	border-right: 1px #777D93 solid; 
	border-bottom: 1px #777D93 solid;
	background-color: #8A90A6; 
	color: white;
	text-align: center;
}
UL.alpha .first { 
	border-left: 1px #777D93 solid; 
}
UL.alpha .letterNonDisponible { 
	padding: 4px 8px; 
	border-top: 1px #777D93 solid; 
	border-right: 1px #777D93 solid; 
	border-bottom: 1px #777D93 solid;
	color: silver;
}
UL.alpha LI.active A { 
	background-color: Yellow; 
	color: #000000; 
}
UL.alpha LI A:HOVER, UL.alphabet LI.active A:HOVER { 
	background-color: Yellow; 
	color: #000000; 
}
/* FIN : Alphabet Cliquable */

.textIncline { 
	-webkit-transform:  rotate(12deg);
	-moz-transform:  rotate(12deg);
	-o-transform:  rotate(12deg);
	writing-mode: lr-tb;
}

.fg-14 { float: left; margin-right: 5px; } 
.fg-14 IMG { width: 20px; height: 14px; border: none; } 
.fg-14-text{ float: left; line-height: 14px; }
.fg-12 { float: left; margin-right: 5px; } 
.fg-12 IMG { width: 17px; height: 12px; border: none; } 
.fg-12-text{ float: left; line-height: 12px; }
.fg-10 { float: left; margin-right: 5px; } 
.fg-10 IMG { width: 14px; height: 10px; border: none; } 
.fg-10-text{ float: left; line-height: 10px; }

INPUT.form-style {
	display: block;
	width: 100%;
	height: 20px;
	padding: 3px 3%;
	border: 1px solid #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	font-family: 'HelveticaNeue', 'Arial', sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #0ba6f6; 

}