* {
	margin:0;
	padding:0;
}
body{ 
	background:url(images/fond.png) #fff repeat-y 20%;
	font:70% Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
	min-width:800px;
}
ul,ol {margin:0 1em;padding:.2em 2em;list-style-position:outside;}
p{margin:.5em;padding:.5em;}
p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 1.0em; font-weight: normal;}

img{
	border:none;
}

a {	text-decoration: none; color:#666;}
a:hover { text-decoration: underline; color:#333}	

form{
	margin:0;padding:0; 
}
h2.titre{
	margin:.3em 0 1em .7em;
	font-size:2.2em;
	color:#333;
}
#page{
	position:absolute;
	left:20%;
	width:80%;
	/*overflow:auto;*/ 
}

/*
* Article
*/

#webtv{
	margin:0;padding:0;
	height:50px;
}
#webtv a { }

#evitement { 
	position:absolute;
	top:-20em;
	margin:0;
	font-size:.9em;	
}
#evitement a{ color:white; }
#evitement a:hover{ color:#333; }

.separateur{
	height:7px;
	background:url(images/separateur.png) repeat-x;
}

#ariane{
	margin:.5em;
}

#contenu{
	position:relative;
	background:url(images/trame_header.png) repeat-x;
}

#contenu h2{
	color:white;
	font-size:2.3em;
	font-weight:bold;
	padding:.5em 0 0 2.5em;
}
#contenu h2 span{
	font-size:0.6em;
	font-weight:normal;
	color:#333;
}

.date{
	position:absolute;
	top:.45em;left:.45em;
	font-weight:bold;
	font-size:2em;
	color:#333;
	width:2em;
	text-align:center;
	background:#fff;
}
.date span{
	color:#fff;
	display:block;
	font-size:.5em;
	background:#333;
	border-top:2px solid #0cf;
	text-transform:uppercase;
}
#keyword{
	margin:1.3em .8em;
	color:white;
}
#keyword strong{
	color:#333;
}
#keyword a{
	color:white;
	padding:0;margin:0;
}
.logo {
	position:absolute;
	top:60px;right:10px;
}
.quicktime{ 
	background:url(images/trame_bord.png);
	padding:10px;
	margin:1em; 
}
#NonIEQT, #IEQT{
	margin:0; 
}
.qt_video{
	min-height:210px;
	height:210px;  
	margin-top:-210px;
}
div[class].qt_video {
   height:auto; 
}

.qt_video .espace h3{
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	margin:1em 0 0 0 ; 
}

.qt_video .espace{
	padding:0 1em 0 4em;
	line-height:150%;
}

.qt_photo .espace{
	padding:0 1em 0 1em;
	line-height:150%;
}


.espace p, .espace p.spip  {
 	padding:.5em 0;
	margin:0; 
}
.cleaner{
	clear: both;
	visibility:hidden;
	font-size:.1em;
}

.col{
	float:left;
	width:50%;
}

.col h3{
 font-size:1.4em;
 font-weight:bold;
 color:white;
 background:url(images/trame_header.png);
 padding:.3em;
 margin:.3em 1em;
}
.col ul{
	margin:.3em 1em;
	list-style-image:url(images/puce.png);
}

.colmovie{
	float:left;
	width:50%;
}
.coltexte{
	float:left;
	width:50%;
}

/*
* Rubrique
*/
h2.rub{
	background:url(images/trame_header.png);
	margin:0em 0;
	font-size:2.2em;
	font-weight:bold;
	color:white;
	padding:.6em .4em;
	position:relative;
}
#rss_high{
	position: absolute;
	top:5%;right:20px;
}
#rss_ipod{
	position: absolute;
	top:5%;right:80px;
}
#rss_audio{
	position: absolute;
	top:40%;right:20px;
}
#rss_flux{
	position: absolute;
	top:40%;right:80px;
}
/*
#abonner{
	position:absolute;
	top:25%;right:1em;
	width:20px;height:20px;
}
#abonner span{
	display:none;
}
#abonner:hover {
	text-decoration:none;
}
#abonner:hover span{
	text-align:right;
	font-weight:normal;
	font-size:.45em;
	display:block;
	position:absolute;
	left: -21em;
	top:0; 
	width:20em;
	color:#fff;
}
*/
.separateur2{
	background:url(images/separateur2.png) repeat-x;
	height:10px;
}
div.rub{
	margin:1em;
}
.rub table{
	width:100%;
	border-collapse:collapse;
	table-layout: fixed; 
}

.rub table th{ 
	border-left:1px solid #ccc;
 	background:#09f; 
	color:#fff; 
	padding:.3em 0 .3em 15px;
	text-align:left;
} 
.rub table td{
	padding:.3em;
	border-left:1px solid #ccc;
}
.rub thead .t_over{
	background:#0cf;
	cursor:pointer;
}

.rub thead tr .t_up{
	background:url(images/tri_up.png) #0cf no-repeat 3px 5px;
}
.rub thead .t_down{
	background:url(images/tri_down.png) #0cf no-repeat 3px 5px;
}
.rub tr td a {
	display:block;
	color:#09c;
}

.rub tr:hover { 
	color:#fff;
	background:#0cf;
}
.rub tr:hover a{ 
	color:#fff;
	background:#0cf;
}
.c1{
	width:63%;
}
.l1{
	background:#e8f1fe;
}
.type{
	text-align:center;
	width:50px;
}
td span{
	display:block;
	width:15px;height:15px;
	margin:0 auto;
	text-align:left;
	text-indent:-9000px;	
}
td span.photo{
	background:url(images/photo.png) no-repeat;
}
td span.audio{
		background:url(images/audio.png) no-repeat;
}
td span.video{
		background:url(images/video.png) no-repeat;
}
 
/*
* Accueil
*/
#une ul, #une
{
	list-style:none;
	margin:0;
}

#une li{ 
	position:relative;
	clear:left;		
	min-height:90px;
	height:110px;
	padding:0 0 0 120px;
	margin:1em 0;
	line-height:normal;
}
ul[id]#une li{
	height:auto;
	line-height:1.5em;
}
#une h2{
	font-size: 1.1em;
	font-weight: bold;
	padding:.3em 0;
	clear:left;
}
#une h2 a {
	color:#09f;
}
#une h2 span{
	font-weight: normal;
	color:#666;
}

#une a.vignette {
	display:block;
	position:absolute;
	top:0;left:0;
	height:86px;
	width:110px;
	margin:0 1em 0 0;
	background: url(images/fond_vignette.png) no-repeat;
}
#une .vignette img{
	width:90px;
	margin:10px 0 0 10px;
}
#une .lire_suite{
	display:block;
	font-weight: bold;
	color:#09f;
	clear:left;
}


/*
* Plan du site
*/
h2.titre{
	margin:.3em 0 1em .4em;
	font-size:2.2em;
	color:#333;
}

h3.plan-rub{
	margin:.5em .7em;
	border-bottom:1px solid #666;
	color:#666;
	font-size:1.5em;
}
.plan-article{
	list-style:none;
	margin:0 0 0 1.3em;
	padding:0;
}

.plan-article a{ 
	padding:0 0 0 10px;
	background:url(images/puce.png) no-repeat 0 4px;
}
.plan-srub{
	background:url(images/sousliste_g.png) no-repeat;
	margin:0 0 0 2em;
}
.plan-srub h4{
	padding:.5em 1em;
	color:#999;
	font-weight:bold;
	font-size:1.1em;
}

/*
* Menu
*/
#menu{
	text-align:right;
	position:absolute;
	right:80%;
	margin:100px 0 0 0; 
}

#menu ul{ 
	margin:0 0 2em 0;
	padding:0; 
	float:right;
	list-style:none;
}

#menu li{
	width:128px;
	height:28px;
	background-image: url(images/menu_liste.png);
	
	clear:left;	
}

#menu li a {
	line-height:1.7em;
	font-size:1em;
	padding:.3em 0 0 .9em;
	display:block;
	text-align:left;
	font-weight:normal;
}
#menu li a span{
	float:left;
	font-weight:bold;
	font-size:1.5em;
	color:white;
}

#menu li a:hover{
	text-decoration:none;
}

#menu ul li a:hover span{
	color:#333;
}

p.outil_site{
	margin:1em 1em 0 0;	 	
	padding:0;
}
/*
* Recherche
*/

.outil_site{
	position:relative;
	text-align:right;
	margin:0;padding:0 1em 0 0;
	border:none;
}

.outil_site label{
	position:absolute;
	top:-999em;
}

#recherche{ 
	width:8em;
	background:url(images/loupe.png) white no-repeat 3px;
	border:#333 solid 1px;
	height:1.4em; 
	margin:0;
	padding:0 0 0 1.3em;
}
#bt_recherche{
	vertical-align:top;
}

/*
* Recherche avancée
*/

#recherche_avance{
	padding:.7em;
	background:url(images/trame_header.png) repeat-x;
	color:#fff;	
}
#recherche_avance p{
	text-align:center;
}
#recherche_avance fieldset{
	border:0;
	text-align:center;
	padding:1em 0;
}
#recherche_avance label{
	font-weight:bold; 
}
#recherche_gd{
	border:thin #666 solid;
	font-size:1em;
}
label.search{
	font-size:1.5em;
}

#recapitulatif{
	padding:1em;
	font-size:1.1em;
}
#recapitulatif strong{ 
	color:#9c0;
	font-size:1.1em;
}

#articles{
	list-style:url(images/puce.png);
	padding:0;
	margin:.3em 0 .3em 2.5em;
}
#articles li {margin:.7em 0 ;padding:0;}

#articles a{
	color:#09f;
}
#articles p{margin:0; padding: .5em;line-height:130%;}
#articles li h3{
	font-size:1.4em; 
	line-height:normal;
}

#navig_recherche{
	text-align:center;
	background:url(images/separateur3.png) no-repeat 50% 0;
	line-height:150%;
}
#navig_recherche .suivant{
	color:#09f;
	font-weight:bold;
}

#navig_recherche .page{
	color:#fff;
	font-weight:bold;
	background:#09f;
 	padding:.2em .4em;
}
#navig_recherche a.page:hover{
		background:#0cf;
}