* {margin:0; padding:0;}

body {background:#FCF5E7;}

body, td, div, input, textarea, select {font: 11px Arial, Helvetica, sans-serif;}

a img {border:none;}

a {text-decoration:none;color:#E87701;}



/*HHHHHHHHHHHHHHHb  S T R U C T U R E   G E N E R A L E dHHHHHHHHHHHHHH*/

html, body, #centrage {height:100%;text-align:center;}

#centrage {margin:0 auto;text-align:left;vertical-align:middle;width:900px;}

#central {width:900px;background:white;}

#bando-logo {background:url(images/bando-logo.jpg) no-repeat #E77700;width:100%;height:89px;}

#menu-haut {background:url(images/coin-bs-menu-prune.gif) right bottom no-repeat #9F3259;height:45px;margin:4px 0 0 0;}

	#flag {float:left;width:175px;padding:8px 0 0 0;}

	#menu {float:left;}

		#menu ul {list-style:none;}

		#menu li {display:inline;text-transform:uppercase;font-size:1.4em;letter-spacing: -1px;}

		#menu a {display:block;float:left;background:#E77700;color:#fff;padding:4px 18px;margin:0 2px 0 0;}

		#menu a:hover {background:#EB8900;}

		#gen-acc #mn-ind, #gen-off #mn-off, #gen-hot #mn-hot, #gen-tou #mn-tou, #gen-pro #mn-esp {background:none;}

		

		/*------ Changement de la couleur de fond du menu en haut    */

		#gen-acc #menu-haut #menu {display:none;}

		#gen-acc #menu-haut {background:url(images/coin-bs-menu.gif) right bottom no-repeat #F2C691;}

		#gen-off #menu-haut {background:url(images/coin-bs-menu-red.gif) right bottom no-repeat #D90033;}

		#gen-tou #menu-haut {background:url(images/coin-bs-menu-vert.gif) right bottom no-repeat #4CA84A;}

		#gen-esp #menu-haut,#gen-pro #menu-haut  {background:url(images/coin-bs-menu-bleu.gif) right bottom no-repeat #134E89;}

		

	#cale {clear:both;width:100%;height:38px;font-size:0.1em;}

#menu-gauche {background:url(images/coin-bs-menu-g-prune.gif) right bottom no-repeat #EBD5DD;float:left;width:175px;}

	#menu-gauche ul {list-style:none;margin:20px 0 60px 28px;}

	#menu-gauche li {text-transform:uppercase;letter-spacing: -1px;font-size:1.4em;width:100%;padding:8px 0;}

	#menu-gauche a {display:block;color:#992E5A;}

	#menu-gauche a:hover {color:#CB5786;font-weight:bold;}

	#menu-gauche .onestla {font-style:italic;color:#7C2548;}

	

		/*------ Changement de la couleur du menu à gauche    */

		#gen-acc #menu-gauche a {color:#E77700;}

		#gen-acc #menu-gauche a:hover {color:#FF8B09;}

	

		#gen-tou #menu-gauche a {color:#4CA84A;}

		#gen-tou #menu-gauche a:hover {color:#6AD566;}

		#gen-tou #menu-gauche li {font-size:1.1em;letter-spacing:0;text-transform:none;}

		

		#gen-pro #menu-gauche a {color:#134E89;}

		#gen-pro #menu-gauche a:hover {color:#134E89;}

			

		/*------ Changement de la couleur de fond du menu à gauche    */

		#gen-acc #menu-gauche {background:url(images/coin-bs-menu-g.gif) right bottom no-repeat #FAE4CA;}

		#gen-tou #menu-gauche {background:url(images/coin-bs-menu-g-vert.gif) right bottom no-repeat #D9EDDA;}

		#gen-pro #menu-gauche {background:url(images/coin-bs-menu-g-bleu.gif) right bottom no-repeat #CCDBE7;}

	

#contenu {float:left;width:725px;height:450px;}

	#contenu-bla {margin:0 0 0 40px;}

		#gen-acc #contenu-bla p {margin:0 180px 0 0;font-size:16px;line-height:22px;text-align:justify;}

		#gen-acc #contenu-bla table {margin:30px 0 0 0;}

		#gen-acc #contenu-bla table span {font-size:11px;font-weight:bold;}

		#gen-acc #contenu-bla table a {font-size:10px;color:black;}

		#gen-acc #contenu-bla table a:hover {color:#E17300;}

	/*------- HOTELS   */

		#hotels-liste {margin:0 0 0 40px;}

		#hotels-liste td span {font-size:15px;font-weight:bold;}

		#hotels-liste td a {font-size:12px;color:black;}

		#hotels-liste td a:hover {color:#A11F54;}

		#comm {color:#E87701;}

		

		#hotels-infos {background:url(images/fond-hotels-bas.gif) left bottom no-repeat #9F3259;text-align:right;color:white;padding:0 0 10px 0;width:184px;}

			#hotels-infos a {color:white;}

			#hotels-infos a:hover {color:#FBCA80;}

			#visite {display:block;padding:5px 0;border-bottom:1px solid white;border-top:1px solid white;text-align:center;}

			#gen-hot #contenu-bla #hotels-infos p {font-size:11px;margin:0 10px 5px 0;line-height:18px;}

		#gen-hot #contenu-bla table h2 {color:#992E5A;text-transform:uppercase;font-style:italic;font-size:20px;margin:0 0 15px 0;}

		#gen-hot #contenu-bla table p {font-size:12px;margin:0 0 10px 0;text-indent: 10px}

		

		#bla-tourisme {height:375px;overflow:auto;width:100%;}

		

		#tbl-visite {background:white;margin:20px;}

		#tbl-visite td {padding:2px;}

		#tbl-visite h1 {color:#992E5A;text-transform:uppercase;font-style:italic;font-size:16px;margin:15px 0 5px 10px;text-align:left;}

		

	/*------- TOURSME   */

	#carte {margin:0 0 0 150px;width:400px;height:400px;}

	#gen-tou #contenu-bla table span {font-size:11px;}

	#gen-tou #contenu-bla table h2 {color:#4CA84A;text-transform:uppercase;font-style:italic;font-size:20px;margin:0 0 15px 0;}

	#gen-tou #contenu-bla table p {font-size:12px;margin:0 75px 10px 0;text-align:justify;}

	#tourisme-photos {text-align:right;background:url(images/coin-bs-menu-g-vert2.gif) left bottom no-repeat #D9EDDA;padding:0 0 80px 0;}

	#tourisme-photos img {border-top:5px solid white;}

	#tourisme-photos a {color:#4CA84A;}

	#tourisme-photos a:hover {color:#6AD566;}

			

		

	/*------- Tarifs       */

	#tarifs {background:#E1BFCC;margin:0 auto;}

	#tarifs td {padding:3px 0 3px 8px;border-right:5px solid white;}

	#tarifs-coinhaut {background:url(images/hotels/tarifs-coinhaut.gif) top left no-repeat #E1BFCC; text-align:justify;}

	#tarifs-coinbas {background:url(images/hotels/tarifs-coinbas.gif) bottom right no-repeat #F0DFE5;}

	#gen-hot h2 {color:#9F3259;font-size:20px;text-transform:uppercase;font-style:italic;}

	#gen-hot h3 {color:#9F3259;font-size:14px;text-transform:uppercase;font-style:italic;margin:15px 0;}

	.tarif-titre {text-align:center;}
	
    /*------- Espace Pro    */

	#tbl-login {background:url(images/fond-login.jpg) no-repeat white;width:369px;height:235px;margin:0 0 50px 280px;color:white;}

	#tbl-login td {font-size:1.5em;font-weight:bold;}

	#tbl-login td a {color:white;}

	#tbl-login td a:hover {color:#E77700;}

	#tbl-login td input {border:none;font-size:0.8em;height:20px;padding:0 5px;}

	#asterisque-insc {color:#FF0000}
	

	#pro-liste {margin:0 0 0 40px;}

		#pro-liste td span {font-size:15px;font-weight:bold;}

		#pro-liste td a {font-size:12px;color:black;}

		#pro-liste td a:hover {color:#134E89;}

		

	#gen-pro #menu-gauche {height:300px;}

	#gen-pro #menu-gauche li {text-transform:none;letter-spacing: -1px;font-size:1.4em;width:100%;padding:2px 0;}

	#gen-pro #contenu-bla table h2 {color:#134E89;text-transform:uppercase;font-style:italic;font-size:20px;margin:0 0 15px 0;}

		#gen-pro #contenu-bla table p {font-size:12px;margin:0 0 10px 0;}

	#gen-pro #hotels-infos {background:url(images/fond-hotels-bas-bleu.gif) left bottom no-repeat #134E89;text-align:right;color:white;padding:0 0 10px 0;width:184px;}

			#gen-pro #contenu-bla #hotels-infos p {font-size:11px;margin:0 10px 5px 0;line-height:18px;}

	

	#fete-photos {text-align:right;background:url(images/fond-hotels-bas-bleu.gif) left bottom no-repeat #134E89;padding:0 0 80px 0;width:187px;}

	#feteantan {height:375px;overflow:auto;width:100%;}

	#feteantan p {font-size:12px;padding:0 75px 5px 0;text-align:justify;}

	#feteantan h3 {text-transform:uppercase;color:#134E89;font-weight:normal;}

	.jour {color:#134E89;}

	.pastille {text-align:right;width:450px;}

	

	#tbl-inscri {background:url(images/fond-inscription.jpg) no-repeat #fff;width:534px;height:430px;margin:0 0 0 180px;}

	#tbl-inscri td {padding:2px;font-size:14px;}

	#tbl-inscri td input {border:none;}

	

	/*------- PRO Tarifs       */

	#gen-pro #menu-gauche ul {list-style:none;margin:20px 0 20px 28px;}

	#gen-pro #tarifs {background:#B2C9DA;}

	#gen-pro #tarifs-coinhaut {background:url(images/hotels/tarifs-coinhaut2.gif) top left no-repeat #B2C9DA;}

	#gen-pro #tarifs-coinbas {background:url(images/hotels/tarifs-coinbas2.gif) bottom right no-repeat #D9E4ED;}

	#gen-pro h2 {color:#134E89;text-transform:uppercase;font-style:italic;font-size:20px;margin:0 0 15px 0;}

	#gen-pro h3 {color:#134E89;font-size:14px;text-transform:uppercase;font-style:italic;margin:15px 0;}

	

	/*------- PRO Offres       */

	#gen-pro .offres {background:url(images/coin-bs-offres2.gif) left bottom no-repeat #134E89;width:440px;height:136px;margin:0 0 10px 220px;}

	

	/*------- Offres    */

	#contenu-bla .offres {margin:0 0 10px 0;}

	.offres {background:url(images/coin-bs-offres.gif) left bottom no-repeat #D90033;width:440px;height:136px;margin:0 0 10px 220px;}

	.offres-bla {float:left;width:302px;text-align:center; vertical-align:middle;color:white;padding:15px 0 0 0;font-size:1.2em;}

	.offres-ima {float:left;width:138px;height:136px;}

	.offres-prix {font-size:1.5em;font-weight:bold;}



	

	#caleba {clear:both;width:500px;font-size:1px;height:22px;}

	#logos {width:500px;padding:0 0 10px 28px;}



#pied {font: 10px Verdana, Helvetica, sans-serif;font-weight:bold;padding:5px 0 5px 28px;background:#F2C691;}

	#pied a {color:white;}

	#pied a:hover {color:#E87701;}