/* 
version : 1.08 - 2009-12-14
Copyright : Créateur valeur-immo
Auteur : sanpan
url : http://www.sanpan.com
*/

@import url("reset.css");
/* STYLES GENERIQUES */

html { font: 0.8em Arial, Helvetica, sans-serif; height: 100%; }
body { background: #423932 url(/img/bg-home.jpg) no-repeat center -20px; height: 100%; }
.structure { display: none; }
.AlignRight { text-align: right; }
.AlignLeft { text-align: left; }
.FloatLeft { float: left; }
.FloatRight { float: right; }
.clear { clear: both; }
.color1 { color: #fff; }
.color2 { color: /*#FED03B*/#cbc505; }
.color3 { color: #E7D49A; }
.color4 { color: #423932; }
.titrecolor3 { color: #E7D49A; display: inline; border: 1px dotted #E7D49A; padding-left: 2px; padding-right: 2px; }
.fontsizeplus1 { font-size: 1.29em; }
.fontsizeplus2 { font-size: 1.49em; }
/**********************/
/* GESTION DES FONDS */
/********************/
.global.home { font-size: 0.88em; line-height: 1.4em; font-family: Arial, Helvetica, sans-serif; /*background: url(/img/bg-bottom.png) no-repeat center bottom;*/ height: 100%; }
.bg_home { background: url(/img/bg-bande-h.png) repeat-x center 210px; }
.global.int { font-size: 0.88em; line-height: 1.4em; font-family: Arial, Helvetica, sans-serif; /*background: url(/img/bg-bottom-int.png) no-repeat center bottom; min-height:750px*/}
.bg_int { background: url(/img/bg-bande-h.png) repeat-x center 150px; }
.global.fiche { font-size: 0.88em; line-height: 1.4em; font-family: Arial, Helvetica, sans-serif; /*background: url(/img/bg-bottom.png) no-repeat center bottom; height: 100%;*/ }
.bg_fiche { background: url(/img/bg-fiche-bande-h.png) repeat-x center 143px; }
#AccesRapide { display: none; }
#head { height: 125px; position: relative; width: 950px; margin-right: auto; margin-left: auto; margin-bottom: 0px; margin-top: 0px; }
#head2 { height: 140px; position: relative;  width: 950px; margin-right: auto; margin-left: auto; margin-bottom: 0px; margin-top: 0px; }
#logo { position: relative; border: none; position: absolute; top: 40px; left: 70px; }
#logo img { border: none; }
#Intlogo img { border: none; top: 76px; position: relative; }
/*********/
/* HOME */
/*******/
#topMenu { width: 150px; font-family: Arial, Helvetica, sans-serif; position: absolute; text-transform: uppercase; left: 575px; top: 5px; z-index: 200; color: #E7D49A; }
#topMenu ul { margin: 0; padding: 0; list-style-type: none; text-align: left; }
#topMenu li { padding: 0; }
#topMenu a { color: #E7D49A; text-decoration: none; font-family: Arial, Helvetica, sans-serif; display: block; padding-bottom: 0px; z-index: 10; }
#topMenu a:hover, #topMenu a:focus, .topMenuOver { color: #cbc505; }
#topMenu .PictoOver { border: none; background-image: url(/img/bg-leftmenu-item-on.gif); background-repeat: no-repeat; background-position: 0px center; }
#HomeContent .langue { position: absolute; right: 0px; top: 68px; z-index: 200; display: none; }
#HomeContent .langue li { display: inline; }
#HomeContent .langue a, #HomeContent .langue a:visited { display: block; float: left; color: #DCD9D0; margin-right: 2px; margin-left: 2px; text-decoration: none; padding-left: 3px; padding-right: 3px; }
#HomeContent .langue a:hover, #HomeContent .langue a:focus, #HomeContent .langue a.active { display: block; float: left; color: #fff; background-color: #786D67; }
#HomeContent { width: 950px; margin-left: auto; position: relative; margin-right: auto; padding: 0; padding-bottom: 10px; }
#Content { margin-left: 50px; color: #fff; position: relative; z-index: 100; margin-top: 0px; padding-top: 0px; }
#Content a, #Content a:visited { color: #cbc505; }
#Content a:hover, #Content a:focus { text-decoration: none; color: #fff; }
#HomeFlash { width: 478px; background: url(/img/bg-visuel-home.png) no-repeat center center; float: left; position: relative; height: 400px; z-index: 10; padding-top: 10px; padding-bottom: 10px; padding-right: 11px; padding-left: 11px; margin: 0px; top: 0px; }
#HomeFlash object { margin: 0px; padding: 0px; }
#HomeContent .ContentTxt { position: relative; z-index: 5; padding-left: 525px; padding-top: 100px; }
#HomeContent h2 { color: /*#FED03B*/#cbc505; font-size: 1.9em; font-weight: 100; font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px; }
#HomeContent h3 { font-size: 1.19em; color: #fff; margin-bottom: 20px; font-weight: bold; margin-top: 20px; }
#HomeContent .activite_links li { background: url(/img/picto_links.png) no-repeat left 4px; padding-left: 15px; font-size: 1.3em; text-decoration: none; line-height: 1.2em; color: #cbc505; }
#HomeContent .activite_links a { text-decoration: none; }
#HomeContent .ContentTxt p { margin-bottom: 10px; font-size: 1.09em; }
#Footer { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; color: #A1A09C; text-align: right; position: relative; clear: both; margin-top: 0px; margin-bottom: 10px; z-index: 100; }
#Footer a { color: #BDB18D; margin-right: 5px; margin-left: 5px; }
#Footer a:hover, #Footer a:focus { text-decoration: none; }
#Footer .copyright { float: left; }
.HomeFooter#Footer { width: 490px; margin-left: 50px; padding-left: 10px; position: absolute; top: 420px; }
/*************************/
/* INTERIEURE GENERIQUE */
/***********************/
#IntContent { width: 950px; margin-left: auto; position: relative; margin-right: auto; padding: 0; }
#IntContent #topMenu { position: absolute; left: 450px; top: 5px; z-index: 200; text-transform: none; color: #E7D49A; width: 440px; }
#IntContent #topMenu li { display: inline; }
#IntContent #topMenu a { color: #E7D49A; text-decoration: none; font-family: Arial, Helvetica, sans-serif; display: inline; padding-bottom: 0px; z-index: 10; margin-right: 1px; margin-left: 1px; }
#IntContent #topMenu a:hover, #IntContent #topMenu a:focus, #IntContent .topMenuOver { color: #cbc505; }
#IntContent #visuel { width: 350px; background: url(/img/bg-visuel-int.png) no-repeat center center; float: left; position: relative; height: 400px; z-index: 10; padding-top: 10px; padding-bottom: 10px; padding-right: 11px; padding-left: 11px; margin: 0px; top: 0px; }
#IntContent #visuel2 { float: left; position: relative; z-index: 10; margin: 0px; top: 0px; border: 5px solid #fff; margin-top: 50px; padding: 0; text-align: center; margin-left: 40px; width: 295px; height: 224px; }
#IntContent .langue { position: absolute; right: 0px; top: 5px; z-index: 200; display: none; }
#IntContent .langue li { display: inline; }
#IntContent .langue a, #IntContent .langue a:visited { display: block; float: left; color: #DCD9D0; margin-right: 2px; margin-left: 2px; text-decoration: none; padding-left: 3px; padding-right: 3px; }
#IntContent .langue a:hover, #IntContent .langue a:focus, #IntContent .langue a.active { display: block; float: left; color: #fff; background-color: #786D67; }
#IntContent .ContentTxt { position: relative; z-index: 5; padding-top: 40px; padding-bottom: 20px; padding-left: 400px; font-size: 1.09em; }
#IntContent h2 { color: #cbc505; font-size: 1.9em; font-weight: 100; font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px; margin-bottom: 20px; }
#IntContent h3 { font-size: 1.19em; color: #BCB805; margin-bottom: 10px; font-weight: bold; margin-top: 20px; text-transform: uppercase; border-bottom: 1px dotted #EEB100; padding-bottom: 2px; clear: right; }
#IntContent h4 { font-size: 1.09em; }

#IntContent .ContentTxt img { float: right; margin-left: 10px; border: 1px solid #FED03B; }
.actualites #IntContent .ContentTxt img { border: 1px solid #FED03B; margin-bottom: 15px; padding: 0!important; }
#IntContent .ContentTxt p { margin-bottom: 10px; }
.IntFooter#Footer { width: 360px; margin-left: 50px; padding-left: 10px; position: absolute; top: 420px; }
#IntContent img.FloatLeft { margin-right: 10px; padding-top: 4px; border: 1px solid #FFF; background-color: #C1C1C1; position: relative; margin-bottom: 6px; }
#IntContent img.FloatRight { margin-left: 10px; padding-top: 4px; border: 1px solid #FFF; background-color: #C1C1C1; margin-bottom: 6px; }
/*****************/
/* FICHE PROJET */
/***************/
#FicheContent { width: 950px; margin-left: auto; position: relative; margin-right: auto; padding: 0; padding-bottom: 40px; }
.global.fiche #logo { left: 20px; top: 45px; }
#FicheContent #Content { margin-left: 20px; }
#FicheContent #topMenu { position: absolute; left: 450px; top: -15px; z-index: 200; text-transform: none; color: #E7D49A; width: 440px; }
#FicheContent #topMenu li { display: inline; }
#FicheContent #topMenu a { color: #E7D49A; text-decoration: none; font-family: Arial, Helvetica, sans-serif; display: inline; padding-bottom: 0px; z-index: 10; margin-right: 1px; margin-left: 1px; }
#FicheContent #topMenu a:hover, #FicheContent #topMenu a:focus, #FicheContent .topMenuOver { color: #cbc505; }
#FicheContent #visuel { float: left; position: relative; z-index: 10; margin: 0px; top: 0px; border-right: 1px solid #fff; border-left: 1px solid #fff; padding: 0px; width: 490px; height: 330px; margin-right: 15px; }
#FicheContent #visuel img { border: none; margin: 0; padding: 0; }
#FicheContent .langue { position: absolute; right: 0px; top: -15px; z-index: 200; display: none; }
#FicheContent .langue li { display: inline; }
#FicheContent .langue a, #FicheContent .langue a:visited { display: block; float: left; color: #DCD9D0; margin-right: 2px; margin-left: 2px; text-decoration: none; padding-left: 3px; padding-right: 3px; }
#FicheContent .langue a:hover, #FicheContent .langue a:focus, #FicheContent .langue a.active { display: block; float: left; color: #fff; background-color: #786D67; }
#FicheContent .leftmenu { float: left; width: 190px; margin-top: 10px; position: relative; z-index: 200; }
#FicheContent .leftmenu h2 { color: #262626; display: block; background-color: #BDB18D; height: 26px; padding-top: 9px; margin: 0; padding-bottom: 0px; padding-left: 10px; width: 180px; font-size: 1.5em; text-transform: uppercase; font-weight: 100; font-family: Arial, Helvetica, sans-serif; }
#FicheContent .leftmenu ul { margin-top: 1px; }
#FicheContent .leftmenu li { }
#FicheContent .leftmenu li a { color: #BDB18D; text-decoration: none; display: block; height: 18px; padding-top: 5px; border-bottom: 1px dotted #BDB18D; padding-left: 10px; }
#FicheContent .leftmenu li a:hover, #FicheContent .leftmenu li a.active { background-color: #62584A; color: #fff; }
#FicheContent .ContentTxt { position: relative; z-index: 5; padding-top: 20px; margin-left: 190px; height: 355px; font-size: 1.09em; }
#FicheContent h3 { color: #cbc505; font-size: 1.25em; font-weight: 100; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom: 10px; text-transform: uppercase; padding-left: 10px; }
#FicheContent h4 { color: #cbc505; margin-bottom: 5px; margin-top: 20px; padding-bottom: 2px; font-weight: normal; }
#FicheContent h5 { font-size: 1.19em; letter-spacing: -0.02em; }

#FicheContent .ContentTxt img { float: right; margin-left: 10px; border: 1px solid #FED03B; }
#FicheContent .ContentTxt p { margin-bottom: 10px; line-height: 1.2em; }
#FicheContent .vignettes { position: absolute; bottom: 0px; right: 0px; padding-left: 0px; }
#FicheContent .vignettes ul { width: 235px; }
#FicheContent .vignettes li img { border: none; margin: 0; padding: 0; }
#FicheContent .vignettes li { margin: 0; padding: 0; float: left; }
#FicheContent .vignettes li a { border: 1px solid #fff; display: block; float: left; width: 70px; height: 70px; margin-left: 3px; margin-right: 3px; margin-bottom: 0px; margin-top: 0px; padding: 0; }
#FicheContent .vignettes li a:hover, #FicheContent .vignettes li a:focus, #FicheContent .vignettes li a.active { border: 1px solid #FEE03B; }
#FicheContent .vignettes .previous { display: block; width: 10px; height: 10px; background: url(/img/picto-vignette-fleche.png) no-repeat left top; position: absolute; left: -10px; bottom: 32px; }
#FicheContent .vignettes .next { display: block; width: 10px; height: 10px; background: url(/img/picto-vignette-fleche.png) no-repeat right top; position: absolute; right: -10px; bottom: 32px; }
#FicheContent .vignettes a:hover.previous { background: url(/img/picto-vignette-fleche.png) no-repeat left bottom; }
#FicheContent .vignettes a:hover.next { background: url(/img/picto-vignette-fleche.png) no-repeat right bottom;}
#FicheContent .vignettes .previous span, #FicheContent .vignettes .next span { display: none; }
.FicheFooter#Footer { width: 490px; padding-left: 0px; position: absolute; top: 380px; left: 160px; margin-left: 50px; }

/* that's all folks ;-) */

/* Section ATB */
#FicheContent div.vignettes div.scroller {height:72px;width:235px;overflow:hidden;position:relative;}
#FicheContent div.vignettes div.scroller ul {position:relative;width:2000px;display:block;}
div.preload {display:none;}