body {
	background: black ;
	color : white ; 
	padding: 0 ;
	margin: 0 ;
	font-family: sans-serif;
	font-size: 10pt;
	height: 100%; 
}

div#bandeau {
	position : absolute ;
	width : 25px ;
	left : 25px ; 
	top : 0px ;
	background-image: url(/img/laboiteabretelles-bandeau-gauche-accordeon03.gif) ;
	background-repeat : repeat-y ;
	background-attachment : scroll ;
	background-position : 0% ;
}


div#container { 
	min-height: 100% ;
	height : 100% ; 
}

div#title div#fondtitle {
	/*position : absolute ; 
	top : 0px ; 
	left : 0px ; */
	margin: 40px 0 40px 0;
	padding : 0 ;
	width: 100%; 
	height : 122px !important ; 
	background : #780000 ;
	color : inherit ;
}

div#title img#logolbal {
    position : absolute ;
    top : 21px ;
    left : 140px ;
}

div#title img#logoaccla {
    position : absolute ;
    top : 50px ;
    left : 500px ;
}

div#main {
	text-align: left ;
	vertical-align: middle;
	margin: auto;
	width: 800px;
	/*border : white 1px solid ;*/ 
}

div#main-inside {
	position : relative ;
   	padding : 3em 5% 2em 5% ;
	/*border : solid white 1px ;*/
}

img {
	border: none;
	padding: 0 0.5em 0 0.5em;
}

a {
	text-decoration: none;  
}

a:hover {
	text-decoration: underline; 
}

a, a:hover {
	color : #ffffff ;  
	background-color : inherit ; 
}

/* Page Accueil */

div#accueil {
	position : relative ;
	clear : both ;
	height : 400px ;
}

div#accueil div {
   width : 22% ;
   height : 140px ;
   margin : 0 ;
   padding : 0 ;
}

div#accueil div a {
    background-color : inherit ;
    color : white ;
    margin : auto ;
    padding : 0 ;
}

div#accueil div img {
    margin : auto ;
    padding : 0 ;
}

div#accueil div.img {
    width : 120px ;
    height : 150px ;
}

div#accueil div.txt {
    background-color : inherit ;
    color : black ;
    text-align : center ;
    vertical-align : middle ;
    width : 210px ;
    height : 141px ;
}

div#accueil div#RARtxt {
    position : absolute ;
    top : 10px ;
    left : 0px ;
}

div#accueil div#RAR {
    position : absolute ;
    top : 10px ;
    left : 220px ;
}

div#accueil div#modelestxt {
    position : absolute ;
    top : 10px ;
    left : 480px ;
}

div#accueil div#modeles {
    position : absolute ;
    top : 10px ;
    left : 360px ;
}

div#accueil div#locationventestxt {
    position : absolute ;
    top : 180px ;
    left : 0px ;
}

div#accueil div#locationventes {
    position : absolute ;
    top : 180px ;
    left : 220px ;
}

div#accueil div#contactstxt {
    position : absolute ;
    top : 180px ;
    left : 480px ;
}

div#accueil div#contacts {
    position : absolute ;
    top : 180px ;
    left : 360px ;
} 

div#accueil div#annonces {
    position : absolute ;
    top : 360px ;
    left : 0px ;
    width : 100% ;
    text-align : center ; 
}

div#accueil div#annonces img {
    margin : auto ; 
}


/* Page Restauration */

div#reparation, div#location {
	width : 30% ;
	float : left ;
	padding : 0 1% 2% 1% ;
	background-color : #cccccc ;
	color : black ;
}

div#accordage, div#ventes  {
	width : 30% ;
	float : left;
	padding : 0 1% 2% 1%  ;
	background-color : #cccccc ;
	color : black ;
}

div#restauration, div#accessoires {
	width : 30% ;
	float : left ;
	padding : 0 1% 2% 1% ;
	background-color : #cccccc ;
	color : black ;
}

div#reparation, div#accordage {
	/*border-right : solid #cf6f49 1px ;*/
	margin-right : 10px ;
}

div#ventes, div#accessoires, div#coordonnees {
	/*border-left : solid #cf6f49 1px ;*/
	margin-left : 10px ;
}

/* Page horaires coordonnées */

div#horaires {
	width : 40% ;
	float : left ;
	padding : 0 1% 0 1% ;
}

div#coordonnees {
	width : 50% ;
	float : left ;
	padding : 0 1% 0 1% ;
}

div#plans {
	clear : both ;
	width : 100% ;
	padding : 0 1% 0 1% ;
}

/* Modèles */

div#modeles h3 {
	font-family : Arial, sans-serif ;
	font-size : 1.4em ;
	font-weight : normal ;
	margin : auto ;
	text-align : left ;
	padding : 1em 0 0.5em 1em ;
}

div#modeles img.accordeons {
	/*border : solid black 1px ;*/
	display: block;
	margin-left: auto;
	margin-right: auto ;
	margin-bottom : 1em ;
}

div#modeles table {
	border: 1px solid #780000 ;
	border-collapse: collapse ;
	border-spacing: 0 ;
	margin-left : auto ;
	margin-right : auto ;
}

div#modeles table td  {
	font-size: 0.9em ;
	background: #cccccc ;
	color : black ;
}

div#modeles table th {
	font-family : Arial, sans-serif ;
	white-space : nowrap ;
	font-weight : normal ;
	border-left : 1px solid #780000;
	border-right : 1px solid #780000 ;
	background: #cccccc ;
	color : black ;
}

div#modeles table td, div#modeles table th {
	text-align : left ;
	padding : 0 0.5em 0 0.5em ;
}

div#modeles table th.center, div#modeles table th.type  {
	text-align : center ;
}

div#modeles table th.type, div#modeles table thead th, div#modeles table td.note {
	border: 1px solid #780000 ;
}

div#modeles table td.note  {
	font-size : 0.8em ;
}

/* Liens */

/* Pied de page */

div#footer {
	clear: both;
	width : 800px ;
	margin : auto ;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
	font-size : 110% ;
	font-family : Arial, sans-serif ;
	z-index : 1 ;
}

div#footer .email {
	float: right;
}

div#footer .link {
	float: left;
}

.clear {
	clear: both;
	padding : 1em ;
	height : 0 ;
}