/* 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%;}

.petit10{font-size:10px;}

.petit08{font-size:9px;}

.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;}



td{vertical-align:top; text-align:left;}

ul{list-style:none outside none;}

/* ---------- Balises ---------- */

body{

font-family:Arial, Helvetica, sans-serif;

font-size:medium; /* medium => 16 px*/

font-size:12px;

line-height:120%;

color:#808080;

text-align:center;

background-color:#FFF;

background-repeat:repeat-x;

margin:10px 0;

}

#centrage {

width:960px;

margin:0 auto;

display:table;

text-align:left;

position:relative;

border:1px solid #808080;

}

a:link, a:visited{

text-decoration:none;

color:#808080;

}

a:hover, a:active{

text-decoration:underline;

color:#808080;

}

h1{}

h2{

font-size:100%;

clear:both;

}

input.champ{

border:1px solid #808080;

width:148px;

height:13px;

font-size:100%;

padding:1px 2px;

color:#808080;

}

select{

border:1px inset #000;

width:155px;

font-size:100%;

}

option{

padding:0 2px;

color:#808080;

}

/* ---------- En tete ---------- */

img#culture{

margin:-79px 6px 0 0;

float:right;

z-index:2;

position:relative;

}

ul#langues{

margin:-82px 6px 0 0;

float:right;

font-weight:bold;

font-size:10px;

position:relative;

z-index:10;

}

html>/**/body ul#langues{

margin:-82px 164px 0 0;

}

ul#langues li{

display:inline;

}

/* ---------- Contenu ---------- */

	td#contenu{

	font-size:11px;

	line-height:12px;

	}

	td#contenu div.separateur{

	background-image:url(../pics/separateur-gris.gif);

	background-repeat:repeat-x;

	height:1px;

	font-size:1px;

	margin:7px 10px -1px 15px;

	}

	html>body td#contenu div.separateur{

	margin:7px 10px 0 10px;

	}

	td#contenu span.ha{

	float:right;

	margin:-15px 0px 0 0;

	background-color:#808080;

	color:#FFFFFF;

	font-size:90%;

	padding:1px 2px;

	font-weight:bold;

	}

	td#contenu h2{

	font-size:18px;

	color:#b2a100;

	white-space:nowrap;

	padding-bottom:3px;

	}

	html>body td#contenu table{

	margin-top:-3px;

	width:610px;

	}

	td#contenu td{

	padding-left:5px;

	width:100%;


	}

	td#contenu div.titre{

	padding:8px 10px 0 10px;

	width:auto;

	}

	td#contenu p{ 

	margin:1px 10px 0 12px;

	text-align:justify;

	}

	
	td#contenu div#scroll{

	overflow:auto;

	height:75px;

	padding-right:14px;

	margin:5px 10px -2px 10px;

	}

	html>body td#contenu div#scroll{



	}

	td#contenu img.fiche{

	float:right;

	margin:5px 10px 0 0;

	}

/* ---------- Annexes ---------- */

	td#annexes{

	width:340px;

	padding-left:10px;

	}

	td#annexes h2{

	height:20px;

	margin-bottom:5px;

	margin-right:5px;

	}

	td#annexes h2.recherche{

	background-color:#f39900;

	}

	td#annexes input.champ{

	border:1px solid #f39900;

	width:300px;

	padding:2px 5px;

	margin-bottom:3px;

	}

	td#annexes input.ok{

	background-color:#f39900;

	font-size:12px;

	padding:2px 2px 2px 3px;

	color:#FFFFFF;

	margin-bottom:3px;

	}

	td#annexes a.rechav{

	color:#f39900;

	font-weight:bold;

	clear:both;

	}

	td#annexes a.rechav img{

	margin-right:3px;

	}

	td#annexes h2.oppida{

	background-color:#b2a100;

	margin-top:5px;

	}

	td#annexes form#newsletter {

	margin-top:-23px;

	position:relative;

	z-index:5;

	}

	td#annexes form#newsletter input.champ{

	border:1px solid #b2a100;

	width:125px;

	padding:0 2px;

	font-size:11px;

	margin:0 2px 3px 3px;

	}

	td#annexes form#newsletter input.ok{

	background-color:#b2a100;

	font-size:10px;

	padding:0 3px 0 2px;

	color:#FFFFFF;

	margin-bottom:3px;

	}

	div#liste{

	height:322px;

	overflow:auto;

	scrollbar-face-color: #b2a100;

	scrollbar-highlight-color: #FFF;

	scrollbar-shadow-color: #fff;

	scrollbar-arrow-color: #FFF;

	margin-right:5px;

	z-index:1;

	position:relative;

	margin-bottom:5px;

	}

	html>body div#liste{

	height:325px;

	}
	
	/* texte page d'index */
	div#fiche div#contenu p{
	margin-top:10px;
	line-height:140%;
	}

	div#liste a{

	color:#b2a100;

	font-weight:bold;

	}

	div#rechercheav {

	background-image:url(../pics/fond-recherche_2.gif);

	background-repeat:no-repeat;

	margin:-358px 0 0 -10px;

	padding:10px 0 20px 0;

	font-size:10px;

	width:352px;

	z-index:2;

	/*position:relative;*/

	

	position:absolute;

	/*display:none;*/

	}

	html>/**/body div#rechercheav{

	background-image:url(../pics/fond-recherche_2.png);

	}

	div#rechercheav div#scroll {

	height:580px;

	/*overflow:auto;*/

	width:344px;

	scrollbar-face-color: #f39900;

	scrollbar-highlight-color: #FFF;

	scrollbar-shadow-color: #fff;

	scrollbar-arrow-color: #FFF;

	}

	div#rechercheav fieldset{

	clear:both;

	width:320px;

	padding-bottom:5px;

	font-weight:bold;

	margin-left:7px;

	}

	div#rechercheav h2{

	font-size:12px;

	background-image:url(../pics/separateur-gris.gif);

	background-repeat:repeat-x;

	background-position:bottom;

	height:auto;

	margin: 0 5px 5px 10px;

	padding-bottom:1px;

	}

	div#rechercheav p{

	float:left;

	clear:none;

	padding-left:10px;

	color:#f39900;

	margin-bottom:5px;

	letter-spacing:-0.5px;

	}

	div#rechercheav select{

	width:148px;

	font-size:10px;

	}

	div#rechercheav #envoyer{

	background-color:#f39900;

	font-size:90%;

	color:#FFF;

	padding:2px 3px;

	font-weight:bold;

	float:right;

	margin-right:5px;

	}

	div#rechercheav table p{

	margin-bottom:0;

	color:#808080;	

	float:none;

	}

	td#annexes ul.liste{

	padding-left:15px;

	list-style:none outside none;

	line-height:11px;

	}

	td#annexes ul.liste li{

	margin-bottom:4px;

	}

	td#annexes ul.liste li.lettre{

	float:left;

	margin-left:-12px;

	font-weight:bold;

	position:absolute;

	width:9px;

	margin-right:-2px;

	}

	html>/**/body td#annexes ul.liste li.lettre{

	position:relative;

	left:0px;

	width:9px;

	margin-right:-2px;

	}

	td#annexes ul.liste li.premier{

	position:relative;

	}

	html>body td#annexes ul.liste li.premier{

	position:relative;

	left:0px;

	margin-left:0;

	}

	td#annexes ul#nav{

	margin:0 0 0 -10px;

	position:relative;

	z-index:1;
	
	height:148px;

	background:url(../pics/fond_menu.gif) repeat;
	
	}
	
	html>body td#annexes ul#nav{

	margin:-4px 0 0 -10px;
	
	}

	td#annexes ul#nav li{

	margin-top:8px;
	
	float:left;

	}

	td#annexes ul#nav li img{

	margin:0 0 -3px 0;

	}

/* ---------- Pied de page ---------- */

#pied{

border-top:1px solid #808080;

text-align:center;

clear:both;

margin:0 auto;

background-color:#e6e6e6;

padding:5px 10px;

font-size:90%;

}

#pied ul{

border-left:1px solid #808080;

width:317px;

height:50px;

margin-right:3px;

padding-left:20px;

text-align:right;

}

#pied ul li{

display:inline;

}

#pied form{

border-right:1px solid #808080;

width:278px;

margin:0 5px 0 0;

padding:5px 0;

background-color:#00FF00;

}

#pied form input.champ{

width:100px;

margin-right:5px;

padding:1px 5px;

}

#pied form input.ok{

	background-color:#808080;

	font-size:12px;

	padding:1px 2px 1px 3px;

	color:#FFFFFF;

	}

#pied td#partenaires{

font-size:90%;

padding-right:10px;

height:50px;

}

/* ----- message ----- */
div#message {
margin:20px;
text-align: justify;
line-height: 15px;
}