/* CSS Document */

body {
	background:#FFFFFF url('../images/background.jpg') no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	color:#6964AD;
	font-size:65.5%;
	text-align:center;
	margin:0;
	padding:0;}
	
#accessibility{visibility: hidden; display: none;}

#page{margin:100px 0 0 0;padding:0;text-align:left;float:left;}
		
	/*** Colonne de gauche (logo) ***/
		
	#header{
		position:absolute;
		margin:0;padding:0 0 0 25px;
		background: url('../images/fond-header.jpg') no-repeat left top;top:101px;left:0;
		width:233px;height:636px;
		font-size:1.1em;}
		
		#logo {float:left;
			position:relative;
			background: url('../images/logo-grandsud.gif') no-repeat center top;
			text-indent:-9000px;
			height:260px;
			width:181px;
			padding:0;
			margin:0;
			}
			#logo h1{height:170px;}
			#logo h2{
				background: url('../images/logo-carrefour-hp.gif') no-repeat center top;
				height:33px;margin:0;
				border-bottom:1px dashed #6964AD;
				}
				#tel{background: url('../images/tel.gif') no-repeat center top;height:35px;width:181px;margin:0;padding:0 0 1px 0;}
			
		#coordonnees, #horaires{text-align:center;margin:0;padding:5px;width:180px;border-bottom:1px dashed #6964AD;clear:left;}
			#coordonnees p, #horaires p{text-align:left;padding:0;margin:10px 0;}
				#horaires a{font-weight:bold;font-size:1.1em;color:#6964AD;text-decoration:underline;}
					#horaires a:hover{text-decoration:none;color:red;}	
				#horaires .maj{text-transform:uppercase;text-align:center;padding:0;margin:0;font-weight:bold;font-size:1.3em;}
				
	#header a.clair{font-size:1.1em;color:#B9B9D0;text-decoration:underline;}
		#header a:hover.clair{text-decoration:none;color:red;}
			
	#contents{
		position:relative;
		left:230px;
		float:left;
		margin:0;padding:0;
		width:auto;
		height:730px;
		}
		
		/*** Colonne de gauche (centrale) ***/
		
		#colGauche {float:left;
			background: url('../images/fond-boutiques.jpg') no-repeat left top;
			height:510px;width:290px;margin:10px 0 0 0;padding:50px 0 1px 0;}
			
			#boutiques {height:110px;width:270px;}
				#boutiques h3{text-indent:-9000px;}
				#boutiques form {padding:5px;}
					#boutiques form select{width:150px;float:left;clear:left;margin:0 10px 15px 0;}
					#boutiques form #bt{position:absolute;top:125px;left:170px;}
			
			#galerie{text-align:left;height:25px;padding:160px 0 0 0;width:auto;margin:0 0 0 -30px;}
				#galerie ul{font-size:1.2em;}
					#galerie li{list-style:none;padding:0 0 3px 0;}
						#galerie li a{color:#6964AD;font-weight:bold;}
						#galerie li a.clair{color:#B9B9D0;}
						#galerie a:hover{text-decoration:none;color:red;}
		
		/*** Colonne de droite ***/
				
		#colDroite{float:left;margin:10px 0 0 3px;padding:0;}
		
			#colDroite p{font-size:1.2em;}
				#colDroite p.tous{text-align:right;margin:0 155px 0 0;}
					#colDroite p.tous a{color:#777777;font-weight:bold;}
					#colDroite p.tous a:hover{color:red;text-decoration:none;}
			
			#infos_galerie{
				background: url('../images/fond-infos-galerie.jpg') no-repeat left top;
				height:175px;width:450px;margin:0 0 0 7px;padding:5px}
				#infos_galerie .titres{text-transform:uppercase;color:#8d2035;font-size:1.2em;font-weight:bold;}
					#infos_galerie a:link.suite, #infos_galerie a:active.suite, #infos_galerie a:visited.suite{color:red;font-weight:bold;}
					#infos_galerie a:hover.suite{color:#000;text-decoration:none;}

				
			#infos_locales{
				background: url('../images/fond-infos-locales.jpg') no-repeat left top;
				height:175px;width:450px;margin:0 0 0 7px;padding:5px}
				#infos_locales .titres{text-transform:uppercase;color:#5c6303;font-size:1.2em;font-weight:bold;}
					#infos_locales a:link.suite, #infos_locales a:active.suite, #infos_locales a:visited.suite{color:#ffb202;font-weight:bold;}
					#infos_locales a:hover.suite{color:#000;text-decoration:none;}
				
			#services{
				background: url('../images/fond-services.jpg') no-repeat left top;
				height:173px;width:450px;margin:0 0 0 7px;padding:5px}
				#services ul{margin:90px 0 0 0;padding:5px}
				#services li{list-style:none;padding:0 0 3px 0;}
					#services li a{color:#777777;font-size:1.2em;font-weight:bold;}
					#services li a:hover.ext{color:#8d2035;font-size:1.2em;font-weight:bold;text-decoration:none;}
					#services li a:hover.int{color:#ee4f17;font-size:1.2em;font-weight:bold;text-decoration:none;}
					#services li a:hover.enf{color:#5c6303;font-size:1.2em;font-weight:bold;text-decoration:none;}
					
					
		
	#footer {clear:left;margin:0;padding:0 0 0 25px;font-size:1.2em;}