/* Caractéristiques générales communes à toutes les pages hormis accueil ----- */
*{
margin: 0;
padding: 0;
border:0;
}
body{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
color:#959EA6;
text-align:center;
background-color:#FFF;
}
#centrage {
width:800px;
margin:0 auto;
font-size:70%;
display:table;
text-align:left;
position:relative;
background-image:url(../pics_nl/fond.jpg);
background-repeat:no-repeat;
height:700px;
}
.gras{
font-weight:bold;
}
.italique{
font-style:italic;
}
a{
color:#C03;
}
a:link, a:visited{
text-decoration:none;
}
a:hover, a:active{
text-decoration:underline;
}
.left{
float:left;
}
.right{
float:right;
}
.center{
text-align:center;
}
h1{
clear:right;
}
h2{
clear:both;
font-size:120%;
margin-left:12px;
text-align:left;
}
.couleur001{
color:#8DCC00;
}
.couleur002{
color:#C03;
}
.couleur01{
	color:#4974A7;
}
.couleur02{
	color:#C00024;
}
.couleur03{
	color:#7A9A24;
}
.couleur04{
	color:#B6407B;
}
.couleur05{
	color:#E69C1C;
}
.couleur06{
	color:#52842B;
}
.couleur07{
	color:#2254A6;
}
.couleur08{
	color:#A45627;
}
.couleur09{
	color:#CE0C3D;
}
.couleur10 {
	color:#CC0000;
}
.paginationleft{
width:75px;
float:left;
margin-left:10px;
}
.paginationright{
width:75px;
float:right;
margin-right:10px;
}
.separateur{
background: url('../pics_nl/separateur.gif') repeat-x;
clear: both;
height:1px;
}
td{ vertical-align:top;}
/* En tête --------------------------------------------------------------- */
#logo{
margin-left:60px;
}
#site-thema{
float:right;
margin-top:15px;
list-style:none outside none;
}
#site-thema li{
padding-left:10px;
background-image:url(../pics_nl/separateur-v.gif);
background-repeat:no-repeat;
background-position:5px 3px;
display:inline; 
}
html>body #site-thema li{
background:none;
}
#bandeau{
padding-top:12px;
margin-top:-12px;
position:relative;
float:right;
z-index:2;

}
html>/**/body #bandeau{
margin-top:-12px;
margin-right:80px;
}
/* Publicité ----------------------------------------------------------------- */
#publicite {
height:60px;
margin-top:6px;
padding-left:115px;
margin-left:165px;
}
/* Navigation ----------------------------------------------------------------- */
#navigation{
clear:left;
list-style:none outside none;
float:left;
padding-left:15px;
position:relative;
z-index:2;
}
#navigation li img{
margin-bottom:-2px;
}
img#coinnav{
position:absolute;
z-index:99;
margin-left:-140px;
margin-top:197px;
}
html>body img#coinnav{
margin-left:-140px;
margin-top:258px;
}
/* Sous navigation ------------------------------------------------------------ */
#annexes #titre{
margin-left:15px;
}
#snav{
width:238px;
margin: 0 0 0 0;
background-image:url(../pics_nl/fond-carnet.gif);
background-repeat:no-repeat;
background-position:left bottom;
padding-bottom:35px;
position:relative;
top:-5px;
}
#snav ul.carnet.tel{
background-image:url(../pics_nl/fond-carnet-haut-tel.gif);
}
#snav ul.carnet.photo{
background-image:url(../pics_nl/fond-carnet-haut-photo.gif);
}
#snav ul{
list-style:none outside none;
padding-top:45px;
line-height:19px;
}
#snav ul.carnet{
background-image:url(../pics_nl/fond-carnet-haut.gif);
background-repeat:no-repeat;
background-position:left top;
}
#snav ul li{
padding-left:48px;
}
#snav ul li.on{
background-image:url(../pics_fr/fleche-p.gif);
background-repeat:no-repeat;
background-position:40px 8px;
font-weight:bold;
}
#snav a{
color:#5e696d;
}
/* Sous navigation ------------------------------------------------------------ */
#ssnav{
margin:-1px 0 10px 0;
list-style:none outside none;
line-height:15px;
float:left;
}
#ssnav a{
color:#8A939A;
white-space:nowrap;
}
#ssnav a.on{
font-weight:bold;
}
#ssnav li{
display:inline;
}
/* Conteneur ------------------------------------------------------------ */
#conteneur{
background-image:url(../pics_nl/fond-page.jpg);
background-repeat:no-repeat;
height:390px;
position:relative;
display:table;
clear:both;
margin-top:-6px;
z-index:1;
width:750px;
padding:15px 0 0 50px;
}
html>body #conteneur{
height:auto;
min-height:390px;
}
td#contenu{
width:500px;
padding-bottom:50px;
}
#ariane {
	margin: 5px 0 0 0;
}
/* Annexes --------------------------------------------------------------- */
td#annex{
padding-left:13px;
}
#annexes{
width:238px;
}
#recherche{
	background-image:url(../pics_nl/fond-recherche.gif);
	background-repeat:no-repeat;
	padding:10px 15px;
	height:70px;
	margin-top:15px;
	margin-left:15px;
	position:relative;
	z-index:100;
}
#recherche h2{
	margin:0;
}
#recherche.seul{
	background-image:url(../pics_nl/fond-recherche-seul.gif);
}
#recherche ul{
	list-style:none outside none;
	font-size:90%;
	margin-left:10px;
	width: 170px;
	clear:both;
}
#recherche ul li{
	padding: 0 0 2px 10px;
	background-image:url(../pics_nl/fleche-p.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}
html>/**/body #recherche ul li{
	background-position:0 4px;
}
#recherche input.champ{
border:1px inset;
font-size:80%;
padding:0 2px;
margin:5px 0 0 15px;
width:125px;
}
#actus, .actus_mag {
display:table;
}
#actus .visuel, .actus_mag .visuel{
margin:10px 5px 5px 7px;
float:right;
background-color:#CFCFCF;
}
#actus html>/**/body .visuel, .actus_mag html>body .visuel{
margin:6px 10px 0 15px;
}
#actus .visuel img, .actus_mag .visuel img{
top:-3px;
margin-right:1px;
left:-2px;
position:relative;
}
#actus p, .actus_mag p {
margin:0 0 3px 5px;
}
#actus ul.liens, .actus_mag ul.liens{
clear:both;
list-style:none outside none;
float:right;
text-align:right;
margin:0 5px 25px 0;
}
#actus ul.liens li, .actus_mag ul.liens li{
display:inline;
padding:0 O 6px 0;
line-height:15px;
}
#actus ul.liens li img, .actus_mag ul.liens li img{
margin:0 4px -3px 10px;
}
#actus ul.liens a, .actus_mag ul.liens a{
color:#959EA6;
}
#plus{
width:206px;
background-color:#4974A7;
color:#FFFFFF;
display:table;
padding-bottom:5px;
}
#plus p{
margin:0 5px;
font-size:80%;
}
#plus p span{
clear:both;
float:right;
font-weight:bold;
font-size:120%;
}
#plus p span img{
margin-right:5px;
}
#plus p a{
color:#FFFFFF;
}
#ressources{
margin-top:10px;
margin-left:20px;
}
#ressources a{
color:#FFFFFF;
}
#ressources .texte{
background-color:#959EA6;
color:#FFFFFF;
float:left;
width:122px;
margin:26px 0 0 0;
font-size:80%;
height:80px;
}
#ressources .texte p {
margin:0 0 0 5px;
line-height:125%;
height:50px;
}
#ressources object{
float:left;
}
html>body #ressources object{
float:none;
}
/* Pied de Page --------------------------------------------------------------- */
#pied{
clear:both;
position:relative;
background-image:url(../pics_nl/fond-pied.jpg);
background-repeat:no-repeat;
display:table;
height:120px;
width:830px;
margin:0 auto;
left:-22px;
margin-top:-30px;
font-size:11px;
}
#pied a{
color:#959EA6;
}
#pied span{
float:left;
margin-top:120px;
position:relative;
padding-bottom:10px;
}
#pied #langues{
margin-top:3px;
float:right;
list-style:none outside none;
margin-top:20px;
bottom:-55px;
position:relative;
margin-right:70px;
}
html>body #pied #langues{
margin-right:140px;
}
#pied #langues li{
display:inline;
}
#w3c {
position:absolute;
margin-top:70px;
margin-left:450px;
right:40px;
}
html>/**/body #w3c {
right:auto;
margin-left:425px;
}
/* pour debouguage--------------------------------------------------------------- */
.debouguage{
font-size:10px;
color:#FF3300;
font-family:verdana;
background-color:#FFCCCC;
}

a.lienespace{
margin-top:10px;
padding:2px;
border:1px solid #CCC;
background:#EEE;
color:#CC0033;
}


/* meteo */
div.meteo{
margin:10px;
height:60px;
}
#masque{
float: left;
position: absolute;
background-color: #FFF;
width: 160px;
height: 40px;
margin-top: 65px;
margin-left: 0px;
}