/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
   a img{
     border: none;
   }

html, body {height: 100%;width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}
.clear{
  clear:both;
  height:0;
  line-height: 0px;
  font-size:0;
  margin:0;
  padding:0;
  overflow: hidden;
}

body{ background: #ffffff;}
#bg1{position:absolute;z-index: 1; width:100%;  background:url("images/bg-container.jpg") 50% 50% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background:url("images/bg1.jpg") 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; width: 100%; background:url("images/bg2.jpg") 50% 0% no-repeat; }

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{ margin:0 auto;	text-align: left;}
#content{}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{background:url("images/header.jpg") 50% 0 no-repeat;}
#site-header .inner{}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-inner{padding: 0px;}

#left-inner #info{
    background: url(images/bg_info.jpg) top left no-repeat;
    min-height: 490px; height: auto!important; height: 490px;
}
#left-inner #info div.inner{
  padding: 68px 22px 3px 22px;
}
                               

#left-inner #horaire {
  background: url(images/bg_horaire.jpg) top left no-repeat;
  min-height: 141px; height: auto!important; height: 141px;
}

#left-inner #horaire div.inner{
  padding: 6px 22px 0 22px;
}

#left-inner #horaire p{
  padding: 20px 20px 0 20px;}

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{ float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding: 0px 20px 10px 20px;}
#right-inner ul.liste{
  /* width: 288px;
   height: 43px;*/
   padding: 8px 18px 0 0px;
   float: right;
  /* display: inline; */
}

#right-inner .liste {
  /*padding-top: 8px;*/
}

#right-inner ul.liste li{
  background: url(images/bullet.gif) left 6px no-repeat;
  display:block;
  padding-left: 12px;
  float: left;
}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left; height: 64px !important; max-height: 64px;}
#fwrap1 {position:absolute; z-index: -3; left:0; background: #ffffff url("images/footer-bg-1.gif") 50% 1px repeat-x; width:100%; display: block;}
#fwrap2 {position:absolute; z-index: -2; left:0; /*background: transparent;*/ width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter	{margin: 0 auto; padding: 0px; }
#footer .inner	{padding: 0 22px; /*height: 64px!important; min-height: 64px;*/}
#footer .box1	{width: 550px; margin: 0 auto; padding:12px 0 0 0; float: left; }
#footer #menu2 { padding: 11px 0 0 0; }

div.ref{ width: 150px; margin: 0 auto; padding: 0; text-align: center;}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img.thumb{margin: 0 11px 0 0; padding: 2px; border: 1px solid #235597;}
img.thumb0{margin: 0 0px 0 20px; padding: 2px; border: 1px solid #bed9fa;}

#menu2 ul li{display: inline;}

.semi-separateur{
 background: url(images/separateur.jpg) top left repeat-x;
 float: left;
 width: 430px;
 margin-top: 14px;
 height:1px;
 padding-bottom: 10px;
 font-size: 1px;
 line-height: 1px;
}
.separateur{
 background: url(images/separateur.jpg) top left repeat-x;
 float: left;
 width: 100%;
 height:1px;
 padding-bottom: 15px;
 font-size: 1px;
 line-height: 1px;
}

#right-inner .tablet-bleue{
  background: url(../../images/charte/tablet-bleue.jpg) top left no-repeat;
  float: right;
  width: 484px;
  height: 93px;
  padding: 8px 21px;
  display: block;
}


.tablet-garage{
  background: url(../../images/charte/tablet-garage.jpg) top left no-repeat;
  width: 170px;
  height: 61px;
  padding: 3px 45px 0 477px;
}

.tablet-garage logo{
     margin: 0 auto; text-align: center; width: 100%;
}

.logos{
  width: 100%;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.logos img{
  /*float: left; */
  display: inline;
}


 /* =======PAGE AVEC PLANS====== */
.plan-adr
{
  width: 300px; float: left;
  padding-left: 20px;

}
.plan-button
{
  width: 185px;
  float: right;
  text-align: right;
}
.plan-button img
{
  padding: 10px 0px 0px 10px;
  float: left;
}
#plan_image
{
  width:640px;
  margin: 0px auto;
}
#plan_image img
{
  padding-top: 20px;
  padding-bottom: 30px;
}

/* ############################## GARAGE_STYLES.CSS ####################################### */


	table
	{
		height: 100%;
	}
/* PAGE ELEMENTS --- (end) ---- */


/* PAGE STYLES --- (start) ---- */
	.txt1{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #004E7B;
	}
	.txt2{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #B22222;
	}
	.txt3{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #B22222;
		text-transform: uppercase;
	}
	.txt4{
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #315D84;
		text-transform: uppercase;
	}
	.txt5{
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #0F85A5;
		text-transform: uppercase;
	}
	.txt6{
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #006400;
		text-transform: uppercase;
	}
	.txt7{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #315D84;
		text-align: justify;
	}
	.title1{
		display: inline-block;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #4B5B65;
		text-transform: uppercase;
		border-bottom: 1px dashed #4B5B65;
		width: 370px;
	}
	.txt_description{
		display: block;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #4B5B65;
		padding: 4px 1px 4px 1px;
		width: 460px;
	}
	.txt_labels{
		font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11px;
		text-transform: capitalize;
	}

	.box2{
		padding: 5px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #777777;
		text-align: justify;
		border: 1px solid #E2E2E2;
		background-color: #F9F9F9;
	}
	.box3{
		padding: 5px;
		border:1px solid #e6e6e6;
		background-color: #ffffff;
		text-align: center;
	}

    div.productContainer{
      width:671px;
      float: left;
      background: url(../../images/charte/container-top.jpg) left top no-repeat;
    }
    .productContainer div.inner{
      display:block;
      padding: 15px 8px 5px 8px;
      width: 655px;
      float:left;
     /* background: blue; */
      background: url(../../images/charte/inner-bottom.jpg) left bottom no-repeat;
    }

    div.detailsList{
      /*position: relative; float: left; text-align:right;*/
       height: 95px !important;
       overflow: hidden;
       float: left;
       width: 630px;
    }
    div.detailsCol{
      width:295px;
      display: block;
      padding-left:20px;
    }

	div.datafield{
		width: 100%;
		float: left;
		position: relative;
		padding: 2px 0px 2px 0px;
		margin: 0;
		font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #000000;
		background-color: #FFFFFF;
		background-position: 2px 4px;
		background-repeat: repeat-x;
		/*display: inline;*/
	}
	.datafield2{
		width: 260px;
		position: relative;
	}

	.labeltxt{
		width: auto;
		display: inline;
		float: left;
		background-color: #FFFFFF;
		padding: 0px 3px 0px 3px;
	}
	.valuetxt{
		width: auto;
		color: #007EC6;
		background-color: #FFFFFF;
		display: inline;
		float: right;
		padding: 0px 3px 0px 3px;
	}
	.datatable{
		width: 100%;
		font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11px;
	}
/* PAGE STYLES --- (end) ---- */


/* TABLE1 --- (start) ---- */
	.table1
	{
		width: 200px;
	}
	.table1_top
	{
		background-image: url(../images/layout/table1_top4.gif);
		background-position: top;
		background-repeat: repeat-x;
		height: 16px;
	}
	.table1_bottom
	{
		background-image: url(../images/layout/table1_bottom2.gif);
		background-position: top;
		background-repeat: repeat-x;
		height: 7px;
	}
	.table1_left
	{
		background-image: url(../images/layout/table1_middle3.gif);
		background-repeat: repeat-y;
		background-position: right;
	}
	.table1_right
	{
		background-image: url(../images/layout/table1_middle5.gif);
		background-repeat: repeat-y;
		background-position: left;
	}
	.table1_middle
	{
		background-image: url(../images/layout/table1_middle2.gif);
		background-position: top;
		background-repeat: repeat-x;
		background-color: #FFFFFF;
		font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #315D84;
		padding: 2px;

	}
/* TABLE1 --- (end) ---- */
/* TABLE2 --- (start) ---- */
.table2_middle{
		background-image: url(../images/layout/table2_center1.jpg);
		background-position: top;
		background-repeat: repeat-x;
		background-color: #FFFFFF;
		font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #315D84;
		padding: 2px;
}
/* TABLE2 --- (end) ---- */


/*
Start Common Form definition
*/
/*.inputForm{
border:1px solid #E2E2E2;
background-color: #F2F2F2;
color: #315D84;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.inputFormOver{
border:1px solid #E2E2E2;
background-color: #E7E7E7;
color: #315D84;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.button{
border:1px solid #E2E2E2;
background-color: #F2F2F2;
color: #315D84;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.buttonOver{
border:1px solid #E2E2E2;
background-color: #E7E7E7;
color: #315D84;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}   */
.notice{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#315D84;
	font-size:12px;
	text-align: center;;
}
/*
Start Common Form definition
*************************************************************
Start contact form definition */
/*.frmContact{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #8D5314;
}

.frmContact table{
	text-align:center;
	font-size:11px;
	padding: 5px;
}

.frmContact .Label, .frmContact label{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #315D84;
font-weight:bold;
white-space:nowrap;
}
.frmContact .Label2, .frmContact .label2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #315D84;
white-space:nowrap;
}*/

/*
End contact form definition*/

.photo-text{
  float: left;
}

.spacer {
  float: left;
}