/* CSS Document */
/* www.iris-interactive.fr */
/* LE PUY-EN-VELAY AGGLOMERATION */


body { 
	background:#FFFFFF;
	margin:0;
	padding:0;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:11px;
	text-align:left;
	color:#FFFFFF;
}

#style_page {
	margin:15px 0 0 0;
	padding:0;
	width:875px;
}

#style_nav {
	display:none;
}

#logo {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
}
#logo table {
	width:100%;
	height:100%;
}
#logo td {
	width:100%;
	height:100%;
	text-align: center;
	vertical-align: middle;
}

#style_global { 
	background:#FFFFFF url(../images/bg_content.gif) repeat-y left top;
	width:653px;
	margin:0 0 0 25px;
	padding:0;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:11px;
	text-align:left;
	color:#FFFFFF;
}
html>body #style_global { 
	margin:0 0 0 220px;
}

#style_header { 
	background: url(../images/bg_header.gif) no-repeat left top;
	height:120px;
}
html>body #style_header { 
	min-height:120px;
	height:auto;
}
#style_header h1 {
	font-size:18px;
	float:left;
	height:80px;
	width:180px;
	color:#FF0000;
	text-align:right;
	vertical-align:top;
	margin:15px 5px 0 8px;
	padding:5px 0 0 0;
}
html>body #style_header h1 {
	margin:6px 5px 0 15px;
}
#style_header h1.style_eco {
	background: url(../images/bg_h1_eco.gif) no-repeat left top;
}
html>body #style_header h1.style_eco {
	background: url(../images/bg_h1_eco.gif) no-repeat left 10px;
}



.style_nav2 {
	background: url(../images/bg_ss_menu_2.gif) no-repeat left top;
	margin:15px 0 5px 0;
	padding:0;
	float:left;
	width:275px;
}
.style_nav2 ul{
	background: url(../images/bg_ss_menu_2_ul.gif) no-repeat left bottom;
	height:100px;
	margin:0;
	padding:0 0 5px 0;
	list-style-type:none;
}
.style_nav2 li{
	margin:0 5px 0 15px;
	padding:0 5px 2px 0;
}
.style_nav2 a{
	font-size:9px;
	font-weight:normal;
	letter-spacing:1px;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFFFFF;
	padding:0 5px;
	margin:0;
	display:block;
	height:11px;
	line-height:11px;
}
html>body .style_nav2 a{
	min-height:11px;
	height:auto;
}
.style_nav2 a.active{
	background-color:#990000;
	color:#FFFFFF;
}
.style_nav2 a:hover{
	background-color:#FF0000;
	color:#FFFFFF;
}
.style_nav3 {
	margin:15px 5px 5px 10px;
	padding:0;
	float:right;
}
html>body .style_nav3 {
	margin:5px 10px 5px 10px;
	padding:0;
	float:right;
}
.style_nav3 li {
	margin:0;
	padding:0;
	float:left;
	height:23px;
	display:block;
}
.style_nav3 li.style_nav3_print a{
	width:30px;
	height:23px;
	display:block;
	background:url("../images/bg_nav_print_off.gif") no-repeat left;
}
.style_nav3 li.style_nav3_print a:hover{
	width:30px;
	height:23px;
	display:block;
	background:url("../images/bg_nav_print_on.gif") no-repeat left;
}
.style_nav3 li.style_nav3_send a{
	width:26px;
	height:23px;
	display:block;
	background:url("../images/bg_nav_send_off.gif") no-repeat left;
}
.style_nav3 li.style_nav3_send a:hover{
	width:26px;
	height:23px;
	display:block;
	background:url("../images/bg_nav_send_on.gif") no-repeat left;
}
.style_nav3 li.style_nav3_mail a{
	width:31px;
	height:23px;
	display:block;
	background:url("../images/bg_nav_mail_off.gif") no-repeat left;
}
.style_nav3 li.style_nav3_mail a:hover{
	width:31px;
	height:23px;
	display:block;
	background:url("../images/bg_nav_mail_on.gif") no-repeat left;
}
.style_nav3 li.style_nav3_close a{
	width:29px;
	height:23px;
	margin-left:2px;
	display:block;
	background:url("../images/bg_nav_close_off.gif") no-repeat left;
}
.style_nav3 li.style_nav3_close a:hover{
	width:29px;
	height:23px;
	margin-left:2px;
	display:block;
	background:url("../images/bg_nav_close_on.gif") no-repeat left;
}
.style_nav3 li a span{
	position:absolute;
	left: -999em;
}



#style_content { 
	background-color:#FFFFFF;
	margin:5px 10px 5px 5px;
	padding:1px 173px 0 0;
	text-align:justify;
	color:#000000;
	height:400px;
}
html>body #style_content { 
	min-height:400px;
	height:auto;
}

/*-------------------------------------------------------------------*/
/* Déclarations de styles attribuent les images de fonds aux pages */
/*-------------------------------------------------------------------*/

.content_dyn_tissu_ind {
	background:#FFFFFF url(../images/fds_dyn-tissu-ind.jpg) no-repeat right top;
}
.content_dyn_moq {
	background:#FFFFFF url(../images/fds_dyn-moq.jpg) no-repeat right top;
}
.content_dyn_rd {
	background: #FFFFFF url(../images/fds_dyn-rd.jpg) no-repeat right top;
}
.content_dyn_ntech {
	background: #FFFFFF url(../images/fds_dyn-ntech.jpg) no-repeat right top;
}
.content_dyn_voies_com {
	background: #FFFFFF url(../images/fds_dyn-voies-com.jpg) no-repeat right top;
}

.content_quali_pays_art {
	background: #FFFFFF url(../images/fds_quali-pays-art.jpg) no-repeat right top;
}
.content_quali_midi_auv {
	background: #FFFFFF url(../images/fds_quali-midi-auv.jpg) no-repeat right top;
}
.content_quali_charte_env {
	background: #FFFFFF url(../images/fds_quali-charte-env.jpg) no-repeat right top;
}
.content_quali_serv_prox {
	background: #FFFFFF url(../images/fds_quali-serv-prox.jpg) no-repeat right top;
}
.content_quali_comm_agglo {
	background: #FFFFFF url(../images/fds_quali-com-agglo.jpg) no-repeat right top;
}

.content_rich_event {
	background: #FFFFFF url(../images/fds_rich-event.jpg) no-repeat right top;
}
.content_rich_agenda {
	background: #FFFFFF url(../images/fds_rich-agenda.jpg) no-repeat right top;
}
.content_rich_liens {
	background: #FFFFFF url(../images/fds_rich-liens.jpg) no-repeat right top;
}

.content_guide_crea_ent {
	background: #FFFFFF url(../images/fds_guide_crea_ent.jpg) no-repeat right top;
}
.content_guide_plateforme {
	background: #FFFFFF url(../images/fds_plateforme.jpg) no-repeat right top;
}
.content_guide_liens {
	background: #FFFFFF url(../images/fds_guide_liens.jpg) no-repeat right top;
}

.content_comp_eco_form {
	background: #FFFFFF url(../images/fds_comp_eco_form.jpg) no-repeat right top;
}
.content_comp_coordonnees {
	background: #FFFFFF url(../images/fds_comp_coordonnees.jpg) no-repeat right top;
}
.content_comp_projet {
	background: #FFFFFF url(../images/fds_comp_projet.jpg) no-repeat right top;
}

.content_doc_charte_pays {
	background: #FFFFFF url(../images/fds_doc_charte_pays.jpg) no-repeat right top;
}
.content_doc_charte_pays_art {
	background: #FFFFFF url(../images/fds_doc_charte_pays_art.jpg) no-repeat right top;
}
.content_doc_reglement {
	background: #FFFFFF url(../images/fds_doc_reglement.jpg) no-repeat right top;
}
.content_doc_cles {
	background: #FFFFFF url(../images/fds_doc_cles.jpg) no-repeat right top;
}

.content_poles_indus_ouest {
	background: #FFFFFF url(../images/fds_poles_indus_ouest.jpg) no-repeat right top;
}
.content_poles_indus_est {
	background: #FFFFFF url(../images/fds_poles_indus_est.jpg) no-repeat right top;
}

.content_artisanat {
	background: #FFFFFF url(../images/fds_artisanat.jpg) no-repeat right top;
}

.content_com_centre-ville {
	background: #FFFFFF url(../images/fds_com_centre-ville.jpg) no-repeat right top;
}
.content_poles_com {
	background: #FFFFFF url(../images/fds_poles_com.jpg) no-repeat right top;
}


/*-------------------------------------------------------------------*/
/* ////////////////////////////// FIN /////////////////////////////  */
/*-------------------------------------------------------------------*/

#style_content a { 
	text-decoration:underline;
	color:#990000;
}
#style_content a:hover { 
	text-decoration:none;
}


#style_content .style_col1 { 
	margin:10px 0 -20px 5px;
}
html>body #style_content .style_col1 { 
	margin:10px 0 -10px 5px;
}
#style_content .style_col1 h2 { 
	font-weight:bold;
	font-size:20px;
	color:#000000;
	margin:0 0 5px 5px;
	padding:2px 0 0 20px;
	background:url(../images/h2_puce1.gif) no-repeat left 4px;
	text-align:left;
}

#style_content .style_col1 p { 
	color:#333333;
	margin:10px 5px 10px 5px;
	padding:10px;
	border: 1px solid #CACACA;
	-moz-border-radius: 8px; 
	-moz-box-sizing: border-box;
	border-radius: 5px;
	box-sizing: border-box;
	behavior: url(../_js/border-radius.htc);
	background-color: #FFFFFF;
}
html>body #style_content .style_col1 p { 
	margin:10px 5px 10px 5px;
}
#style_content .style_col1 p table { 
	color:#999999;
	background: #FFFFFF url(../images/bg_p_col1_bottom.gif) no-repeat left bottom;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:10px;
	text-align:left;
}
#style_content .style_col1 p.chapeau { 
	color:#FFFFFF;
	border: 1px solid #999999;
	-moz-border-radius: 5px; 
	-moz-box-sizing: border-box;
	border-radius: 5px;
	box-sizing: border-box;
	behavior: url(../_js/border-radius.htc);
	background-color: #999999;
}

#style_content .style_col2 { 
	margin:10px 0 10px 3px;
	width:226px;
	float:left;
}
html>body #style_content .style_col2 { 
	margin:10px 0 10px 5px;
}
#style_content .style_col2 h2 { 
	font-weight:bold;
	font-size:16px;
	text-align:left;
	color:#000000;
	margin:0 0 5px 5px;
	padding:2px 0 0 20px;
	background:url(../images/h2_puce1.gif) no-repeat left 2px;
}

#style_content .style_col2 p {
	color:#666666;
	margin:10px 5px 10px 5px;
	padding:10px;
	border: 1px solid #CACACA;
	-moz-border-radius: 8px; 
	-moz-box-sizing: border-box;
	border-radius: 5px;
	box-sizing: border-box;
	behavior: url(../_js/border-radius.htc);
	background-color: #FFFFFF;
}
html>body #style_content .style_col2 p { 
	margin:10px 5px -5px 5px;
}

#style_content .style_col3 { 
	margin:10px 0 10px 5px;
	width:226px;
	float:left;
}
html>body #style_content .style_col3 { 
	margin:10px 0 10px 8px;
}
#style_content .style_col3 h2 { 
	font-weight:bold;
	font-size:16px;
	text-align:left;
	color:#000000;
	margin:0 0 5px 5px;
	padding:2px 0 0 20px;
	background:url(../images/h2_puce1.gif) no-repeat left 2px;
}

#style_content .style_col3 p { 
	color:#000000;
	margin:10px 5px 10px 5px;
	padding:10px;
	border: 1px solid #CACACA;
	-moz-border-radius: 8px; 
	-moz-box-sizing: border-box;
	border-radius: 5px;
	box-sizing: border-box;
	behavior: url(../_js/border-radius.htc);
	background-color: #EBEBEB;
}
html>body #style_content .style_col3 p { 
	margin:10px 5px -5px 5px;
}
.style_spacer { 
	clear:both;
	font-size:10px;
	padding-top:15px;
	padding-left:5px;
}

#style_foot { 
	height:7px;
	font-size:5px;
	background: url(../images/bg_foot.gif) no-repeat left top;
}


#style_legend {
	width:150px;
	height:200px;
	float:right;
	margin:65px 0 0 10px;
	position:absolute;
	/*display:none;*/
}
html>body #style_legend {
	width:150px;
	height:200px;
	float:right;
	position:relative;
	margin:65px -160px 0 0;
}
#style_legend span{
	display:block;
	background:url(../images/bg_span_legend.gif) no-repeat right bottom;
	width:150px;
	height:325px;
	cursor:help;
}
#style_legend span p {
	display:block;
	background:url(../images/bg_legend.gif) no-repeat left top;
	color:black;
	padding:5px;
	margin:0;
	width:150px;
	height:200px;
	filter:alpha(opacity=75);
}