/* CSS Document */
*{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body{
}
h1,
h1 span,
h2,
dl.rubrique dt,
dl.rubrique dt span,
.categorie li a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
h1,
h1 span{
	font-size: 24px;
	line-height: 20px;
	margin-bottom: 20px;
}
h1 span{
	display: block;
	width: 160px;
}
h1 span:hover{
	cursor: pointer;
}
h2,
dl.rubrique dt,
.categorie li a{
	font-size: 16px;
}
h2,
.categorie li a{
	margin-bottom: 16px;
}

img{
	border: none;
	vertical-align: text-bottom;
}
li{
	list-style-position: inside;
}
ul.bullet li{
	list-style-type: disc;
	list-style-position: inside;
}
a{
	text-decoration: none;
}
em{
	font-style: normal;
	color: #00f7ff;
}
.highlight{
	background-color: #00f7ff;
}
.spacer{
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
}
dl.home-second a:hover span.titre,
a:hover,
dl.rubrique li a.active,
.legende a,
.categorie li a.active,
.alphabet li,
.alphabet li a,
.liste li a,
.lien dt,
.lien-carnet dt,
.retour a,
.lien dt a.episode,
.infocarnet a{
	color: #00f7ff;
}
.retour{
	padding-bottom: 10px;
	font-weight: bold;
}
/*
** prehome
*/
#prehome{
	width: 1000px;
	height: 680px;
	background: url(../image/prehome.gif) no-repeat left top;
	padding: 380px 0 0 235px;
}
#prehome li{
	display: inline;
}
/*
** Pages intérieures du site
*/
#city{
	/* affiche une image de fond fixe sur la page */
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../image/background.gif) no-repeat left top;
}
#screensize{
	padding-top: 12px;
	padding-left: 778px;
}
#screensize a,
#screensize span{
	font-size: 10px;
	background: url(../image/lk_screen_off.gif) no-repeat right 2px;
	padding: 0 12px;
}
#screensize a:hover{
	background: url(../image/lk_screen_over.gif) no-repeat right 2px;
}
#screensize span.active{
	background: url(../image/lk_screen_active_off.gif) no-repeat right 2px;
}
#outer{
	/* fixe les dimensions du site en fonction de la résolution */
	min-width: 1000px;
	max-width: 1135px;
	height: 100%;
}
#inner{
	float: right;
	text-align: left;
	width: 1000px;
}
/*
** Navigation
*/
#navigation{
	/* voir la feuille de styles navigation.css pour ce bloc */
	position: fixed;
	width: 346px;
}
/*
** Contenu
*/
#contenu{
	position: relative;
	width: 625px;
	top: 80px;
	left: 365px;
}
/*
** Espace pub
*/
#pub{
	width: 124px;
	float: right;
}
#pub li{
	padding-bottom: 5px;
	list-style-type: none;
}
/*
** Page
*/
#page{
	float: left;
	width: 460px;
	padding: 5px 5px 90px 5px;
	background-color: #fff;
}
#contenu-page{
	/* sur les pages à peu de contenu impose une hauteur minimum pour aligner le footer sur le bouton vf | vo */
	min-height: 445px;
}
#date{
	position: absolute;
	top: -30px;
	right: 205px;
	background-color: #fff;
	font-size: 14px;
	font-weight: bold;
	color: #00f7ff;
	text-align: right;
}
/* homepage */
#info-home{
	position: absolute;
	z-index: 800;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: url(../image/info.png) no-repeat left top;
}
#info-home p{
	position: relative;
	top: 180px;
	left: 255px;
	width: 360px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
}
#info-home a{
	display: block;
	width: 17px;
	height: 17px;
	margin: 30px 0 0 175px;
}
#selecteur-home{
	display: table;
	width: 100%;
}
#home .titre-home,
#home .pagination{
	/*display: table-cell;*/
	vertical-align: bottom;
	line-height: 8px;
	width: 230px;
}
#home .pagination{
	padding: 3px 10px 0 0;
	width: 220px;
}
#home .titre-home li{
	line-height: 12px;
}
#home .titre-home li a{
	font-size: 11px;
 	line-height: 12px;	/* pour IE */
	text-decoration: underline;/**/
}
#home .pagination li{
	display: inline;
	padding: 0 3px 0 0;
}
#home .pagination li img{
	display: inline;
}
dl.home-second{
	clear: both;
	padding-top: 30px;
}
dl.home-second span.titre{
	text-decoration: underline;
}
dl.home-second dt{
	width: 112px;
	margin-right: 10px;
	float: left;
}
dl.home-second dd{
	padding-top: 10px;
}

/* page contact */
#pagecontact{
	padding-top: 100px;
}
#pagecontact h1{
	margin-bottom: 5px;
}
/* rubriques */
.intro-rubrique{
	margin-bottom: 0;
}
dl.rubrique{
	background: url(../image/dash.gif) repeat-x left bottom;
	padding-bottom: 20px;
}
dl.rubrique dt{
	clear: both;
	background: url(../image/dash.gif) repeat-x left 20px;
	padding-top: 40px;
	min-height: 1%;
}
dl.rubrique dt a span{
	position: relative;
	z-index: 400;
}
dl.rubrique dt a .bulleindex{
	display: none;
	background: url(../image/bulleindex.png) no-repeat right top;
	width: 92px;
	height: 42px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 11px;
	padding: 8px 10px 0 0;
}
dl.rubrique dt a:hover span{
	text-decoration: underline;
}
dl.rubrique dt a:hover .bulleindex{
	display: block;
	position: absolute;
	top: -35px;
	right: -75px;
}
dl.rubrique dt.titre{
	font-size: 18px;
	margin-bottom: 4px;
}
dl.rubrique dt em,
dl.rubrique dt span{
	font-size: 16px;
	display: inline;
}
dl.rubrique dt em{
	text-align: center;
	padding: 5px 8px 5px 8px;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	background: url(../image/highlight.gif) no-repeat center 5px;
	color: #000;
}
dl.rubrique dt span{
	text-align: left;
	padding-right: 25px;
}
dl.rubrique dd{
	clear: both;
}
dl.rubrique li{
	/*display: inline;
	padding: 0 5px;*/
}
ul.listvisu li,
#home td.titre-home li{
	list-style-type: none;
	display: none;
}
#home td.titre-home li#titre1{
	display: block;
}
#page li.default,
#home ul.titre-home li.default{
	display: block;
}
ul.pagination li{
	display: inline;
	padding: 0 5px;
}
.format1,
.format2,
.format3,
.format4{
	/*clear: both;*/
	min-height: 1%;
}
.legende{
	padding-top: 10px;
}
.legende,
.legende *{
	font-size: 10px;
	line-height: 13px;
}
.article{
	clear: both;
	padding-top: 10px;
}
.format1 .visuel .listvisu,
.format2 .visuel .listvisu,
.format3 .visuel .listvisu,
.format4{
	padding-top: 16px;
	padding-bottom: 10px;
}
.format1 .visuel{
	float: left;
	margin-right: 10px;
	text-align: left;
}
.format2 .visuel{
	float: right;
	margin-left: 10px;
	text-align: right;
}
.format3 .visuel,
.format3 .legende{
	text-align: center;
}
.format3 .legende{
	padding-bottom: 15px;
}
/* bulle pour le zoom */
a.tooltip{
	display: block;
}
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 70px;
		height: 50px;
    background: url(../image/zoom.png) no-repeat right top;
}
/* encart archive rubrique */
#archive{
	display: none;
	position: absolute;
	top: -15px;
	left: 130px;
	width: 195px;
	z-index: 600;
	background: url(../image/archive_top.png) no-repeat right top;
	padding-top: 14px;
}
#archive .outer-archive{
	background: url(../image/archive_inner.png) repeat-y right top;
}
#archive .outer-archive p,
#archive .outer-archive li a{
	color: #fff;
	font-size: 10px;
	line-height: 12px;
}
#archive .outer-archive .inner-archive ul{
	list-style-type: none;
	padding-left: 0;
}
#archive .outer-archive li a{
	font-weight: bold;
}
#archive .outer-archive li a:hover{
	text-decoration: underline;
}
#archive .inner-archive{
	width: 135px;
	padding: 0 25px 0 35px;
}
#archive .bottom-archive{
	background: url(../image/archive_bottom.png) no-repeat right bottom;
	height: 23px;
}
/* info détaillées sur le post */
.detail-post{
	padding-top: 10px;
}
.detail-post ul{
	width: 48%;
	float: left;
}
.detail-post li,
.detail-post li a{
	font-size: 10px;
	line-height: 12px;
}
.detail-post li{
	list-style-type: none;
	list-style-position: outside;
}
.detail-post li a{
	font-weight: bold;
	color: #00f7ff;
}

/* index */
.index-left{
	float: left;
	width: 220px;
}
.categorie,
.lien,
.lien-carnet{
	padding-top: 65px;
}
.categorie li{
	margin-bottom: 0;
}
.liste li{
	list-style-type: none;
}
.lien,
.lien-carnet{
	display: none;/**/
	float: right;
	width: 190px;
}
.lien-carnet{
	width: 230px;
}
#liste0{
	display: block;
}
.categorie li,
.lien li,
.lien-carnet li{
	list-style-type: none;
	min-height: 14px;
	line-height: 14px;
}
.lien-carnet li{
	clear: both;
}
.lien dt a.episode,
.lien li a,
.lien li,
.lien-carnet li a,
.lien-carnet li,
p.lien{
	font-size: 11px;
}
span.infocarnet{
	display: block;
	float: left;
	width: 50px;
}
a.nomlien{
	display: block;
	float: left;
	width: 163px;
}
.infocarnet a{
	font-size: 10px;
	position: relative;
	text-transform: uppercase;
}
.liste,
.alphabet{
	padding-top: 45px;
}
.alphabet li{
	display: inline;
	padding-right: 4px;
}
.liste li a,
.lien dt,
.lien-carnet dt,
.alphabet li a{
	font-size: 11px;
	font-weight: bold;
}
/* popup info + */
#infoplus{
	padding: 30px 25px;
}
#infoplus h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 20px;
}
#infoplus p{
}
/* pied de page */
#footer{
	clear: both;
	padding-top: 40px;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
}
#footer a{
	font-size: 10px;
	line-height: 12px;
}