*{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:11px;
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;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}

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

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:13px;padding:29px 148px 0px 0;float:right;margin-right:0px;width:650px;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 img {
padding:5px 0 5px 0;
}



#topImage {
width:987px;
background:url(medias/topImage01.jpg) no-repeat;
height:	87px;
text-align:left;

}

#TILeft {
float:left;
width:750px;
}
#TIRight {
width:150px;
margin-left:760px;
padding:5px 0 0 63px;
}

#TIRight p {
color:#ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:19px;
line-height:1.3em;
}

#topImageLeft {
float:left;
width:170px;
padding:5px 0 0 60px;
} 

#topImageLeft p, #topImageRight p, #topImageCenter p  {
padding:10px 0 0 0px;
line-height:1.2em;
text-align:center;
color:#ff000a;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:15px;
text-align:left;
}

#topImageCenter {
width:180px;
margin:0 220px 0 330px;
padding:5px 0 0 0;
} 

#topImageRight {
float:right;
width:160px;
padding:5px 0 0 60px;
} 

/* +-+-+-+- PROMO BOXES +-+-+-+-+ */

#promoBoxes {
margin-top:10px;
}


#promoBoxes a {
color:#ffffff; /* #0095cf; */
text-decoration:none;
}
#promoBoxes a:hover {
color:#ffffff;/* #53B9ff; */
text-decoration:none;
}


#promoLeft {
float:left;
width:315px;
position:relative;
}

#promoLeft h2 {
background:url(medias/boxLeftTitle.jpg) no-repeat;
height:30px;
width:283px;
}

#promoRight {
float:right;
width:317px;
position:relative;
}

#promoRight h2 {
background:url(medias/boxRightTitle.jpg) no-repeat;
height:30px;
width:283px;
}

#promoCenter {
margin-left:333px;
width:311px;
position:relative;
}
#promoCenter h2 {
background:url(medias/boxCenterTitle.jpg) no-repeat;
height:30px;
width:283px;
}

.text {
position:absolute;
width:100%;
height:50px;
bottom:0px;
padding:10px 0 0 0;
background:#3C3C3C;
opacity:0.6;
filter:alpha(opacity=60);
color:#ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:1.5em;
}

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

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

#leftContainer p {
width:600px;
}

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

#rightContainer {
margin-left:660px;
width:324px;
}


#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 5px 5px;
margin:0 0 0 25px;
line-height:1.5em;
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;
height:80px;
margin:0 auto 0 auto;
width:987px;
color:#ffffff;
text-align:left;

}

#footerLeft {
float:left;
width:290px;
padding:2px 0 0 20px;
} 

#footerLeft img {
position:absolute;
}
#footerLeft p {
padding:23px 0 0 80px;
width:160px;
line-height:1em;
text-align:center;
}

#footerCenter {
width:300px;
margin:0 320px 0 330px;
padding:10px 0 0 0;
} 

#footerRight {
float:right;
width:330px;
padding:20px 0 0 0;
} 

#footer a {
color:#ffffff;
}

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



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

#lavalampMenu {
width:557px;
padding:0 0 0 430px;
background: url("medias/menu.jpg") no-repeat top;
}
.lavaLamp {
    position: relative;
    height: 50px; 
	width: 557px;   
    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;}