* {/*reset d'un certain nombre de styles css par defaut*/
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
html{width:100%;}
body {
	background:#FFFFFF url('../images/background-pages.jpg') no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	color:#6964AD;
	font-size:65.5%;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;}

strong{font-weight:bold;}

#accessibility{visibility: hidden; display: none;}

#page{position:relative;margin:0;padding:0;text-align:left;float:left;width:auto;}
		
	/*** Colonne de gauche (logo) ***/
		
	#header{margin:0;padding:0;}
		
		#logo {border:inherit;
			position:relative;
			background: url('../images/logo-grandsud-pages.jpg') no-repeat left top;
			height:183px;
			width:304px;
			padding:0;
			margin:4px 0 0 25px;
			}
			#logo h1 {}
				#logo h1 a{text-indent:-9000px;display:block;width:300px;height:180px;}
			#logo h2{margin:0;text-indent:-9000px;}
			
		#colonne1{position:relative;width:300px;height:100px;left:25px;top:-20px;}
		#boutiques {}
				#boutiques h3{text-indent:-9000px;}
				#boutiques form {padding:5px;}
					#boutiques form select{border:1px solid #B9B9D0;width:150px;margin:0 10px 15px 0;float:left;}
					#boutiques form #bt{float:left;margin:-20px 0 0 0;}
		
		li{ list-style:none;font-size:1.2em;}	
		li a {text-decoration:underline;font-weight:bold;}
				
		#plan{background: url('../images/fond-plan.jpg') no-repeat right bottom;
			position:relative;float:left;height:150px;width:304px;margin:0 0 20px 0;}
			#plan li a.bleu1{color:#6964AD;}
			#plan li a.bleu2{color:#BBB9D8;}
				
		#anims{background: url('../images/fond-infos-galerie-int.jpg') no-repeat right bottom;
			position:relative;float:left;height:90px;width:304px;} 	
			#anims li a{color:#FF3400;}		
		#infos{background: url('../images/fond-infos-locales-int.jpg') no-repeat right bottom;
			position:relative;float:left;height:90px;width:304px;} 	
			#infos li a{color:#FFB200;}		
		#services{background: url('../images/fond-services-int.jpg') no-repeat right bottom;
			position:relative;float:left;height:90px;width:304px;} 	
			#services li a{color:#FFD900;}
			
		#coordonnees{
			float:left;color:#ffffff;font-size:1.1em;
			background: url('../images/font-coordonnees.jpg') no-repeat left top;width:304px;height:155px;}
				#coordonnees a{font-weight:bold;font-size:1.1em;color:#6964AD;text-decoration:underline;}
					#coordonnees a:hover{color:red;text-decoration:none;}
			#tel{text-indent:-9000px;
				background: url('../images/tel2.gif') no-repeat right top;
				height:35px;
				margin:0 10px 0 0;
				padding:0 0 1px 0;}
				
		#horaires{float:left;
			background: url('../images/horloge-int.jpg') no-repeat right top;
			width:300px;height:150px;}
				#horaires a{color:#B9B9D0;text-decoration:none;}
					#horaires a:hover{text-decoration:none;color:red;}	
				#horaires .maj{text-transform:uppercase;padding:0;margin:0;font-weight:bold;font-size:1.3em;}
				
			#coordonnees p, #horaires p{font-size:1.1em;text-align:left;padding:0;margin:10px;}
				
	#header a.clair{font-size:1.1em;color:#B9B9D0;text-decoration:underline;}
		#header a:hover.clair{text-decoration:none;color:red;}
			
	#contents{/*border:1px solid red;*/
		position:absolute;
		top:167px;
		left:340px;
		float:left;
		margin:0;padding:0;
		width:600px;
		height:100%;
		}
		#contents h1, #contents h2, #contents h3, #contents h4{font-size:1.5em;text-transform:uppercase;font-weight:bold;text-align:right;}
		#contents h1, #contents h3{color:#666699;margin-bottom:15px;}
		#contents h2{color:#F25821;margin:15px 0;}
		#contents h3, #contents h4{text-align:left;font-weight:bold;}
		#contents h4{color:#F25821;font-size:1.2em;}
		
		#contents li{list-style:disc inside;}
		.cadre {float:left;border:1px solid #B0B0CA;margin:10px 0;padding:5px;background: url('../images/fond_enseignes.jpg') repeat-x left top;}
		#contents p{font-size:1.2em;}
			#contents a.clair, #contents a.clair:visited, #contents a.clair:active{color:#B9B9D0;text-decoration:none;}
			#contents a.clair:hover{color:red;text-decoration:underline;}
		#contents p.anim img{margin:-47px 0 0 5px;}
		#contents p.anim{font-size:1.2em;text-align:justify;}
		#contents p.enseignes{font-size:1.2em;text-align:justify;}
			#contents p.enseignes a{color:#B0B0CA;text-decoration:none;}
			#contents p.enseignes a:hover{color:red;text-decoration:underline;}
		#contents p a.imprimer:link, #contents p a.imprimer:visited, #contents p a.imprimer:active {
			background:url('../../images/picto_imp.gif') no-repeat center left;margin:35px;
			border:1px solid #669;padding:5px 10px 5px 25px;color:#B0B0CA;text-decoration:none;}
			#contents p a.imprimer:hover{color:red;text-decoration:underline;}
		
		
		#contents #list_sscateg{}
			#list_sscateg p{font-weight:bold;font-size:1.2em;}
				#list_sscateg a:link, #list_sscateg a:active, #list_sscateg a:visited{text-decoration:none;color:#666699;}
				#list_sscateg a:hover{text-decoration:underline;color:red;}		
		
		#contents #list_categ{position:absolute;float:right;text-align:right;top:-150px;width:600px;}
			#list_categ li{list-style:none;font-weight:bold;}
				#list_categ li a:link, #list_categ li a:active, #list_categ li a:visited{text-decoration:none;color:#666699;}
				#list_categ li a:hover{text-decoration:underline;color:red;}
		
	#footer{position:relative;clear:left;background: url('../images/footer.jpg') no-repeat left top;width:100%;text-align:left;padding:55px 0 30px 0;}
		#footer p{padding:0 0 0 30px;font-size:1.2em;}
		#footer a, #footer a:visited, #footer a:active{color:#B9B9D0;text-decoration:none;}
		#footer a:hover{color:red;text-decoration:underline;}