/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */


/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	margin-top:10px;
	font-size: 1em;
	background:url(../images/fd.jpg) top center no-repeat;
	}
	
form, h1, h2, h3, h4, h5, ul, dt, dl, dd, p { margin:0; padding:0;}

#conteneur {
	position: relative;
	width:980px;
	margin: 0 auto;
}
#conteneur #logo a {
	position:absolute;
	left:0;
	top:0;
	text-indent:-50000px;
	width:212px;
	height:207px;
	background:url(../images/logo.gif);
}
#conteneur #colonne_gauche {
	position:absolute;
	width:186px;
	top:207px;
	left:18px;
}
#conteneur #colonne_droite {
	position:absolute;
	width:186px;
	top:207px;
	right:3px;
}


/* MENU PRINCIPAL */
div#menu_principal {
	position:relative;
	margin-top:0;
	margin-left:230px;
	width:737px;
	height:207px;
}
div#menu_principal dl dt {
	display:block;
}
div#menu_principal dl dt a {
	display:none;
}
div#menu_principal dt#dt_smenu1 {
	position:absolute;
	background:url(../images/fd_menu_developpement.jpg) no-repeat;
	top:0px;
	left:0px;
	width:187px;
	height:207px;
}
div#menu_principal dt#dt_smenu2 {
	position:absolute;
	background:url(../images/fd_menu_environnement.jpg) no-repeat;
	top:0px;
	left:187px;
	width:187px;
	height:207px;
}
div#menu_principal dt#dt_smenu3 {
	position:absolute;
	background:url(../images/fd_menu_solidarite.jpg) no-repeat;
	top:0px;
	left:374px;
	width:187px;
	height:207px;
}
div#menu_principal dt#dt_smenu4 {
	position:absolute;
	background:url(../images/fd_menu_valdedrome.jpg) no-repeat;
	top:0px;
	left:561px;
	width:187px;
	height:207px;
}
div#menu_principal dl dd {
	background-color:#fffff;
	height:120px;
	width:186px;
	font-size:0.71em;
	position:absolute;
	top:4px;
	padding-top:5px;
	display:none;
}
div#menu_principal dl dd#smenu1 {
background-color:#522498;
	left:0;
}
div#menu_principal dl dd#smenu2 {
background-color:#7AB800;
	left:187px;
}
div#menu_principal dl dd#smenu3 {
background-color:#EC7A08;
	left:374px;
}
div#menu_principal dl dd#smenu4 {
background-color:#9E9E9E;
	left:561px;
}
div#menu_principal dl dd li {
	list-style-type:none;
}
div#menu_principal dl dd li a {
	text-decoration:none;
	display:block;
	padding-left:4px;
}
div#menu_principal dd#smenu1 li a {
	color:#fff;
}
div#menu_principal dd#smenu1 li a:hover {
	color:#522498;
	background-color:#fff;
}
div#menu_principal dd#smenu2 li a {
	color:#fff;
}
div#menu_principal dd#smenu2 li a:hover {
	color:#7AB800;
	background-color:#fff;
}
div#menu_principal dd#smenu3 li a {
	color:#fff;
}
div#menu_principal dd#smenu3 li a:hover {
	color:#EC7A08;
	background-color:#fff;
}
div#menu_principal dd#smenu4 li a {
	color:#fff;
}
div#menu_principal dd#smenu4 li a:hover {
	color:#9E9E9E;
	background-color:#fff;
}




/* PIED PAGE */
#conteneur #foot {
	position:relative;
	width:955px;
	height:47px;
	margin:0 auto;
	background:url(../images/fd_foot.gif) no-repeat;
	font-size:0.65em;
	padding-top:2px;
	border-top:dashed 1px #CCCCCC;
}
#conteneur #foot p {
	color:#9E9E9E;
	margin-top:25px;
	margin-left:10px;
}
#conteneur #foot p a {
	color:#9E9E9E;
}
#conteneur #foot ul, #conteneur #foot li {
	float:left;
	list-style-type:none;
}
#conteneur #foot li {
	display:block;
	height:20px;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
}
#conteneur #foot li.ic_contact {
	background:url(../images/icone_contact.gif) no-repeat;
}
#conteneur #foot li.ic_plan_acces {
	background:url(../images/icone_acces.gif) no-repeat;
}
#conteneur #foot li.ic_aide {
	background:url(../images/icone_aide.gif) no-repeat;
}
#conteneur #foot li.ic_plan {
	background:url(../images/icone_plan.gif) no-repeat;
}
#conteneur #foot li.ic_mentions {
	background:url(../images/icone_mentions.gif) no-repeat;
}
#conteneur #foot li a {
	color:#000000;
	text-decoration:none;
}
#conteneur #foot li a:hover {
	color:#9E9E9E;
}
#conteneur #foot ul.menu_foot_right {
	position:absolute;
	right:10px;
}
#conteneur #foot ul.menu_foot_left {
	position:absolute;
	left:10px;
}


/* ACCES DIRECT & RESOURCES */
#colonne_gauche #entete_acces_direct, 
#colonne_droite #entete_ressources,
#colonne_droite #entete_ressources_int {
	position: relative;
	width:186px;
	height:32px;
	background:url(../images/encart_head.gif) no-repeat;
}
#colonne_droite #entete_ressources_int,#colonne_gauche #entete_acces_direct, #colonne_droite #entete_ressources{
	margin-top:20px;
}
#colonne_gauche #entete_acces_direct h2, 
#colonne_droite #entete_ressources h2,
#colonne_droite #entete_ressources_int h2 {
	position:relative;
	color:#FFFFFF;
	font-size:0.77em;
	text-align:center;
	padding-top:10px;
}
#colonne_gauche #body_acces_direct, 
#colonne_droite #body_ressources  {
	position: relative;
	width:186px;
	background:url(../images/encart_body.gif) #EFEFEF;
	height: auto;
	min-height: 100px; 
	_height: 100px;
	min-height: 100px;
}
#colonne_gauche #body_acces_direct ul, 
#colonne_droite #body_ressources ul {
	position:relative;
	margin-left:5px;
	}
#colonne_gauche #body_acces_direct li, 
#colonne_droite #body_ressources li {
	list-style-type:none;
	padding-left:25px;
	padding-bottom:2px;
	}
#colonne_droite #body_ressources p {
	margin-left:15px;
	padding-bottom:8px;
	font-size:0.71em;
	}
#colonne_droite #body_ressources img {
	margin-left:15px;
	}
#colonne_gauche #body_acces_direct li.ic_01 {
	background:url(../images/ic01.gif) no-repeat;
}
#colonne_gauche #body_acces_direct li.ic_02 {
	background:url(../images/ic02.gif) no-repeat;
}
#colonne_gauche #body_acces_direct li.ic_03 {
	background:url(../images/ic03.gif) no-repeat;
}
#colonne_gauche #body_acces_direct li.ic_04 {
	background:url(../images/ic04.gif) no-repeat;
}
#colonne_gauche #body_acces_direct li.ic_05 {
	background:url(../images/ic05.gif) no-repeat;
}
#colonne_gauche #body_acces_direct li.ic_06 {
	background:url(../images/ic06.gif) no-repeat;
}
#colonne_gauche #body_acces_direct li.ic_07 {
	background:url(../images/ic07.gif) no-repeat;
}

#colonne_droite #body_ressources li.ic_08 {
	background:url(../images/ic08.png) no-repeat;
}

#colonne_gauche #body_acces_direct li.ic_culture {
	background:url(../images/ic_culture.gif) no-repeat;
}

#colonne_droite #body_ressources li.ic_01 {
	background:url(../images/icb_01.gif) no-repeat;
}
#colonne_droite #body_ressources li.ic_02 {
	background:url(../images/icb_02.gif) no-repeat;
}
#colonne_droite #body_ressources li.ic_03 {
	background:url(../images/icb_03.gif) no-repeat;
}
#colonne_droite #body_ressources li.ic_04 {
	background:url(../images/icb_04.gif) no-repeat;
}

#colonne_droite #body_ressources li.ic_05 {
	background:url(../images/icb_05.gif) no-repeat;
}
#colonne_droite #body_ressources li.ic_06 {
	background:url(../images/icb_06.gif) no-repeat;
}

#colonne_droite #body_ressources li.ic_07 {
	background:url(../images/ic04.gif) no-repeat;
}
#colonne_gauche #body_acces_direct li a, 
#colonne_droite #body_ressources li a {
	color:#7F7F7F;
	font-size:0.71em;
	font-weight:bold;
	text-decoration:none;
}
#colonne_gauche #body_acces_direct li a:hover, 
#colonne_droite #body_ressources li a:hover {
	color:#000000;
	}
#colonne_gauche #foot_acces_direct, 
#colonne_droite #foot_ressources {
	position: relative;
	width:186px;
	height:21px;
	background:url(../images/encart_foot.gif) no-repeat;
}


/* RECHERCHER */
#rechercher {
	position: relative;
	margin-top:10px;
	width:186px;
	height:76px;
	background:url(../images/encart_rechercher.gif) no-repeat;
}
#rechercher h2 {
	color:#FFFFFF;
	font-size:0.77em;
	text-align:left;
	margin-left:15px;
	padding-top:10px;
}
#rechercher input.tx {
	font-size:0.71em;
	margin-left:15px;
	margin-top:20px;
	width:110px;
}

/* COMMUNES */
#colonne_gauche #communes {
	position: relative;
	margin-top:10px;
	width:186px;
	height:113px;
	background:url(../images/encart_communes.gif);
}
#colonne_gauche #communes h2 {
	color:#FFFFFF;
	font-size:0.77em;
	text-align:left;
	margin-left:15px;
	padding-top:10px;
}
#colonne_gauche #communes p {
	font-size:0.71em;
	color:#7F7F7F;
	margin-left:15px;
	margin-top:10px;
}
#colonne_gauche #communes select {
	font-size:0.71em;
	margin-left:15px;
}

/* ACCUEIL */
#conteneur #centre_accueil {
	position:relative;
	margin-left:212px;
	width:569px;
	
	height: auto;
	min-height: 420px; 
	_height: 420px;
	min-height: 420px;
	margin-top: 20px;
}
#conteneur #centre_accueil p {
	font-size:0.71em;
	margin-left:18px;
	margin-bottom:20px;
	margin-top:15px;
}
#conteneur #centre_accueil h3 {
	font-size:0.88em;
	margin-left:18px;
	padding-left:14px;
}
#conteneur #centre_accueil .colonne {
	width:49%;
	float:left;
}
a.lien_article {
	text-decoration:none;
}
a.lien_article:hover {
	color:#000000;
}
.violet {
	color:#522498;
}
.gris {
	color:#9E9E9E;
}
.orange {
	color:#EC7A08;
}
.vert {
	color:#7AB800;
}
.filet_gris {
	color:#9E9E9E;
	border-bottom:dashed 1px #9E9E9E;
	width:250px;
}
.filet_orange {
	color:#EC7A08;
	border-bottom:dashed 1px #EC7A08;
	width:250px;
}
.filet_vert {
	color:#7AB800;
	border-bottom:dashed 1px #7AB800;
	width:250px;
}
.img_left {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.spacer {
	clear:both;
}

/* SOUS MENU */
#colonne_gauche #entete_sous_menu, #colonne_gauche #entete_sous_menu_int {
	position: relative;
	width:185px;
	height:45px;
}
#colonne_gauche #entete_sous_menu_int  {
	margin-top:20px;
}
.dev_eco_entete {
	background:url(../images/encart_head_violet.gif) no-repeat;
}
.envir_entete {
	background:url(../images/encart_head_vert.gif) no-repeat;
}
.solid_entete {
	background:url(../images/encart_head_orange.gif) no-repeat;
}
.vdd_entete {
	background:url(../images/encart_head_gris.gif) no-repeat;
}
#colonne_gauche #entete_sous_menu h2,
#colonne_gauche #entete_sous_menu_int h2 {
	position:relative;
	color:#FFFFFF;
	font-size:0.77em;
	text-align:center;
	padding-top:11px;
}
#colonne_gauche #body_sous_menu {
	position: relative;
	width:186px;
	height: auto;
	min-height: 100px; 
	_height: 100px;
	min-height: 100px;
}
.dev_eco_body {
	background:url(../images/encart_body_violet.gif) #EFEFEF;
}
.envir_body {
	background:url(../images/encart_body_vert.gif);
}
.solid_body {
	background:url(../images/encart_body_orange.gif);
}
.vdd_body {
	background:url(../images/encart_body_gris.gif);
}


#colonne_gauche #body_sous_menu ul {
	position:relative;
	margin-left:15px;
	}
#colonne_gauche #body_sous_menu li {
	list-style-type:none;
	padding-bottom:2px;
	}
#colonne_gauche #body_sous_menu li a {
	font-size:0.71em;
	font-weight:bold;
	text-decoration:none;
}

/************************/
/* Par défaut, je cache le sous-menu */
#colonne_gauche #body_sous_menu li ul{display:none;}
/* Quand je suis dans la rubrique, je l'affiche */
#colonne_gauche #body_sous_menu li.active ul{display:block;}
/************************/

#colonne_gauche #body_sous_menu li a.dev_eco {
	color:#522498;
}
#colonne_gauche #body_sous_menu li a.envir {
	color:#7AB800;
}
#colonne_gauche #body_sous_menu li a.solid {
	color:#EC7A08;
}
#colonne_gauche #body_sous_menu li a.vdd {
	color:#858484;
}
#colonne_gauche #body_sous_menu li a:hover {
	color:#000000;
	}
#colonne_gauche #foot_sous_menu {
	position: relative;
	width:186px;
	height:21px;
}
.dev_eco_foot {
	background:url(../images/encart_foot_violet.gif) no-repeat;
}
.envir_foot {
	background:url(../images/encart_foot_vert.gif) no-repeat;
}
.solid_foot {
	background:url(../images/encart_foot_orange.gif) no-repeat;
}
.vdd_foot {
	background:url(../images/encart_foot_gris.gif) no-repeat;
}


/* PAGE */
#conteneur #centre {
	position:relative;
	margin-left:230px;
	
	height: auto;
	min-height: 500px; 
	_height: 500px;
	min-height: 500px;
}
.pleine_page {
	width:748px;
}
.demi_page {
	width:550px;
}
#conteneur #centre p {
	font-size:0.71em;
	margin-bottom:20px;
}
#conteneur #centre p.fil_ariane {
	font-size:0.65em;
	color:#999999;
	margin-bottom:8px;
}
.fil_ariane a {
	color:#999999;
}
.fil_ariane a:hover{
	color:#000000;
}
.tx_intro {
	font-weight:bold;
	margin:0;
	padding:0;
	margin-top:12px;
}
#conteneur #centre h4 {
	/*font-size:0.71em;*/
	font-size:0.82em;
	font-weight:bold;
}
#conteneur #centre div.dev_eco h4  {
	color:#522498;
}
#conteneur #centre div.envir h4  {
	color:#7AB800;
}
#conteneur #centre div.solid h4  {
	color:#EC7A08;
}
#conteneur #centre div.vdd h4  {
	color:#9E9E9E;
}
#conteneur #centre h3 {
	color:#FFFFFF;
	font-size:1.03em;
	height:21px;
	padding-left:20px;
	padding-top:2px;
}
#conteneur #centre div.dev_eco #titre div.arondi_deb {
	background:url(../images/arondi_deb_violet.gif) no-repeat;
	position:absolute;
	width:20px;
	height:23px;
}
#conteneur #centre div.envir #titre div.arondi_deb {
	background:url(../images/arondi_deb_vert.gif) no-repeat;
	position:absolute;
	width:20px;
	height:23px;
}
#conteneur #centre div.solid #titre div.arondi_deb {
	background:url(../images/arondi_deb_orange.gif) no-repeat;
	position:absolute;
	width:20px;
	height:23px;
}
#conteneur #centre div.vdd #titre div.arondi_deb {
	background:url(../images/arondi_deb_gris.gif) no-repeat;
	position:absolute;
	width:20px;
	height:23px;
}
#conteneur #centre div.dev_eco #titre div.arondi_fin {
	background:url(../images/arondi_fin_violet.gif) no-repeat;
	position:absolute;
	right:0;
	top:0;
	width:20px;
	height:23px;
}
#conteneur #centre div.envir #titre div.arondi_fin {
	background:url(../images/arondi_fin_vert.gif) no-repeat;
	position:absolute;
	right:0;
	top:0;
	width:20px;
	height:23px;
}
#conteneur #centre div.solid #titre div.arondi_fin {
	background:url(../images/arondi_fin_orange.gif) no-repeat;
	position:absolute;
	right:0;
	top:0;
	width:20px;
	height:23px;
}
#conteneur #centre div.vdd #titre div.arondi_fin {
	background:url(../images/arondi_fin_gris.gif) no-repeat;
	position:absolute;
	right:0;
	top:0;
	width:20px;
	height:23px;
}
#conteneur #centre div #titre {
	position:relative;
	height:23px;
}
#conteneur #centre div.dev_eco #titre {
	background-color:#522498;
}
#conteneur #centre div.envir #titre {
	background-color:#7AB800;
}
#conteneur #centre div.solid #titre {
	background-color:#EC7A08;
}
#conteneur #centre div.vdd #titre {
	background-color:#9E9E9E;
}