*{margin:0; padding:0;}
img{border:none; margin:0; padding: 0;}

html, body{
height: 100%;
}

body{
background-image: url('pattern.png');
font:12px Arial, Helvetica, sans-serif;
color: #292929;
}

table{
border-collapse: collapse;
}

.spacer{
clear: both;
}

a{
text-decoration: none;
color: #292929;
}

a:hover{
text-decoration: none;
color: brown;
}

.clear{
clear: both;
}

#global{
width: 980px;
padding-left: 8px;
padding-right: 8px;
margin: auto;
background: transparent url('ombre-contenu-global.png') repeat-y;
}

#conteneur{
width: 980px;
background-color: #b4b4b4;
}

#header{
width: 980px;
height: 100px;
background: #000000 url('header.gif') repeat-x bottom left;
}
#menu-haut{
width: 980px;
height: 30px;
background: #000000 url('fond-menu-haut.gif') repeat-x;
}

.btn-menu{
float: left;
display:block;
height: 26px;
padding-top: 4px;
padding-left: 23px;
padding-right: 22px;
color: #ffffff;
font-weight: bold;
font-size: 13px;
}

.btn-menu:hover{
background: transparent url('fond-menu-haut-over.gif') repeat-x;
color: #322424;
}

.btn-spacer{
float: left;
height: 30px;
width: 2px;
background-image: url('menu-haut-spacer.gif');
}

#contenu{
width: 980px;
padding-top: 9px;
background: #b4b4b4 url('degrade-contenu-principal.gif') repeat-x;
}

#main{
width: 970px;
padding-right: 4px;
padding-left: 4px;
background: transparent url('ombre-contenu.png') repeat-y;
}

#contenu-principal{
width:970px;
min-height: 100%;
background: transparent url('contenu-principal.gif') repeat-y;
}

#contenu-principal2{
width:970px;
min-height: 100%;
background-color: #ffffff;
}

#conteneur-flash-intro{
width: 970px;
height: 300px;
overflow: hidden;
}
#conteneur-flash-bas{
width: 970px;
height: 150px;
overflow: hidden;
}

#conteneur-texte-accueil{
width: 645px;
padding-left: 300px;
padding-right: 25px;
text-align:justify;
height: 335px;
background:url('/images/fond-texte-accueil.jpg');
font-size: 18px;
}


#menu-gauche{
float:left;
width: 200px;
}

#menu-gauche a:hover{
color: #ffffff;
}

.categorie{
height: 24px;
width: 220px;
padding-left: 2px;
padding-top: 6px;
color: #f3b41e;
font-weight: bold;
font-size: 15px;
}

.sous-cat{
display:block;
width: 185px;
height: 20px;
padding-top: 3px;
padding-left: 15px;
font-weight: bold;
color: #ffffff;
position: relative;
z-index: 1;
}

.sous-cat:hover{
z-index: 2;
}

.sous-cat span{
display: none;
font-size: 11px;
width: 185px;
height: 185px;
margin-left : 50px;
}
.sous-cat:hover span{
display:block;
position:absolute;
margin-left : 80px;
z-index: 100;
top: -10px;
background-repeat: no-repeat;
background-position: center top;
color: #FFFF00;
text-align: left;
}


.menu-gauche-spacer{
width: 160px;
height: 2px;
margin-left:20px;
background: #5e5e5e url('menu-gauche-spacer.gif') repeat-x;
}

.sous-cat:hover{
background-color: #797979;
}

#zone-centrale{
position:relative;
float:left;
width: 770px;
}
#zone-centrale2{
position:relative;
width: 980px;
}

#produit-titre{
height: 46px;
width: 380px;
}

#produit-titre-gauche{
float:left;
height: 46px;
margin-left: 50px;
width: 10px;
background-image: url('fond-titre-gauche.gif');
}

#produit-titre-droit{
float:left;
height: 46px;
width: 10px;
background-image: url('fond-titre-droit.gif');
}

#produit-titre-centre{
float:left;
height: 41px;
padding-top:5px;
padding-left:15px;
padding-right:15px;
background-color: #3c3c3c;
}

#titre-produit{
color: #ffffff;
font-weight: bold;
font-size: 18px;
}

#produit-image{
position: absolute;
right: 0px;
top: 60px;
width: 400px;
height: 400px;
text-align:center;
overflow: hidden;
cursor: pointer;
}

#produit-image img{
max-width: 400px;
max-height: 400px;
}

#produit-table{
width: 390px;
margin-top: 60px;
min-height: 360px;
}

.tr, .tr2{
position:relative;
height: 27px;
width: 390px;
padding-top:7px;
}

.tr{
background-color: #e2e2e2;
}

.tr2{
background-color: #f1f1f1;
}

.td, .td2{
color: #4d4b4b;
font-size: 15px;
font-weight: bold;
}

.td{
position: absolute;
left:20px;
}

.td2{
position: absolute;
right: 20px;
}

#barre{
margin-top:30px;
height: 66px;
width: 770px;
background: transparent url('fond-barre.gif') repeat-x;
}

.icons{
float:left;
height: 66px;
cursor: pointer;
}

#icon-description{
margin-left: 60px;
width: 157px;
background-image: url('icon-description.jpg');
}

#icon-description:hover{
background-image: url('icon-description-over.jpg');
}

#icon-image{
margin-left: 100px;
width: 128px;
background-image: url('icon-image.jpg');
}

#icon-image:hover{
background-image: url('icon-image-over.jpg');
}

#icon-video{
margin-left: 120px;
width: 135px;
background-image: url('icon-video.jpg');
}

#icon-video:hover{
background-image: url('icon-video-over.jpg');
}

.contenu-bas{
background-color: #d2d2d2;
color: #000000;
padding-top: 50px;
padding-bottom: 50px;
}

#description{
padding: 30px;
width: 710px;
text-align:center;
font-size: 18px;
}

#video{
display: none;
text-align:center;
width: 770px;
}

#image-bas{
display: none;
width: 725px;
padding-left: 45px;
}

.block-image{
float:left;
width: 110px;
height:110px;
margin-left: 50px;
margin-bottom: 50px;
border: 1px solid #666666;
background-color: #ffffff;
cursor: pointer;
text-align: center;
}

.block-image img{
max-width: 110px;
max-height: 110px;
}

#footer-main{
width: 970px;
height: 8px;
margin-left:0px;
background: #b4b4b4 url('ombre-bas-contenu.gif') repeat-x;
}

#footer{
width: 100%;
padding-top: 25px;
padding-bottom: 25px;
text-align: center;
}

/*--------------------------------------------------form--------------------------------------------------*/

.required{
color: red;
font-size: 20px;
}

#contenu-form{
float: left;
margin-left: 30px;
width: 360px;
padding: 20px;
position: relative;
}

#contenu-info{
float: left;
margin-left: 30px;
width: 450px;
padding: 20px;
position: relative;
font-size: 18px;
}

#table-contact{
margin-top: 30px;
width: 450px;
}

#table-contact tr{
height: 50px;
}
#table-contact td{
padding: 10px;
}

.spacer-table{
width: 20px;
}

.spacer-table-tr{
height: 20px;
}

input{
position: absolute;
right:10px;
border: 1px solid gray;
height:22px;
font-size: 16px;
padding-top: 3px;
}

select{
position: absolute;
right:10px;
border: 1px solid gray;
height:22px;
font-size: 16px;
}

.submit{
height:25px;
padding-top: 0px;
cursor: pointer;
}

label{
font-size: 16px;
font-weight: bold;
}

li{
position: relative;
margin-bottom: 30px;
clear: both;
list-style-type: none;
}

.li2{
position: relative;
margin-bottom: 30px;
margin-left: 30px;
clear: both;
list-style-type: square;
font-size : 15px;
}

textarea{
width:346px;
height: 150px;
border: 1px solid gray;
}

/*----------------------------produits.php---------------------------*/
#conteneur-prod-cat{
padding-top: 40px;
padding-left: 5px;
padding-right: 5px;
position: relative;
}
.prod-img{
float: left;
width: 370px;
height: 370px;
text-align:center;
background-color: #ffffff;
margin-top: 10px;
}

.prod-img img{
max-width: 300px;
max-height: 300px;
}

.prod-titre{
float: left;
padding-top: 40px;
font-size: 18px;
width: 370px;
text-align:center;
}

/*---------------------REVENDEURS -----------------------*/
.revendeurs{
width: 700px;
height: 200px;
margin: auto;
font-size: 18px;
}

.revendeurs td{
padding: 10px;
}

.left{
text-align: left;
width: 40%;
font-size: 15px;
}

.revendeurs img{
border-style : solid;
border-width: 2px;
}

.small{
font-size: 12px;
font-weight: normal;
color: white;
border: 1px solid Black;
padding: 10px;
font-family: Verdana, Arial;
background-color: #646464;
}

p{
margin-left:30px;
}

.td_image{
width : 180px;
}
.img_revendeur{
max-width : 150px;
}
.img_revendeur_princ{
max-width : 250px;
padding : 10px;

}

.center{
text-align: center;
padding: 20px;
}

.greater{
font-size: 18px;
}

/*-----------------------showroom----------------------*/
.showroom-container{
position: relative;
width: 790px;
margin-top: 30px;
}

.showroom-img{
float: left;
}

.showroom-coords{
float: left;
}

#rdv{
font-size: 18px;
margin-top: 30px;
}

/*------------------comparaison mouvement-----------------*/
.comp_mouv_bloc_droite{
float : left;
width : 470px;
}

.comp_mouv_bloc_droite p{
text-align : justify;

}

.comp_mouv_bloc_gauche{
float : left;
width : 470px;
}

.comp_mouv_bloc_gauche p{
text-align : justify;
margin-right : 15px

}

.comp_mouv_bloc{
float : left;
width : 940px;

}
.comp_mouv_top{
width : 950px;
padding : 20px;
}

.comp_mouv_bloc_flash{
float : left;
}

.comp_mouv_flash{
margin-right : 10px;
margin-bottom : 10px;
}

.comp_mouv_intro{
margin : 20px;
font-size : 17px;
font-weight : bold;
}

.comp_mouv_liste{
list-style-type : square;
margin-left : 500px;
padding : 0px;
}

.comp_mouv_liste li{
list-style-type : square;
margin : 0px;
clear : none;
}

/*------------------lien partenaire-----------------*/
.partenaire{
margin-left : 20px; 
text-align : left;
}

.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	font-weight: bold;
	vertical-align:middle;
}


.jours {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.tab_numero {
	background:url('icone.jpg');
	background-repeat:no-repeat;
	background-position:bottom right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	border-style:solid; 
	border-width:2px; 
	border-color:#000000;
	border-top:hidden;
}

.tab_cal {
	background:url('entete.jpg');
	background-repeat:no-repeat;
	border-style:solid; 
	border-width:2px; 
	border-color:#000000;
	border-bottom:hidden;
}

.reserve {
	background-color: #dd0000;
	border-width : 1px;
	border-style:inset;
	border-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
}

.descriptif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left:10px;
}