/* Caractéristiques générales communes à toutes les pages ----- */
*{margin:0; padding:0; border:0;}

.gras{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.tpetit{font-size:70%;}
.petit{font-size:80%;}
.grand{font-size:120%;}
.tgrand{font-size:140%;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.left{float:left;}
.right{float:right;}
.both{clear:both;}
.none{display:none;}
.blanc{color:#FFF;}
.noir{color:#000;}
.gris{color:#ddd;}
/* ---------- Balises ---------- */
body{
color:#7a7a7a;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
line-height:150%;
text-align:center;
margin-bottom:10px;
background:url(../pics/background-header.gif) #FFF no-repeat center top;
}
#centrage {
width:960px;
margin:0 auto;
display:table;
text-align:left;
position:relative;
}
a{
color:#7A7A7A;
text-decoration:none;
}
a:hover, a:active{
text-decoration:underline;
}
h1{
font-size:120%;
position:absolute;
top:30px;
left:522px;
}
h2{
font-size:120%;
}
ul{
list-style:none outside none;
}
input.champ{
border:1px inset #CCC;
width:107px;
height:13px;
font-size:100%;
padding:1px 2px;
}
select {
border:1px inset #CCC;
}
td{
vertical-align:top;
}
.separateur{
	background-image:url(../pics/separateur-gris.gif);
	background-repeat:repeat-x;
	clear:both;
	height:1px;
	font-size:1px;
}
/* ---------- Structure ---------- */
	div#entete {
	display:block;
	position:relative;
	color:#FFFFFF;
	width:960px;
	height:106px;
	z-index:999;
	}
	div#corps {
	display:table;
	position:relative;
	width:100%;
	z-index:998;
	}
	div#corps.annexe {

	}
	div#pied {
	display:table;
	position:relative;
	height:98px;
	color:#FFFFFF;
	width:100%;
	background:url(../pics/background-footer.gif) #6D6D6D repeat-x;
	padding-top:30px;
	bottom:0px;
	}
	div#pied a{
	color:#FFFFFF;
	}
	/* ---------- Entête ---------- */
	div#entete a.logo_pss {
	position:absolute;
	}
	
	div#entete div#recherche {
	width:189px;
	height:23px;
	position:absolute;
	top:20px;
	right:0px;
	background:url(../pics/background-rechercher.png) no-repeat;
	}
	div#entete div#recherche form {
	margin:3px 6px;
	padding:0px;
	position:relative;
	}
	div#entete div#recherche input {
	width:150px;
	height:16px;
	padding:0px;
	margin:0px 0px 0px 2px;
	border:none;
	background:#C1D096;
	color:#FFF;
	z-index:999;
	}
	div#entete div#recherche a {
	position:absolute;
	top:1px;
	right:0px;
	}
	
	div#entete img.logo_mediateur {
	top:0px;
	left:2px;
	position:absolute;
	z-index:999;
	}
	div#entete div.sot {
	height:21px;
	top:85px;
	right:205px;
	position:absolute;
	z-index:999;
	}
	div#entete div.onglet {
	width:196px;
	height:21px;
	top:85px;
	right:0px;
	position:absolute;
	z-index:999;
	background:url(../pics/background-header-onlget.gif);
	}
	div#entete div.onglet a {
	font-weight:bold;
	color:#fff;
	letter-spacing:2px;
	margin-left:24px;
	padding-left:24px;
	background:url(../pics/background-header-onlget-fleche.gif) no-repeat 0px 1px;
	}
	div#entete div.onglet a.on {
	background:url(../pics/background-header-onlget-fleche-on.gif) no-repeat 0px 1px;
	}
	div#entete div.modif{
	font-size:80%;
	font-weight:bold;
	position:absolute;
	right:0px;
	}

	/*form#recherche{
	text-align:center;
	width:170px;
	float:right;
	margin:-90px 0 0 0;
	}
	form#recherche input.champ{
	width:125px;
	margin-left:15px;
	}
	form#recherche input.ok{
	position:relative;
	margin:0 0 0 3px;
	}*/

/* ---------- Menu ---------- */
div#centrage div#menu{
	position:relative;
	height:51px;
	z-index:999;
}

div#centrage div#smenu{
	position:absolute;
	z-index:999;
}

div#centrage div#menu div.rub{
	position:relative;
	height:51px;
	background:url(../pics/background-menu.gif) repeat-x;
}
div#centrage div#menu div.rub ul{
	width:960px;
	height:51px;
	overflow:hidden;
}
div#centrage div#menu div.rub ul li{
	display:table;
	float:left;
	height:51px;
	/*padding:0px 20px;*/
	padding:0px 12px;
	background:url(../pics/menu-sep.gif) no-repeat right;
}
div#centrage div#menu div.rub ul li.on{
	background:url(../pics/menu-sep.gif) #ee981a no-repeat right;
}
div#centrage div#menu div.rub ul li.last{
	background:none;
}
div#centrage div#menu div.rub ul li.last.on{
	background:#ee981a;
}
div#centrage div#menu div.rub ul li a{
	color:#fff;
}
div#centrage div#menu div.rub ul li table{
	height:51px;
}
div#centrage div#menu div.rub ul li table tr td{
	vertical-align:middle;
}

div#centrage div#menu div.srub{
	background:#666;
	border-bottom:1px solid #666;
}

/* srub */
div#centrage div#menu div.srub ul{
	width:960px;
	padding:0px;
}
div#centrage div#menu div.srub ul li{
	padding:2px 0px;
}
div#centrage div#menu div.srub ul li.light{
	background:#6d6d6d;
}
div#centrage div#menu div.srub ul li a{
	padding-left:25px;
	font-size:120%;
	font-weight:bold;
	color:#eea232;
}
div#centrage div#menu div.srub ul li a.on{
	background:url(../pics/menu-srub-on.gif) no-repeat 14px 4px;
}

/* ssrub */
div#centrage div#menu div.srub ul li ul{
	width:960px;
}
div#centrage div#menu div.srub ul li ul li{
	padding:0px;
	background:#666;
}
div#centrage div#menu div.srub ul li ul li a{
	padding-left:50px;
	font-size:100%;
	font-weight:normal;
	color:#fff;
}
div#centrage div#menu div.srub ul li ul li a.on{
	font-weight:bold;
	font-style:italic;
	background:url(../pics/menu-ssrub-on.gif) no-repeat 40px 4px;
}
	
/* ---------- Corps ---------- */
table#calage {
height:595px;
width:100%;
}
div.bouton{
display:block;
}
div.bouton span.g{
background:url(../pics/bouton-gauche.gif) no-repeat;
width:10px;
height:19px;
display:table;
float:left;
}
div.bouton span.m{
color:#FFF;
font-weight:bold;
font-size:90%;
background:url(../pics/bouton-milieu.gif) repeat-x;
height:19px;
display:table;
float:left;
}
div.bouton span.d{
background:url(../pics/bouton-droite.gif) no-repeat;
width:10px;
height:19px;
display:table;
float:left;
}
div.tiret-gris{
	background:url(../pics/tiret-gris.gif) repeat-x;
}

	/* ---------- Navigation ---------- */
	td#navigation{
	color:#444;
	width:200px;
	padding:30px 18px 0px 4px;
	margin:0px;
	background:url(../pics/background-navigation.png) no-repeat;
	}
	td#navigation a{
	color:#7a7a7a;
	}
	td#navigation ul{
	font-weight:bold;
	width:100%;
	margin:0;
	display:table;
	}
	td#navigation ul li{
	list-style:none;
	}
	td#navigation ul li a{
	width:100%;
	display:block;
	padding:4px 0px;
	border-bottom:1px solid #d9d9d9;
	}
	td#navigation ul li.last a{
	border-bottom:none;
	}
	td#navigation ul ul{
	margin:0 0 0 10px;
	position:relative;
	width:184px;
	}
	td#navigation ul ul li{
	font-size:90%;
	}
	td#navigation ul li ul li a{
	text-decoration:none;
	padding:2px 0px;
	border:none;
	}
	td#navigation ul ul il{
	margin:0 0 0 10px;
	position:relative;
	}
	td#navigation ul ul ul li{
	font-size:80%;
	}
	td#navigation ul li ul li ul li a{
	text-decoration:none;
	padding:2px 0px;
	border:none;
	font-weight:normal;
	}
	
	td#navigation div.boutons{
	display:table;
	width:100%;
	}
	td#navigation div.boutons img.left{
	float:left;
	}
	td#navigation div.boutons img.right{
	float:right;
	}
	
	td#navigation div#recherche {
	width:100%;
	height:29px;
	background:url(../pics/background-recherche.gif) no-repeat center;
	}
	td#navigation div#recherche form {
	padding:0px;
	position:relative;
	}
	td#navigation div#recherche input {
	width:150px;
	height:16px;
	padding:0px;
	margin:7px 0px 0px 18px;
	border:none;
	background:transparent;
	font-size:90%;
	font-weight:bold;
	color:#707070;
	z-index:999;
	}
	td#navigation div#recherche a {
	position:absolute;
	top:7px;
	right:16px;
	}
	
	td#navigation div.bloc{
	background:url(../pics/bloc.gif) no-repeat;
	width:204px;
	height:92px;
	display:block;
	text-align:center;
	color:#FFF;
	}
	td#navigation div.bloc div.titre{
	font-size:130%;
	padding-top:6px;
	}
	td#navigation div.bloc img{
	margin:6px 0px 6px 0px;
	}
	td#navigation div.bloc div.texte{
	font-size:90%;
	line-height:130%;
	color:#FFF;
	}
	
	
	
	td#navigation div.module h3{
	font-size:130%;
	color:#8fb217;
	width:200px;
	margin:0px;
	padding:0px;
	position:relative;
	display:block;
	z-index:998;
	}
	td#navigation div.module h3 a{
	color:#8fb217;
	text-decoration:none;
	}
	td#navigation div.module div{
	margin:0px;
	padding:0px;
	}
	td#navigation div.module h3 span{
	display:block;
	position:absolute;
	right:0px;
	z-index:999;
	}

	td#navigation div.module.border{
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	}
	
	td#navigation div.module.sondage p{
	font-size:90%;
	color:#7a7a7a;
	}
	td#navigation div.module.sondage div.question{
	font-size:90%;
	font-weight:bold;
	color:#7a7a7a;
	margin:4px 0px;
	}
	td#navigation div.module.sondage ul.reponse{
	margin:0px;
	}
	td#navigation div.module.sondage ul.reponse li{
	margin:0px 4px;
	padding:0px;
	font-weight:normal;
	font-size:90%;
	color:#7a7a7a;
	}
	td#navigation div.module.sondage div.bouton{
	margin:5px 0px 0px 75px;
	}
	td#navigation div.module.sondage div.vote{
	font-size:90%;
	color:#7a7a7a;
	text-align:center;
	}
	
	td#navigation div.module.quiz p{
	font-size:90%;
	color:#7a7a7a;
	}
	td#navigation div.module.quiz div.question{
	font-size:90%;
	font-weight:bold;
	color:#7a7a7a;
	margin:4px 0px;
	}
	td#navigation div.module.quiz ul.reponse{
	margin:0px;
	}
	td#navigation div.module.quiz ul.reponse li{
	margin:0px 4px;
	padding:0px;
	font-weight:normal;
	font-size:90%;
	color:#7a7a7a;
	}
	td#navigation div.module.quiz div.bouton{
	margin:5px 0px 0px 75px;
	}
	td#navigation div.module.quiz div.vote{
	font-size:90%;
	color:#7a7a7a;
	text-align:center;
	}

	td#navigation div.module.temoignage h3 span{
	top:-8px;
	width:24px;
	height:24px;
	/*background:url(../pics/logo-temoignage.png) no-repeat right;*/
	}
	td#navigation div.module.temoignage p{
	font-size:90%;
	color:#7a7a7a;
	}
	
	td#navigation div.module.question{
	margin-top:16px;
	}
	td#navigation div.module.question h3 span{
	top:-18px;
	width:24px;
	height:36px;
	/*background:url(../pics/logo-question.png) no-repeat right;*/
	}
	
	td#navigation div.module.rss h3 span{
	top:4px;
	width:21px;
	height:20px;
	/*background:url(../pics/logo-rss.png) no-repeat right;*/
	bottom:-4px;
	}
	td#navigation div.module.rss p{
	font-weight:bold;
	font-style:italic;
	font-size:80%;
	color:#7a7a7a;
	padding:0px;
	margin:-8px 0 0 10px;
	}
	td#navigation div.module.lemediateuretvous h3 a{
	font-size:90%;
	line-height: 80%;
	}
	td#navigation div.module.lemediateuretvous p{
	font-weight:bold;
	font-style:italic;
	font-size:80%;
	color:#7a7a7a;
	padding:0px;
	margin:-4px 0 0 10px;
	}
	
	
	
	/* ---------- Contenu ---------- */
	td#contenu{
	padding:40px 10px 10px 10px;
	z-index:998;
	}
	
		/* ---------- La liste ariane ---------- */
		td#contenu ul#ariane{
		margin:0 0 20px 0;
		padding:0;
		}
		td#contenu ul#ariane li{
		background-image:none;
		display:inline;
		margin:0;
		padding:0;
		}
		td#contenu ul#ariane li a{
		color:#7A7A7A;
		}

		/* ---------- Les questions ---------- */

		td#contenu div.question{
		height:21px;
		padding-top:2px;
		margin-bottom:18px;
		}
		td#contenu div.question.precedente{
		height:21px;
		padding-left:28px;
		background:url(../pics/bouton-question-precedente.gif) left no-repeat;
		}
		td#contenu div.question.suivante{
		height:21px;
		padding-right:28px;
		background:url(../pics/bouton-question-suivante.gif) right no-repeat;
		text-align:right;
		}
		td#contenu div.question a{
		font-weight:bold;
		color:#f1ab0a;
		}
		
		/* ---------- Les paragraphes ---------- */

		td#contenu div.paragraphe{
		margin-bottom:20px;
		display:table;
		width:100%;
		}
		
		/* ---------- Les titres ---------- */
		td#contenu h2{
		font-size:150%;
		color:#8fb217;
		margin:0px 0px 10px 0px;
		padding:0px;
		}
		
		/* ---------- Les paragraphes ---------- */
		td#contenu p{
		margin-bottom:10px;
		color:#7a7a7a;
		text-align:justify;
		}
		
		/* ---------- Les liens ---------- */
		td#contenu p a{
		color:#8fb218;
		}
		
		/* ---------- Les listes ---------- */
		td#contenu ul{
		list-style:circle;
		margin:10px 40px;
		}
		td#contenu ul li{
		padding-left:4px;
		color:#7a7a7a;
		}
		
		td#contenu ul.liens{
		margin:0px;
		list-style:none;
		float:right;
		}
		td#contenu ul.liens li{
		background-image:url(../pics/puce-liens.gif);
		background-repeat:no-repeat;
		background-position:0 6px;
		padding-left:12px;
		color:#7a7a7a;
		}
		td#contenu ul.liens li a{
		font-size:85%;
		font-weight:bold;
		color:#8fb218;
		}
		
		/* ---------- Les visuels ---------- */
		td#contenu div.visuel.left{
		margin:0 12px 6px 0;
		position:relative;
		float:left;
		}
		td#contenu div.visuel.right{
		margin:0 0 6px 12px;
		position:relative;
		float:right;
		}
		
		/* ---------- Les doubles ---------- */
		td#contenu div.double{
		display:table;
		margin:0px 30px;
		}
		td#contenu div.double h3{
		color:#f1b326;
		font-size:150%;
		}
		td#contenu div.double ul{
		list-style:none;
		margin:0px;
		padding:0px;
		}
		td#contenu div.double ul li{
		margin:0px;
		padding:0px 0px 8px 0px;
		}
		
		td#contenu div.double ul li a{
		font-weight:bold;
		color:#8fb217;
		}
		td#contenu div.double ul li p{
		font-size:90%;
		color:#7a7a7a;
		margin:0px;
		}
		
		td#contenu div.double div.double-premier,
		td#contenu div.double div.double-deuxieme {
		float:left;
		width:300px;
		}
		td#contenu div.double div.double-deuxieme {
		margin-left:40px;
		}
		
		td#contenu div.triple{
		display:table;
		width:100%;
		margin-bottom:20px;
		}
		td#contenu div.triple div.triple-premier {
		float:left;
		width:264px;
		}
		td#contenu div.triple div.triple-premier h2 {
		font-size:120%;
		color:#8fb217;
		margin:0px;
		padding:0px;
		}
		td#contenu div.triple div.triple-premier p {
		font-size:90%;
		color:#7a7a7a;
		}
		td#contenu div.triple div.triple-deuxieme {
		float:left;
		width:180px;
		margin-left:10px;
		text-align:center;
		color:#7a7a7a;
		}
		td#contenu div.triple div.triple-deuxieme a {
		color:#7a7a7a;
		}
		td#contenu div.triple div.triple-troisieme {
		float:left;
		width:249px;
		height:117px;
		display:table;
		margin-left:10px;
		/*background:url(../pics/background-alerte.png) no-repeat;*/
		}
		td#contenu div.triple div.triple-troisieme img {
		/*float:left;*/
		margin:4px;
		}
		td#contenu div.triple div.triple-troisieme h2 {
		font-size:150%;
		color:#FFF;
		margin-top:4px;
		}
		td#contenu div.triple div.triple-troisieme p {
		font-size:90%;
		color:#FFF;
		padding:0px 7px 5px 7px;
		}
		
		/* ---------- Les actualités ---------- */
		td#contenu div#actualites h3 {
		display:table;
		width:100%;
		padding:2px 8px;
		margin-bottom:8px;
		background:#6D6D6D;
		color:#fff;
		}
		td#contenu div#actualites h3.on {
		background:#EE981A;
		}
		td#contenu div#actualites h3 a {
		color:#fff;
		}
		td#contenu div#actualites ul li a {
		font-weight:bold;
		}
		td#contenu div#actualites ul li.archive {
		list-style:none;
		text-align:right;
		}
		td#contenu div#actualites ul li.archive select {
		color:#7A7A7A;
		}
		
		/* ---------- Les tableaux ---------- */
		td#contenu table.tableau{
		border:1px solid #000;
		border-bottom:none;
		}
		td#contenu table.tableau thead{
		color:#FFFFFF;
		}
		td#contenu table.tableau td{
		border-bottom:1px solid #000;
		padding:0 3px;
		}
		td#contenu table p{
		margin:0;
		}
	/* ---------- Annexes ---------- */
	td#annexes{
	padding:10px 10px 10px 10px;
	width:240px;
	}
	td#annexes h2{
	margin-top:15px;
	}
/* ---------- Pied de Page ---------- */

div#pied div.container {
width:960px;
margin:auto;
position:relative;
background-color:#FF0000;
}

div#pied div#newsletter {
width:189px;
height:23px;
/*background:url(../pics/background-newsletter.png) no-repeat;*/
text-align:left;
top:-12px;
left:0px;
position:absolute;
}
div#pied div#newsletter span {
font-size:90%;
left:8px;
top:-18px;
position:absolute;
}
div#pied div#newsletter form {
margin:3px 6px;
padding:0px;
position:relative;
}
div#pied div#newsletter input {
font-size:90%;
width:150px;
height:15px;
padding:0px;
margin:0px 0px 0px 2px;
border:none;
background:#A2A2A2;
color:#FFF;
}
div#pied div#newsletter a {
position:absolute;
top:1px;
right:0px;
}


div#pied ul#liensutiles{
width:760px;
margin:0 0 0 0;
display:inline;
top:-4px;
right:0px;
position:absolute;
text-align:right;
}
div#pied ul#liensutiles li{
margin:0 2px 0 0;
display:inline;
}
div#pied ul#liensutiles li a{
font-size:85%;
}
div#pre-pied{
display:table;
margin:0 auto;
position:relative;
width:960px;
}
div#pre-pied a.haut,
div#pre-pied a.menu,
div#pre-pied a.precedente{
float:right;
color:#666;
font-size:85%;
margin-left:12px;
}

/***/

div#inscription_newsletter span.obligatoire{
color:#FF0000;
}
div#inscription_newsletter td.input{
padding-left:5px;
}
div#inscription_newsletter td.radio{
padding-left:10px;
}
div#inscription_newsletter td.input input{
border:1px solid #7A7A7A;
}
div#inscription_newsletter input.bouton{
background:#8FB217;
border:medium none;
color:#FFFFFF;
text-align:center;
width:120px;
padding:1px;
}
#flash-home{
	float:left;
}