/* ----- ELEMENTS DE DEPARD ----- */

body {
	margin: 0;
	border: 0;
	background: #ccc;
}

#conteneur {
	width: 956px;
	padding: 0;
	margin: auto;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	 background: #fff;
}

img {
	border: 0
}

form {
	margin:0;
	padding:0;
}

h1.titre {
	margin: 5px;
	font-size: 16px;
}

h1, h2 {
 padding:0;
 margin:0;	
}

/* ----- CLASSES COMMUNES ----- */

.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 5px; border: 1px solid #ccc; list-style: none }
p.centre { text-align: center; margin: 10px }
p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }

/* ----- VOS CLASSES ET ELEMENTS ----- */

#haut #langues {
 position:absolute;
 margin:4px;
}

#haut #langues a {
 color: #000;
 font-size:11px;
 text-decoration: none;	
}

#haut #langues a:hover {
 text-decoration: underline;	
}

#haut #langues .langFR {
 background: url('../../images/fr.png') top left no-repeat;
 padding: 0px 20px 0px 20px;	
 display: inline;
}

#haut #langues .langEN {
 background: url('../../images/en.png') top left no-repeat;
 padding: 0px 0px 0px 20px;	
 display: inline;
}

#haut #topnav {
 display: block;
 background: url('../../images/barre.haut.jpg') top center no-repeat;
 min-height: 20px; /* <-- 24-4 */
 padding-top: 4px;
 padding-right: 15px;
 text-align: right;
}

#haut #topnav ul { 
 margin: 0;
 padding: 0;
 list-style: none;	
}

#haut #topnav ul li {
 display: inline;
 margin-left: 15px;	
 padding-left:18px;
 background: url('../../images/puce.png') 0px 1px no-repeat;
}

#haut #topnav ul li:hover {
 display: inline;
 margin-left: 15px;	
 padding-left:18px;
 background: url('../../images/puce.png') 0px -20px no-repeat;
}

#haut #topnav ul li a {
 font-family: Arial, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #333;
 text-decoration: none;	

}

#haut #topnav ul li:hover a {
 color: #a2402b;
 text-decoration: underline;	
}

#haut #header {
 display: block;
 background: url('../../images/banniere.jpg') top center no-repeat;
 min-height: 244px;
}

#haut #header #logo {
 float: left;
 display: inline;
 margin-left: -10px;
 padding: 0px;
 text-align: center;
 background: url('../../images/sep.png') bottom center no-repeat;
 font-family: Verdana, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #333;
}

#haut #header #logo h1 {
 font-family: Verdana, sans-serif;	
 font-size: 17px;
 font-weight: normal;
 color: #333;	
 margin: 15px 0px 60px 30px;
}

#haut #mainnav {
 display: block;
 background: url('../../images/barre.nav.jpg') top center no-repeat;
 min-height: 36px; /* <-- 37-8 */
 text-align: left;
}

#haut #mainnav ul { 
 float: left;
 margin: 0;
 padding: 0;
 border: no;
 list-style: none;	
 padding-top: 1px;
}

#haut #mainnav #newsletter {
 float: left;	
 width: 525px;
 padding: 0px 0px 0px 20px;
}

#haut #mainnav #newsletter input[type="text"] {
 float: left;
 border: 1px solid #333;	
 margin: 6px 10px 0px 0px;
}

#haut #mainnav #newsletter input[type="submit"] {
 float: left;
 border: 0;	
 padding: 0px 2px;
 margin-top: 1px;
 height: 29px;
 font-family: Verdana, sans-serif;
 font-size: 14px;
 font-weight: normal;
 color: #fff;
 background: #a2402b;
}

#haut #mainnav #newsletter h3 {
 float: left;
 background: url('../../images/newsletter.png') center left no-repeat;	
 width: 97px;
 height: 30px;
 margin:0;
 padding:0;
 margin-right: 10px;
}
#haut #mainnav #newsletter h3 span {
 visibility:hidden;	
}

#haut #mainnav ul li {
 float: left;
 display: inline;
 border-left: 1px solid #fff;
 margin: 0;
 padding: 7px 18px;
}

#haut #mainnav ul li a {
 font-family: Verdana, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
}

#haut #mainnav ul li:hover {
 background: url('../../images/mainnav.hover.png') top left repeat-x;
}

#page {
 display: block;
 min-height: 300px;	
}

#page #gauche {
 background: #fff url('../../images/bloc.gauche.jpg') top left repeat-y;
 float: left;
 width: 157px;
 margin: 0px 0px 10px 0px;
}

#page #gauche #menu {
 min-height: 300px;	
 padding-bottom:20px;
}

#page #gauche #menu h2 {
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 padding: 0;
 margin-top: 5px;		
 cursor: pointer;
 background: url('../../images/menusep.png') 5px 28px no-repeat;
 padding: 7px 0px 10px 14px;
}

#page #gauche #menu ul {
 margin:0;
 padding:0px 0px 0px 15px;	
 list-style: none;
 font-size: 11px;
}

#page #gauche #menu a {
 text-decoration: none;
 color: #fff;	
}

#page #gauche #menu a:hover {
 color: #a2402b;
 text-decoration: underline;	
}

#page #gauche #menu ul li {
 padding: 2px;	
}

#page #gauche h3 {
 background: url('../../images/titre.menu.png') top left no-repeat;
 height: 41px;
 width: 171px;
 margin:0px 0px 8px 0px;
 padding:0;	
}
#page #gauche h3 span { visibility:hidden; }

#page #gauche #gauchePied {
 background: url('../../images/bloc.gauche3.jpg') top left no-repeat;
 height: 10px;
 width: 157px;
}

#page #centre {
 background: #fff;
 min-height: 500px; 
 float: left;
 width: 598px; /* 603 - 5 */
 padding-left: 5px;
}

#page #centre #arbo {
 font-size: 11px; 	
 padding: 6px 6px 6px 0px;
}

#page #centre #arbo a {
 text-decoration: none;
 color:#555;
}

#page #centre #arbo a:hover {
 text-decoration: none;
 color: #000;
}

#page #centre h2, #page #centre h1 {
 color: #000;
 background: url('../../images/titre.bg.jpg') center center no-repeat;	
 font-size: 12px;
 font-weight: bold;
 padding: 8px 8px 8px 20px;
 margin:0px;
 color: #000;
 text-transform: uppercase;
}

#page #centre h2 span, #page #centre h1 span {
 display: inline;
 padding: 8px;
 background: #fff;
}

#page #droite {
 background: #fff url('../../images/bloc.droite.jpg') top right no-repeat;
 min-height: 288px; 
 float: left;
 width: 181px; /* <-- 186 - 15 */
 text-align: center;
 padding: 0px 0px 0px 15px;
 color: #fff;
 font-size: 11px;
 font-weight: bold;
}

#page #droite .flashinf0 {
 background: url('../../images/titre.flashinfo.png') top center no-repeat;
 height: 41px;
 width: 171px;
 margin:8px 0px 8px 10px;
 padding:0;	
}
#page #droite .flashinf0 span { visibility:hidden; }

#page #droite #fl4shinfo {
 min-height: 10px;	
}

#flash_infos {
 height: 115px;
 font-size: 11px;	
 padding: 0px 5px 0px 7px;
}

#flash_infos h2 {
 font-size: 14px;
 font-weight: bold;	
}

#page #droite .horaires {
 background: url('../../images/titre.horaires.png') top center no-repeat;
 height: 41px;
 width: 171px;
 margin:8px 0px 8px 10px;
 padding:0;	
}
#page #droite .horaires span { visibility:hidden; }

#page #droite #picto1 {
 background: url('../../images/picto1.jpg') top center no-repeat;
 display: block;
 min-height: 190px;	
} 

#bas {
 clear: both;
 display: block;
 min-height: 108px;	
 margin-top: 20px;
 background: url('../../images/bas.jpg') top center no-repeat;
}

#bas #ekinoxe {
 display: inline;
 float: left;
 width: 290px;
 text-align: center;
 padding: 35px 0px 0px 0px;	
}

#bas #infoSociete {
 display: inline;
 float: left;
 width: 180px;
 text-align: center;
 padding: 15px 0px 0px 0px;	
 color: #fff;
 font-size: 14px;
}

#bas #basLiens {
 display: inline;
 float: left;
 width: 400px;
 color: #fff;
 font-size: 12px;
 text-align: left;
 padding: 35px 0px 0px 80px;	
}

#bas #basLiens a {
 color:#fff;
 text-decoration: none;
 padding-right:20px;
}

#bas #basLiens a:hover {
 color:#a2402b;
 text-decoration: underline;
}

/* --- GALERIE --- */

td.galerie {
 background: url('../../images/img_r9_c5.jpg') top center no-repeat;
 width: 142px;
 height: 164px;
 text-align: center;	
}

/* --- SITEMAP --- */

ul.map {
 list-style:none;	
 margin-left:0px;
 padding-left:10px;
}

ul.map li a {
 color: #333;
 text-decoration: none;	
}

ul.map li a:hover {
 color: #000;
 text-decoration: underline;	
}

h2 a {
 color: #333;
 text-decoration: none;	
}

h2 a:hover {
 color: #000;
 text-decoration: underline;	
}