/* CSS Document by sinfin-c.com */
/* for http://www.accord-i.fr/accord-clemenceau/ */

html, body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0;  background: #7D0302;}

body.template4 { background: #7D0302 url(../images/background-body.png) repeat-x;  }

#conteneur { width: 100%; height: 513px; margin: 0 auto;  background: transparent url(../images/background-conteneur.png) center no-repeat; }

/* HEADER */
#header {position:relative; width:724px; height: 134px; background: transparent; margin: 0 auto; }
#header ul {position: absolute; right:0; top:40px; width: 530px; }
#header ul li  {float: left; }
#header ul li a {margin: 0 3px 0 4px ; display: block;  height:17px; color: #fff; text-decoration: none; padding: 5px 0 0 7px;}


#header ul #li1 a  {width: 84px; background: url( ../images/background-li1.png ) no-repeat ; }
#header ul #li1 a:hover, #header ul #li1 a.active { background: url( ../images/background-li1-hover.png ) no-repeat ;}

#header ul #li2 a  {width: 124px; background: url( ../images/background-li2.png ) no-repeat ; }
#header ul #li2 a:hover, #header ul #li2 a.active {  background: url( ../images/background-li2-hover.png ) no-repeat ;}

#header ul #li3 a  {width: 114px; background: url( ../images/background-li3.png ) no-repeat ; }
#header ul #li3 a:hover, #header ul #li3 a.active {  background: url( ../images/background-li3-hover.png ) no-repeat ;}

#header ul #li4 a  {width: 62px; background: url( ../images/background-li4.png ) no-repeat ; }
#header ul #li4 a:hover, #header ul #li4 a.active {  background: url( ../images/background-li4-hover.png ) no-repeat ;}

#header ul #li5 a  {width: 62px; background: url( ../images/background-li5.png ) no-repeat ; }
#header ul #li5 a:hover, #header ul #li5 a.active {background: url( ../images/background-li5-hover.png ) no-repeat ;}

#header ul #li1 a:hover, #header ul #li1 a.active, #header ul #li2 a:hover, #header ul #li2 a.active, #header ul #li3 a:hover, #header ul #li3 a.active, #header ul #li4 a:hover, #header ul #li4 a.active, #header ul #li5 a:hover, #header ul #li5 a.active {  padding-top: 45px; margin-top:-40px; }
/* END OF HEADER */

/* CONTENT */
#content {position:relative; margin: 0 auto; width: 724px; height:327px;  }

#content a#accord { position: absolute; display: block; width: 100px; height:85px; z-index:2; }

#content div#middle { position: absolute; width: 535px; height: 294px; padding: 31px 0 0 41px;   top: 1px; left: 68px;  background: url(../images/background-content.png) no-repeat ; z-index:1; }
#content div#middle #map { top: -20px; }

#content div#middle ul#slider {position:relative; margin-left:34px; top: 8px; }
#content div#middle ul .biens { position: relative; overflow: hidden; float:left; display: inline; width:140px; height:125px;  margin: 6px 5px 3px 2px; }
#content div#middle ul .biens a img {margin-top: -20px; width:138px; height:104px; border: 1px solid #fff;}
#content div#middle ul .biens p { width: 138px; height: 14px; padding-top: 2px; color: #fff; font-size: 10px; text-align: center; top:-18px; background: url(../images/background-biens-slide.png); position: relative; left:1px; margin:0; padding: 0; }
#content div#middle ul .biens p.secteur {width: 138px; height: 18px; padding-top: 2px; background: url(../images/background-biens-slide.png);  left:1px; top: 1px;  }

#content div#middle h4, #content div#middle h5 { position: absolute; z-index: 1; border:0; margin:0; width: 78px; height: 71px;  }
#content div#middle h4 { left: 40px; top: 18px; }
#content div#middle h5 { left: 40px; top: 151px; }
/* CONTACT FORM */
#content #middle form fieldset { width: 350px;  margin-top: 35px; float: left; }
#content #middle form fieldset LABEL  { position :relative; display: inline ; float: left ; width: 100px;  color:#444; font-size:11px;}
#content #middle form .INPUT, #content #middle form .TEXTAREA { font-size:11px;  color:#444; margin-bottom:10px; border:1px #DCDBDB solid; width:200px;}
#content #middle form #cfContact { border: 0px; background: #7d0302; color: #fff; width: 100px; margin-left: 100px; }
#content #middle p {position: absolute; left: 350px;  top: 66px; color: #444; font-size: 10px;   }
#content #middle p a { color: #444; }
input:focus, textarea:focus, select:focus {background: url(../images/background-input.png) repeat;}
/* END OF CONTACT FORM */

/* END OF CONTENT */

/* FOOTER */
#footer { position:relative; margin: 0 auto; width: 724px; height:90px; }
#footer div { float: left; width:362px; height:90px; background: url(../images/background-div-footer.png) no-repeat; }
#footer div p { color: #fff; margin: 32px 0 0 85px; }
#footer div p a { display: block; width: 362px; height: 90px; text-decoration: none; color: #fff; cursor: pointer; }
/* END OF FOOTER */

/* FOOTER SINFIN */
#footer_sinfin { position:relative; margin: auto; width:724px; height:10px; background: transparent; font-size:10px; text-align:right;}
#footer_sinfin a {text-decoration:none; color:#fff; }
/* END OF FOOTER SINFIN */

.display {display:none;}
a{outline: none;}

h1, h2, h3 {display:none;}