/* * {margin:0px; padding:0px; border:0px;} */
body, div, img {border:0; margin:0; padding:0;}
body {
	text-align:center;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	background:#FFF;
}
div#fond {
	width:770px;
	margin:0 auto; padding:0;
	background:url(images/fond.png) no-repeat 330px 133px;
}
div#general {
	position:relative;
	width:730px;
	margin:0 auto; padding:0;
	overflow:hidden;
	background:transparent url(images/filets.png) repeat-y;
}
div#top {
	position:relative;
	height:150px; width:730px;
	text-align:right;
	background:transparent url(images/filetg.gif) left top no-repeat;
}
div#nav {
	position:absolute;
	top:190px; left:15px;
	width:135px;
	text-align:left;
}
div#contenu {
	margin:20px 19px 0px 150px;
	padding:20px 1px 0px 0px;
	overflow:hidden;
	text-align:right;
	line-height:150%;
}
div#contenuclear {
	position:relative;
	margin:30px 1px 0px;
}
div#bas {
	width:730px;
	margin:0px auto;
	padding-top:70px;
	background:url(images/filetb.png) no-repeat center top;
}

strong {font-weight:bold;}
.hidden {visibility:hidden;}
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
.textright {text-align:right;}
.textleft {text-align:left}
.center {text-align:center;}
.active {color:#60C; font-weight:bold;}
.erreur, .commentaires {font-size:9px;}
.erreur {color:#930; font-weight:bold;}
.saut {margin-top:30px;}

h1, h2 { font-family:Helvetica, Verdana, sans-serif; font-weight:normal; text-align:right;}
h1 { margin:0px 0px 15px; font-size:28px; color:#000;}
h2 { margin: 0px 0px 30px; font-size:20px; color:#555;}
h2.spacer1 {margin-bottom:15px;}
h2.spacer2 {margin-bottom:0px; font-size:15px;}
h3 { margin:0px; font-size:15px; font-weight:bold; color:#000;}
h4 { margin: 8px 0px 0px; font-size:11px; font-weight:bold; color:#000;}
hr { visibility:hidden; display:block; margin:3px; padding:0px; font-size:1px; line-height:1px;}
p {margin:0px; font-size:11px;}
form { margin:5px 0px 0px;}
fieldset legend {color:#60C;}

a {font-weight:bold;}
a:link, a:visited {color:#60C; text-decoration: none;}
a:hover, a:active {color:#999; text-decoration: none;}

ul {margin:0px;	padding:0px; list-style:none;}
ul a:link, ul a:visited {color:#999;}
ul a:hover {color:#666;}

/*** TOP ***/
#top img {display:block;}
img#logo {position:absolute; left:3px; top:0px; height:150px; width:97px;}
img#banniere {height:100px; width:623px; margin-bottom:6px; margin-left:auto;}
img#logo-text {position:absolute; left:100px; top:106px; height:14px; width:314px;}
#favoris {position:absolute; top:5px; right:5px; height:40px; width:90px; font-size:9px; line-height:1em; font-weight:bold;}
#favoris a:link, #favoris a:visited {color: #E6E6E6; background-color:transparent;}
#favoris a:hover {color:#FFF;	background-color:transparent;}
#date {font-size:10px; line-height:1em; margin-right:2px;}

/*** NAV ***/
#nav ul li a {display:block;}

#menu {font-size:11px;}
#menu ul li {height:20px; line-height:19px; margin-bottom:8px;}
#menu ul li.active {background: url(images/puces.png) no-repeat left -35px; padding-left:20px;}
#menu ul li span {display:none;}
#menu ul li a {height:20px; padding-left:20px; background:url(images/puces.png) no-repeat left 5px; line-height:inherit;}
#menu ul li a:hover {background:url(images/puces.png) no-repeat left -15px;}

#menu ul#ssmenu {display:none; margin-top:8px;}
#menu ul#ssmenu li{cursor:pointer; margin:0 0 0 20px;}


/*** LIENS ***/
div#liens_ext {width:100px; margin:40px auto 0 0; background:url(images/fond_liens.png) no-repeat bottom;}
#liens_ext p {margin:0; padding-left:10px; height:24px; line-height:22px; color:#FFF; font-size:11px; font-weight:bold; background:transparent url(images/fond_liens_t.png) no-repeat center top;}
#liens_ext ul {padding:2px 0 5px 0; margin:0; font-size:10px;}
#liens_ext ul li {padding:4px 0; margin:0 6px; border-top: 1px solid #EEE; border-bottom: 1px solid #AAA;}
#liens_ext ul li.first {border-top:0;}
#liens_ext ul li.last {border-bottom:0;}
#liens_ext li a {height:100%; font-weight:normal; color:#888; padding-left:4px;}
#liens_ext li a:hover {color:#444;}

/*** VIGNETTES ***/
.vignettes {position:relative; font-size:1px; text-align:left; overflow:hidden;}
.vignettes p {font-size:10px; line-height:18px; height:18px; color:#60C; font-weight:bold;}
.vignettes a img, .vignettes a:link img, .vignettes a:visited img {border:solid 1px #FFF;}
.vignettes a:hover img {border:solid 1px #60C;}
p.legende {position:absolute; top:0px; left:1px; display:none;}

/*** POPUP ***/
#legende {color:#000; font-weight:bold; margin:10px; height:auto;}
#caption {position:relative; margin:8px 15px; height:24px;}
#caption div {height:100%;}
#caption a {display:block; width:24px; height:100%; }
#caption a:hover {background-position:0 -24px;}
div#close {position:absolute; right:0; top:0; width:24px;}
div#close a {background:url(images/link_close.png) no-repeat;}
div#num {
	position:absolute; left:0; top:0; width:60px;
	text-align:left; line-height:24px; 
	color:#000; font-weight:bold;
}
#buttons {margin:0 auto; width:124px;}
a#first {float:left; background:url(images/link_first2.png) no-repeat; margin-left:0;}
a#prev {float:left; background:url(images/link_prev2.png) no-repeat; margin-left:5px;}
a#next {float:left; background:url(images/link_next2.png) no-repeat; margin-left:18px;}
a#last {float:left; background:url(images/link_last2.png) no-repeat; margin-left:5px;}

/*** BOTTOM ***/
#bas p {margin:10px 0px; font-size:10px;}
#bas ul li {display:inline; font-size:11px;}
#bas ul li span {color: #CCC;}
#bas #picto img {width:80px; height:15px; margin:2px;}