/******************************************************
*                                                     *
*   CSS file property of allostudio										* 
*		 - based on http://www.cssadmintheme.com/       	*
*   Copyright (c) allostudio, 2009.               		*
*                                                     *
******************************************************/

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header / #header
3. Navigation / #navbar
4. Content / #content
5. Left column / #leftcolumn
6. Right column / #rightcolumn
7. Sidebar / #sidebar
8. RSS / #rss
9. Search / #search
10. Boxes / .box
11. Sideblog / #sideblog
12. Advertisements / .ads
13. Footer / #footer
-------------------------------------------------------------------*/

/*===========================================================
[1. BODY]
=============================================================*/
*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background-color: #BFBFB3;
	font: normal 0.75em/145% Arial, Tahoma, sans-serif;
	color: #33393c;
	text-align: left;
/*   height: 100%;	 */
}

p
{
	margin: 0px 0px 10px 0px;
	line-height: 140%;
	color: #33393c;
}

a, 
a:visited
{
	outline: none;
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
}


.hide
{
	display: none;
}

img
{
	border: 0px;
}

abbr {
	cursor: default;
	border-bottom: 1px dotted #FFF;
}


/* Clearing method
------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/*===========================================================
[2. HEADER]
=============================================================*/
#header {
  background-color: #2D2D2D;
	border-bottom: 5px solid #6da9d2;
	height: 100px; 
}

#header #container{
	padding: 0;
	width: 980px;
	margin: 0px auto;	  
}

#header h1
{
	font: italic 2.1em Georgia, "Times New Roman", Times, serif;
	color: #fff;
	margin: 0;
	background: transparent url(/images/logo2.png) no-repeat scroll 0% 0%; 
  text-indent: -3333px; 
  border: 0; 	
	padding-bottom: 25px;
	float: left;
}

#header span
{
	font: bold 1.1em Arial, Tahoma, "Times New Roman", Times, serif;
	color: #7cbfed;
  border: 0; 	
	margin: 20px 0 0 5px;	
	padding: 0;	
	display: inline;	
	float: left;
}

#header h1 a
{
	color: #fff;
  width: 160px; 
  height: 35px; 
  text-decoration: none; 
  border: 0; 
	display: block;  
}

/*===========================================================
[2.SUB-HEADER]
=============================================================*/
#sub-header {
	clear: both;
	height: 40px; 
  padding:0px 0px;
	width: 980px;
	margin: 0px auto;	 	
	position:relative;
}


#sub-header ul
{
	margin: 0;
  padding:0px 0px;
  list-style: none;
}

#sub-header li
{
	float: left;
	margin: 0 5px 0 0;
	color: #fff;
	font: normal 1.2em Arial, Tahoma, sans-serif;	
	letter-spacing: -0.5px;
}

#sub-header a
{
	display: block;
	color: #fff;
	text-decoration: none;
  padding: 0;
  padding:10px 0px;  
	background: url('/images/tab_menu.png') no-repeat left bottom;  
	width: 140px;
	height:20px;
	text-align: center;
}


#sub-header a:hover
{
	color: #fff;	
	background: url('/images/tab_menu.png') no-repeat left top;  
}

#sub-header a.current
{
	background: url('/images/tab_menu.png') no-repeat left top;  
	color: #fff;		
}

#sub-header li.banner
{
	float: right;
	font: normal 1.4em Arial, Tahoma, sans-serif;		
	margin-top: 10px;
}

#sub-header a.banner
{
	color: #40404C;
	background: none;
	width:auto;
	padding-top: 10px;
	font: normal 0.9em Arial, Tahoma, sans-serif;		
}

/*===========================================================
[3. NAVIGATION]
=============================================================*/

#menu
{
	padding: 3px 0px 3px 0px;
	background-color: #2D2D2D;
}

#menu ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 980px;
	margin-left: auto;
	margin-right: auto;	
}

#menu ul li
{
	float: right;
	margin: 0px 10px 0px 0px;
	color: #ccc;
	font: normal 0.95em Arial, Tahoma, sans-serif;	
	
}

#menu ul li a
{
	color: #ccc;
	text-decoration: none;
	padding: 4px 5px 4px 0px;
}

#menu ul li a:hover
{
	color: #ff6600;
	color: #fff;	
}


/*===========================================================
[3. NAVIGATION PAGE]
=============================================================*/

#menu_secondaire
{
	background-color: #33393c;
	padding: 0px 10px 0px 10px;
	margin: 0px;	
}

#menu_secondaire ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-left: auto;
	margin-right: auto;	
}

#menu_secondaire ul li
{
	float: left;
	margin: 0px;	
	color: #fff;	
	font: normal 1.2em Arial, Tahoma, sans-serif;	
}

#menu_secondaire ul li a
{
	font: normal 1.0em Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 13px 7px;
}

#menu_secondaire ul li a.current
{
	color: #FF6600;
}

#menu_secondaire ul li a:hover, 
#menu_secondaire ul li a.current:hover
{
	color: #fff;
	background-color: #FF6600;
	padding: 13px 7px;
}

#menu_secondaire ul li.right
{
	float: right;
}


/*===========================================================
[3. CONTENT]
=============================================================*/

#page-content
{
	padding: 15px 0px 30px 0px;
	width: 980px;
	margin: 0 auto;
/* 	min-height: 650px; */
}

#page-content h1
{
	font: bold 1.8em Arial, Tahoma, sans-serif;
	color: #33393c;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px solid #33393c;
}


#page-content h2
{
	font: bold 1.2em Arial, Tahoma, sans-serif;
	color: #33393c;
	margin: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #33393c;
}

#page-content h2 a
{
	font: bold 1.2em Arial, Tahoma, sans-serif;
	color: #0099ff;
	text-decoration: none;
}

#page-content .inner-box
{
	background: #f2f2e8;
	padding: 15px 15px 15px 5px;
}

#page-content .margin-top
{
	margin-top: 10px;
}

.accueil-studios {
	min-height: 700px;
}

#page-content h3
{
	font: bold 1.4em Arial, Tahoma, sans-serif;
	color: #33393c;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px solid #33393c;
}


/*===========================================================
[3. CONTENT LEFT]
=============================================================*/

#content-left {
	width: 810px;
	float: left;
	position: relative;
	margin-left: 0px;
}



/*===========================================================
[3. SIDEBAR]
=============================================================*/

#sidebar
{
	position: relative;
	width: 160px;
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

#sidebar ul
{
	margin: 0px;
	padding: 0px 0px 100px 0px;
	list-style: none;
	border: 1px solid #cdcdcd;
	background: #33393C;
}

/* form-block
------------------------------------------------------*/
#form-block
{
	position: relative;
	margin-right: 150px;
	margin-top: 20px;
}

#form-left
{
	position: relative;
	margin-top: 20px;
	width: 665px;
}

#form-block em, #form-left em
{
	color: #5c6163;
	display: block;
	margin: -12px 0px 12px 0px;	
}

/* forms
------------------------------------------------------*/

.input_field label {
	display:block;
	text-align:right;
	width:160px;
	float:left;
	position: relative;
	top:6px;
	padding-right: 6px;
	padding-left: 15px;
}

.submit_field {
	margin-left: 180px;
	margin-top: 30px;
}

#form-block .input_field em, #form-left .input_field em  
{
	color: red;
	margin-left: 185px;
}

#form-block .input_field em.notify, #form-left .input_field em.notify
{
	color: #33393c;
	margin-left: 185px;
}

#page-content label
{
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #33393c;
	margin: 0px 0px 5px 0px;
	position: relative;	
}


#page-content .input_field label.day {
	display:inline;
	text-align:left;
	float:left;
	position: relative;
	float: none;
	top:0;
	padding-right: 7px;
	padding-left: 3px;
	font: normal 1.0em Arial, Tahoma, sans-serif;
}

#page-content input.form, #page-content textarea, #studio_ville {
	font: normal 1.2em Arial, Tahoma, sans-serif;
	color: #454545;
	margin: 0px 0px 15px 0px;
	padding: 5px;
	display: block;
	border: 1px solid #cccccc;	
}


#page-content textarea
{
	font: normal 1.2em Arial, Tahoma, sans-serif;
	height: 150px;
}

#page-content input:focus, #page-content textarea:focus
{
	border: 1px solid #454545;
}

input.submit
{
	background-color: #0099ff;
	display: block;
	float: left;
/*  	min-width: 60px; */
	margin: 0px 10px 20px 0px;
	padding: 5px 5px 5px 5px;
	font: normal 1.1em Arial, Tahoma, sans-serif;
	color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
}

#page-content input.reset
{
	background-color: #33393c;
}

#page-content input.submit:hover
{
	background-color: #ff6600;
}


#page-content .short
{
	width: 35%;
}

#page-content .medium
{
	width: 65%;
}

#page-content .wide
{
	width: 100%;
}

#page-content .trans-height {
	height: 75px;
}

#page-content input.form_date
{
	font: normal 1.2em Arial, Tahoma, sans-serif;
	color: #454545;
	margin: 0px 0px 15px 0px;
	padding: 5px;
	/*display: block;*/
	border: 1px solid #cccccc;
	width: 40px;	
}

/* Utilisé notamment pour les input sur la page index de studios */
#page-content input.form_inline {
	color: #454545;
	margin: 0px 3px 0px 0px;
	padding: 2px;
	border: 1px solid #cccccc;
}

#form-block h4, #form-left h4 
{
	font: bold 1.2em Arial, Tahoma, sans-serif;
	margin: 20px 0 10px 15px;
	border-bottom: 1px solid #454545;
}


div.auto_complete, .autocomplete {
	width: 460px;
  background: #fff;
	z-index: 9999;  
  max-height: 200px;
  overflow-x: hidden;
	position: absolute;  
}

* html .auto_complete, .autocomplete {
  height: 200px;   
}


div.auto_complete ul, .autocomplete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}

div.auto_complete ul li, .autocomplete ul li {
  margin:0;
  padding:3px;
}

div.auto_complete ul li.selected, .autocomplete ul li.selected {
  background-color: #ffb;
}

div.auto_complete ul strong.highlight, .autocomplete ul strong.highlight {
  color: #800; 
  margin:0;
  padding:0;
}


.horaire_list{
	font: normal 1.1em Arial, Tahoma, sans-serif;
	width: 70px;
  background: #fff;
  border:1px solid #999;
  margin:0;
  padding:5px;
}


#form-block .input_field .transport a
{
	color: red;
}

.horaire-ligne-1 {
  position: relative;
  margin: 0 0 -15px 0;
  padding: 0;
}

.horaire-ligne-2 {
  position: relative;
  margin: 0;
  padding: 0;
}

.position-relative {
	position: relative;
}

/* Alerts
------------------------------------------------------*/

#page-content .notice, #event_view_content .notice
{
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #249901;
	padding: 10px 15px 10px 15px;
	margin: 5px 0px 15px 0px;
	border: 1px solid #84cd6e;
	background-color: #dff2d9;
}

#page-content .error, #event_view_content .error
{
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #f03a31;
	padding: 10px 15px 10px 15px;
	margin: 5px 0px 15px 0px;
	border: 1px solid #f03a31;
	background-color: #fad3c5;
}

#page-content .error a, #event_view_content .error a
{
	color: #f03a31;
	text-decoration: underline;
}

#page-content .error p, #event_view_content .error p
{
	color: #f03a31;
	margin: 5px 0 0 0;
}

#page-content .warning
{
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #FF6600;
	padding: 10px 15px 10px 15px;
	margin: 5px 0px 15px 0px;
	border: 1px solid #FF6600;
	background-color: #FFD9BF;
}

#page-content .info
{
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #4D595F;
	padding: 10px 15px 10px 15px;
	margin: 5px 0px 15px 0px;
	border: 1px solid #4D595F;
	background-color: #CFCFCF;
}

#page-content .info a
{
	color: #4D595F;
	padding: 10px 15px 10px 0px;	
}

/* table-block
------------------------------------------------------*/

#table-block
{
	position: relative;
	margin: 5px 0 5px 0;
}


#table-block a {
	color: #0099ff;
}

#table-block table
{
	width: 100%;
	position: relative;
}

#table-block table tr td
{
	padding: 5px 6px 5px 6px; 
	border-bottom: 1px solid #cdcdcd;
}

#table-block table tr.header td
{
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #fff;
	padding: 7px 6px 7px 6px; 
	background-color: #4a5154;
}

#table-block table tr.alternate
{
	background-color: #f5f5ed;
}

#table-block table a
{
	color: #0099ff;
}

#table-block table td.true
{
	color: #009933;
}

#table-block table td.false
{
	color: #990000;
}

#table-block table td.actions
{
	color: #ccc;
}

#table-block table tr:hover
{
	background-color: #ffffd4;
}

#table-block table td.actions a
{
	font: bold 0.9em Arial, Tahoma, sans-serif;
	color: #0099ff;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	text-transform: uppercase;
}

#table-block table td.actions a.delete
{
	color: #999;
}

#table-block table td.actions a:hover
{
	color: #ff6600;
}



/*===========================================================
[1.3 RAILS ERROR HANDLING]
=============================================================*/
#page-content .fieldWithErrors input, #page-content input.fieldWithErrors {
	color: #f03a31;
	border: 1px solid #f03a31;
	background-color: #fad3c5;
}


#errorExplanation {
/*   width: 500px; */
  border: 2px solid red;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;	
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  padding: 5px;
  margin: 5px 0 0 10px;
}

#errorExplanation ul li {
  font-size: 12px;
  margin-left: 35px;
}


/*===========================================================
[1.3 RAILS ERROR HANDLING]
=============================================================*/

.fancy_photo {
	padding:5px 5px 5px 0;
	display: inline;
}


.searchText {
		width: 152px;
		height: 16px;
		font-family: arial;
		font-size: 11px;
		white-space: nowrap;
		overflow: hidden;
		padding: 0px 0px 0px 1px;
		margin: 0px 0px 0px 0px; 
		border-left:1px solid #aaa;
		border-top:1px solid #aaa;
		border-bottom:1px solid #ddd;
		border-right:1px solid #ddd;
	}

	

	.searchtext, .in {
		height:16px;
		border-left:1px solid #aaa;
		border-top:1px solid #aaa;
		border-bottom:1px solid #ddd;
		border-right:1px solid #ddd;
	}

	
	div .searchtext {
		height: 16px;
	}

	.searchtext,.in {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 2px;
	}

	
	.searchchoix {
		float:left;
		font-size:11px;
		font-family:arial;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}



/*===========================================================
[9. FOOTER]
=============================================================*/
#page-footer
{

	background-color: #33393c;
	text-align: center;
	padding: 15px;
}

#page-footer p
{
	font: normal 0.9em/150% Arial, Tahoma, sans-serif;
	color: #fff;
}

#page-footer strong
{
	color: #69a2c8;
}

#page-footer a
{
	color: #fff;
}

#footer, #partners
{
	background-color: #262C2F;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 5px;
	width: 960px;
	padding: 10px;
}

#partners {
	margin-top: 0;
}

#footer ul, #partners ul
{
	padding: 0px;
	list-style: none;
	margin: 0 auto;
}

#footer ul li, #partners ul li
{
	float: left;
	margin: 0px 0px 0px 10px;
	color: #fff;
	color:#4D595F;
	font: normal 0.95em Arial, Tahoma, sans-serif;	
	
}

#footer ul li a, #partners ul li a
{
	color: #6da9d2;
	color: #81959F;
	text-decoration: none;
/* 	text-transform: uppercase; */
/* 	display: block; */
	padding: 4px 5px 4px 0px;
}

#footer ul li a:hover, #partners ul li a:hover
{
	color: #ff6600;
	color: #fff;	
}

#footer ul li.current a, #partners ul li.current a
{
	background-color: #ff6600;
	color: #fff;
}

/*===========================================================
[10. Gestion des erreurs]
=============================================================*/

.error-500 {
	height: 400px;
	width: 700px;
	float: left;
	margin: 0 100px;
	padding-top: 20px;
}

.error-500 p {
	margin-top: 20px;
}

.erreur-404 {
	height: 660px;
}

.erreur-404 a {
	color: #0099FF;
}

.erreur-404 a:hover {
	background-color: #0099FF;
	color: #fff;
}

#page-content .erreur-404 h1 {
	margin: -15px -15px 15px -5px;
	padding: 15px;
	border: none;
	background: #2D2D2D;
	color: white;
}

.erreur-404 p {
	padding: 5px 15px 0 15px;
	font-size: 1.2em;
}

.erreur-404 ul {
	margin: 0 30px;
	font-size: 1.2em;
}

.erreur-404 ul li {
	margin: 10px 0;
}

/*===========================================================
[3. INNER-CONTENT & SIDEBAR]
=============================================================*/

#inner-content {
	width: 690px;
	float: left;
}

#inner-sidebar
{
	position: relative;
	width: 240px;
	float: right;
	margin-left: 20px;
}

#inner-sidebar ul
{
	margin: 15px 0 0 0;
	padding: 10px 0px 70px 0px;
	list-style: none;
	border-left: 1px solid #33393C;
}

#inner-sidebar ul li.head
{
	font: bold 1.4em Arial, Tahoma, sans-serif;
	color: #0099ff;
	text-transform: uppercase;
	padding: 15px 0px 15px 15px;
}

#inner-sidebar ul li
{
	border-bottom: 1px solid #33393C;
}

#inner-sidebar ul li a
{
	background-color: #f2f2e8;
	display: block;
	font: normal 1.2em Arial, Tahoma, sans-serif;
	color: #33393c;
	text-decoration: none;
	padding: 8px 10px 8px 15px;
	height: 1%;
}

#inner-sidebar ul li a:hover
{
	background-color: #e6e6d2;
}

#inner-sidebar ul li a.current
{
	background-color: none;
	font: bold 1.2em Arial, Tahoma, sans-serif;
	color: #33393c;
	text-decoration: none;
	padding: 8px 10px 8px 16px;
	margin-left: -1px;
}

/*===========================================================
[3. MULTIPLE SELECT]
=============================================================*/

.multiple_select {
  border: 1px solid #aaa;
  height: 100px;
  width: 250px;
  padding: 5px;
  margin: 1em;
  overflow: auto;
  background: #fff;
}

.multiple_select label, 
#page-content ul.multiple_select label, 
#event_edit_container ul.multiple_select label,
#multiple_select_tarif label {
	font-weight: normal;
	display: inline;
	text-align: left;	
	float: none;
	padding: 0;
	margin: 0 0 0 5px;
	top:0;
}

.multiple_select input[type='checkbox'] {
	margin-left: 5px;
}

.multiple_select input[disabled][type='checkbox'] {
	display: none;
}

.multiple_select, .multiple_select ul {
  list-style-type: none;
}

.multiple_select_checkbox {
  background: #fff;
}

.alt {
  background: #eef;
}

/*==============================================================================
 [3. TIMEPICKER]
===============================================================================*/

div.time-picker {
  position: absolute;
  height: 200px;
  width: 70px; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #ccc;
  z-index: 99;
/*   margin-left: 20px; */
  margin-top: 25px;
}
div.time-picker-12hours {
  width:6em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  padding: 2px 10px;
  cursor: pointer;
}
div.time-picker li.selected {
  background: #316AC5;
  color: #fff;
}

/*==============================================================================
 [3. TIMEPICKER]
===============================================================================*/

.awesome, .awesome:visited {
	font-family: 	"Arial",Helvetica,Helvetica Neue,Verdana,sans-serif;
	border: none;
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover							{ background-color: #111; color: #fff; }
.awesome:active							{ top: 1px; }
.small-size.awesome, 
.small-size.awesome:visited 			{ font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium-size.awesome, 
.medium-size.awesome:visited 		{ font-size: 1em; font-weight: bold; line-height: 1.3em; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); padding: 4px 10px 3px;}
.large-size.awesome, 
.large-size.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
.green.awesome, 
.green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover			{ background-color: #749a02; }
.blue.awesome, 
.blue.awesome:visited			{ background-color: #0099FF; }
.blue.awesome:hover				{ background-color: #ff6600; }
.red.awesome, 
.red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover				{ background-color: #872300; }
.magenta.awesome, 
.magenta.awesome:visited	{ background-color: #a9014b; }
.magenta.awesome:hover		{ background-color: #630030; }
.orange.awesome, 
.orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover			{ background-color: #d45500; }
.yellow.awesome, 
.yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover			{ background-color: #fc9200; }


input.awesome[type="submit"][disabled] {
	background-color: #777;
	text-decoration: line-through;
}

/******************************************************
*                                                     *
*   CSS file property of allostudio										* 
*		 - based on http://www.cssadmintheme.com/       	*
*   Copyright (c) allostudio, 2009.               		*
*                                                     *
******************************************************/

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header / #header
3. Navigation / #navbar
4. Content / #content
5. Left column / #leftcolumn
6. Right column / #rightcolumn
7. Sidebar / #sidebar
8. RSS / #rss
9. Search / #search
10. Boxes / .box
11. Sideblog / #sideblog
12. Advertisements / .ads
13. Footer / #footer
-------------------------------------------------------------------*/



/*===========================================================
[1.3 SEARCH BLOCK]
=============================================================*/
.search-block
{
	background-color: #f2f2e8;
	margin: 0 40px;
	padding: 0;	
}

.simple {	height: 100px;	}
.advanced {	height: 125px;	}

#left-search {
	background-color: #4A5154;
	color: #fff;
	float: left;
	margin:0;	
	padding: 0px 0 5px 0;
	width: 175px;
}

#left-search h3 {
	font: bold 1.0em Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;	
	border: none;
	background-color: #33393C;
	padding: 5px 5px 5px 10px;
	margin: 0;
}

#left-search input {
	margin: 0px -15px 0 0px;
	padding: 0 0px 0 0px;	
}

#left-search label {
	color: #fff;	
	font: normal 1.0em Arial, Tahoma, sans-serif;
	margin: 10px 0 0 20px;
	padding: 0px 0 0px 5px;	
}

#left-search  ul {
	font: normal 1.0em Arial, Tahoma, sans-serif;	
	margin: 10px 0px 25px 4px;	
	padding: 0px;
	list-style: none;	
}

#left-search  li{
	padding: 0px 0px 0px 12px;
	margin:0;
}

#right-search {
	float: left;
	margin: 0;
	background-color: #DFDFD1;	
	width: 530px;
	padding: 5px 0 0 0;
}

#right-search label
{
	font: normal 1.2em Arial, Tahoma, sans-serif;
	color: #33393c;
	margin: 5px 0px 0px 0px;
	padding: 0px 15px 0px 15px; 
	display: block;
}

#right-search span
{
	color: #5c6163;
}

.recherche_situe {
	display: block;
	margin: 5px 0px 20px 0px;
	padding: 0;	
}

#right-search input
{
/*
	font: normal 1.1em Arial, Tahoma, sans-serif;
*/
	color: #454545;
	margin: 0;
	padding: 5px;
	display: block;
	float: left;
	font-size: 1.1em; 	
}

#right-search input:focus
{
	border: 1px solid #0099ff;
}

#right-search input.data
{
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;		
	border-bottom: 1px solid #454545;		
	border-left: 1px dashed #454545;   
	margin: 0 10px 0px 0;
	padding:5px 10px;
	width: 230px;
}

#right-search input.submit
{
	background-color: #0099ff;
	display: block;
	float: left;
	width: 120px;
	margin: 0px 10px 0px 0px;
	padding: 5px 0px 4px 0px;
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #fff;
}

#right-search input.submit:hover
{
	background-color: #ff6600;	
	border: 1px solid #ffffff;	
}

#right-search em
{
	color: #5c6163;
	display: block;
	margin: 5px 0px 0px 5px;	
	padding: 0px 15px 0px 15px; 
	font-style: normal;
}

#advanced-search {
	position: relative;
}

#advanced-search a {
	color: #0099ff;		
	margin: 5px 0px 15px 17px;	
	padding: 0px 15px 0px 10px; 
	display: block;	
	float: left;	
	background: url('/images/plus.png') no-repeat 0 50%;
}

#right-search span:hover {
	color: #0099ff;		
}


.search-separator {
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

#right-search .search-field {
	display: inline;
	font: normal 1.0em/2em Arial, Tahoma, sans-serif;	
	text-align:left;
	margin: 0;
	margin-left: 30px;
	padding: 0;	
}

.search-field .label {
	padding-right: 10px;
	padding-bottom: 3px;
	padding-top: 2px;	
}

.search-field .data {
	padding-bottom: 3px;
	padding-top: 3px;	
}

#right-search .search-field input.form
{
	color: #454545;
	margin: 0px;
	padding: 3px;
	border: 1px solid #454545;
	width: 30px;	
	display: inline;
	float: none;
}

#right-search .search-field input.submit {
	float: right;
	margin-left: 30px; 
	margin-top: 0;
}

/* Styling the select replacement */

ul.selectReplacement {
	margin: 0 0 0 15px;
	padding: 0;
	height: 1.65em;
	width: 120px;  
	position: relative;
	z-index: 1000;
	float: left;
	border-top: 1px solid #454545;      
}

ul.selectReplacement li.selected {
	background: #fff url('/images/bottom-arrow.png') no-repeat 95% 55%;
	color: #454545;  
	cursor: pointer;
	line-height: 1.7em;
	list-style: none;
	margin: 0;
	padding: 0;  
	width: 119px;
	font-size: 1.1em;    
	display: block;
	border-bottom: 1px solid #454545;
	border-left: 1px solid #454545; 
	border-right: 1px solid #454545;   
	z-index: 1000;

	}	

ul.selectReplacement li.selected a {
	color: #454545;  
	cursor: pointer;
	padding: 2px 7px 2px 0px;  
	display: block; 
	margin-left: 7px;
}	

ul.selectReplacement li ul {
	z-index: 1000;
	margin-left: 8px;
}


ul.selectReplacement li.selected input {
	display: none;
	margin:0;
	padding:0;
	width:0;
}

ul.selectReplacement li ul li{
	background: #fff;
	color: #454545;  
	cursor: pointer;
	line-height: 1.7em;
	list-style: none;
	margin: 0 0 0 -7px;
	width: 104px;
	font-size: 1.0em;  
}

ul.selectReplacement li ul li a{
	background: #fff;
	color: #454545;  
	cursor: pointer;
	margin: 0 0 0 -7px;
	padding: 2px 7px;	
	width: 104px;
	display: block;	
}


ul.selectReplacement li ul li a:hover {
	background: #AFAFA4;

}

/*
ul.selectReplacement li.selected:hover ul {
	display: block;	
}

ul.selectReplacement li.selected:hover span {
	display: none;	
}
*/

/*===========================================================
[1.3 LEFT-COLUMN]
=============================================================*/

#left-column {
	width: 135px;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
}

#left-column  a {
	background: inherit;
	color: #0099ff;	
	padding: 2px 0px 2px 0px;	
}

#left-column  a:hover {
	background: #0099ff;
	color: #fff;	
	padding: 2px 0px 2px 0px;	
}

#left-column  h3{
	font: bold 1.2em Arial, Tahoma, sans-serif;
	color: #33393c;
	margin: 0px 0px 20px 15px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #33393c;
}

#left-column  h4{
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #33393c;
	margin: 0px 0px 10px 15px;
	padding: 0px;
	border-bottom: 1px solid #33393c;
}

#left-column  ul {
	font: 0.95em Arial, Tahoma, sans-serif;	
	color: #33393c;
	margin: 0px 0px 25px 4px;	
	padding: 0px;
	list-style: none;	
}

#left-column  li{
	font: normal 1.0em Arial, Tahoma, sans-serif;
	padding: 0;
	margin:0;
	margin-left: 12px;
}

#left-column  li a.current {
	background: url('/images/filter-arrow.png') no-repeat 0 50%;
	font-weight: bold;
	color: #33393c;	
	padding-left: 15px;
	margin-left: -15px;
	padding-right: 10px;	
}


#left-column input {
	margin: 0px 4px 0px 0px;
	padding: 0;	
	display: inline;
}

#left-column div {
	margin: 5px 0 0 10px;
	padding: 0;
}

#left-column label{
	margin: 0 5px 0 0px;
	padding: 0 0 0 0px;	
	font: normal 1.0em Arial, Tahoma, sans-serif;
	display: inline;	
}



/*===========================================================
[1.3 RIGHT COLUMN]
=============================================================*/

#right-column {
	width: 630px;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-top: 10px;
}

#right-column  h3{
	font: bold 1.2em Arial, Tahoma, sans-serif;
	color: #33393c;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	border-bottom: 1px solid #33393c;
}

#right-column h2{
	position: relative;
	z-index: 0;
}


/* pagination
------------------------------------------------------*/
#pagination-right {
	padding-bottom: 2px;
	text-align: right;
}

#pagination-left {
	text-align: left;
}

#pagination-left a, 
#pagination-right a {
	color: #0099ff;
	padding: 3px;
	text-decoration: none;
}

#pagination-left a:hover, 
#pagination-right a:hover {
	color: #fff;	
	background: #0099ff;
}

/*----------------------------------------------------- 
	Page accueil et recherche - fiche studio
------------------------------------------------------*/
#page-content .studio-recherche
{
	background: #fff;
	border: 1px solid #A3A09E;
	color: #6F6D68;
	font: bold 1.1em Arial, Tahoma, sans-serif;	
	height: 80px;		
	margin: 5px 0px 0px 0px;	
	padding: 0;
}

#page-content .studio-recherche a
{
	display: block;
	color: #6F6D68;
	cursor: pointer;
}

#page-content .studio-recherche-infos
{
	position: relative;
	width: 513px;
	float: left;
	height: 80px;		
}

#page-content .studio-recherche-logo
{
	float: left;
	height: 80px;	
	margin: auto 0;	
	position: relative;	
	width: 110px;	
}

#page-content .studio-recherche-logo img
{
	max-width: 100px;
	max-height: 80px;	
}

/* alignement verticale des images */
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.wraptocenter * {
    vertical-align: middle;
}

.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
 
#page-content .studio-recherche-infos h4	
{
	font: bold 13px/21px Helvetica,Arial,Sans-serif;
	padding: 1px 0px 1px 5px;
	margin: 3px 0 7px 7px;
	display: inline;
	float: left;	
	width: 466px;		
	color: #33393c;
	color: #000;
}

#page-content .studio-recherche-infos h4.reco
{
	color: #33393c;	
/* 	background: url('/images/thumbs.png') no-repeat 0 50%; */
	display: inline;
	float: right;
	font: bold 1.0em Arial, Tahoma, sans-serif;
	margin: 5px 0 7px 0;	
	padding: 3px 3px 3px 16px;	
	text-align: left;	
	width: 15px;
}

#page-content .studio-recherche-infos p.studio-type
{
	background: #eee;
	bottom: 5px;
	font: normal 0.8em Arial, Tahoma, sans-serif;	
	left: 0;
	margin: 5px 0 0 7px;
	padding: 1px 5px 1px 5px;
	position: absolute;
}

#page-content .studio-recherche-infos ul.address-1,
#page-content .studio-recherche-infos ul.address-2
{
	padding: 0px 0px 0px 5px;
	margin: 0 0 0 7px;
	font: normal 0.8em Arial, Tahoma, sans-serif;
	float: left;
	width: 47%;
}

#page-content .studio-recherche-infos li
{
	list-style: none;
}


ul.salles-type {
	color: #33393C;
	font: normal 0.9em Arial, Tahoma, sans-serif;	
	margin: 0px 0px 0px 0px;	
	padding: 0;	
}

.salles-type a { cursor: pointer; }

ul.salles-type li {
	list-style: none;
	float:left;
	margin: 0;	
	padding: 0;	
}

ul.salles-type .infos {
	display:block;
  border:solid #A3A09E;	
  border-width: 0px 0px 1px 0px;	
	background: #DFDFD1;
  padding: 0px;
  height: 17px;
  width: 135px;
  line-height: 17px;
}

ul.salles-type li.salle-plus .infos {
	font: normal 1.4em/1.2em Arial, Tahoma, sans-serif;	
	text-align: center;	
  border-left: 1px solid #A3A09E;	
  border-right: 1px solid #A3A09E;	
	width:10px; 
	padding: 0 3px;
  line-height: 17px;	
}

ul.salles-type a{
	color: #33393C;	
	display: block;
}

ul.salles-type li.salle-repart .infos{	
	width:601px; 
	padding-left: 10px;
  	border-right: 1px solid #A3A09E;			
}

ul.salles-type li.salle-vide .infos{	
	width:576px; 
	padding-left: 10px;
  	border-right: 1px solid #A3A09E;			
}


/* détails des salles
------------------------------------------------------*/
#page-content .salles-recherche
{
	background: #DFDFD1;
	border: 1px solid #A3A09E;	
	border-top: none;
	color: #6F6D68;
	font: bold 1.1em Arial, Tahoma, sans-serif;	
	margin: 0px 0px 15px 0px;	
	padding: 0;
	padding-top: 30px;
}

ul.salle-fiche {
	background: #fff;
	color: #6F6D68;
	font: bold 0.9em Arial, Tahoma, sans-serif;	
	margin: 0px 10px 0px 10px;	
	padding: 0;	
}

ul.salle-fiche li {
	list-style: none;
	float:left;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
}

ul.salle-fiche a 
{
	display: block;
	color: #6F6D68;	
}

.spacer{clear:left; height: 10px;}

ul.salle-fiche .infos {
  	display:block;
  	border:solid #A3A09E;	
  	border-width: 1px 0px 1px 0px;	
  	background-color:#fff;	
  	padding:5px 5px 5px 5px;
  	height:17px;
  	width:135px;
  	line-height: 17px;
}

ul.salle-fiche li.salle-nom .infos{
  	border-left: 1px solid #A3A09E;	
	width:165px; 
	padding-left: 10px;	
}

ul.salle-fiche li.salle-nom .infos a, 
ul.salle-fiche li.salle-nom .infos
 {
	color: #33393C;	
}

ul.salle-fiche li.salle-caracteristique .infos {
	width:140px;
	padding-right: 10px;
}

ul.salle-fiche li.salle-taille .infos {
	width:40px;
}

ul.salle-fiche li.salle-prix-min .infos {
	text-align: right;	
 	width: 50px; 	
	padding-right: 5px;
	font-variant: normal;
}

ul.salle-fiche li.salle-tarif-min .infos {
 	width:55px; 	
	font-size: 1.1em;	
}

ul.salle-fiche li.salle-tarif-min .infos,
ul.salle-fiche li.salle-tarif-min .infos a {
	color: #0099FF;
}

ul.salle-fiche li.salle-prix-max .infos {
	text-align: right;	
 	width:25px; 	
	padding-right: 5px;
	
}

ul.salle-fiche li.salle-tarif-max .infos {
	border-right: 1px solid #A3A09E;
	color: #fff;			
	text-align: right;	
	width:55px;	
	background: #FF6600;
	font-size: 1.1em;
	padding-left: 0px;
}

ul.salle-fiche li.salle-tarif-max .infos a {
	color: #fff;
}

/* Carte google map en resultat de recherche */
#map { 
	border: 5px solid #CFCFCF;
	margin: 10px 0;
}




/*-----------------------------------------------------
	Page de studio - fiche de studio
------------------------------------------------------*/

/* Fil de localisation (Region > Département > Ville)
------------------------------------------------------*/
#fil_localisation
{
	background-color: #33393c;
	padding: 0px 10px 0px 10px;
	margin: 0px;	
}

#fil_localisation ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-left: auto;
	margin-right: auto;	
}

#fil_localisation ul li
{
	float: left;
	margin: 0px;	
	color: #fff;	
	font: normal 1.1em Arial, Tahoma, sans-serif;	
}

#fil_localisation ul li a
{
	font: normal 1.0em Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 7px 25px 7px 4px ;
	background: url('/images/fleche.gif') no-repeat 100% 50%;
}

#fil_localisation ul li a.current
{
	color: #FF6600;
}

#fil_localisation ul li a:hover, 
#fil_localisation ul li a.current:hover
{
	color: #FF6600;
	padding: 7px 25px 7px 4px ;
	background: url('/images/fleche.gif') no-repeat 100% 50%;
}

#fil_localisation ul li.right
{
	float: right;
}


div#page-studio {
	padding: 0;
	margin: -15px -15px -15px -5px;
	border-top: 10px solid white;
}

div#page-studio a {
	color: #33393C;
	text-decoration: underline;
}

div#page-studio a:hover {
	background-color: #0099FF;
	color: white;
}

div#page-studio div#header-left {
	width: 135px;
	min-height: 200px;
	float:left;
	background: #E5E5E5;
	background: #D0D0C4;
	padding: 10px 15px;
}

div#page-studio div#header-left #logo {
	margin: 0;
	padding:0;
}

div#page-studio div#header-left img {
	border: 5px solid white;
}

div#page-studio div#header-left ul{
	margin-top: 15px;
}

div#page-studio div#header-left li{
	list-style: none;
	margin-bottom: 10px;
}

div#page-studio div#header-left a.action {
	background: #7F7F7F;
	padding: 5px;
	color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;	
	text-decoration: none;
}

div#page-studio div#header-left a:hover {
	background: #0099FF;
}

div#page-studio div#header-right {
	width: 645px;
	float: left;
	background: white;
	padding: 0;
}


div#page-studio div#header-right h2 {
	border: none;
	font-size: 1.8em;
	margin: 5px 0px 5px 15px;
}

div#page-studio div#header-right em {
	font-style: normal;
	color: #33393C;
	margin: 0 15px;
}


div#page-studio span#book {
	float: right;
	margin-right: 15px;
}

div#page-studio span#book a {
	color: white;
	text-decoration: none;
}

div#page-studio span#book a:hover {
	background-color: #ff6600;
}

/* Coordonnees
------------------------------------------------------*/

div#page-studio table.coordonnees {
	float: left;
	margin: 15px 5px 10px 15px;
}

div#page-studio .coordonnees td.label {
	width: 30px;
	text-align: right;
	padding: 0px 10px 0px 0px;	
	vertical-align: top;	
	color: #5A686F;
}

div#page-studio .coordonnees td.data {
	padding: 0px 0px 0px 0px;	
	width: 210px;		
	color: #5A686F;	
}


/* Menu studio
------------------------------------------------------*/

div#menu_studio {
	clear: both;
	color: #fff;
	font: bold 1.1em Arial, Tahoma, sans-serif;	
	margin: 0px 0px 0px 0px;	
	padding: 0;
	height: 35px;
	background: #E5E5E5;
	background: #D0D0C4;
	padding: 0 15px;
	border-top: 5px solid #F5F5F5;
	border-bottom: 1px solid #B1B1B1;		
}

div#menu_studio a {
	color: #33393C;	
	padding: 7px;
	text-decoration: none;
}

div#menu_studio a:hover {
	color: #33393C;	
	background: none;
}

div#menu_studio ul
{
	margin: 5px 0 0 0;
	padding: 0px;
	list-style: none;	
	display: table;
}

div#menu_studio ul li
{
	color: #fff;
	font: bold 1.0em Arial, Tahoma, sans-serif;	
	padding: 7px 5px 8px 5px;
	float: left;
	border-top: 1px solid #D0D0C4;
}

div#menu_studio ul li.selected
{
	padding: 7px 4px;
	background: white;
	border-left: 1px solid #B1B1B1;
	border-right: 1px solid #B1B1B1;
	border-bottom: 1px solid white;
	border-top: 1px solid #B1B1B1;	
}

div#page-studio div.tabs_studio {
	padding: 15px;
}

/* Description
------------------------------------------------------*/

div#page-studio #description p {
	font: normal 1em/1.3em Arial, Tahoma, sans-serif;			
}

div#page-studio #description ul {
	margin: 0 20px;
	padding:0;
}

div#page-studio #description li {
	margin:0;
	padding: 0;
}


/* Menu de gauche
------------------------------------------------------*/
#studio-left {
	width: 130px;
	float: left;
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
}

/* Transport
------------------------------------------------------*/

table.transport {
	float: left;
	margin-top: 10px;
}

.transport td.label {
	width: 85px;
	text-align: right;
	padding: 0px 20px 5px 0px;	
	vertical-align: top;	
	color: #5A686F;
}

.transport td.data {
	padding: 0px 0px 5px 0px;	
	width: 500px;		
}

/* Horaires
------------------------------------------------------*/

table.horaires {
	float: left;
	margin-left: 10px;
	margin-top: 10px;	
	margin-bottom: 10px;
}

.horaires td.label {
	width: 65px;
	text-align: right;
	padding: 0px 20px 5px 0px;	
	vertical-align: top;	
	color: #5A686F;	
}

.horaires td.data {
	padding: 0px 0px 5px 0px;	
	width: 200px;		
}


/* photos de studios
------------------------------------------------------*/
#page-content .box-title
{
	border: none;
	color: #fff;
	color: #33393C;
	font: bold 1.1em Arial, Tahoma, sans-serif;	
	margin: 5px 0px 0px 0px;	
	padding: 0;
	height: 35px;
	border-top: 1px solid #D0D0C4;
	border-left: 1px solid #D0D0C4;
	border-right: 1px solid #D0D0C4;
	border-bottom: 1px solid #D0D0C4;
}

#page-content .box-title h3
{
	color: #fff;
	color: #33393C;
	font: bold 1.0em Arial, Tahoma, sans-serif;	
	border: none;
	padding: 10px;
	margin: 0;
	float: left;
}

#page-content .box-title ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-left: auto;
	margin-right: auto;	
}

#page-content .box-title ul li
{
	color: #fff;
	color: #33393C;
	font: bold 1.0em Arial, Tahoma, sans-serif;	
	border: none;
	padding: 10px;
	float: left;
}

.gris {
	background: #33393C;
	background: #B5B5B5;
	background: #D0D0C4;	
}

.bleu {
	background: #6DA9D2;
}

.orange {
	background: #FF6600;
}

.brown {
	background: #7F7F7F;
}

#page-content .box-title .nom {
	width: 328px;
}

#page-content .box-title .taille {
	width: 60px;
}

#page-content .box-title .caracteristique {
	width: 180px;
	text-align: right;	
}

#page-content .box-photos
{
	background: #fff;
	border: none;
	color: #6F6D68;
	font: bold 1.1em Arial, Tahoma, sans-serif;	
	margin: 0px 0px 15px 0px;	
	padding: 10px 5px 10px 10px;
}

#page-content .box-photos a img,
#page-content .box-salle a img
{
	margin: 0px;
	padding: 0px;
}

/* salle
------------------------------------------------------*/

#page-content .box-salle
{
	background: #fff;
	border: none;
	font: normal 1.0em Arial, Tahoma, sans-serif;	
	margin: 0px 0px 15px 0px;	
	padding: 0px;
	border-left: 1px solid #D0D0C4;	
	border-right: 1px solid #D0D0C4;	
	border-bottom: 1px solid #D0D0C4;	
}

#page-content .box-salle h4
{	
	font: normal 1.1em Arial, Tahoma, sans-serif;	
	margin: 0;	
	color: #33393C;
	background: #E5E5DA;
	padding: 5px 10px;
	font-weight: bold;
}

#page-content .box-salle ul
{	
	margin: 0 5px;
	padding: 0px 0px 0px 10px;	
}

#page-content .box-salle ul li
{	
	margin: 0 15px;
	padding: 0px 0px 5px 5px;	
}

.tab_description, .tab_tarifs, .tab_materiel, .tab_photos {
	padding: 10px;
}

.tab_tarifs table {
	width: 100%;
}

.tab_tarifs table tr {
	border-bottom: 1px dotted #CCC;
}

.tab_tarifs table td, .tab_tarifs table th {
	padding: 3px;
	vertical-align: top;
	border-bottom: 1px dotted #EFEFEF;	
}

.tab_tarifs table th {
	background: #EEF1F4;
	border: none;
}

.tab_tarifs table td.first {
	text-align: right;
}

.tab_tarifs table td.last {
	max-width: 310px;
}

.box-dispo {
	padding: 10px;
}


/* tabs_salle : description, tarifs, matériel, photos
------------------------------------------------------*/
#page-content .box-subtitle
{
	margin: 0;	
	padding: 0;
	border-left: 1px solid #D0D0C4;
	border-right: 1px solid #D0D0C4;
	border-bottom: 1px solid #D0D0C4;
	background: #E5E5DA;	
	height: 30px;
}
	

#page-content ul.menu_tabs_salle {
	margin: 0;
	padding: 4px 0 0 0;
	list-style: none;	
}

#page-content ul.menu_tabs_salle li
{
	float: left;
	margin: 0px 5px -1px 5px;	
	padding: 5px 7px; 	
}

#page-content ul.menu_tabs_salle li.selected
{
	padding: 4px 6px; 	
	border-top: 1px solid #D0D0C4;	
	border-left: 1px solid #D0D0C4;	
	border-right: 1px solid #D0D0C4;
	border-bottom: 1px solid white;			
	background: white;	
}

#page-content ul.menu_tabs_salle li a
{
	color: #FF6600; 	
	color: #33393C;
	font-weight: bold;
}

#page-content ul.menu_tabs_salle li.blank a
{
	color: #777; 	
}

/* tabs_day : lundi, mardi, mercredi etc.
------------------------------------------------------*/

#page-content ul.menu_tabs_day {
	margin: 5px 0px 0px 0;
	padding: 0px;
	list-style: none;	
	display: table;
	width: 100%;
	border-bottom: 1px solid #AFAFAF;
}

#page-content ul.menu_tabs_day li
{
	float: left;
	margin: 0px 0px -1px 0;	
	padding: 5px 5px; 	
}

#page-content ul.menu_tabs_day li.selected
{
	border-top: 1px solid #AFAFAF;	
	border-left: 1px solid #AFAFAF;	
	border-right: 1px solid #AFAFAF;
	border-bottom: 1px solid #EEF1F4;	
	background: #EEF1F4;			
}

#page-content ul.menu_tabs_day li a
{
	color: #33393C; 	
}

#page-content div.tabs_day {
	background: #EEF1F4;		
	padding: 5px;
	border-bottom: 1px solid #AFAFAF;	
	border-left: 1px solid #AFAFAF;	
	border-right: 1px solid #AFAFAF;			
}


#page-content ul.menu_tabs_day li.nav
{
	float:right;
}

#page-content ul.menu_tabs_day li.nav a
{
	color: #0099FF; 	
}

/* table des disponibilités
------------------------------------------------------*/

#page-content table.creneaux-day {
	padding:0px;
	border-collapse:collapse;
}

#page-content table.creneaux-day td {
	width: 13px;
	height: 30px;
	padding:0;
}


#page-content table.creneaux-day tr.dispo td.first {
	border: none;
	border-right: 1px solid #777;	
}

#page-content table.creneaux-day tr.hour_name td{
	height: 15px;	
	font-size: 0.8em;
	text-align: center;
	padding:0;	
}

#page-content table.creneaux-day tr.hour_line td{
	height: 5px;
	padding:0;
}

#page-content table.creneaux-day td.hour {
	border-left: 1px solid #AAA;
}

#page-content table.creneaux-day tr.dispo td {
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;	
	border-right: 1px dotted #AAA;	
}

#page-content table.creneaux-day td.dispo {
	background-color: #dff2d9;
}

#page-content table.creneaux-day td.busy {
	background-color: #fad3c5;
}

#page-content table.creneaux-day td.closed {
	background-color: #CCC;
}

#page-content table.creneaux-day td.selected {
	background-color: #9ECF8E;
}

#page-content table.creneaux-day tr.dispo td.alternate {
	border-right: 1px solid #AAA;
}

#page-content table.creneaux-day tr.dispo > td:last-of-type {
	border-right: 1px solid #777;
}

#page-content div.booking {
	height: 20px;
	padding: 5px 0;
}

#page-content div.booking a {
	float: right;
}

/* recherche de disponibilités
------------------------------------------------------*/
h3#salles-title {
	background: #7F7F7F;
	color: #FFF;
	padding: 10px 10px 10px 10px;
	border: none;
	margin: 0;
	font-size: 1.4em;
}

#page-content .box-search
{
	border: none;
	font: normal 1.0em Arial, Tahoma, sans-serif;	
	margin: 0px 0px 15px 0px;	
	padding: 0px 5px 10px 10px;
}

#page-content .box-search p
{
	color: #fff;
	font-weight: bold;
	margin:0;
	padding:0;
}

#page-content input.date_form {
	font: normal 1.0em Arial, Tahoma, sans-serif;
	color: #454545;
	margin: 0 3px;
	padding: 2px;
	display: inline;
	border: 1px solid #ccc;
	width: 70px;
	}

#page-content input.time_form {
	font: normal 1.0em Arial, Tahoma, sans-serif;
	color: #454545;
	margin: 0 3px;
	padding: 2px;
	display: inline;
	border: 1px solid #ccc;
	width: 40px;
	background-position: center center
	}

#page-content input.dispo_submit
{
	background-color: #0099ff;
	margin: 0px 10px 0px 5px;
	padding: 1px 2px;
	font: normal 1.0em Arial, Tahoma, sans-serif;
	color: #fff;
	border: 1px solid #0099FF;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;		
}

#page-content input.dispo_submit:hover
{
	background-color: #ff6600;
	border: 1px solid #ff6600;
}

p#loading-salle {
	text-align: center;
	font-weight: bold;
}

/*===========================================================
[1.3 PAGE DE LOGIN GENERIQUE]
=============================================================*/
#login-page {
/* 	height: 550px; */
}


a.signup-button img {
	text-align: center;
	margin: 10px 20px 0px 80px;
}

/*===========================================================
[1.3 PAGE DE LOGIN GERANT]
=============================================================*/
#left-login {
	float:left;
	width: 47%;
}


#left-login  a {
	background: inherit;
	color: #0099ff;	
	padding: 2px 0px 2px 0px;	
}

#left-login  a:hover {
	background: #0099ff;
	color: #fff;	
	padding: 2px 0px 2px 0px;	
	
}

.login_field label {
	display:block;
	text-align:right;
	width:100px;
	float:left;
	position: relative;
	top:6px;
	padding-right: 10px;
	padding-left: 15px;
}

.login-field p.inscription {
	font-size: 1.0em;
}

.submit_login_field {
	margin-left: 120px;
	margin-top: 20px;
}

#right-login {
	float:left;
	width: 47%;
	margin-left: 50px;
}

.signup_field {
	display:block;
	float:left;
	position: relative;
	margin-right: 10px;
}

.signup-form {
	font: normal 1.2em Arial, Tahoma, sans-serif;
	color: #454545;
	margin: 0px 0px 15px 0px;
	padding: 5px;
	border: 1px solid #cccccc;	
}

#login-headline {
	position: relative;
	padding: 15px;
	background: #6DA9D2;
	margin: 15px -15px;
}

#login-headline p{
	margin:0 30px;
	padding: 0;
	color: #fff;
	font-size: 1.7em;
}

#login-headline p a{
color: white;
}


.left-showcase {
	float: left;
	width: 50%;
	margin: 10px 0 25px 30px;
	padding: 15px;
}

.left-showcase h4 {
	font-size: 1.2em;
	margin-bottom: 5px;
	padding-left: 25px;
}

#sh-stats {
	background: url('/images/icons/stat-small.png') no-repeat 0 0;
}
#sh-edit {
	background: url('/images/icons/edit-small.png') no-repeat 0 0;
}
#sh-clock {
	background: url('/images/icons/clock-small.png') no-repeat 0 0;
}
#sh-tag{
	background: url('/images/icons/tag_blue.png') no-repeat 0 0;
}
#sh-head{
	background: url('/images/icons/head-small.png') no-repeat 0 0;
}

.left-showcase p {
	line-height: 170%;
	padding-left: 25px;

}

.right-showcase {
	float: left;
	width: 30%;
	margin-left: 110px;
	margin-bottom: 15px;
}

.right-showcase img {
	border: 5px solid #CCC;
}

/*===========================================================
[3. USER]
=============================================================*/

.password-strength {
	margin-left: 185px;
	height: 30px;
}


/*===========================================================
[1.3 PAGE D'INSCRIPTION
=============================================================*/

#top-signin {
	padding: 0px;
	background: #000000 url('/images/inscription/allostudio_preview4.png') no-repeat 0% 0%;
	color: #fff;
	margin: -15px -15px 0px -15px;	
	min-height: 600px;
}

#left-signin {
	float:left;
	width: 650px;
	padding: 5px 15px 5px 15px;	
}

#right-signin {
	float:left;
	width: 270px;
	padding: 15px 15px 15px 15px;
}

#page-content #top-signin h2 {
	background: transparent;
	border: none;
	font-size: 2em;	
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
}

#page-content #top-signin p {
	padding: 5px 15px;
	font-weight: normal;
	font-size: 1.2em;	
	color: #cccaaa;
}

#page-content #top-signin p.preview {
	padding: 0 25px;
	margin-bottom: 0px;
}

#signin-block {
	border: 1px solid #fff;
	background: #4A5154;
}

#page-content #right-signin #signin-block h3 {
	font-size: 1.1em;	
	background: #33393C;
	padding: 7px 10px;
	margin-bottom: 10px;
	border: none;
	color: #fff;
}

.signin-field {
	padding: 0 15px 0px 15px;
	margin:0;
}

.signin-field em {
	color: red;
	display: block;
}

.signin-field em.notification {
	color: white;
	display: block;
	margin-top: 5px;
}

#page-content #right-signin .signin-field label { 
	display:block;
	margin-bottom: 5px;
	color: #fff;
}

.signin-size {
	width: 230px;
}

#page-content #right-signin .submit_field {
	margin: 15px 35px;
}

#page-content #right-signin .submit_field .large {
	width: 200px;
}

.facebook-transition {
	border-bottom: 1px solid #fff;
	margin-bottom: 15px;
	padding:0;
}

#page-content #right-signin .facebook-transition p {
	text-align: center;
	padding:0;
	margin: -5px auto -10px auto;
	width: 40px;
	background: #4A5154;
	font-size: 1.1em;
	font-weight: bold;
}

.signin-showcase {
	float: left;
	width: 286px;
	margin: 10px 0 10px 0;
	padding: 15px;
}

.signin-showcase h4 {
	font-size: 1.2em;
	margin-bottom: 5px;
	padding-left: 35px;
}

.signin-showcase p {
	line-height: 170%;
	padding-left: 35px;
}

.signin-showcase a {
	color: #FF6600;
	text-decoration: underline;
}

#sh-events {
	background: url('/images/icons/ical.png') no-repeat 5px 10px;
}

#sh-photos {
	background: url('/images/icons/image.png') no-repeat 5px 10px;
}

#sh-audio {
	background: url('/images/icons/file_mp3.png') no-repeat 5px 10px;
}

#sh-secure {
	background: url('/images/icons/lock.png') no-repeat 5px 10px;
}

#sh-messages {
	background: url('/images/icons/comments.png') no-repeat 5px 10px;
}

#sh-favorite {
	background: url('/images/icons/star.png') no-repeat 5px 10px;
}

#bottom-signin {
	padding: 0px;
	background: #fff;
	color: #fff;
	margin: -15px -15px -25px -15px;	
}

#bottom-signin h3 {
	font-size: 1.1em;	
	padding: 10px 30px;
	border: none;
	color: #33393C;
}

div.line-signin {
	clear: both;
}


/*===========================================================
[1.3 PAGE DE CONNEXION OU INSCRIPTION
=============================================================*/
#booking-menu {
	clear: both;
	height: 30px; 
  padding:0px 0px;
	width: 980px;
	margin: 0px auto;	 	
	position:relative;
}

#booking-menu ul
{
	margin: 0 0px;
  padding:0px 0px;
  list-style: none;
}

#booking-menu li
{
	float: left;
	margin: 0 15px 0 15px;
	color: #777;
	font: normal 1.1em Arial, Tahoma, sans-serif;	
	list-style: circle;
}

#booking-menu li.current
{
	color: #333;
	font-weight: bold;	
	list-style: disc;
}

#left-booker {
	float:left;
	width: 47%;
	border: 1px solid #4A5154;
	margin-top: 10px;	
}


#left-booker h3, #right-booker h3  {
	margin-bottom: 10px;
	padding:5px 10px;
	font-size: 1.2em;
	background: #4A5154;
	color: #FFF;
}

#left-booker p, #right-booker p  {
	padding: 10px;
	margin:0 0 10 0;
}

#left-booker .booker-facebook, #right-booker .booker-facebook {
	border-top: 1px solid #33393C;
	padding: 0 10px 10px 10px;
}

#left-booker .booker-facebook img, #right-booker .booker-facebook img{
	margin-left: 110px;		
}

#left-booker  a {
	background: inherit;
	color: #0099ff;	
	padding: 2px 0px 2px 0px;	
}

#left-booker  a:hover {
	background: #0099ff;
	color: #fff;	
	padding: 2px 0px 2px 0px;	
	
}

#right-booker {
	float:left;
	width: 47%;
	border: 1px solid #33393C;
	margin-left: 30px;	
	margin-top: 10px;	
}


.booker-field {
	margin-left: 120px;
	margin-bottom: 10px;
}

/*===========================================================
[1.3 PAGE D'INSCRIPTION
=============================================================*/

#page-content #login-sidebar {
	position: relative;
	width: 160px;
	float: left;
	margin: 0 0 10px 0px;
	padding: 0;
	background: #4A5154;
}

#page-content #login-sidebar h3 {
	color: #fff;
	background: #33393C;
	font-size: 1.0em;	
	padding: 5px 10px;	
	margin: 0 0 10px 0;
	border-bottom: 1px solid #777D7F;	
}

.login-field {
	color: #fff;
	padding: 0px 10px;
	clear: both;
}

#login-sidebar label{
	color: #fff;
	font-size: 0.9em;			
}

#login-sidebar a{
	color: #fff;
	text-decoration: underline;
	font-size: 0.9em;
}

#login-sidebar input.input-login{
	font-size: 1em;	
	width: 130px;
	border: 1px solid #fff;	
	padding:3px;
	margin: 5px 0 10px 0;
}


#login-sidebar .submit {
	position: relative;
	margin-top: 10px;
	margin-left: 35px;
}


.facebook_field {
	border-top: 1px solid #777D7F;
	margin-top: -10px;
	background: #33393C;
	padding: 5px;	
}

.facebook_field img {
	margin: 5px 30px;
}

.facebook_field p {
	text-align: center;

}

.facebook_field p a{
	color: #fff;
	text-decoration: underline;
	font-size: 0.9em;	
	margin: -5px;
	padding:5px;	
}

#page-content #groupe-sidebar {
	position: relative;
	width: 160px;
	float: left;
	margin: 0 0 10px 0px;
	padding: 0;	
}

#page-content #ad-sidebar
{
	position: relative;
	width: 160px;
	float: left;
	margin: 0 0 0px 0px;
	padding: 0;
}

#page-content .sidebar-banner
{
	position: relative;
	width: 160px;
	float: left;
	margin: 0 0 10px 0px;
	padding: 0;
}

#ad-bottom {
	border-top: 1px solid #A3A09E;
	margin: 10px 0px auto;
	text-align: right;
	padding: 15px;
}	


/*===========================================================
[1.3 PAGES DU CMS]
=============================================================*/

#cms {
	margin: 20px 30px;
	min-height: 810px;
}

#cms {
	padding: 5px 5px 5px 15px;
}

#cms h2{
	margin-bottom: 30px;
	font-size: 1.8em;
}

#cms h3{
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 1.3em;
	border: none;
}

#cms h4{
	margin-bottom: 10px;
}

#cms ul{
	margin-left: 20px;
}

#cms li{
	margin-bottom: 10px;
}


/*===========================================================
[1.3 PAGE DE RESERVATION
=============================================================*/

#table-booking table
{
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}

#table-booking table tr td
{
	padding: 6px 5px 6px 5px; 
	vertical-align: top;
	text-align: left;
	line-height: 20px;
}

#table-booking table tr td.col1
{
	width: 70px;
	font-weight: bold;
	text-decoration: underline;
}
#table-booking table tr td.col2
{
	width: 430px;
}
#table-booking table tr td.col3
{
	width: 250px;
}

#table-booking a {
	color: #33393C;
	font-weight: bold;
}

#table-booking a:hover {
	text-decoration: underline;
}

.booking_field label {
	display:block;
	text-align:right;
	width:80px;
	float:left;
	position: relative;
	top:6px;
	padding-right: 6px;
	padding-left: 15px;
}

#page-content .booking_field input {
	margin-bottom: 5px;
	margin-top: 10px;
}

.booking_field em
{
	display: block;
	color: red;
	margin-left: 100px;
	padding:0;
}

#booking-left, #booking-right
{
	position: relative;
	margin: 10px 0 20px 0;
	width: 47%;
	float: left;
}

#booking-button {
	margin: 20px 0;
	float: right;
}

.blue_link {
	color: #0099FF
}

ul.tarif_reservation {
	list-style: none;
}

#page-content ul.tarif_reservation label {
	font-weight: normal;
}


.multiple_tarifs {
  border: none;
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0;
  overflow: auto;
  background: transparent;
}

.multiple_tarifs label, 
#page-content ul.multiple_tarifs label {
	font-weight: normal;
	display: inline;
	text-align: left;	
	float: none;
	padding: 0;
	margin: 0 0 0 5px;
	top:0;
}


.multiple_tarifs input[disabled][type='checkbox'] {
	display: none;
}

.multiple_tarifs, .multiple_tarifs ul {
  list-style-type: none;
}

.multiple_tarifs_checkbox {
  background: transparent;
}


/*===========================================================
[1. PLAN DE SITE
=============================================================*/

ul.plan-colonne {
	float:left;
	width: 22%;
	margin-left: 20px;
	margin-top: 20px;
	list-style: none;
}

ul.plan-colonne a {
	color: #0099FF;
}

ul.plan-colonne a:hover {
	background-color: #0099FF;
	color: #fff;
}

/*===========================================================
[1. PAGE DE PRESENTATION DE ALLOSTUDIO PRO
=============================================================*/


#top-pro {
	padding: 0px;
	background: #000000 url('/images/allostudio_pro/background.png') no-repeat 0% 0%;
	color: #fff;
	margin: -15px -15px 0px -15px;	
	min-height: 335px;
}

#left-pro {
	float:left;
	width: 460px;
	padding: 15px 15px 5px 15px;	
}

#right-pro {
	float:left;
	width: 460px;
	padding: 15px 15px 15px 15px;
}

#page-content #top-pro h2 {
	background: transparent;
	border: none;
	font-size: 2em;	
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
}

#page-content #top-pro ul {
	padding: 10px 15px 10px 15px;
	font-weight: normal;
	font-size: 1.2em;	
	color: #cccaaa;
	margin-left: 20px;
}

#page-content #top-pro li {
	list-style-image: url('/images/allostudio_pro/gray_check.png');
	line-height: 1.5em;
}


#baseline-pro p {
	font-size: 1.4em;
	background: #6da9d2;
	color: #fff;
	margin: -15px -15px 0px -15px;	
	padding: 15px;	
}

#page-content div.feature-pro {
	width: 200px;
	float:left;
	margin: 20px 15px;
}

#page-content div.feature-pro h3 {
	border: none;
	font-size: 1em;
	font-family: Tahoma, Arial, sans-serif;
	
}

#page-content div.feature-pro p {
	margin: 10px 0;
	line-height: 1em;
}

#page-content div.feature-pro div.planning {
  background: url('/images/allostudio_pro/mini_planning.png'); 
  width: 200px; 
  height:103px;
  border: 1px solid #33393C;  
}

#page-content div.feature-pro div.planning:hover {
  background: url('/images/allostudio_pro/mini_planning_over.png'); 
  width: 200px; 
  height:103px;
}

#page-content div.feature-pro div.groupe {
  background: url('/images/allostudio_pro/mini_groupe.png'); 
  width: 200px; 
  height:103px;
  border: 1px solid #33393C;
}

#page-content div.feature-pro div.groupe:hover {
  background: url('/images/allostudio_pro/mini_groupe_over.png'); 
  width: 200px; 
  height:103px;
}

#page-content div.feature-pro div.encaissement {
  background: url('/images/allostudio_pro/mini_encaissement.png'); 
  width: 200px; 
  height:103px;
  border: 1px solid #33393C;
}

#page-content div.feature-pro div.encaissement:hover {
  background: url('/images/allostudio_pro/mini_encaissement_over.png'); 
  width: 200px; 
  height:103px;
}

#page-content div.feature-pro div.reservation {
  background: url('/images/allostudio_pro/mini_reservation.png'); 
  width: 200px; 
  height:103px;
  border: 1px solid #33393C;
}

#page-content div.feature-pro div.reservation:hover {
  background: url('/images/allostudio_pro/mini_reservation_over.png'); 
  width: 200px; 
  height:103px;
}

#page-content a#testez_offre {
	background: url('/images/allostudio_pro/testez_offre.png') no-repeat 0 0;
	margin-left:  70px;
	display: block;
	width: 300px;
	height: 60px;
}

#page-content a#testez_offre:hover {
	background: url('/images/allostudio_pro/testez_offre_hover.png') no-repeat 0 0;
}

div#bottom-pro {
	padding: 15px;	
	margin: -15px -15px 25px -15px;	
	border-top: 1px solid #777;
	clear: right;
}

div#bottom-pro p {
  font-size: 1.1em;
}

div#bottom-pro h2 {
	background: none;
	border: none;
	color: #0099FF;
	font-size: 1.6em;
	font-family: Tahoma, Arial, sans-serif;
	padding: 0 0 15px 0;
}

/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

.prototip .darkgrey a {
	color: #fff;
	text-decoration: underline;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */