/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
body {
	min-width: 980px;
	background: black;
	font-family: arial, helvetica, sans-serif;
	color: black;
	text-align: center;
}
div, dl, dt, dd, span {
	border: 0;
	margin: 0;
	padding: 0;
}
#hmenu div#agentdyn {
	position: absolute;
	width: 238px;
	left: 740px;
	top: 12px;
/*	border: 1px solid blue;
	background: url(images2/soleil.gif) left top no-repeat;	*/
	text-align: right;
	z-index: 1000;
}
#hmenu div.cAgentdyn {
	background: url(images2/soleil.gif) left top no-repeat;
}
#hmenu div.cAgentdyn_survol {
	background: url(images2/soleil_survol.gif) left top no-repeat;
}
#agentdyn table {
	margin: 0;
	padding: 0;
	border: 0;
	width: 208px;
}
#agentdyn th {
	height: 58px;
	font-size: small;
	font-weight: normal;
	text-align: center;
}
/*
#agentdyn td {
	height: 58px;
	margin-left: 66px;
	margin-top: 24px;
	font-size: small;
	color: black;
}
*/
tbody#agentdirect {
	margin: 0;
	visibility: hidden;
}
#agentdirect td {
	padding: 0;
	border: 1px solid black;
	background: #F1F884;
	text-align: left;
}
#agentdirect ul {
	padding: 0;
	list-style-type: square;
}
#agentdirect li {margin-left: 2px;}
#agentdirect a {
	font-size: 8pt;
	color: black;
	text-decoration: none;
}
#agentdirect a:hover {text-decoration: underline;}

/*
=============================================
||				Page d'accueil				||
=============================================
*/
table#fond {
	margin: 0;
	border: 0;
	width: 978px;
	height: 100%;
	border-left: 1px solid white;
	border-right: 1px solid white;
	background: white;
}
td#sfond {
	padding: 0;
	vertical-align: top;
	background: url(images2/index/f_gauche.gif) left top repeat-y;
}

/* --------- Espace de la bannière ---------- */
div#banniere {
	width: 978px;
	height: 198px;
	background: url(images2/index/f_logorech.jpg) right top no-repeat;
}
div#rechform {
	float: right;
	width: 278px;
}
#rechform form {display: inline;}
#rechform label {
	color: white;
	font-size: 10pt;
}
#rechform img {
	border: 0;
	margin-left: 10px;
	vertical-align: middle;
}
#rechform a {
	color: white;
	text-decoration: none;
}
input#cle {
	font-size: 10pt;
	width: 87px;
}

/* --------- Espace des non-voyants ---------- */
div#voyant {
	width: 972px;
	height: 20px;
	padding: 3px;
	background: url(images2/index/f_nonvoyant.gif) left top no-repeat;
	text-align: right;
	font-size: 10pt;
	color: white;
}
#voyant img {
	border: 0;
	margin-left: 10px;
	vertical-align: middle;
}
#voyant a {
	color: white;
	text-decoration: none;
}
#voyant a:hover {text-decoration: underline;}

/* ------------- Menus du haut -------------- */
div#hmenu {
	position: relative;
	width: 978px;
	height: 29px;
	background: #CCF834;
	border-top: 1px solid white;
/*	border-bottom: 1px solid white;	*/
}
#hmenu dl {
	float: left;
	height: 29px;
	border-right: 1px solid white;
	background: url(images2/index/f_menu.jpg) left top repeat-x;
	text-align: left;
/*	border: 1px solid black;	*/
}
dl#actualite {width: 124px;}
dl#ccas {width: 103px;}
dl#activite {width: 191px;}
dl#pratique {width: 147px;}
#hmenu dt {
	height: 29px;
	font-size: 11pt;
	font-weight: bold;
	font-family: "trebuchet MS", arial, helvetica;
	text-align: center;
	color: white;
}
#hmenu dt a {
	display: block;
	height: 24px;	/**/
	padding-top: 5px;
	color: white;
	text-decoration: none;
}
#hmenu dt a:hover {
	color: white;
	background: #AF3313;
}
#hmenu dt img {
	border: 0;
	margin-left: 10px;
	vertical-align: middle;
}
#hmenu dd {
	position: absolute;
	width: 198px;
	visibility: hidden;
	background: #C74616;
/*	z-index: 1000;	*/	
}
#hmenu dd ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/**/
#hmenu dd li {
	padding: 3px;
}

#hmenu dd a {
/*	display: block;	*/
	width: 192px;
/*	border: 1px solid black;	*/
	font-size: 10pt;
	font-family: "trebuchet MS", arial, helvetica;
	color: white;
	text-decoration: none;
}
/*
#hmenu dd a:hover {background: #FCA86A;}
*/
#hmenu dd img {
	float: right;
	vertical-align: middle;
	border: 0;
}
div.divn3 {/**/
	position: absolute;
	margin-top: -3px;
	width: 160px;
	left: 198px;
	top: auto;
	background: #E2F868;
	border: 1px solid #AFD225;
	visibility: hidden;
/*	z-index: 1500;	*/
}
/*
.divn3 li {}
*/
.divn3 a {color: black !important;}
/*
.divn3 a:hover {background: #AFD225 !important;}
*/

/* --------------- Espace du contenu ---------------- */
table#mainer {
	margin: 0;
	border: 0;
	border-top: 1px solid white;
	width: 978px;
}
td#gauche, td#centre, td#droite {
	padding: 0;
	vertical-align: top;
}
div.contenu {
	padding:0 20px;
/*	border:1px solid #ddd;	*/
}
/* ----- Colonne de gauche ----- */
#gauche {width: 194px;}
div#img_gauche {
	display: block;
	height: 100px;
	background: url(images2/index/services_g.jpg) left top no-repeat;
}
ul.invariant {
	margin: 0;
	margin-left: 15px;
	padding: 0;
	list-style-type: none;
	font-family: "trebuchet MS", arial, helvetica;
	text-align: left;
}
li.ln1 {
	color: #BB3D15;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 5px;
}
.ln1 a {
	color: #BB3D15;
	text-decoration: none;
}
li.ln2 {
	color: #FA9652;
	margin-left: 40px;
	font-size: 8pt;
}
.ln2 a {
	color: #FA9652;
	text-decoration: none;
}
.invariant a:hover {text-decoration: underline;}
img.puce_invar {
	border: 0;
	margin-right: 5px;
	vertical-align: middle;
}
/*
.invariant img {
	display: none;
}
*/

/* ----- Colonne du centre ----- */
#centre {
/*	width: 536px;
	padding: 20px !important;	*/
	background: url(images2/index/f_bordcentre.gif) right top no-repeat;
	text-align: left;
}
img.puce_content {
	border: 0;
	margin-right: 10px;
	vertical-align: middle;
}
#centre h4 {
	font-family: "trebuchet MS", arial, helvetica;
	color: #666;
}
#centre p {
	font-family: "trebuchet MS", arial, helvetica;
	font-size: small;
}

/* Espace à la Une */
div#ContentUne {
	display: block;
/*	border: 1px solid black;	*/
}
h2#tit_une {
	font-family: "trebuchet MS", arial, helvetica;
/*	border: 1px solid black;	*/
	color: #F8843B;
	text-transform: uppercase;
}
img.img1 {
	margin-right: 10px;
	border: 0;
	float: left;
}
a.lireUne {
	font-size: x-small;
	color: #FA9652;
	text-decoration: none;
}
a.lireUne:hover {text-decoration: underline;}
a.lireUne img {
	margin-right: 5px;
	border: 0;
	vertical-align: middle;
}

/* espace 2 colonnes actus et brèves */
table#actus2 {
	clear: left;
	margin: 0;
	margin-top: 50px !important;
	border: 0;
	width: 100%;
}
td#actusite {
	width: 50%;
	padding-right: 10px;
	font-family: "trebuchet MS", arial, helvetica;
	font-size: small;
	vertical-align: top;
	border-right: 1px solid #FBE3A0;
}
td#actubreve {
/*	width: 48%; */
	padding-left: 10px;
	padding-right: 10px;
	font-family: "trebuchet MS", arial, helvetica;
	font-size: small;
	vertical-align: top;
}
td#actusite ul, td#actubreve ul {
	list-style-type: square;
	margin-left: 13px;
}

/* ---- */
td#actusite h3 {color: #809824;}
td#actusite li {color: #ADDD09;}
td#actusite li a {
	color: #ADDD09;
	text-decoration: underline;
}
td#actusite li a:hover {text-decoration: none;}


/* ---- */
td#actubreve h3 {color: #F1B80C;}
td#actubreve li {color: #CB4917;}
td#actubreve .vign_breve {
	border: 0;
	margin-right: 5px;
	float: left;
	width: 105px;
}

/* ----- Colonne de droite ----- */
#droite {
	width: 208px;
	background: #FAF584;
	text-align: left;
	vertical-align: top;
}
div#img_droite {
	margin-top: 46px;
	display: block;
	height: 89px;
	background: url(images2/index/portails_d.jpg) left top no-repeat;
}
table.blocdroit {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}
.blocdroit th {
	margin: 0;
	padding: 5px;
	height: 20px;
	font-size: x-small;
}
img.pucedroit {
	border: 0;
	padding-right: 5px;
	vertical-align: middle;
}
.blocdroit ul {
	list-style-type: square;
	font-size: x-small;
}
.blocdroit li a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}
.blocdroit li a:hover {text-decoration: underline;}
table#acteurs_locaux thead a {
	color: black;
	text-transform: uppercase;
	text-decoration: none;
}
table#emploi thead a {
	color: white;
	text-transform: uppercase;
	text-decoration: none;
}
table#extranet a {
	color: #F12B0B;
	text-transform: uppercase;
	text-decoration: none;
}
table#emploi tbody td {background: #E2F868}
table#marchepublic thead a {
	color: black;
	text-decoration: none;
}

/* -------------- Espace Extranet --------------- */
form#ExtraCnx {
	display: inline;
}
#ExtraCnx label {
	margin-left: 5px;
	margin-right: 10px;
	color: #D75218;
	font-size: small;
}
input#user, input#login {
	border: 1px solid #FCBB8F;
	width: 62px;
}
#user {
	margin-left: 21px;
}
input.btn_extra {
	margin-left: 5px;
	border: 0;
}
table#extranet tbody td {
	padding-bottom: 10px;
}


/* ---------------- Bas de page ----------------- */
div#baspage {
	width: 978px;
	height: 35px;
	background: url(images2/index/f_baspage.jpg) left top no-repeat;
}
#baspage td {
	text-align: center;
	vertical-align: middle;
	font-size: small;
	color: white;
}
#baspage a {
	color: white;
	text-decoration: none;
}
#baspage a:hover {text-decoration: underline;}


/*
==================================================
				PAGES INTERIEURES
==================================================
*/

/* ------------- Colonne de gauche -------------- */
div#intimg_gauche {
	display: block;
	height: 37px;
	background: url(images2/interne/services_g.jpg) left top no-repeat;
}
/* -------------- Sommaire général -------------- */
div.sommaire {
	display: block;
	text-align: left;
}
.sommaire h4 {
	padding: 5px;
	color: white;
	background: #9DC806;
}
.sommaire ul {
	margin-left: 20px;
	list-style-type: none;
}
.sommaire ul a {
	color: black;
	text-decoration: none;
	font-size: 9pt;
	font-family: "trebuchet MS", arial, helvetica;
}
.sommaire ul a:hover {
	color: black;
	text-decoration: underline;
}
img.ico_sommaire {
	border: 0;
	margin-right: 10px;
}
li.som2 {
	margin-left: 15px;
}
a.nOver1 {
	text-decoration: underline !important;
}
a.nOver {
	text-decoration: underline !important;
}

/* -------------- Sommaire Extranet ------------- */
div#extraMenu {display: block;}
#extraMenu h4 {
	color: black;
	background: #FBF8A3;
}
#extraMenu h4 a {
	color: black;
	text-decoration: none;
}
#extraMenu h4 a:hover {text-decoration: underline;}
#extraMenu ul {
	color: black;
	font-size: small;
}
#extraMenu li a {
	color: black;
	text-decoration: none;
}

/* --------------- Espace de contenus ----------- */
/* Espace de navigation */
div#navigation {
	display: block;
	height: 20px;
	padding: 5px;
	font-size: x-small;
}
#navigation a {
	color: #99A5B1;
	text-decoration: none;
}
#navigation a:hover {text-decoration: underline;}

/* Thème de contenu */
h2#themepage {
	margin-left: 20px;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	color: #FB8030;
}
img.fleche_theme {
	border: 0;
	margin-right: 10px;
}
span#connexion {
	margin: 0;
	padding: 5px;
	padding-left: 40px;
	display: block;
	text-align: left;
	font-size: small;
}

/* Espace des outils */
div#outil {
	text-align:right;
	margin: 20px;
	border-top: 1px solid #FB8030;
}
#outil ul {

	list-style-type: none;
}
#outil li {
	display: inline;
	margin-right: 10px;
}
#outil a {
	color: #9FB04A;
	font-size: 10pt;
	text-decoration: none;
}
#outil a:hover {text-decoration: underline;}
#outil img {
	border: 0;
	vertical-align: middle;
}


img.imgpuce {display: none;}
table.TContenu, table.TListe {
	margin-top: 20px;
	width: 100%;
	margin-bottom: 20px;
}
.TContenu td {
	padding: 20px;
	color: #696969;
}
td.titre span img {
	border: 0;
	vertical-align: middle;
}