/* CSS Document */

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	background: url(images/testFond.gif) repeat-x #edecec;
}

#site{
	width:940px;
	position:absolute;
	left:-470px;
	margin-left:50%;
}	

#bandeau{
	width:940px;
	height:92px;
	background:url(images/bandeau.jpg) #ffffff no-repeat;
	z-index:10;
}

#bandeau .menu{
	padding:0px;
	margin:0px;
}

#bandeauFlash{
	background-color:#000000;
	text-align:center;
}

#bandeauFlash h3{
	padding:0px;
	margin:0px;
	padding-top:10px;
	color:#de000c;
	text-transform:uppercase;
}

.menu{
	position:absolute;
    display:block;
    margin:0px;
 	z-index: 30;
    width:720px;
    top:70px;
    left:220px;
}

#bandeauFlash{
	z-index:1;
	width:735px;
	height:146px;
}

	#espaceRecherche{
		margin-left:735px;
		margin-top:-146px;
		width:205px;
		height:146px;;
		background:url(images/lien_droit.jpg) #ffffff no-repeat;
	}
	
		#laRecherche{
			padding-top:10px;
			padding-left:50px;
		}

#accesDirect{
	width:209px;
	height:244px;
	background:url(images/fond_gauche.jpg) #ffffff no-repeat;
}

#accesDirect select{
	width:135px;
}

	#vousetes{
		width:135px;
		margin-left:62px;
		padding-top:68px;
	}
	
	#voushabitez{
		width:135px;
		height:10px;
		margin-left:62px;
		padding-top:29px;
	}

#accesactu{
	width:308px;
	height:244px;
	background-color: #ffffff;
	margin-top:-244px;
	margin-left:209px;
	overflow:hidden;
}

	.titreEspace{
		width:308px;
		height:20px;
		background-color:#d5d5d5;
		padding:0px;
		margin:0px;
	}
	
	#flashInfoDefil{
		height:130px;
		padding:8px;
		line-height:12px;
		overflow:hidden;
	}
	
	HTML>BODY #flashInfoDefil{
		height:122px;
	}
	
	#actuDefil{
		padding:8px;
		line-height:12px;
		overflow:hidden;
		height:45px;
	}
	
	HTML>BODY #actuDefil{
		height:30px;
	}
	
#accesmultimedia{
	width:233px;
	height:244px;
	background:url(images/fond_multimedia.jpg) #ffffff no-repeat;
	margin-top:-244px;
	margin-left:517px;
}

	#videoAccueil{
		padding-left:10px;
		padding-top:33px;
	}
	
	#texteVideo{
		width:213px;
		padding-left:20px;
	}
	
	HTML>BODY #texteVideo{
		width:193px;
	}
	
	#lienMultimedia{
		width:213px;
		padding-left:20px;
	}
	
	HTML>BODY #lienMultimedia{
		width:193px;
	}

#accesclient{
	width:190px;
	height:244px;
	background:url(images/fond_espaceClient.jpg) #ffffff no-repeat;
	margin-top:-244px;
	margin-left:750px;
}

	#formConnexion{
		padding-top:50px;
		padding-left:12px;
	}
	
	#formConnexion, #formConnexion td{
		font-size:10px;
		color:#585858;
	}

#baspage{
	width:940px;
	height:69px;
	background:url(images/basPage.jpg) #4a4a4a no-repeat;
}

#lienbas1{
	margin-left:178px;
	padding-top:13px;
	height:30px;
}

#lienbas2{
	margin-left:267px;
	margin-top:-10px;
	height:30px;
}

HTML>BODY #lienbas2{
	margin-top:21px;
}

HTML>BODY #lienbas2{
	margin-top:-21px;
}

#lienbas3{
	margin-left:473px;
	margin-top:-23px;
	height:30px;
}

#lienbas4{
	margin-left:614px;
	margin-top:-25px;
	height:30px;
}

#lienbas5{
	margin-left:720px;
	margin-top:-28px;
	height:30px;
}

#lienbas6{
	margin-left:760px;
	margin-top:-28px;
	height:30px;
}

/*les liens images*/
	#lien1{
		width:15px;
		height:15px;
		position:absolute;
		top:142px;
		left:816px;
	}
	
	#lien2{
		width:24px;
		height:15px;
		position:absolute;
		top:142px;
		left:843px;
	}
	
	#lien3{
		width:15px;
		height:15px;
		position:absolute;
		top:142px;
		left:879px;
	}
	
	#lien4{
		width:21px;
		height:15px;
		position:absolute;
		top:142px;
		left:910px;
	}
	
	#lienSatisfaction{
		width:178px;
		height:25px;
		position:absolute;
		top:372px;
		left:757px;
	}
	
	#lienAgence{
		width:114px;
		height:19px;
		position:absolute;
		top:412px;
		left:757px;
	}
/*------------------------------------*/

#site{
	
}

#laRecherche{
	text-transform:uppercase;
}

#formConnexion a{
	font-size:9px;
}

#bandeau, #laRecherche, #lienMultimedia a, #baspage a, #accesactu{
	font-size:10px;
}

#texteVideo, #menu_admin, #menu_admin a, #bandeauFlash, #bandeauFlash a, #accesactu{
	font-size:11px;
}

#bandeau, #laRecherche, #lienMultimedia a, #baspage a{
	font-weight:bold;
}


/*gris foncé*/
#menu_admin, #menu_admin a, #baspage a:hover, #lienMultimedia a:hover{
	color:#4a4a4a;
}

/* gris texte*/

#accesactu, #texteVideo, #formConnexion a{
	color: #585858;
}


/* gris clair*/
#baspage a{
	color: #989797;
}

/* bleu */
#accesactu a,strong, #lienMultimedia a{
	color:#327895;
}

/* blanc */
#laRecherche, #bandeauFlash, #bandeauFlash a{
	color:#ffffff;
}

#accesactu a, #menu_admin a:hover, #lienMultimedia a, #formConnexion a:hover, #baspage a{
	text-decoration:none;
}

#accesactu a:hover{
	text-decoration:underline;
}

#accesactu{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*rouge*/

.recherche{
	background-color: #d8d8d8;
	border: 1px solid #c2c2c2;
	color:#585858;
	width:117px;
	font-size:10px;
}

.formConn{
	background-color: #d8d8d8;
	border: 1px solid #c2c2c2;
	color:#585858;
	width:100px;
	font-size:10px;
}

.bouton2, .boutonOK2{
	border: 1px solid #c2c2c2;
	color:#ffffff;
	font-size:10px;
	background-color:#4a4a4a;
	height:17px;
	font-weight:bold;
}

.bouton, .boutonOK1{
	border: 1px solid #c2c2c2;
	color:#4a4a4a;
	font-size:10px;
	background-color:#f9f9f9;
	height:17px;
	font-weight:bold;
}

.boutonOK1, .boutonOK2{
	width:26px;
}

select{
	border: 1px solid #e8e8e8;
	background-color:#e8e8e8;
	width : 132px;
	color:#585858;
	font-size:10px;
}

#menu_admin{
	position:absolute;
	text-align:center;
	width:940px;
	height:25px;
	padding-top:6px;
	top:0px;
	background-color:#CCCCCC;
}