@charset "utf-8";
/* CSS Document par ISSARTEL Thibaud */


/* Pour tout le site */
* { margin:0; padding:0 }
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; height:100%; background: #FFF url(../_images/ZeFond.png) no-repeat center top; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-size: 1em; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }

h1, h2, h3, h4, h5, h6 { clear:left; font-family: 'Nobile', arial, serif; font-style: normal; font-weight: normal; font-variant: normal; }
h1 { color:#336; font-size:16px }
h2 { color:#000; font-size:18px }
h3 { color:#000; font-size:15px }
h4 { color:#000; font-size:12px }
h5 { color:#000; font-size:10px }
h5 { color:#000; font-size:9px }

/***** Classe classiques *****/
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.wrap          { width:960px;margin:0 auto; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
hr { background: #F39; margin: 10px; padding: 0px; height: 1px; width: 100%; clear: both; color: #F09; }

.MonCurseur, .flag {cursor:url('../_css/LinkSelect.cur'), pointer}

a:link {cursor:url('../_css/LinkSelect.cur'), pointer}
a:visited {cursor:url('../_css/LinkSelect.cur'), pointer}
a:hover {cursor:url('../_css/LinkSelect.cur'), pointer}
a:active {cursor:url('../_css/LinkSelect.cur'), pointer}

/* button basics */
a.minibutton { display:inline-block; height:23px; padding:0 0 0 3px; font-size:11px; font-weight:bold; color:#333; text-shadow:1px 1px 0 #fff; background:url(../_images/buttons/minibutton_matrix.png) 0 0 no-repeat; white-space:nowrap; border:none; overflow:visible; cursor:pointer; text-decoration:none; }
a.minibutton>span { display:block; height:23px; padding:0 10px 0 8px; line-height:23px; background:url(../_images/buttons/minibutton_matrix.png) no-repeat 100% 0; }
a.minibutton:hover, a.minibutton:focus { color:#fff; text-decoration:none; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3); background-position:0 -30px; }
a.minibutton:hover>span, a.minibutton:focus>span { background-position:100% -30px; }
a.minibutton.mousedown { background-position:0 -60px; }
a.minibutton.mousedown>span { background-position:100% -60px; }

/* with icon */
a.btn-download .icon { float:left; margin-left:-4px; width:18px; height:22px; background:url(../_images/buttons/minibutton_icons.png) 0 0 no-repeat; }
a.btn-download .icon { background-position:-40px 0; }
a.btn-download:hover .icon, a.btn-download:focus .icon { background-position:-40px -25px; }

.cloud-zoom-lens { border: 4px solid #888; margin:-4px; background-color:#fff; cursor:move; }
.cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; }
.cloud-zoom-big { border:4px solid #ccc; overflow:hidden; }
.cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; }

/***** Gestion des fonts *****/

@import url('http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic');

@font-face {
 font-family: 'YanoneKaffeesatzBold';
 src: url('../_font/yanone-kaffeesatz-700-webfont.eot');
 src: local('Yanone Kaffeesatz'), local('YanoneKaffeesatz-Bold'), url('../_font/yanone-kaffeesatz-700-webfont.woff') format('woff'), url('../_font/yanone-kaffeesatz-700-webfont.ttf') format('truetype'), url('../_font/yanone-kaffeesatz-700-webfont.svg#webfontUtN26hep') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'YanoneKaffeesatzRegular';
 src: url('../_font/yanone-kaffeesatz-400-webfont.eot');
 src: local('Yanone Kaffeesatz'), local('YanoneKaffeesatz-Regular'), url('../_font/yanone-kaffeesatz-400-webfont.woff') format('woff'), url('../_font/yanone-kaffeesatz-400-webfont.ttf') format('truetype'), url('../_font/yanone-kaffeesatz-400-webfont.svg#webfontwtTm9h3B') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'YanoneKaffeesatzLight';
 src: url('../_font/yanone-kaffeesatz-300-webfont.eot');
 src: local('Yanone Kaffeesatz'), local('YanoneKaffeesatz-Light'), url('../_font/yanone-kaffeesatz-300-webfont.woff') format('woff'), url('../_font/yanone-kaffeesatz-300-webfont.ttf') format('truetype'), url('../_font/yanone-kaffeesatz-300-webfont.svg#webfontfoBEhfYS') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'YanoneKaffeesatzThin';
 src: url('../_font/yanone-kaffeesatz-200-webfont.eot');
 src: local('Yanone Kaffeesatz'), local('YanoneKaffeesatz-Thin'), url('../_font/yanone-kaffeesatz-200-webfont.woff') format('woff'), url('../_font/yanone-kaffeesatz-200-webfont.ttf') format('truetype'), url('../_font/yanone-kaffeesatz-200-webfont.svg#webfonto15pMRv6') format('svg');
 font-weight: normal;
 font-style: normal;
}

.TitreBleu { font: 24px/26px 'YanoneKaffeesatzRegular', Verdana, Arial, Helvetica, sans-serif; color: #07387E; }
.TitreBleuPiti { font: 18px/20px 'YanoneKaffeesatzRegular', Verdana, Arial, Helvetica, sans-serif; color: #07387E; }

#BandeauTOP { background: url(../_images/FondBandeauTOP.png) no-repeat center top; height: 100px; width: 1000px; margin: 0px auto; clear: both; }

#NavigationBandeau { background: url(../_images/FondNavigation.png) no-repeat center top; height: 36px; width: 1000px; margin: 0px auto; clear: both; }
#NavigationBandeau ul { margin:0; list-style:none; padding-top: 5px; padding-right: 10px; padding-bottom: 0; padding-left: 40px; }
#NavigationBandeau li { display:inline; margin:0; padding:0; }
#NavigationBandeau a { float:left; margin:0; padding:0 0 0 7px; text-decoration:none; font-family:'YanoneKaffeesatzRegular', Verdana, Arial, Helvetica, sans-serif; font-size:18px }
#NavigationBandeau a span { float:left; display:block; padding:5px 15px 4px 6px; color:#FFF; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#NavigationBandeau a span { float:none; }
/* End IE5-Mac hack */
#NavigationBandeau a:hover span { color:#FFC; }
#NavigationBandeau a:hover { background-position:0% -42px; }
#NavigationBandeau a:hover span { background-position:100% -42px; }
#NavigationBandeau #current a { background-position:0% -42px; }
#NavigationBandeau #current a span { background-position:100% -42px; }

#NavigationPied { height: 90px; width: 1000px; margin: 0px auto; clear: both; background: url(../_images/FondNavigationPied.png) no-repeat center top; padding: 0px; }
#NavigationPied ul { margin:0; list-style:none; padding: 20px 10px 0 45px; }
#NavigationPied li { display:inline; margin:0; padding:0; }
#NavigationPied a { float:left; margin:0; padding:0 0 0 7px; text-decoration:none; font-family:'YanoneKaffeesatzRegular', Verdana, Arial, Helvetica, sans-serif; font-size:18px}
#NavigationPied a span { float:left; display:block; padding:5px 30px 0px 0px; color:#0a3a80; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#NavigationPied a span { float:none; }

/* End IE5-Mac hack */
#NavigationPied a:hover span { color:#06F; }
#NavigationPied a:hover { background-position:0% -42px; }
#NavigationPied a:hover span { background-position:100% -42px; }
#NavigationPied #current a { background-position:0% -42px; }
#NavigationPied #current a span { background-position:100% -42px; }

#BandeauTOP #LogoGROUPEACI { float: left; margin: 30px 0px 0px 10px; padding: 0px; position: absolute; }
#BandeauTOP #AnimationTXT { float: left; margin: 35px 0px 0px 240px; padding: 0px; position: absolute; }
#BandeauTOP #AnimationTEL { float: left; margin: 30px 0px 0px 550px; padding: 0px; position: absolute; }
#BandeauTOP #Container3Logos { float: left; margin: 35px 0px 0px 790px; padding: 0px; position: absolute; }

#ContainerCentre { width: 1000px; margin: 0px auto; clear: both; min-height: 560px; padding: 0px; }
#ColA { margin: 0px 10px 0px 0px; padding: 0px; float: left; width: 219px; }
##ColA ul { margin: 0px; padding: 0px; }
#ColA ul li { margin: 0px; padding: 10px 0px 0px; }

#ColB { width: 760px; margin: 0px; padding: 0px; float: left; }
#ContainerSliderACC { margin: 20px 0px 0px; padding: 0px; float: left; }
#ContainerSliderACC #ContBig { background: url(../_images/BigFondCadre.png) no-repeat 0px 0px; margin: 0px; padding: 0px; height: 528px; width: 562px; position: absolute; z-index: 950; }
#ContainerSliderACC #ContBig #TheBigPhoto { margin: 14px 0px 0px 14px; padding: 0px; position: absolute; z-index: 960; background: #FFF; }
#ContainerSliderACC #ContBig #NewSticker { position: absolute; margin: 10px 0px 0px 10px; padding: 0px; z-index: 999; }
#ContainerSliderACC #ContainerNavSlider { margin: 0px 0px 0px 500px; padding: 0px; z-index: 999; position: absolute; width: 272px; height: 528px; }
#ContainerSliderACC #ContainerNavSlider dl { width: 272px; margin: 7px 0px 0px; padding: 0px; height: 518px; background: url(../_images/FondNavigationSlider.png) no-repeat right top; }
#ContainerSliderACC #ContainerNavSlider dt { cursor:url('../_css/LinkSelect.cur'), pointer;background: url(../_images/SliderOFF.png) no-repeat left top; margin: 0px; padding: 0px; height: 83px; width: 272px; z-index: 1999; }
#ContainerSliderACC #ContainerNavSlider dl dt .Ligne1 { text-align: left; font: 19px/14px 'YanoneKaffeesatzBold', Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 25px 0px 0px; }
#ContainerSliderACC #ContainerNavSlider dl dt .Ligne2 { text-align: left; font: 14px/10px 'YanoneKaffeesatzLight', Verdana, Arial, Helvetica, sans-serif; color: #F60; }
#ContainerSliderACC #ContainerNavSlider dl span { margin: 10px 0px 0px; padding: 0px; float: right; width: 200px; text-align: left; }
#ContainerSliderACC #ContainerNavSlider dl .active { background: url(../_images/SliderON.png) no-repeat 0px 0px; z-index: 1999; }
#ContainerSliderACC #ContBig #ContainerLegende { z-index: 980; background: url(../_images/FondLegende.png) no-repeat 0px 0px; margin: 398px 0px 0px 5px; padding: 0px; position: absolute; height: 119px; width: 551px; }
#ContainerSliderACC #ContBig #TitreLegende { position: absolute; font: 22px/22px 'YanoneKaffeesatzRegular', Verdana, Arial, Helvetica, sans-serif; color: #07387E; margin: 25px 0px 0px 20px; padding: 0px; }
#ContainerSliderACC #ContBig #TxtLegende { position: absolute; font: 15px/15px 'YanoneKaffeesatzRegular', Verdana, Arial, Helvetica, sans-serif; margin: 55px 0px 0px 20px; padding: 0px; width: 380px; height: 50px; text-align: justify; }
#ContainerSliderACC #ContBig #BTlegende { position: absolute; margin: 35px 0px 0px 410px; padding: 0px; }


#ColB #ColB_a { margin: 20px 0px 0px; padding: 0px; width: 276px; float: left; }
#ColB #ColB_a #ContPiti { margin: 0px; padding: 0px; height: 260px; width: 276px; background: url(../_images/FondPitiCadre.png) no-repeat 0px 0px; }
#ColB #ColB_a #NewSticker { position: absolute; margin: 10px 0px 0px 10px; padding: 0px; z-index: 999; }
#ColB #ColB_a #TheBigPhoto { margin: 14px 0px 0px 14px; padding: 0px; position: absolute; z-index: 960; background: #FFF; }
#ColB #ColB_a #ContainerDispo { margin: 10px 0px 0px; padding: 0px; text-align: right; background: url(../_images/PictoValide.png) no-repeat 10px 10px; float: left; height: 105px; width: 276px; }
#ColB #ColB_a #ContainerDispo ul { margin: 0px; padding: 0px; display: inline; float: left; width: 272px; }
#ColB #ColB_a #ContainerDispo ul .pointillet { font: 14px/14px 'YanoneKaffeesatzBold', Verdana, Arial, Helvetica, sans-serif; border-right: 1px dotted #529E29; margin: 0px; padding: 0px 5px 0px 0px; width: 115px; color: #489328; }
#ColB #ColB_a #ContainerDispo ul .types { font: 14px/14px 'YanoneKaffeesatzRegular', Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: left; margin: 0px; padding: 0px 0px 0px 5px; }
#ContainerCentre #ColB #ColB_a #ContainerDispo ul li { display: inline; float: left; }

#ColB #ColB_a #Container2btRondelle { margin: 10px 0px 0px; padding: 0px; float: left; width: 276px; }
#ColB #ColB_a #Container2btRondelle ul { margin: 0px; padding: 0px; display: inline; float: left; width: 272px; }
#ColB #ColB_a #Container2btRondelle ul li { cursor:url('../_css/LinkSelect.cur'), pointer; font: 14px/14px 'YanoneKaffeesatzRegular', Verdana, Arial, Helvetica, sans-serif; margin: 0px 22px; padding: 0px; width: 90px; float: left; text-align: center; display: inline; }
#ColB #ColB_a #Container2btRondelle ul .StyleContact { color: #5FAD1C; }
#ColB #ColB_a #Container2btRondelle ul .StyleTelecharger { color: #006; }

#ColB #ColB_b { margin: 20px 0px 0px; padding: 5px 0px 0px; width: 480px; float: left; }
#ColB_b #DescINFO { font: 12px/14px 'Nobile', Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 10px; padding: 0px; color: #000; border-bottom: 1px dashed #999; float: left; clear: both; height: 250px;}
#ColB_b #DescINFO #DescINFOsub {height: 180px;overflow-x:hidden;overflow-y:auto;width:490px;padding-right:3px}
#ColB_b #DescINFO p { margin: 0px 0px 10px; padding: 0px; text-align: justify; }

#ListeAppart { background: url(../_images/FondLots.png) no-repeat 0px 0px; font: 16px/20px 'YanoneKaffeesatzRegular', Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px dashed #999; float: left; clear: both; margin: 10px 0px; padding: 30px 0px 20px; }
.Ligne { float: left; width: 430px; color: #F90; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #69C; clear: both; margin: 0px 0px 0px 25px; padding: 0px; }
/*
.Col1 { float: left; margin-left: 0px; width: 25px; }
.Col2 { float: left; margin-left: 5px; width: 125px; }
.Col3 { float: left; margin-left: 4px; width: 122px; }
.Col4 { float: left; margin-left: 4px; width: 130px; }
*/
.Col1 { float: left; margin-left: 25px; width: 125px; }
.Col2 { float: left; margin-left: 5px; width: 125px; }
.Col3 { float: left; margin-left: 4px; width: 122px; }

#QuatreLiensEnPied { margin: 0px; padding: 0px; float: left; }
#QuatreLiensEnPied ul { margin: 0px; padding: 0px; list-style: none;display: block; }
#QuatreLiensEnPied ul li { cursor:url('../_css/LinkSelect.cur'), pointer; font: 15px/16px 'YanoneKaffeesatzRegular', Verdana, Arial, Helvetica, sans-serif; margin: 0px 5px 0px 0px; padding: 0px 35px 0px 0px; width: 70px; text-align: right; background: url(../_images/FlecheADroite.png) no-repeat right 15px; display: inline; height: 40px; float: left; color: #5FAD1C; }
#QuatreLiensEnPied ul li:hover { color: #407713; }

#ColPage{ width: 760px; margin: 30px 0px 0px; padding: 0px; float: left; font: 12px/14px 'Nobile', Verdana, Arial, Helvetica, sans-serif; color: #000; height: auto; }
#ColPage p { margin: 0px 0px 10px; padding: 0px; text-align: justify; }


#OuKiSe { text-align: left; float: left; margin: 20px; width: auto; }

#ResultatsRecherche { float: left;height:530px;overflow-y:auto;overflow-x:hidden; }
#LigneResultat { text-align: left; float: left; width: 740px; height: 130px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; margin-top: 20px;  }
#TxtResultatResidence { color: #214E8F; font-size: 16px; font-weight: normal; text-align: left; float: left; width: 600px; }
#TxtResultatAdresse { font-size: 14px; color: #666; font-style: italic; text-align: left; float: left; width: 600px; }
#TxtResultatDesc { font-size: 13px; color: #333; line-height: 15px; text-align: justify; float: left; width: 600px; }
#TxtResultatSavoirPlus { color: #1B498B; float: left; width: 600px; padding-top: 5px; }
#PhotoResultat { background-color: #CCC; height: 120px; width: 120px; float: left; margin-right: 15px; }
.TitreGrisBold { font-size:14px; color:#999; font-weight:bold }

.LienBlanc { color:#FFF; text-decoration: underline; padding-left: 10px; background-image: url(../_images/PuceBlanche.png); background-repeat: no-repeat; background-position: 0px 6px; }
.LienBlanc:hover { text-decoration:none }
.LienBleu { color:#062F6A; text-decoration: underline; }
.LienBleu:hover { text-decoration:none }
.LienVert { color:#68c43a; text-decoration: underline; }
.LienVert:hover { text-decoration:none }
.LienJaune { color:#f9f34e; text-decoration: underline; }
.LienJaune:hover { text-decoration:none }