body {
	background-color:#DDDDDD;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

html>body {
height:auto;
}

#lapage {
	background-color:#ffffff;
	position:absolute;
	left:50%;
	width:800px;
	height:100%;
	margin:0px 0px 0px -400px;
	padding: 0px;
}

html>body #lapage {
min-height:100%;
height:auto;
} 

#lapage #entete {
	width:800px;
	margin: 0px;
	padding: 0px;
	background-color:#FFF;
	display:block;
}

#lapage #entete #menuville {
	position:absolute;
	top:56px;
	left:425px;
	margin: 0px;
	padding: 0px;
}
	
#lapage #entete #menuville #Ales {
	float:left;
	margin: 0px 12px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/menu/menu-ales-off.gif);
	text-indent:-7000px;
}

#lapage #entete #menuville #Ales a {
	color:#DDDDDD;
	display:block;
	width:34px;
	height:19px;
	background-image:url(images/menu/menu-ales-off.gif);
}

#lapage #entete #menuville #Ales a:hover {
	color:#DDDDDD;
	background-image:url(images/menu/menu-ales-over.gif);
}

#lapage #entete #menuville #Ales a:visited {
	color:#DDDDDD;
}

#lapage #entete #menuville #Perpignan {
	float:left;
	margin: 0px 12px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(images/menu/menu-perpignan-off.gif);
	text-indent:-7000px;
}

#lapage #entete #menuville #Perpignan a {
	color:#DDDDDD;
	display:block;
	width:77px;
	height:19px;
	color:#000;
	background-image:url(images/menu/menu-perpignan-off.gif);
}

#lapage #entete #menuville #Perpignan a:hover {
	color:#DDDDDD;
	background-image:url(images/menu/menu-perpignan-over.gif);
}

#lapage #entete #menuville #Perpignan a:visited {
	color:#DDDDDD;
}

#lapage #entete #menuville #Montpellier {
	float:left;
	margin: 0px 12px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(images/menu/menu-montpellier-off.gif);
	text-indent:-7000px;
}

#lapage #entete #menuville #Montpellier a {
	color:#DDDDDD;
	display:block;
	width:88px;
	height:19px;
	background-image:url(images/menu/menu-montpellier-off.gif);
}

#lapage #entete #menuville #Montpellier a:hover {
	color:#DDDDDD;
	background-image:url(images/menu/menu-montpellier-over.gif);
}

#lapage #entete #menuville #Montpellier a:Perpignan {
	color:#DDDDDD;
}

#lapage #entete #menuextras {
	position:absolute;
	width:780px;
	top:12px;
	color:#848783;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	text-align:right;
}
	
#lapage #entete #menuextras a {
	color:#848783;
	text-decoration:none
}
	
#lapage #entete #menuextras a:visited {
	color:#848783
}
	
#lapage #entete #menuextras a:hover {
	color:#000
}
	
#lapage #pied {
	color:#848783;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	text-align:center;
	border-top:1px solid #3a3a3a
}
	
#lapage #pied a {
	color:#848783;
	text-decoration:none
}
	
#lapage #pied a:visited {
	color:#848783
}
	
#lapage #pied a:hover {
	color:#000
}
	
p {
	font-size: 10px;
	margin: 0px;
	padding: 5px;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

.fondblanc {
	background-color:#ffffff;
	margin: 0px;
	padding: 0px 0px 42px 0px;
	display:block;
	min-height:550px;
}

.fondblanc p {
	color:#ff0000;
}

.fondblanc .texte {
	margin: 0px;
	padding: 0px 50px 0px 0px;
}

.fondblanc .texte h1 {
	font-size:16px;
	color:#848783;
	margin: 15px 0px 5px 0px;
	padding: 0px;
}

.fondblanc .texte h2 {
	font-size:14px;
	color:#848783;
	margin: 10px 0px 5px 0px;
	padding: 0px;
}

.fondblanc .texte h3 {
	font-size:12px;
	color:#848783;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.fondblanc .texte h4 {
	font-size:12px;
	color:#000;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.fondblanc .texte h5 {
	font-size:12px;
	color:#000;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.fondblanc .texte h6 {
	font-size:12px;
	color:#000;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.fondblanc .texte p {
	font-size:11px;
	color:#000;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.fondblanc .texte a {
	color:#000;
}

.fondblanc .texte a:hover {
	color:#8C8F8B
}

.fondgris {
	background-color:#3a3a3a;
	margin: 0px;
	padding: 0px 0px 42px 0px;
	display:block;
	min-height:550px;
}

.fondgris p {
	color:#fff;
}

.fondgris .texte {
	margin: 0px;
	padding: 0px 50px 0px 0px;
}

.fondgris .texte h1 {
	font-size:16px;
	color:#8C8F8B;
	margin: 15px 0px 5px 0px;
	padding: 0px;
}

.fondgris .texte h2 {
	font-size:14px;
	color:#8C8F8B;
	margin: 10px 0px 5px 0px;
	padding: 0px;
}

.fondgris .texte h3 {
	font-size:12px;
	color:#848783;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.fondgris .texte h4 {
	font-size:12px;
	color:#fff;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.fondgris .texte h5 {
	font-size:12px;
	color:#fff;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.fondgris .texte h6 {
	font-size:12px;
	color:#fff;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.fondgris .texte p {
	font-size:11px;
	color:#fff;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.fondgris .texte a {
	color:#fff;
}

.fondblanc .texte a:hover {
	color:#8C8F8B
}

.copyright {
	font-size:9px;
	color:#999
}

.colonnededroite {
	float:right; 
	width:482px;
	margin:0px;
	padding:0px;
}

.colonnedegauche {
	float:left; 
	width:250px;
	margin:0px;
	padding: 0px 0px 0px 42px;
}

.colonnedegauche .menu {
	margin: 0px 0px 20px 0px;
	padding:0px;
	width:236px;
}

.colonnedegauche .menu ul {
	margin:0px;
	padding:0px;
}

.colonnedegauche .menu li {
	font-size:9px;
	list-style:none;
	margin:0px;
	padding:0px;
	line-height: 14px;
}

.colonnedegauche .menu a {
	margin:0px;
	padding:0px
}

.colonnedegauche .legende {
	width:236px;
	margin: 5px 0px 15px 2px;
	padding:0px;
}

.colonnedegauche .legende p {
	color:#999;
	font-size:9px;
	margin:0px;
	padding:0px
}

.fondblanc .colonnedegauche .menu a {
	color:#000;
	text-decoration:none
}

.fondblanc .colonnedegauche .menu a:hover {
	color:#000;
	text-decoration:underline
}

.fondblanc .colonnedegauche .menu a:visited {
	color:#000
}

.fondblanc .colonnedegauche .legende p a {
	color:#999;
}

.fondblanc .colonnedegauche .legende p a:hover {
	color:#000;
}

.fondblanc .colonnedegauche .legende p a:visited {
	color:#999;
}

.fondgris .colonnedegauche .menu a {
	color:#FFF;
	text-decoration:none
}

.fondgris .colonnedegauche .menu a:hover {
	color:#FFF;
	text-decoration:underline
}

.fondgris .colonnedegauche .menu a:visited {
	color:#FFF
}

.fondgris .colonnedegauche .legende p a {
	color:#999;
}

.fondgris .colonnedegauche .legende p a:hover {
	color:#fff;
}

.fondgris .colonnedegauche .legende p a:visited {
	color:#999;
}

table {
	margin:0px;
	padding:0px;
	border-top: 1px dotted #CCC;
	border-left: 1px dotted #CCC;
}

tr {
	vertical-align: top;
}

td {
	vertical-align: top;
	border-right: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	padding: 3px 4px 0px 4px
}