/*
Orange : #ff7200;
Gris1 : #808080;
Gris2 : #c0c0c0;
Gris3 : #ededed;
*/

* {
	padding: 0;
	margin: 0;
}

body {
	font: normal 62.5% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background: #c0c0c0 url(../images/body-background.gif) repeat-x top left;
}

a {
	color: #ff7200;
	text-decoration: underline;
}
a:hover, a:focus {
	text-decoration: none;
	background: #ff7200;
	color: #fff;
}

img {
	border: none;
}

p, ul, ol {
  font-size: 1.3em;
}

acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted;
}

strong {
  font-weight: bold;
  color: #ff7200;
}

label {
  cursor: pointer;
}

kbd {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0 0.4em;
	border-top: 1px solid #ff7200;
	border-left: 1px solid #ff7200;
	border-bottom: 2px solid #ff7200;
	border-right: 2px solid #ff7200;
}

fieldset {
  border: none;
}

.clear {
  clear: both;
}
.left {
  float: left;
}

.center {
  text-align: center;
}



#conteneur {
  position: relative;
  width: 766px;
  margin: 0 auto;
  background: url(../images/background-repeat.gif) repeat-y top left;
}

#lang {
  z-index: 1;
  position: absolute;
  top: 10px;
  right: 0;
  list-style: none;
}
#lang a:hover, #lang a:focus {
  background: transparent;
}

#header {
  z-index: 0;
  position: relative;
  height: 114px;
  background: url(../images/header-background.gif) no-repeat top left;
}
#header span {
  position: absolute;
  top: 10px;
  left: 34px;
}
#header span a:hover, #header span a:focus {
  background: transparent;
}

#menu {
  position: absolute;
  top: 10px;
  left: 236px;
  list-style-type: none;
  /*position: relative;*/
}
#menu li {
  float: left;
  text-align: center;
}
#menu li a {
  position: relative;
  display: block;
  height: 40px;
  margin-left: 10px;
  font-size: 1.5em;
  font-family: Arial, sans-serif;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 14px 0 0 0;
}
#menu #studios a {
  width: 114px;
  background: url(../images/menu1.gif) no-repeat 0 0;
}
#menu #studios a:hover, #menu #studios a:focus, #menu #studios .current {
  background: url(../images/menu1.gif) no-repeat 0 100%;
}
#menu .xpieces a {
  width: 124px;
  background: url(../images/menu2.gif) no-repeat 0 0;
}
#menu .xpieces a:hover, #menu .xpieces a:focus, #menu .xpieces .current {
  background: url(../images/menu2.gif) no-repeat 0 100%;
}
#menu #loft a {
  width: 94px;
  background: url(../images/menu3.gif) no-repeat 0 0;
}
#menu #loft a:hover, #menu #loft a:focus, #menu #loft .current {
  background: url(../images/menu3.gif) no-repeat 0 100%;
}
#menu .current a {
  
}
#menu li ul {
  position: absolute;
  left: 0;
  height: 35px;
  list-style: none;
  background: #ff7200;
  margin: 8px 0 0 10px;
  padding: 0 10px 0 10px;
  -moz-border-radius: 6px;
}
#menu li ul li {
  
}
#menu #studios ul li a, #menu .xpieces ul li a, #menu #loft ul li a {
  background: none;
  width: auto;
  height: auto;

}
#menu li ul li a {
  margin: 4px 2px 0 2px;
  float: left;
  height: 35px;
  padding: 5px 7px 3px 7px;
  font-size: 1em;
}
#menu #studios ul li a:hover, #menu #studios ul li a:focus, #menu #studios .current2 a, #menu .xpieces ul li a:hover, #menu .xpieces ul li a:focus, #menu .xpieces .current2 a, #menu #loft ul li a:hover, #menu #loft ul li a:focus, #menu #loft .current2 a, #menu .current2 a {
  background: #fff;
  color: #808080;
  -moz-border-radius: 6px;
}

#bandeau {
  position: relative;
  height: 230px;
  margin-top: 10px;
}
#bandeau ul {
  position: absolute;
  top: 1px;
  left: 18px;
  list-style: none;
  background: #808080;
  width: 214px;
}
#bandeau ul li a {
  display: block;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  height: 27px;
  cursor: pointer;
  padding: 8px 0 0 10px;
}
#bandeau ul li a:hover, #bandeau ul li a:focus, #bandeau ul .current, #bandeau ul #first .current {
  background: #ff7200;
}
#bandeau ul #first a {
  background: url(../images/menu2-top.gif) no-repeat top left;
}
#bandeau ul #first a:hover, #bandeau ul #first a:focus, #bandeau ul #first .current {
  background: #ff7200 url(../images/menu2-hover-top.gif) no-repeat top left;
}
#bandeau ul #end a {
  background: url(../images/menu2-bottom.gif) no-repeat bottom left;
  border: none;
}
#bandeau ul #end a:hover, #bandeau ul #end a:focus, #bandeau ul #end .current {
  background: #ff7200 url(../images/menu2-hover-bottom.gif) no-repeat bottom left;
}
#bandeau ul li a span {
  background: url(../images/menu2-puce.gif) no-repeat 0 0;
  padding-left: 24px;
  width: 19px;
  height: 20px;
  display: block;
  white-space: nowrap;
}
#bandeau ul li a:hover span, #bandeau ul li a:focus span, #bandeau ul #first .current span, #bandeau ul .current span {
  background: url(../images/menu2-puce.gif) no-repeat 0 100%;
  padding-left: 24px;
}

#bandeau #flash {
  position: absolute;
  top: 0;
  right: 35px;
}

#content {
  padding: 10px 34px 20px 20px;
}

#content h2 {
  font-size: 2.4em;
  color: #ff7200;
  font-weight: normal;
  margin: 0 0 20px 0;
}
#content h3 {
  font-size: 2.0em;
  color: #ff7200;
  font-weight: normal;
}

#footer {
  height: 151px;
  background:url(../images/footer2-background.gif) no-repeat 6px 0;
  position: relative;
}
#footer p {
  position: absolute;
  bottom: 30px;
  width: 738px;
  text-align: center;
  color: #fff;
}
#footer a {
  color: #fff;
}
#footer a:hover, #footer a:focus {
  background: #fff;
  color: #808080;
}

/* Accueil */

#accueil {
  position: relative;
  margin-bottom: 2em;
}
#accueil h1 { 
  position: absolute;
  top: 5px;
  left: 10px;
  font-size: 2em;
  color: #287ddc;
  font-weight: bold;
}

#plansite h1 { 
  font-size: 2em;
  color: #287ddc;
  font-weight: bold;
}

#plansite h2 { 
  font-size: 2em;
  color: #666;
  font-weight: bold;
}

#plansite ul { 
  margin-left: 20px;
  font-size: 14px;
  margin-bottom: 20px;
}

#plansite ul ul, #plansite ul ul ul { 
  margin-bottom: 0px;
}

#plansite #laappt li { 
  padding-bottom: 10px;
}

#plansite ul li li { 
  padding-bottom: 10px;
}

#plansite ul li li li { 
  padding-bottom: 0;
}


#plansite > div {
	background-color: #ccc;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 10px;
	margin: 10px 0;
}

#accueil div {
  background: #EDEDED url(../images/accueil-photo.jpg) no-repeat top left;
  width: 710px;
}
#accueil div p span {
  display: block;
  padding: 70px 10px 0 10px;
}
#accueil div img {
  float: right;
}
#accueil #bottomacc {
  display: block;
  width: 710px;
  height: 16px;
  background: #EDEDED url(../images/accueil-coin-bottom.gif) no-repeat bottom left;
}
#accueil #telacc {
  padding: 20px 10px 0 10px;
}
#accueil .telacc {
  display: inline;
  padding: 0;
  font-size: 1.6em;
  font-weight: bold;
  color: #FF7200;
  margin-right: 30px;
}

#apartClasses {
	position: absolute;
	text-align: right;
	right: 38px;
	bottom: 25px;
	color: #287ddc;
	font-weight: bold;
	font-size: 1.6em;
}

/*Produit*/

#prodintro {
  margin: 0 0 20px 0;
}

#prodinfo {
  background: url(../images/prodinfobottom.gif) no-repeat bottom left;
  width: 203px;
  float: left;
  margin: 0 20px 20px 0;
}
#prodinfo ul {
  background: url(../images/prodinfotop.gif) no-repeat top left;
  list-style: none;
  padding: 10px;
}
#prodinfo li {
  padding: 0 0 5px 0;
}

#prodphoto {
  clear: both;
  background: url(../images/prodphotobottom.gif) no-repeat bottom left;
  width: 715px;
  margin: 0 0 20px 0;
}
#prodphoto2 {
  background: url(../images/prodphototop.gif) no-repeat top left;
  padding: 20px 10px 0 10px;
}
#prodphoto img {
  border: 8px solid #fff;
}
#prodphoto a {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
}
#prodphoto a:hover {
  background: transparent;
}

#prodequip {
  margin: 0 0 30px 0;
}

#equipement {
  margin: 0 0 30px 0;
}

#prodfaq {
  margin: 0 0 30px 0;
}

#equipement h4 {
  font-size: 1.5em;
  color: #ff7200;
  font-weight: bold;
  margin: 0 0 10px 0;
}
#equipement ul {
  list-style: none;
  height: 40px;
}
#equipement ul li {
  display: block;
  width: 40px;
  height: 40px;
  float: left;
  margin: 0 5px 0 0;
}
#equipementmeuble {
  float: left;
  width: 270px;
  margin: 0 30px 0 0;
}
#equipementmeuble2 {
  float: left;
  width: 320px;
  margin: 0 30px 0 0;
}

#reservation h3 {
  font-size: 2.0em;
  color: #ff7200;
  font-weight: normal;
  margin: 0 0 5px 0;
}

#reservation fieldset {
  margin: 0 0 20px 0;
}
#reservation fieldset label{
  font-size: 1.4em;
  color: #ff7200;
  font-weight: bold;
  display: block;
  width: 200px;
}
#reservation fieldset input {
  border: 1px solid #808080;
  padding: 2px;
  font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	margin: 0 5px 0 0;
	height: 16px;
	vertical-align: top;
	width: 200px;
}
/*#reservation fieldset span {
  display: block;
  font-size: 1.2em;
  font-style: italic;
}
#reservation fieldset a:hover {
  background: transparent;
}*/
#anchor2 ,#anchor1 {
  cursor: pointer;
}
#anchor2:hover,#anchor1:hover {
  background: transparent;
}
#reservation fieldset div {
  float: left;
  margin: 0 20px 0 0;
}

#reservation #legendcalendar1, #reservation #legendcalendar2, #reservation #legendcalendar3, #reservation #legendcalendar4 {
  display: none;
  position: absolute;
  background: #fff;
  top: 80px;
  border: 2px solid #ff7200;
  width: 130px;
  padding: 5px;
}
#reservation #legendcalendar1 {
  left: 209px;
}
#reservation #legendcalendar2 {
  left: 469px;
}

#reservation #legendcalendar4 {
  left: 355px;
}
#reservation #legendcalendar3 {
  left: 95px;
}

#reservation #legendcalendar3, #reservation #legendcalendar4 {
  top: 206px;
}
#reservation #legendcalendar1 ul, #reservation #legendcalendar2 ul, #reservation #legendcalendar3 ul, #reservation #legendcalendar4 ul {
  list-style: none;
  font-size: 1.1em;
}
#reservation #legendcalendar1 li, #reservation #legendcalendar2 li, #reservation #legendcalendar3 li, #reservation #legendcalendar4 li {
  line-height: 1.2em;
  white-space: nowrap;
}
#reservation #legendcalendar1 span, #reservation #legendcalendar2 span, #reservation #legendcalendar3 span, #reservation #legendcalendar4 span  {
  font-size: inherit;
  font-style: inherit;
  float: left;
  width: 2em;
  height: 1em;
  margin-right: 1em;
}

#reservation #legendcalendar1 .calbs span, #reservation #legendcalendar2 .calbs span { background: #9cf1fb; }
#reservation #legendcalendar1 .calms span, #reservation #legendcalendar2 .calms span { background: #acfbbb; }
#reservation #legendcalendar1 .calhs span, #reservation #legendcalendar2 .calhs span { background: #FEFF99; }
#reservation #legendcalendar1 .calco span, #reservation #legendcalendar2 .calco span { background: #ffcccc; }
#reservation #legendcalendar1 .calcj span, #reservation #legendcalendar2 .calcj span { background: #FFAF6F; }
#reservation #legendcalendar1 .promo span, #reservation #legendcalendar2 .promo span { background: #FF7200; }

#reservation #legendcalendar3 .calbs span, #reservation #legendcalendar4 .calbs span { background: #9cf1fb; }
#reservation #legendcalendar3 .calms span, #reservation #legendcalendar4 .calms span { background: #acfbbb; }
#reservation #legendcalendar3 .calhs span, #reservation #legendcalendar4 .calhs span { background: #FEFF99; }
#reservation #legendcalendar3 .calco span, #reservation #legendcalendar4 .calco span { background: #ffcccc; }
#reservation #legendcalendar3 .calcj span, #reservation #legendcalendar4 .calcj span { background: #FFAF6F; }
#reservation #legendcalendar3 .promo span, #reservation #legendcalendar4 .promo span { background: #FF7200; }

#reservation .tarif {
  width: 147px;
  background: url(../images/prodbackprix.gif) no-repeat top left;
  padding: 10px 0 0 10px;
  float: left;
  margin: 0 40px 40px 0
}

#reservation .tarif .tarifnom {
  font-size: 1.6em;
  font-weight: bold;
  color: #ff7200; 
}
#reservation .tarif .tarifprix, #rent .tarifprix {
  font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 2.6em;
  color: #ff7200;
  font-weight: bold;
  white-space: nowrap;
}
#rent .tarifprix {
  text-align: right;
}
#reservation .tarif .tarifprix del {
	font-size: 0.8em;
	font-weight: normal;
	color:  #000;
}

#reservation .tarif .blpourc2 {
	font-weight: bold;
}
#reservation .tarif .blpourc2 strong {
	font-size: 1.5em;
}

#rent .tarifprix2 {
  font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.8em;
  color: #808080;
  font-weight: bold;
  text-align: right;
}

#rent .tarifprix {
  color: #ff7200;
}
#reservation .tarif input {
  padding: 10px 0 0 0;
}
#reservation .tarif .tarifprix span, #rent .tarifprix span, #rent .tarifprix2 span {
  font-size: 0.6em;
  /*font-weight: bold;*/
}

#rent .tarifprix  .tarifprixttc {
  font-weight: normal;
  font-size: 0.6em;
  color: #808080;
}

#rent .tarifprix2  .tarifprixttc {
  font-weight: normal;
  font-size: 0.9em;
  color: #808080;
}

.infobulle {
  z-index: 99;
	position: absolute;	
	visibility : hidden;
	border: 3px solid #fff;
	background: #ff7200;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	font-size: 1.3em;
}

/*Contact*/

#contact #parcourrier {
  margin: 0 0 30px 0;
}
#contact #parcourrier address {
  font-size: 1.3em;
  font-style: normal;
  margin-left: 20px;
}

#contact #parform form {
  margin: 0 20px;
}

#contact fieldset {
  border: none;
  margin: 0 0 10px 0;
}

#contact fieldset div {
  margin: 0 0 5px 0;
}
#contact label {
  display: block;
  width: 150px;
  font-size: 1.3em;
  color: #000;
}
#contact fieldset input, #contact fieldset textarea {
  border: 1px solid #ff7200;
  padding: 2px;
  font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	vertical-align: top;
	width: 98%;
}

#contact #cnil {
  padding: 20px 0 0 0;
  color: #7F7F7F;
}
#contactok {
  color: #ff7200;
  font-size: 1.8em;
  font-weight: bold;
  margin: 0 0 10px;
  border: 2px solid #808080;
  padding: 10px;
  text-align: center;
}

/*Dates des congrès*/

#datescongres table {
  width: 100%;
  border-collapse: collapse;
}
#datescongres td {
  font-size: 1.3em;
  padding: 10px 0;
}
#datescongres thead {
  height: 29px;
  text-align: left;
}
#datescongres #titredate {
  background: #ff7200 url(../images/congrescoinleft.gif) no-repeat top left;
  font-size: 1.6em;
  color: #fff;
  font-weight: bold;
  padding: 0 0 0 10px;
  width: 30%;
}
#datescongres #titreevenement {
  background: #ff7200 url(../images/congrescoinright.gif) no-repeat top right;
  font-size: 1.6em;
  color: #fff;
  font-weight: bold;
  width: 70%;
}
#datescongres .date {
  padding: 0 0 0 10px;
}
#datescongres tbody tr {
  border-bottom: 1px solid #e2e2e2;
}

/*Plan d'acces*/

#planacces address, #parkings address {
  font-size: 1.3em;
  font-style: normal;
  margin: 0 0 20px 0;
}
#planacces address strong, #parkings address strong {
  font-size: 1.4em;
}
#parkings address {
  margin: 0;
}
#parkings div {
  margin: 0 30px 20px 0;
  float: left;
  width: 300px;
}
#parkings img {
  float: left;
  margin: 0 20px 0 0;
}
#parkings address {
  display: inline;
}


/*reservation*/

#rent .focus, #contact .focus {
	background: #FFEDDF;
}
#rent .normal, #contact .normal {
	background: #fff;
}
#rent fieldset {
  border: 3px solid #FF7200;
  padding: 20px 20px 0 10px;
  margin: 0 20px 30px 20px;
}
#rent legend {
  padding: 0 10px;
  font-size: 1.8em;
  color: #808080;
}
#rent h3 {
  font-size: 1.3em;
  color: #000;
  float: left;
  width: 23%;
  text-align: right;
  margin-right: 10px;
}
#rent #titre label, #opt0 label, #opt1 label, #opt2 label {
  font-size: 1.3em;
  margin-right: 10px;
}
#rent div {
  margin: 0 0 10px 0;
}
#rent div span {
  font-size: 1.3em;
}
#rent input, #rent textarea {
  border: 1px solid #808080;
  width: 300px;
  padding: 2px;
  font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  vertical-align: top;
}
#rent textarea {
  height: 60px;
}
#rent .radio {
  width: 20px;
  border: none;
}
#rent option {
  margin: 0 10px 0 0;
}

#rent #opt0 h3, #rent #opt1 h3, #rent #opt2 h3, #rent #ask h3 {
  float: inherit;
  width: 100%;
  text-align: left;
  margin: 0
}
#rent #ask textarea {
  width: 100%;
  height: 100px;
}
#rent #datearrivee a, #rent #datedepart a {
  margin: 0 5px;
}
#rent #submit input {
  width: 105px;
  height: 31px;
  border: none;
  margin: 0 0 0 20px;
}
#submit {
  text-align: right;
  padding-right: 20px;
}

.block {
  display: block;
}

/*Ajout Pascal*/

#msgnuits {
  font-size: 1.4em;
  font-weight: bold;
  color: #ff7200;
}

#msgnuits span {
  color: #000;
}

#msgerreurdate {
  font-size: 1.4em;
  font-weight: bold;
  color: red;
  margin-bottom: 20px;
}

#breglement {
  padding-left: 20px;
}

#breglement input {
  width: 25px;
}

#breglement label {
  font-size: 1.2em;
}

#warningform {
  text-align: center;
  color: red;
  font-weight: bold;
}

/* Calendrier */
#reservation {
  position: relative;
}

#cal1Container, #cal2Container, #cal3Container, #cal4Container {
  position: absolute;
  background: #ff7200;
  display: none;
  top: -81px;
  color: #fff;
}
#cal1Container {
  left: 470px;
}
#cal2Container {
  left: 210px;
}

#cal3Container {
  left: 356px;
}
#cal4Container {
  left: 96px;
}

#cal3Container, #cal4Container {
  top: 45px;
}

#cal1Container table, #cal2Container table, #cal3Container table, #cal4Container table {
  background: #ff7200;
  color: #fff;
  border: 2px solid #ff7200;
}

.calnavleft, .calnavleft:hover {background:url(../images/sprite.png) no-repeat 0 -450px;text-decoration: none;width:25px;height:15px;top:1px;;bottom:0;left:1px;cursor:pointer;}
.calnavright, .calnavright:hover {background:url(../images/sprite.png) no-repeat 0 -500px;text-decoration: none;width:25px;height:15px;top:1px;bottom:0;right:1px;cursor:pointer;}


/*CGL*/

#cgl p {
  margin: 0 0 10px 0;
}

/*credits*/

#credits div {
  margin: 0 0 10px 0;
}
#credits h3 {
  margin: 0 0 5px 0;
}

/*Visite*/

#visite div {
  clear: both;
  margin: 0 0 2em 0;
}
#visite .left {
  float: left;
  margin: 0 2em 0 0;
}
#visite .right {
  float: right;
  margin: 0 0 0 2em;
}
#visite dt {
  font-size: 1.5em;
  color: #ff7200;
  font-weight: bold;
}

/*mode paiement*/

#modepaiement div {
  margin: 0 0 3em 0;
}
#modepaiement div p {
  margin: 0 0 1em 0;
}

#modepaiement .btnpai a:hover, #modepaiement .btnpai a:focus, #modepaiement .btnimp a:hover {
  background: transparent;
}

#modepaiement .btnimp {
  text-align: right;
  margin-right: 10px;
}

#modepaiement .btnimp a {
  cursor: pointer;
}

/*#planacces2 {
  display: none;
}*/

#modepaiement #blocreserv p {
  margin: 0;
  padding: 0;
}

#modepaiement #blocreserv {
  border: 3px solid #FF7200;
  margin: 10px 10px 30px 10px;
  padding: 10px;
}

#modepaiement #blocreserv #cautionres {
  margin-top: 10px;
  border-top: 1px solid #FF7200;
  padding-top: 10px;
}

#modepaiement #blocreserv #dateres {
  margin: 15px 0;
  border-top: 1px solid #FF7200;
  border-bottom: 1px solid #FF7200;
}

#blocreserv strong {
  color: #000;
}

#blocreserv #nomapptres strong {
  font-size: 1.2em;
  color: #FF7200;
}

.prixgau {
  text-align: right;
}

#modepaiement li {
  list-style: none;
  margin: 10px 0 20px 0;
}

/* FAQ */
#faqretour {
  float: right;
}
#faqretour a:hover {
  background: transparent;
}
#faq ul {
  margin: 0 0 2em 2em;
}
#faq ol {
  margin: 0 0 0 2em;
}

#faq dl {
  margin: 0 0 2em 0;
}
#faq dl a {
  font-size: 1.3em;
}

#faq .lii {
  font-size: 1em;
}

#faq dt {
  color: #ff7200;
  font-size: 1.5em;
  font-weight: bold;
}

#reservation h3 {
  clear: both;
}

#partenaires ul {
  margin: 20px;
}

#pagination {
  margin-top: 5px;
}

#pagination a {
  border: 1px solid #FF7200;
  padding: 0px 4px;
}

#pagination #pageacc {
  background-color: #FF7200;
  color: #fff;
}

#blbuullefond {
  height:100%;
  left:0px;
  position:fixed;
  top:0px;
  width:100%;
  z-index:98;
  background-color:#000000;
  filter:alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}

/* * html #blbuullefond { /* ie6 hack
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#blbuulle {
  width: 450px;
  margin: 0 auto;
  position: absolute;
  z-index: 100;
}*/

#bubule {
	position: absolute;
	z-index:100;
	width: 300px;
	top: 100px;
	right: 10px;
	padding: 3em 1em 1em 1em;
	background: #fff;
	border: 3px solid #FF7200;
	-moz-border-radius: 20px;
}

body > div#bubule {
  position: fixed;
}

#bubule #close {
	position: absolute;
	top: 0.5em;
	right: 1em;
}
#bubule #close:hover {
	background: transparent;
}
#bubule p {
	 margin-bottom: 0.8em;
}

#bubule2 {
	position: absolute;
	overflow: hidden;
	z-index:100;
	width: 312px;
	height: 121px;
	top: 95px;
	left: 50%;
	padding: 10px 30px 10px 45px;
	background: url(../images/win-home.gif) no-repeat 0 0;
}

body > div#bubule2 {
  position: fixed;
}

#bubule2 #close {
	position: absolute;
	top: 1em;
	right: 1em;
}
#bubule2 #close:hover {
	background: transparent;
}
#bubule2 p {
	 margin-bottom: 0.4em;
	 color: #342717;
	 font-weight: bold;
}
#bubule2 p strong {
	 color: #ee4e00;
}


/* Table produit */

#TableProduit {
  width: 100%;
  border-collapse: collapse;
	margin-bottom: 2em;
}
#TableProduit thead {
  height: 40px;
	background: #808080;
	border-bottom: 5px solid #FF7200;
	color: #fff;
	font-size: 1.5em;
}
#TableProduit tbody .pointbar td {
	border-bottom: 1px dotted #808080;
	padding: 1em 0.4em;
	vertical-align: top;
}
#TableProduit tbody .tarifprix {
	color: #FF7200;
	font-size: 2.4em;
	font-weight: bold;
	margin-bottom: 20px;
}
#TableProduit tbody .tarifprix span {
	font-size: 0.8em;
}

#TableProduit .infoprodtr div {
  background-color: #EDEDED;
  overflow: auto;
  padding-bottom: 4px;
}

#TableProduit .infoprodtr ul {
  margin: 0.2em 0.5em;
}

#TableProduit h3 {
  margin: 0.2em;
  float: left;
}
#TableProduit .blpourc {
	float: right;
	margin: 5px 5px 0 0;
	color: #000;
	font-weight: bold;
	
}
#TableProduit .blpourc strong {
	color: #ff7200;
	font-size: 1.4em;
}

#TableProduit .infoprodtr ul li {
  float: left;
  margin-right: 0.6em;
  list-style: none;
  white-space: nowrap;
}

#TableProduit .infoprodtr ul {
  width: 440px;
}

.smalltxt {
  font-size: 11px;
  white-space: nowrap;
}

.tarifprix {
  white-space: nowrap;
}

#typpai {
  text-align: center; 
  margin-top: 40px;
  border: 1px solid #ccc;
  padding: 5px;
}

.imgreserv:hover {
  background-color: #fff;
}

.txtlibre {
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  background: red;
  -moz-border-radius: 5px;
  padding: 2px 0;
}

.left {
	text-align: left;
}

.tarifprix .prixbarre {
	text-decoration: line-through;
	/*display:block;*/
	font-size:0.6em;
	color: #AFAFAF;
}
.tarifprix .prixbarre {
	color: #000;
	font-weight: normal;
}

#blango {
	background: #FF7200 url('../images/google.gif') no-repeat 263px bottom;
	display: none;
	border: 1px solid #A1A1A1;
	border-right: none;
	position: absolute;
	padding:4px 10px;
	top:73px;
	right: 21px;
	width:310px;
}

#blango ul {
	margin: 0;
	font-size: inherit;
	width:100px;
	float: left;
}

#blango li {
	list-style: none;
	padding: 2px 7px; 
}

#blango ul a {
	color: #fff;
	text-decoration: none;
}

#blango ul a:hover {
	color: #fff;
	text-decoration: underline;
}