/* CSS Document */

/*body, html{height:100%;}*/

body{
margin:0;
padding:0;
background:#74c3f6 url('../images/bg-body.gif') repeat-y center top;
font:12px/16px Arial, Helvetica, sans-serif;
color:#2b2b2b;
}

/*OUTIL RECHERCHE*************/
#mainContainer{position:relative;}
	form#recherche{
	position:absolute;
	top:46px;
	right:27px;
	background:url('../images/bg-recherche.png') no-repeat;
	padding:10px;
	}
	
		
		#recherche input{
		width:167px;
		border:1px solid #3a342d;
		background:#fff url('../images/input-text-bg.gif') repeat-x top;
		color:#4e4e4e;
		padding:3px;
		margin:0;
		}

		#recherche a.bouton{
		text-decoration:none;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:14px;
		line-height:normal;
		color:#fff;
		margin-left:3px;
		}
			#recherche .bouton b, #recherche .bouton span{display:inline-block;vertical-align:top;}
			
			#recherche .bouton b:first-child{background:url('../images/btn-left.gif') no-repeat;}
			#recherche .bouton b{background:url('../images/btn-right.gif') no-repeat;width:2px;height:24px;}
			
			
			#recherche .bouton span{
			background:url('../images/btn-center.gif') repeat-x;
			height:21px;
			line-height:normal;
			padding:3px 4px 0 4px;
			}
			
			#recherche .bouton:hover b, #recherche .bouton:hover span{
			background-position:bottom;
			}
				#recherche .bouton:hover span{
				height:20px;
				padding:4px 4px 0 4px;	
				}	
				
    
    /*liste de recherche*/
    #rechercheListe{
    margin:0;padding:0;
    }
    
    #rechercheListe li{
    padding:0;
    margin:16px 0 9px 0;
    list-style:none none;
    }
    
      #rechercheListe a{
      font-family:Georgia, "Times New Roman", Times, serif;
      list-style:none none;
      padding:0;
      margin:0;
      font-size:17px;
      text-decoration:none;
      color:#3a342d;
      }
        #rechercheListe a span{
        text-align:left;
        font:12px/16px Arial, Helvetica, sans-serif;
        text-decoration:underline;
        color:#900;
        }
        
        #rechercheListe a:hover{
        color:#000;
        }
    	#rechercheListe a:hover span{
        text-decoration:none;
        }

span.recherche{
background:yellow;
}
#colMenu span.recherche, #menuTop span.recherche{background-color:transparent;}
        	
/*OUTIL RECHERCHER fin*************/


/*STRUCTURE*/
/*#body_bg02, #body_bg03{
min-height:100%;
_height:100%; 
}
*/
#body_bg02{background:url('../images/bg-body02.jpg') no-repeat center top;}
#body_bg03{background:url('../images/bg-body03.gif') repeat-x bottom;}
#body_bg04{background:url('../images/bg-body04.jpg') no-repeat center bottom;}

#mainContainer{
width:983px;
margin:0 auto;
overflow:hidden;
}

#headFlash{
height:410px;
width:983px;
overflow:hidden;
}

#page{background:url('../images/bg-page.gif') repeat-y center top; float:left; width:983px;}
#page_bg02{background:url('../images/bg-page02.jpg') no-repeat center top; float:left; width:958px; padding-left:25px;}


	#pageTop{
	float:left;
	height:59px;
	width:933px;
	background:url('../images/bg-pageTop.jpg') no-repeat top left;
	}
		#TitreH1{
		background-repeat:no-repeat;
		background-position:top;
		padding:0 23px 0 15px;
		width:228px;
		height:59px;
		float:left;
		}
		
		#accueil #TitreH1{background:url('../images/bg-h1-accueil.jpg') no-repeat top;}
		#sansMenu #TitreH1{background:url('../images/bg-h1-sansmenu.jpg') no-repeat top;}
		#capitale #TitreH1{background:url('../images/bg-h1-capitale.jpg') no-repeat top;}
		#citoyen #TitreH1{background:url('../images/bg-h1-citoyen.jpg') no-repeat top;}
		#tourisme #TitreH1{background:url('../images/bg-h1-tourisme.jpg') no-repeat top;}
		#gensaffaires #TitreH1{background:url('../images/bg-h1-gensaffaires.jpg') no-repeat top;}
		
		
		#menuTop{
		border-bottom:1px solid #ccc;
		margin:0 25px 0 0;
		padding:0 0 8px 0;
		text-align:right;
		}
			#menuTop li{
			display:inline;
			margin:0 0 0 8px;
			padding:0 8px 0 0;
			border-right:1px solid #999;
			}
				#menuTop .last{padding-right:0; border:0;}
				
			#menuTop a{
			color:#333;
			font-weight:bold;
			text-decoration:none;
			}
			#menuTop a:hover, #menuTop .current{
			color:#900;
			}

	
	#pageMiddle{
	background-repeat:repeat-y;
	background-position:top left;
	float:left;
	width:933px;
	height:480px
	}
	html>body #pageMiddle{
	height:auto;
	min-height:480px;
	} 
		
	#capitale #pageMiddle{background-image:url('../images/bg-pageMiddle-capitale.jpg');}
	#citoyen #pageMiddle{background-image:url('../images/bg-pageMiddle-citoyen.jpg');}
	#tourisme #pageMiddle{background-image:url('../images/bg-pageMiddle-tourisme.jpg');}
	#gensaffaires #pageMiddle{background-image:url('../images/bg-pageMiddle-gensaffaires.jpg');}
	

		
		#colMenu{
		float:left;
		width:226px;
		padding:0 0 0 15px;
		min-height:162px;
		_height:162px;
		background-repeat:no-repeat;
		background-position:top;
		}

			#capitale #colMenu{background-image:url('../images/bg-colMenu-capitale-top.jpg');}
			#citoyen #colMenu{background-image:url('../images/bg-colMenu-citoyen-top.jpg');}
			#tourisme #colMenu{background-image:url('../images/bg-colMenu-tourisme-top.jpg');}
			#gensaffaires #colMenu{background-image:url('../images/bg-colMenu-gensaffaires-top.jpg');}

			
			#menu{
			margin:0;
			padding:0 0 0 25px;
			float:left;
			width:175px;
			}
			
			#menu li{
			display:block;
			float:left;
			margin:0; padding:0;
			}
			#menu a{
			display:block;
			float:left;
			width:175px;
			margin:0; padding:6px 0;
			border-top:1px dotted #fff;
			color:#fff;
			text-decoration:none;
			line-height:14px;
			}
			
			#menu li.first a{border:0;}
			
			#menu .current{font-weight:bold;}
			
			#menu a:hover{
			font-weight:bold;
			}
				#menu ul{
				float:left;
				margin:0 0 10px 0; padding:0;
				}
				#menu ul a{
				border:0;
				padding:4px 0 4px 10px;
				}
				
				#menu ul .current{
				font-weight:normal;
				background:url('../images/sousmenu-hover.gif') no-repeat left;
				font-style:italic;
				}
				
			#infolettre{
			float:left;
			margin:0;
			padding:15px 25px 15px 25px;
			width:175px;
			background: url('../images/colMenu-septop.png') no-repeat top;
			position:relative;
			bottom:-28px;
			}
				#infolettre h4, #infolettre label{color:#fff;}
				#infolettre h4{margin-top:0;}
				#infolettre input.text{
				width:167px;
				border:1px solid #3a342d;
				background:#fff url('../images/input-text-bg.gif') repeat-x top;
				color:#4e4e4e;
				padding:3px;
				margin:0 0 8px 0;
				}
				#infolettre input.btn{float:right;}
			
			#menuSepLast{margin-bottom:25px;}
			
			#espacePub{
			background-color:#fff;
			width:171px;
			height:250px;
			border:2px solid;
			margin:0 0 25px 25px;
			}
				#espacePub img{display:block;}
			
				#capitale #espacePub{border-color:#002e4f;}
				#citoyen #espacePub{border-color:#71211b;}
				#tourisme #espacePub{border-color:#425d13;}
				#gensaffaires #espacePub{border-color:#98520d;}
		
		#colContenu{
		float:left;
		width:642px;
		padding:0 25px 30px 25px;
		background-color:#fff;
		text-align:justify;
		height:310px;
		}
		html > body	#colContenu{
		height:auto;
		min-height:310px;
		}
		#accueil #colContenu, #sansMenu #colContenu{width:883px;}

#footer{
clear:left;
height:66px;
width:983px;
position:relative;
top:-126px;
margin-bottom:-126px;
padding-top:60px;
background:url(../images/bg-footer-roches.png) no-repeat bottom;
text-align:center;
}
	#footer p{
	margin:0;
	font-size:10px;
	line-height:normal;
	color:#666;
	}
	#footer img{
	margin-top:8px;
	}
	#footer a{color:#666; text-decoration:none;}
	#footer a:hover{text-decoration:underline;}
	#footer #signatureCache{position:absolute; top:-99999px;}
/*STRUCTURE -FIN-*/

/*Accueil*/

#intro, #sections{float:left;}
#intro{width:419px; margin-right:23px;}
#sections{width:441px;}
	#sections img{margin-bottom:0;}

/*Accueil -FIN-*/

/*ID*/


#hautPage{
clear:both;
width:933px;
padding-bottom:125px;
}

#hautPage div{
margin:0 0 0 266px;
padding-top:5px;
width:642px;
border-top:1px solid #ccc;
text-align:right;
}

#sansMenu #hautPage div, #accueil #hautPage div{
margin:0 0 0 25px;
padding-top:5px;
width:883px;
border-top:1px solid #ccc;
text-align:right;
}

/*
#hautPage{
margin-top:33px;
padding-top:5px;
border-top:1px solid #ccc;
text-align:right;
clear:both;
}
*/
	#hautPage a{
	padding-right:14px;
	background:url('../images/fleche-top.gif') no-repeat center right;
	text-decoration:none;
	}
	#hautPage a:hover{
	text-decoration:underline;
	}

	
#listeRepertoire{overflow:hidden;}

	#listeRepertoire ul{
	float:left;
	width:250px;
	}
	
	#pubBottom{margin-top:50px; clear:both;}
	#accueil #pubBottom{
	margin-top:0;
	margin-right:-30px;
	overflow:hidden;
	width:913px;
	}
	
		#accueil #pubBottom img{margin-right:30px;}
	
		#pubBottom img{display:block; padding:0; /*border:6px solid #ccc;*/ float:left;}
		#pubBottom img.pub02{margin-left:18px;}
		#pubBottom a:hover img{border-color:#e4e4e4;}
	
/*ID -FIN-*/

/*Class*/

.ico{vertical-align:middle;}

.flecheRight{padding-left:12px; background:url('../images/fleche-right.gif') no-repeat center left;}
.flecheLeft{padding-left:12px; background:url('../images/fleche-left.gif') no-repeat center left;}

.retourHaut{
padding-top:5px;
text-align:right;
}
	.retourHaut a{
	padding-right:14px;
	background:url('../images/fleche-top.gif') no-repeat center right;
	text-decoration:none;
	}
	.retourHaut a:hover{
	text-decoration:underline;
	}
	
.hidden{display:none;}	
/*Class -FIN-*/

/*BALISE*/
a{color:#900;}
a:hover{text-decoration:none;}
a:active, a:focus{outline:none;}

img{border:0;}
.imgContenu{padding:5px; border:1px solid #ccc; background-color:#fff;}
a:hover .imgContenu{border-color:#aaa;}

.creditPhoto{
font-size:10px;
padding-right:6px;
}

h1, h2, h3, h4, h5, h6{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height:normal;
padding:0;
text-align:left;
color:#3a342d;
}

h1{
margin:0;
line-height:19px;
font-size:20px;
text-align:center;
text-transform:uppercase;
}


h2{
margin:0 0 25px;
font-size:24px;
text-transform:uppercase;
}
	h2 span.sousTitre{
	font-size:18px;
	}
	
	h2 span.section{
	font-size:18px;
	display:inline-block;
	margin-top:10px;
	}
	h2 a{color:#3a342d; text-decoration:none;}
	h2 a:hover{text-decoration:underline;}
	
h3{
margin:20px 0 12px;
font-size:22px;
}
	h3 span.sousTitre{
	font-size:18px;
	}
	

h4{
margin:16px 0 9px 0;
font-size:17px;
}
	h4 span.sousTitre{
	font-size:14px;
	}

h5{
font:12px/16px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#1a1a1a;
margin:0 0 -8px 0;
}

#capitale h1, #capitale h2{color:#003d69;}
#citoyen h1, #citoyen h2{color:#972c24;}
#tourisme h1, #tourisme h2{color:#587c1a;}
#gensaffaires h1, #gensaffaires h2{color:#cb6d11;}

p{margin:9px 0;}

sup{margin:0; padding:0; line-height:0;}

ul{
list-style:square outside url('../images/puce.gif');
padding:0;
margin:9px 0 9px 25px;
}
ul.sansPuce{
list-style:none none;
margin-left:0;
}

	li{}


dl{margin:9px 0;}

dt{
margin:9px 0 0 0;
font-weight:bold;
}	

dd{
margin-left:9px;
}
	dd ul{margin:0 0 0 14px;}
	
hr{
display:block;
border-top:1px solid #ccc;
border-left:0;
border-right:0;
border-bottom:0;
height:1px;
margin:20px 0;

}
div.hr{
border-top:1px solid #ccc;
margin:20px 0;
clear:both;
}
	div.hr hr, div.hr2 hr{display:none;}

div.hr2{
border-top:1px dotted #ccc;
margin:16px 0;
clear:both;
}

form{margin:0; padding:0;}

label{
font:14px Georgia, "Times New Roman", Times, serif;
}

input.text{}

small{font-size:10px;}

table, td, th{border-collapse:collapse; border:0;}

table.tableActivites{
border-collapse:collapse; border:0;
margin:12px 0 24px 0;
padding:0;
}
	.tableActivites td, .tableActivites th{border-top:1px dotted #ccc; padding:8px;vertical-align:top;}
	.tableActivites tr:first-child td, .tableActivites tr:first-child th{border-top:1px solid #ccc; padding:8px;}
	.tableActivites th{
	background-color:#f1f1f1;
	}
	.tableActivites th span{
	font-weight:normal;
	}
	
table.tableContenu{
border-collapse:collapse;
border:1px solid #ccc;
margin:12px 0;
padding:0;
text-align:left;
}
	.tableContenu td, .tableContenu th{border:1px dotted #ccc; padding:8px;}
	.tableContenu tr:first-child td, .tableContenu tr:first-child th{border-top:1px solid #ccc; padding:8px;}
	.tableContenu th{
	background-color:#f1f1f1;
	}
	
	.tableContenu td{
	vertical-align:top;
	}

/*BALISE -FIN-*/

.clear{clear:both;}

/*Galerie photos (petit)*/
dl.galerieP{
text-align:left;
margin:12px 0;
}
 
.galerieP dt, 
.galerieP dd{
float:left;
}
 
.galerieP dt{
width:100px;
margin-bottom:0;
}
 
	.galerieP dt img{
	vertical-align:bottom;
	background-color:#fff;
	padding:5px;
	border:1px solid #ccc;
	}
	.galerieP dt a:hover img{
	border:1px solid #aaa;
	}
 
.galerieP dd{
width:100px;
text-align:left;
padding-top:10px;
margin:95px 0 0 -100px;
}
 
	.galerieP dd em{
	display:block;
	color:#333;
	font-weight:bold;
	font-style:normal;
	}
/*Galerie photos -Fin-*/

/*Nouvelles*/

#nouvelles{
list-style:none none;
margin:0 0; padding:0 28px;
width:600px;
}
	
	#nouvelles h4{margin:0 0 9px 0;}
	#nouvelles h3{font-size:14px; margin:9px 0 0 0;}
	
	#nouvelles hr{
	display:block;
	border-top:1px dotted #ccc;
	}
	#nouvelles .hr hr, #nouvelles .hr2 hr{
	display:none;
	}
	

#nouvellesTbn{
margin-top:24px;
}

#nouvellesTbn h2{
margin:8px 0 0 0;
}

#nouvellesTbn ul{
list-style:none none;
margin:0; padding:0;
}
	#nouvellesTbn li{
	padding:8px 0; margin:0;
	border-top:1px dotted #ccc;
	}

		#nouvellesTbn h4{
		font:bold 12px/16px Arial, Helvetica, sans-serif;
		color:#2b2b2b;
		margin:0;
		}
		#nouvellesTbn h3{
		font:12px/16px Arial, Helvetica, sans-serif;
		color:#2b2b2b;
		margin:0;
		}
		#nouvellesTbn h4 a{color:#2b2b2b; text-decoration:none;}
		#nouvellesTbn h4 a:hover{text-decoration:underline;}
		
		#nouvellesTbn p{margin:8px 0 0 0;}
		
		#nouvellesTbn p#nouvelleTbnBottom{
		border-top:1px dotted #ccc;
		text-align:right;
		padding:8px 0;
		margin:0;
		}
		
		#nouvellesTbn li p a{
		padding-left:12px; background:url('../images/fleche-right.gif') no-repeat center left;
		}
		
		#nouvellesTbn .hr2, #nouvellesTbn hr{
		margin:8px 0;
		border-top:1px dotted #ccc;
		}
		#nouvellesTbn .hr hr, #nouvellesTbn .hr2 hr{
		display:none;
		}
	
/*Nouvelles -Fin-*/