*{border:0;margin:0;padding:0;outline:0}
img, div, input { behavior: url("css/iepngfix.htc") }

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#212121; /* #1a1818 */
background:url(medias/tranche.jpg) repeat-x #f1f6f8;
text-align:center;
margin:0 auto 0 auto;
}

#body {
width:987px;
text-align:center;
margin:0 auto 0 auto;
}

.clearBoth {
clear:both;
}

h1 {
color:#5f5f5f;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}

h1 span, h1#top span, h1 a, h1#top a {
color:#a6a6a6;
text-transform:none;
font-size:12px;
}

h2 {
font-size:12px;
color:#ffffff;
font-weight:normal;
text-align:left;
padding:8px 0 0 30px;
}


h1 {font-size:13px;padding:15px 0px 0px 0;margin-right:0px;width:940px;}
h1#top {font-size:18px;padding:29px 0px 0px 0;float:right;margin-right:0px;width:600px;height:20px;}

a {
color:#212121; /* #0095cf; */ /* 006CB6 */
text-decoration:none;
}
a:hover {
color:#212121;/* #53B9ff; */
text-decoration:none;
}

a.blueUnderline {
text-decoration:underline;
color:#000055;
}

p {
line-height:1.6em;
padding:0px 0 5px 0;
text-align:justify;
}

/* +-+-+-+- HEADER && TOP IMAGE +-+-+-+-+ */


#header {
width:987px;
text-align:left;
}
#header h1 a{
font-size:18px;
color:#5f5f5f;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#header img {
padding:5px 0 5px 0;
}
#topImage {
width:987px;
background:url(medias/topImage01.jpg) no-repeat;
height:	87px;
text-align:left;

}



/*-+-+-+-+-+-+- CONTENU PRINCPAL -+-+-+-+-+-+-+ */
#container {
text-align:left;
}

#leftContainer {
float:left;
width:640px;
}

#leftContainerLEFT {
float:left;
width:213px;
font-size:12px;
}

#leftContainerMIDDLE {
float:left;
width:213px;
font-size:12px;
}

#leftContainerRIGHT {
float:left;
width:213px;
font-size:12px;
}

#leftContainer p {
width:600px;
}

#leftContainerImg {
width:640px;
text-align:center;
}

#rightContainer {
margin-left:655px;
padding-left:5px;
width:324px;
border-left-color:#B3CED5;
border-left-style:solid;
border-left-width:1px;
}

#rightContainer p {
padding-left:15px;
}

#container h2 {
font-size:16px;
color:#333333;
font-weight:bold;
text-align:left;
background:url(medias/flecheRouge.jpg) 0px 17px no-repeat;
padding:0px 0 10px 20px;
padding-top:20px;
} 

h2 a {
color:#333333;
}
h2 a:hover {
color:#a6a6a6;
}

#container h3 {
font-size:14px;
color:#333333;
font-weight:normal;
font-style:italic;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
padding:0 0 10px 0;
width:510px;
} 

#rightContainer h3 {
width:324px;
}


#listeReference a {
color:#212121;
}

ul {
padding:0px 0 5px 0;
}
#listeReference li, #container li {
padding:0px 15px 0px 5px;
margin:0 0 0 25px;
line-height:1.2em;
list-style-image:url(medias/triangleRouge.jpg);
}
#listeVente li {
padding:0px 15px 0px 5px;
margin:0 0 0 25px;
line-height:1.4em;
list-style-image:url(medias/triangleRouge.jpg);
}

#leftContainer p.paragrapheListe {
padding:5px 0px 0 30px;
width:570px;
}
p.paragrapheListe span {
text-transform:uppercase;
}

/*--+-+-+-+-+-+-+ CONTACT FORM +-+-+-+-+-+*/
	
	
div.row {text-align:left;clear:both;}

div.label {
	float:left;
	width:130px;
	height:30px;	
}

#formulaireContact div.label {height:20px;}
#formulaireContact div.row {padding-bottom:15px;text-align:left;clear:both;}

div.row input {
margin:0;
width:200px;
border:1px solid #c3c3c3;

}

div.useless {
position:relative;
padding-left:133px;
}

div#otherRows {margin-top:18px;padding-left:50px;}

.commentsAvailability {width:330px;margin:10px 0 10px 0 ;}

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

#formulaireContact textarea {
width:330px;
height:110px;
border:1px solid #c3c3c3;
}

#alertEmailFrom, #alertCompany, #alertName {
position:absolute;
font-style:italic;
margin:0 0 0 217px;
}

p.red {
color:#FF0000;
padding:0;
width:350px;
}

p.orange {
color:#FF8400;
padding:0;
width:350px;
}

p.green {
color:#009900;
padding:0;
width:350px;
}


/* +-+--+-+- FOOTER -++-+-+-++- */


#footer {
/*background:url(medias/footer.jpg) no-repeat;*/
/*background:#fff;*/
height:80px;
margin:50px auto 0 auto;
padding:10px 0 0 0px;
width:987px;
color:#666;
text-align:left;

}

#footerRight {
float:right;
text-align:right:
width:290px;
} 


#footerCenter {
width:250px;
margin:0 0 0 350px;
} 

#footerLeft {
float:left;
width:220px;
vertical-align:text-top;
} 

#footerLeft2 {
float:left;
width:110px;
vertical-align:text-top;
} 

#footer a {
color:#666;
}

#footerCent a:hover{
color:#ffffff;
}



/* --- MENU ---- */

#lavalampMenu {
width:287px;
padding:0 0 0 700px;
background: url("medias/menu.jpg") no-repeat top;
}
.lavaLamp {
    position: relative;
    height: 50px; 
	width: 260px;   
    padding: 0px 0 0 0px ; 
	margin: 0px 0 0 0;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
		padding:5px 0 0 0;
		margin:0;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background: url("medias/lava.jpg") no-repeat 50% 0;
            width: 58px; height: 57px;
            z-index: 8;
            position: absolute;
			}
		
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
             font: normal 12px arial;
            color: #fff; outline: none;
            text-align: center;
            height: 30px; top: 7px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 0px auto 0px;
			padding:0 10px 0 10px;
        }
		
		
		 .lavaLamp li a:hover {
		 color:#ffffff;
		 }
		 
		 


/* ------ MAP ACCES ------ */

#entree {width:964px;padding:10px 0 10px 23px;}


.planacces {padding-left:20px;}