/*NATATOR.ORG CSS*/
* { margin:0; padding:0; border:0; line-height:1.2em; }
body {
	background: #0E0E0E;
	font-family: Arial, monospace, sans-serif;
	font-size: 12px;
	padding: 10px;
}

img { border: 0; }
a {
	color: #444;
	text-decoration: none;
}
a:hover { color: #666; }
a:active { color: #ccc; }
b { font-weight: bold; }

/*Contenu des iframes news*/
body.newsfeed {
margin:0;
padding:0;
border:0;
background-color: #a2793e;
}
#newscontainer {
	margin: 1px 0 1px 12px;
}
#articles {
	margin-bottom: 10px;
	width: 408px;
	float: left;
}

#articles a {
	color: #000;
	text-decoration: underline;
}

#articles a:visited { text-decoration: underline; }
#articles a:hover { text-decoration: none; }

#articles p {
	padding: 9px 2px 6px;
}

.dialog {
	width: 335px;
	padding: 0 12px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	list-style: none;
}

#imagenews {
	width: 264px;
	float: right;
}

#imagenews img {
	display: block;
}

/* News */
#news {
	margin: 1px 12px;
	width: 714px;
	height: 362px;
}

iframe { height: 100%; }

#col1 { width: 415px; }
#col2 { width: 287px; }

/*Page generale COULEUR DU FOND */
#page {
	background-color: #a2793e;
	width: 800px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/*Haut et bas de page*/
#header {
	background-color: transparent;
	background-image: url(img/xheader.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
}

#footer {
	background-color: transparent;
	background-image: url(img/xfooter.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 110px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#footer a:hover #contact {
	padding-left: 0px;
}

/* index.html */
.index #header, .index #footer { height: 14px; }
.index #header { background-image: url(img/header.png); }
.index #footer { background-image: url(img/footer.png); }

#warn {
	position: absolute;
	top: 555px;
	left: 547px;
}

#blason {
	position: absolute;
	top: 19px;
	left: 542px;
}
#accrocheblason {
	position: absolute;
	top: 8px;
	left: 546px;
}

#pissoff {
	width: 172px;
	position: absolute;
	top: 518px;
	left: 68px;
}

#comein {
	width: 179px;
	position: absolute;
	top: 518px;
	left: 547px;
}

#debutbande {
	position: absolute;
	bottom: 0;
	right: 0;
}

/*Contact (img)*/
#contact {
	display: block;
	position: absolute;
	bottom: 3px;
	left: 85px;
}

#baseline {
	display: block;
	position: absolute;
	bottom: 11px;
	left: 231px;
}

/* Menu */
#menu {
	padding: 8px 0 10px 24px;
	font-size: 14px;
}

#menu li {
	background: transparent url(img/l.gif) no-repeat left top;
	float: left;
	color: #444;
	list-style-type: none;
	font-family: 'Times New Roman', serif;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	line-height: 11px;
}

#menu .mid { width: 88px; }
#menu .mfirst { width: 48px; }
#menu .mlast { width: 100px; }

#menu li ul {
	margin-top: 1px;
	font-size: 11px;
}

#menu li ul li {
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	line-height: 11px;
	background: none;
	color: #444;
	list-style-type: none;
	float: none;
}

#menu a {
	padding: 4px 0 0 2px;
	height: 1.1em;
	line-height: 1em;
	color: #fff;
	text-decoration: none;
	display: block;
}

#menu a:hover { color: #555; }
#menu a:active { color: #999; }
#menu a.inerte { color: #555; }
#menu li ul li a { padding: 1px 0 0 2px; }
#menu li ul li a.selectionne { color: #555; }

/*Chemin*/
#where {
	color: #555;
	font-size: 10px;
	position: absolute;
	top: 95px;
	left: 89px;
}

/*Email*/
#email {
	color: #555;
	font-size: 10px;
	position: absolute;
	text-transform: uppercase;
	top: 95px;
	right: 45px;
}

/*Contenu (sous-menus, galeries d'images, news)*/
#contenu {
	position: absolute;
	top: 110px;
	left: 0;
}

/*Sous-menu*/
#submenu {
	font-size: 9px;
	width: 75px;
	position: absolute;
	top: 30px;
	left: 2px;
}

#submenu li {
	padding: 1px 0 4px 0;
	list-style-type: none;
}

#submenu a {
	color: #DDD;
	text-decoration: none;
}

#submenu a:hover { color: #555; }
#submenu a.subselect { color: #555; }

/*Sous-menu des slideshows*/
#gd {
	text-align: center;
	line-height: 1em;
	font-size: 29px;
	width: 100%;
	letter-spacing: 6px;
}

#gd img { margin: 0 4px; }

#back {
	line-height: 0.4em;
	font-size: 12px;
	clear: both;
	position: absolute;
	left: 19px;
}

/*Slideshows*/
#pict {
	margin: 1px 0 0 11px;
}

#desc {
	color: #333;
	font-size: 15px;
	font-family: Georgia, 'Times New Roman', serif;
	line-height: 1.2em;
	width: 600px;
	display: block;
	position: absolute;
	z-index:1000;
	top: 378px;
	left: 240px;
}

#desc span { 
	display: block;
	font-size: 11px;
	line-height: 1.4em;
}

/*Galerie d'images*/
#show {
	background-color: transparent;
	background-image: url(img/cadreg.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 714px;
	height: 364px;
	position: absolute;
	left: 75px;
	overflow: hidden;
}

#showsc {
	width: 711px;
	height: 364px;
	position: absolute;
	overflow: auto;
}


p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	padding: 12px 16px 0 12px;
	text-align: justify;
	
}

div + p { padding: 0 16px 0 12px; }
p + p { padding: 8px 16px 0 12px; }

.line {
	background: transparent url(img/cadrep.png) no-repeat left top;
	height: 64px;
	margin: 0 0 23px 0;
	padding: 1px 6px 2px 9px;
	clear: left;
	display: block;
}

.linesect {
	float: left;
}

.linesect img {
	margin: 0px 3px 5px 2px;
	float: left;
}

.sectname {
	color: #333;
	font-family: 'Times New Roman', serif;
	font-size: 11px;
	line-height: 1em;
	padding: 0 0 4px 2px;
	clear: left;
	display: inherit;
}
.sectname a {
	color: #555;
	text-decoration: none;
}
.sectname a:hover { color: #666; }

#cadrevideo {
	width: 321px;
	height: 275px;
	margin: 1px 0 0 1px;
	float: left;
	background-image: url(img/cadrevideo.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#video {
	width: 320px;
	height: 256px;
	margin: 9px 0 0 0;
	float: left;
	color: #fff;
}

#textvideo {
	width: 383px;
	height: 364px;
	float: left;
	overflow: auto;
}
#textvideo p { margin-top: -5px; }

.dialogue { padding: 12px 0;}
.dialogue p, .dialogue dl {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	padding: 0 16px 16px 12px;
	text-align: justify;
}

.dialogue dt {
	text-align: left;
	float:left;
	clear:both;
}

.dialogue dd {
	padding: 0 0 5px 80px;
	text-align: left;
}

.dialogue dd:first-letter {
	margin-left: -8px;
	font-weight: normal;
}

.trait {
	width: 684px;
	height: 1px;
	background-image: url(img/trait.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#t1 {
	position: absolute;
	left: 85px;
	top: 110px;
}
#t2 {
	position: absolute;
	left: 85px;
	top: 473px;
}

.right { text-align: right; }

/*la partie html est spécifique à MSIE sur Windows*/
html {
	scrollbar-face-color: #444;
	scrollbar-arrow-color: #222;
	scrollbar-track-color: #333;
	scrollbar-shadow-color: #222;
	scrollbar-highlight-color: #666;
	scrollbar-3dlight-color: #555;
	scrollbar-darkshadow-color: #111;
	overflow-x: hidden;
}

/*IE WIN HACKS*/
* html img { behavior: url("pngbehavior.htc"); }
* html .index #header {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/header.png', sizingMethod='image');
}
* html .index #footer {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/footer.png', sizingMethod='image');
}
* html #header { background-image: none; }
* html #ieheader {
	width: 100%;
	height: 110px;
	position: absolute;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/xheader.png', sizingMethod='image');
}

* html #footer { background-image: none; }
* html #iefooter {
	width: 100%;
	height: 110px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/xfooter.png', sizingMethod='image');
}
* html #show {
 	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/cadreg.png', sizingMethod='crop');
 }
* html #cadrevideo {
 	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/cadrevideo.png', sizingMethod='crop');
 }

* html #contact {
	bottom: 3px;
 	left: 70px; 
 }

* html #baseline {
	bottom: 12px;
	left: 203px;
 }
 
* html .line { 
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/cadrep.png', sizingMethod='crop');
 	height: 64px;
	padding: 0 5px 2px 11px;
 }
* html p { padding: 5px 16px 8px 12px; }
/* IE Mac ne voit pas l'astérisque qui suit l'antislash \*//*/
* html #header { background: transparent url(img/xheader.png) no-repeat left top; }
* html #footer { background: transparent url(img/xfooter.png) no-repeat center bottom; }
* html #show { 
 	background: transparent url(img/cadreg.png) no-repeat left top;
 }
* html #contact {
	bottom: 3px;
 	left: 75px; 
 }
* html #baseline {
	bottom: 12px;
 	left: 218px; 
 }
* html .line {
	background: transparent url(img/cadrep.png) no-repeat left top;
}
/**/