#left_side  h3 {width:540px; background-color:red;}

.riacreation-logo	{position:relative; top:70px;}
.riacreation-powered	{position:relative; top:115px; left:53px; }
.news-scroller-jcarousellite {position:relative; top:55px; margin-left:-15px;}
.avatar_image	{display:inline; width:80px; height:80px; padding:0; margin-left:30px; margin-top:0px; cursor:pointer;}
.radio_avatar	{position:relative; float:left; top:-10px; left:-130px;}
#avatar_choice 	{ margin-bottom:-30px; top:10px;margin-right;}
#tab-1 h2 {margin-bottom:0px; }
.avatars_table1  {position:relative; margin-top:0px;}
.avatars_table2  {position:relative; margin-top:0px;}
#logo-box3_image {min-width:100px; width:100px; height:100px;  left:150px;}

table {
	margin-right:40px;
}
body { 
	padding: 0; 
	margin: 0; 
	font: .74em Arial, sans-serif; 
	line-height: 1.5em; 
	background: black url(../images/haut.png) repeat-x top; 
	color: #454545; 
	
	}
	
a { color: #DA3B3B;  }
a:hover { color: #DA3B3B; text-decoration: underline;}
#barre-laterale	{display:block; height:37px; position:absolute; top:90px; background-image:url(../images/barre.png); background-repeat:repeat-x; width:100%; }
#ria-salons	{margin-top:-12px;}


.titre {z-index:100; width:520px; position:relative; top:-35px; left:275px; color:white; font-family: trebuchet ms, arial; text-decoration:none; }
.titre a		{z-index:100; color:white; font-family: trebuchet ms, arial; text-decoration:none; font-weight:bold; font-size:90%; }

.lien-white a {color: white; background: inherit; text-decoration: none;}
.lien-white a:hover { color: white; background: inherit; text-decoration: underline;}

p {	margin: 5px 0; }
h1 {	font-family: trebuchet ms, arial;  font-size:90%; font-weight:normal;}
h2 { font: bold 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h3 { padding: 4px 0; margin:  0; }
ul { margin: 0; padding : 0; list-style: none; }
img { border: 0; }
hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; }

.content { margin: 0px auto; width: 800px; }

/* Top part */
#top { padding-top: 20px; background: transparent; height: 101px; }
	#top h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: 1px; color: white }
	#top h2 { font: 1.0em Arial, Sans-Serif; letter-spacing: 0px; color: #868686; margin:0; padding: 0 }
	#top #icons { float: right; margin:20px 0; padding:0 }
	#top #icons img { padding-right: 2px; border: 0 }

.text-accueil	{color:white; font-family:verdana; font-size:97%; }

#prec { 	height: 218px; 	margin:0; padding: 0; border-bottom: 1px solid black; overflow: hidden; margin-bottom: 5px }
	#wrap { margin: 0 auto; width: 800px; }
			#pic {float: right; background: #dd393d url(../images/bg-slogan.png) no-repeat; height: 165px; width: 589px; overflow: hidden; background-repeat:repeat-x;}
			#wrap #pic #slogan { float: right; padding: 5px 15px 10px 15px; text-align: justify;  }
			#wrap #pic #slogan h1 { font: bold 1.4em Arial, Sans-Serif; color: #FFF; letter-spacing: 1px; margin:0 }
			#wrap #pic #slogan h2 { font:  1.0em Arial, Sans-Serif; color: #FFF; letter-spacing: 0px; margin:0; padding: 10px 0}
			#wrap #pic #slogan a { color: #FFF; }
			
#pic	{margin-top:10px; margin-right:15px; border:1px solid white;}
			
		#wrap #menu { padding: 0; margin:0;  }
		#wrap #menu a { padding-left: 5px; position:relative; top:-1px; font-family: trebuchet ms, arial; color:white; text-decoration: none; font-weight:bold; }
		#wrap #menu ul { padding: 12px 0 }
		#wrap #menu li { line-height: 30px;  list-style: none; width:160px; padding-left:15px; margin-top:1px; margin-bottom:2px; background-image :  url(../images/bouton-menu.png); background-position: 0px -31px; background-repeat:no-repeat;}
		#wrap #menu li:hover { background-position: 0px 0px; background-repeat:no-repeat;}
		

#prec_short_page { 	height: 370px; 	margin:0; padding: 0; background: #F6F6F6;border-bottom: 0px solid #000000;overflow: hidden; margin-bottom: 1px }
	#wrap_short_page { margin: 0 auto; width: 800px;  bottom:20px;}
		#pic_short_page {float: right; background: white; height: 350px; width: 589px; overflow: hidden }
			
	

.thumbnail {color:red;}




#flash-content { outline-style:none; background-color: #000000; 
		background-image: url(../swf/assets/bg-salon.jpg)	;
		width:792px; 
		 border: 3px solid white;
		 margin-top:-33px;
		 min-height: 400px; margin-bottom: 5px; z-index: 9; position:relative; margin-left:3px;}
#reservation-content { outline-style:none; background-color: #000000; 
		border: 1px solid black; position:relative;}

#left_side a { background: white; text-decoration: none }
#left_side a:hover { text-decoration: underline }
		

#main { background: white;  }
	#right_side { float: right; width: 212px; background: white; padding: 5px 10px 5px 10px; margin-bottom: 10px }
		#right_side ul { padding: 3px 0 8px 0 } 
		#right_side li { line-height: 18px; background: #F6F6F6 url(../images/left-li.gif) no-repeat left; list-style: none; padding-left: 20px; }
		#right_side a { background: white; text-decoration:  none }
		#right_side h3 { color: white; font:bold 1.2em Arial, Sans-Serif; }
	
	#left_side { background: white; margin-bottom: 10px; width: 560px; padding-top:15px; }
		#left_side h3 { background: white url(../images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0;margin-left:10px;  font:  bold 1.2em Arial, Sans-Serif; }
		#left_side h3 span { background: url(../images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px; margin: 0}
		#left_side p { color: #454545; padding: 0 10px 0 15px; text-align: justify }
		#left_side img { float: left; padding: 0 10px 5px 0 }
		#left_side blockquote { padding-left: 10px; border-left: 2px solid #DA4040; margin: 10px 0 10px 25px; }
		.sub-text { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right }		
		#left_side .rs { float: right; margin: 0 10px 10px 10px; border: 1px solid #ddd; padding: 5px;  background: white }
		#left_side ul { list-style-position: inside; margin-left: 2px }
		#left_side ul li { list-style-type: square; margin-left: 15px;  }
		#left_side ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside }
	
/* The footer */
#footer { clear: both; border-top: 1px solid #DCDCDC; margin: 0 0 3em 0; color: #777;  background: #DDD }
#footer .right  { float: right; text-align: right;  }
#footer a { text-decoration: none; }



/* ************************************************* RESERVATION **************************************************** */
/* ************ stand ***************/
#container-stand {float:right; width:295px; height: 390px; background: #C6C6C6; border-right: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC;  }
.container-stand-inner {padding-left:25px;}
.container-stand-inner-titre {text-align:center; text-decoration:underline;}
.stand-img { text-align:center;}

#tab1-back {position:absolute; left:10px; bottom:30px;}
#tab2-back {position:absolute; left:10px; bottom:30px;}
#tab3-back {position:absolute; left:10px; bottom:30px;}
#tab0-next {position:absolute; left:455px; bottom:30px;}
#tab1-next {position:absolute; left:455px; bottom:30px;}
#tab2-next {position:absolute; left:455px; bottom:30px;}
#tab3-next {position:absolute; left:455px; bottom:30px;}
/* ************ tabnav *************
.linknext {float:right; position:absolute; left:455px;}
.linkback {float:left;}**/

.etape-box {height:310px; }
.etape-box span {height:30px;}
.etape-box input {left:100px;display:block;}


#slider {width:500px;	height: 390px; 	background: #C6C6C6; border-bottom: 1px solid #DCDCDC; overflow: hidden;}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
  
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
   
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #DA3B3B;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 1em 8px;
	color: black;
    background: white; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}