html * { margin: 0; padding: 0; border: 0 }
body { 
	text-align: justify; font-size: 13px; color: black; font-family: verdana, arial, sans-serif; background-color: #ccc;
	background-position: 0 100%; background-repeat: no-repeat; background-attachment: fixed; background-image: url('nano_images/fondbody.gif'); 
}
a { color: #c00; font-weight: bold; }
a:hover { color: #000; text-decoration: none }
a:active { outline: none }
html a span { display: none; }
html a img { border: 0 }
h1, h2, h3, h4, h5 { font-family: georgia, serif; margin: 15px 0; color: #333 }
h1, h2 { font-family: georgia, serif; font-size: 140%; background: url('nano_images/puceH1.gif') no-repeat 0 50%; padding-left: 22px; }
b, strong { color: #333 }
h2 { font-size: 120%; background: url('nano_images/puceH2.gif') no-repeat 0 3px; padding-left: 19px; }
h3, h4, h5 { margin: 7px 0; font-size: 110%; font-variant: small-caps; text-transform: none }
h1.premier, h5.premier { margin-top: 0; }
*+html h1.premier {  margin-top: 14px /* IE7 */ }
p { margin-bottom: 7px; line-height: 150% }
hr { clear: both; border:0 }
sup, .petit { font-size: 80% }
select, option {  }

img.gauche { margin: 4px 13px 4px 0; float: left }
img.droite { margin: 4px 0 4px 13px; float: right }
.aide { background: url('nano_images/ico_help.gif') no-repeat 0 0; padding-left: 23px; padding-bottom: 5px; margin: 0 }
.alerte, .badway { font-weight: bold; font-size: 15px; }
.alerte { color: black; background: url('images/class_alerte.gif') no-repeat 0 0; padding-left: 23px; padding-bottom: 13px }
.badway { color: red }
.petit { font-size: 80% }
.helpbulle { cursor: help }
.spacer { clear: both; }
.inlineclass { vertical-align: middle; display: inline-block }
#logoprint, .noscreen, #IE6 { display: none }
#BulleTable { border-collapse: collapse; background: none; border: 1px solid #666 }
#BulleTable td { font: 12px verdana, arial, sans-serif; background: white; color: black; padding: 2px 5px }
#Bulle { position: absolute; z-index: 1000; visibility: hidden }

/*------------------------------------------------------ MAIN */
#conteneur, #header, #footer {
	width: 933px;
	position: relative;
	margin: 0 auto;
}
#header { background: url('nano_images/header.jpg') no-repeat 0 100%; height: 127px; /* marge */ position: relative; }
#contenu { /* cf. border plus bas */
	background: #efefef url('nano_images/fondcontenu.gif') no-repeat 100% 0; margin-top: 24px;
	/*border-bottom: 1px solid white /*overflow: auto; height: auto;*/ /* si position: relative; voir styles IE6 pour transparence */ 
}
#contenu_haut { display: none; }
#contenu_bas { height: 1px; background: url('nano_images/animation.gif') }

/*------------------------------------------------------ HEADER */
#header div, #header a, #header img {
	display: block;
	position: absolute;
	background-color: transparent /* #000 */;
	background-repeat: no-repeat;
}
#header #chart, #header #slogan { display: none }
#header #logo { height: 64px; width: 143px; left: 10px; top: 25px; background: url('nano_images/nano-uv-logo.png') }

/*------------------------------------------------------ ICONES HAUT ET RECHERCHE */
#recherche, #flag { position: absolute;	top: -46px; }
#recherche { right: 5px; width: 103px; height: 15px; background: #fff /*url('nano_images/search.png') no-repeat*/; border:1px solid white/*padding: 0 3px*/ }
#recherche * { vertical-align: middle; display: inline-block; background: none; border: 0}
#recherche #google { width: 95px; color: #000; font-size: 12px; margin: 0 0 0 4px;}
html:not([lang*=""]) #recherche #google { /*margin-top: -2px*/ /* FF */ }
*+html #recherche #google { /* IE */ }
#flag { right: 115px }
#flag a { float: right;}
#flag a.selected { -moz-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*first*/ filter: alpha(opacity=50); /*second*/}
#flag a, a.topscreen {
	display: block;
	width: 19px;
	height: 13px;
	margin: 2px 0 0 5px;
	background-repeat: no-repeat;
}
a#english { background-image: url('images/ico_en.png'); }
a#french { background-image: url('images/ico_fr.png'); }
a#japanese { background-image: url('images/ico_ja.png'); }
a#imprimante, a#maison { margin-top: 0; width: 16px; height: 16px; }
a#imprimante { margin-top: 0; width: 16px; height: 16px; background-image: url('images/printbutton.gif'); cursor: pointer }
a#maison { background-image: url('images/home.png'); }
a.topscreen { background-image: url('nano_images/ico_top.gif'); float: right; height: 17px; margin: 0 }


/*------------------------------------------------------ FOOTER */
#footer { margin: 7px auto; height: 30px; }
#footer p { margin: 0 5px; float: right }
#footer a { display: block; height: 17px; margin-left: 5px; width: 19px; float: left; background-repeat: no-repeat; }
#footer #rss { background-image: url('images/ico_rss.png'); margin-left: 0 }
#footer #copyright { background-image: url('nano_images/ico_copyright.gif'); }
#footer #cadenas { background-image: url('nano_images/ico_cadenas.gif'); }
#footer #contact { background-image: url('nano_images/ico_contact.gif'); }
#footer #credits { background-image: url('nano_images/ico_credits.gif'); }
#footer #fmoins { background-image: url('nano_images/ico_moins.gif'); }
#footer #fplus { background-image: url('nano_images/ico_plus.gif'); }
#footer #ensta { display: none }

/*------------------------------------------------------ COLONNE DROITE */
#colonnedroite {
	position: relative;
	margin: 0 13px; /* marge basse importante */
	padding: 13px 7px;
	width: auto;
	min-height: 450px;
}
#colonnedroite p { margin: 7px 0 0 0; }
#colonnedroite #intro p { padding-top: 25px }
#colonnedroite ul { list-style: none; margin: 10px 0 }
#colonnedroite ul li { 
	background-image: url('nano_images/puce.gif'); 
	background-repeat: no-repeat; 
	background-position: 0 6px; 
	padding-left: 12px; 
	margin-left: 5px;
	margin-bottom: 5px; 
}
#colonnedroite ol { margin-left: 20px; margin-right: 7px; }
#colonnedroite ol li { padding-left: 0; margin-left: 3px; }
#colonnedroite ul, #colonnedroite ol { text-align: justify; line-height: 150% }

#colonnedroite #article img {  }
#colonnedroite #article h2 a { text-decoration: none }
*+html #colonnedroite, * html #colonnedroite { margin-top: -24px } /* IE7 */

/* AfficherMasquer */
.MasquerTxt { height: 65px; overflow: hidden }
.MontrerTxt { height: auto }

/*------------------------------------------------------ NAVIGATION */
#menu { position: absolute; z-index: 10; left: 0; top: -24px; width: 933px; background: #999; border-top: 1px solid white; border-bottom: 1px solid white }
#menu ul { list-style: none }
#menu li { float: left; position: relative; /*height: 24px;*/ }
#menu li ul { display: none; position: absolute; left: 0; top: 22px; }
#menu li:hover ul, #menu li.over ul { display: block } /* sous-menu */
#menu a { 
	color: white;
	height: 22px;
	font-size: 12px;
	display: block; 
	text-decoration: none; 
	background-repeat: no-repeat;
	background-image: url('nano_images/menu.png');
	background-position: 0 0;
	text-align: center;
	font-weight: normal;
}
#menu li a span { display: block; padding: 3px 0 }
#menu a.actif, #menu a.subactif, #menu a.sub, #menu a#menuoneactif { cursor: default }
#menu a.actif, #menu a.subactif, #menu a.sub:hover { background-position: 0 -24px; } /* actif */
#menu a.passif { cursor: not-allowed }
#menu a:hover { background-position: 0 -24px; } /* survolé */
#menu a.subactif, #menu a.sub:hover { /*background-position: 0 -48px;*/ } /* menu avec sous-menu actif */
/*#menu a.sub { background-position: 0 0; }
#menu a.sub:hover { background-position: 0 -48px; }*/
#menu a.actif, #menu a:hover, #menu a.subactif { color: white; }
#menu a.vide { background: none; }
#menu a.vide span { display: none; }
#menu li, #menu a { width: 140px; }
/* sous-menus */
#menu li ul li a { height: auto; min-height: 22px; background: #666; border-top: 1px solid white; border-right: 1px solid white; width: 139px; font-size: 11px }
#menu li ul li a:hover, #menu li ul li a.actif { background: #d00; }


/*------------------------------------------------------ users */
table.heads, table.userslisting, div.pages table { width: 99%; border-collapse: collapse }
table.heads tr, table.userslisting tr { vertical-align: top }
table.heads, table.userslisting { margin: 7px 0 }
table td.nowrap { white-space: nowrap }
table.heads td a { text-decoration: none }
table.heads .entetecol td { font-weight: bold }

/*------------------------------------------------------ pages */
div.pages table { margin: 9px 7px; } /* max en largeur */
div.pages table td { border: 1px solid #999; padding: 1px 2px }
div.pages table td a { text-decoration: none }
div.pages img {  }
div.pages table.chart { background: #fff }
div.pages table.chart td { padding: 2px 4px; vertical-align: top }
div.pages table.chart .bleu { background: #3263ae; color: white; }
div.pages table.chart .jaune { background: #f5d604 }
div.pages table.chart .vert { background: #77bf00; color: white; }

/*------------------------------------------------------ tous */
div.pages table td, table.heads td, table.userslisting td, table.bordure td { border: 1px solid #999; padding: 1px 2px }
table.bordure { border-collapse: collapse }
table.bordure td { text-align: left }

/*------------------------------------------------------ images */
#colonnedroite img { border: 2px solid white }
#colonnedroite img.noloader { background: none; border: 0 } /* .noloader déclaré dans fckeditor */
.portrait img, #zoom img { border: 1px solid #666 }
#zoom img { float: none }
#zoom { width: 100%; text-align: center }
#zoom p { padding-top: 7px }
#colonnedroite .browser img, #colonnedroite .listing img, #colonnedroite .noborder { border: 0 }

/*------------------------------------------------------ folio */
p.folio { width: auto; margin: 0; padding: 0 }
p.folio, .choosepage { position: absolute; top: 0; right: 0; }
p.folio span { visibility: hidden }
p.folio a {  }
.choosepage { top: -21px; right: 0; font-size: 12px; z-index: 300; width: auto; }

/*------------------------------------------------------ FOCUS & NEWS */
#scrolliframe { width: 250px; height: 200px; position: relative; background-color: transparent }
div.focusonglet, div.focusactualite, a.focusinside, a.focusinsideleft { display: none } /* onglet externes */
div.actualite {
	position: relative; min-height: 200px; _height: 200px; float: right; background: #f4f4f4 url('nano_images/fond_frame.gif'); 
	width: 250px; margin-left: 20px; padding: 7px 9px;
}
div.focus { position: relative; margin: 0 0 20px 0; padding: 10px; }
div.focus, div.actualite { margin-top: 7px }
div.focus p { margin: 0; padding: 0; /*font-family: arial, sans-serif;*/ }
/* pas tout => img.left */
div.actualite a, div.actualite p, div.actualite h5 { margin: 0; padding: 0; text-align: left; text-decoration: none }
div.actualite img.gauche { margin-right: 7px }
div.actualite img.droite { margin-left: 7px }
div.actualite a { color: #333; font-weight: normal }
div.actualite a:hover { color: #c00 }
div.actualite h5 { font-variant: normal; padding: 5px 0 /*border-bottom: 1px solid #ccc*/ }
div.focus, div.actualite { 
	border: 1px solid white;
}
div.focus { 
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0; 
	border-top-left-radius: 0;
}
div.actualite { 
	-moz-border-radius-topright: 0; 
	-webkit-border-top-right-radius: 0; 
	border-top-right-radius: 0; 
}
div.focusactu { width: 525px }

/*------------------------------------------------------ video */
.video object, .video embed { float:left; width:160px; height:110px; margin:0 9px 0 0; background:url('nano_images/fond_video.jpg') no-repeat 0 4px }
.video embed { margin:4px 5px 0 0 }
div.animation { width:160px; height:110px; margin:5px 0 }
div.animation object, div.animation embed { width:160px; height:110px; margin-bottom:5px }