/* CSS Document cartographie */
html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
img,body,html{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
#fondgeneral {
background-image: url(images2/carto-fond.jpg);
background-repeat: repeat-y;
background-position: right top;
margin-top: 6px;
margin-left: 15px;
font-family: Arial, "MS sans-serif";
font-size: 12px;
margin-right: 15px;
margin-bottom: 15px;
}
abbr, acronym {
cursor: help;
font-weight: bold;
color: #F7CC93;
}
#entete {
width: auto;
color: #727272;
font-size: 1.1em;
padding-top: 3px;
padding-bottom: 3px;
margin: 0px;
background-repeat: no-repeat;
line-height: 20px;
position: relative;
top: 3px;
background-color: #DCF4CA;
min-width: 780px;
text-align: center;
font-weight: bold;
border: 1px solid #D0F0B9;
}
#barre-outils {
line-height: 24px;
background-color: #D5E2F0;
margin-top: 12px;
padding-bottom: 1px;
min-width: 780px;
border: 1px solid #C5D8EB;
}
#barre-outils label{
padding-left: 8%;
font-size: 0.9em;
color: #727272;
height: 30px;
}
#barre-outils select{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 1em;
background-color: #ACC8E3;
vertical-align: middle;
line-height: 22px;
margin-left: 5px;
}
#aOverlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
cursor: pointer;
filter: alpha(opacity=60);
opacity: 0.6;
background-color: #333333;
display: block;
visibility: hidden;
}
.pagination {
font-size: 0.9em;
font-family: Arial;
color: #727272;
background-color: #F7E8F7;
height: 20px;
padding-top: 2px;
padding-right: 20px;
padding-bottom: 2px;
padding-left: 20px;
border: 1px solid #EFD3EF;
margin-bottom: 20px;
margin-top: 20px;
width: auto;
min-width: 740px;
}
.pagination span{
float: left;
line-height: 20px;
height: 20px;
padding-right: 15%;
}
.chiffres {
float: left;
line-height: 20px;
text-align: center;
margin-right: 20px;
margin-left: 20px;
letter-spacing: 1em;
padding-left: 5px;
color: #C14FC1;
}
.chiffres a{
color: #792B79;
text-decoration: none;
}
.chiffres a:active{
color: #FF6600;
}
.flecheavant {
background-repeat: no-repeat;
height: 16px;
font-size: 0.8em;
width: 90px;
line-height: 16px;
color: #FFFFFF;
float: left;
text-decoration: none;
cursor: pointer;
font-weight: bold;
text-align: center;
background-color: #DF576F;
border: 2px ridge #DF576F;
padding-left: 5px;
background-image: url(images2/flechegauche.png);
}
.flecheavantvide {
background-repeat: no-repeat;
height: 16px;
font-size: 0.8em;
width: 90px;
line-height: 16px;
color: #FFFFFF;
float: left;
text-decoration: none;
font-weight: bold;
text-align: center;
background-color: #DF5E74;
border: 2px ridge #DF576F;
padding-left: 5px;
background-image: url(images2/flechegauche.png);
}
.flecheapres {
background-repeat: no-repeat;
height: 16px;
font-size: 0.9em;
width: 90px;
line-height: 16px;
color: #FFFFFF;
float: left;
text-decoration: none;
cursor: pointer;
font-weight: bold;
text-align: center;
background-color: #DF576F;
border: 2px ridge #DF576F;
background-image: url(images2/flechedroite.png);
background-position: right;
padding-right: 5px;
}
.flecheapresvide {
background-repeat: no-repeat;
height: 16px;
font-size: 0.9em;
width: 90px;
line-height: 16px;
color: #FFFFFF;
float: left;
text-decoration: none;
font-weight: bold;
text-align: center;
background-color: #DF5E74;
border: 2px ridge #DF576F;
background-image: url(images2/flechedroite.png);
background-position: right;
padding-right: 5px;
}
.mis-avant {
background-color: #FFFFC6;
margin-right: 150px;
margin-left: 20px;
margin-bottom: 15px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
border: 2px dashed #FFFF2B;
min-width: 720px;
}
.mis-normal {
padding: 5px;
margin-right: 145px;
margin-left: 15px;
margin-bottom: 15px;
min-width: 720px;
}
.cadre-haut {
background-color: #e3dfc8;
height: 26px;
width: auto;
background-image: url(images2/annonces-haut.jpg);
background-repeat: repeat-x;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #817b60;
border-right-color: #817b60;
border-bottom-color: #a6a39a;
border-left-color: #a6a39a;
margin-bottom: 2px;
line-height: 0px;
}
.cadre-haut .boite-gauche {
height: 20px;
float: left;
font-family: "Trebuchet MS", "MS Sans Serif", "MS Serif";
font-size: 11px;
color: #FFFFFF;
line-height: 20px;
font-weight: bold;
position: relative;
left: -10px;
top: 2px;
text-align: left;
padding-right: 10px;
padding-left: 10px;
background-image: url(images2/annonces-gauche.jpg);
background-repeat: repeat;
border: 1px solid #CCCCCC;
background-color: #bf3a3d;
display: block;
}
.cadre-haut .boite-droite {
background-color: #6d8391;
height: 20px;
float: right;
text-align: center;
font-family: "Trebuchet MS", "MS Sans Serif", "MS Serif";
font-size: 12px;
font-weight: bolder;
color: #FFFFFF;
line-height: 20px;
position: relative;
left: 10px;
top: 2px;
display: block;
padding-right: 20px;
padding-left: 20px;
background-image: url(images2/annonces-droit.jpg);
background-repeat: repeat;
border: 1px solid #CCCCCC;
}
.cadre-haut .boite-nouveaute {
background-image: url(images2/nouveaute.png);
float: right;
position: relative;
right: 0px;
top: 3px;
display: block;
height: 20px;
width: 110px;
background-repeat: no-repeat;
padding-left: 15px;
}
.cadre-haut .boite-exclusivite {
background-image: url(images2/exclusivite.png);
float: right;
position: relative;
right: 0px;
top: 3px;
display: block;
height: 20px;
width: 110px;
background-repeat: no-repeat;
padding-left: 15px;
}
.cadre-haut .boite-vv {
background-image: url(images2/visite-virtuelle.gif);
float: right;
position: relative;
right: 0px;
top: 3px;
display: block;
height: 20px;
width: 130px;
background-repeat: no-repeat;
padding-left: 15px;
}
.cadre-haut .boite-video {
background-image: url(images2/visite-virtuelle.gif);
float: right;
position: relative;
right: 0px;
top: 3px;
display: block;
height: 20px;
width: 80px;
background-repeat: no-repeat;
padding-left: 15px;
}
.cadre-haut .boite-coeur {
background-image: url(images2/coupdecoeur.png);
float: right;
position: relative;
right: 0px;
top: 3px;
display: block;
height: 20px;
width: 130px;
background-repeat: no-repeat;
padding-left: 15px;
}
.cadre-annonces {
background-color: #d4d3d2;
background-image: url(images2/annonces-fond.jpg);
background-repeat: repeat-x;
border: 1px solid #9c998f;
background-position: left top;
width: 100%;
}
.gris {
background-color: #cfcfcf;
width: 2%;
height: 100%;
min-height: 85px;
max-width: 140px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-image: url(images2/annonces-fond-image.jpg);
background-repeat: repeat;
background-position: left top;
}
.image {
height: 85px;
width: 125px;
background-repeat: no-repeat;
background-position: center center;
padding: 0px;
text-align: right;
background-color: #FFFFFF;
border: 2px solid #F3F3F3;
}
.image img {
padding-top: 69px;
}
.fond-ano {
background-image: url(images2/annonces-fond-texte.jpg);
background-repeat: repeat-x;
border: 1px solid #d1cab4;
}
.fond-ano a{
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999999;
}
.texte {
text-align: justify;
background-image: url(images2/plus-grand.png);
background-repeat: no-repeat;
background-position: right bottom;
cursor: pointer;
padding-top: 15px;
padding-right: 40px;
padding-bottom: 25px;
padding-left: 25px;
height: 100%;
min-height:60px;
background-color: #FFFFFF;
}
.texte span{
font-size: 12px;
font-weight: bold;
display: block;
color: #858585;
}
.texte-agence {
float: left;
text-indent: 20px;
}
.y-selection {
width: 24px;
background-image: url(images2/memo.png);
background-repeat: no-repeat;
background-position: left;
float: right;
height: 20px;
line-height: 20px;
cursor: pointer;
margin-right: 40px;
position: relative;
top: 4px;
}
.n-selection {
width: 18px;
background-image: url(images2/select.png);
background-repeat: no-repeat;
background-position: left;
float: right;
height: 20px;
line-height: 20px;
cursor: pointer;
margin-right: 46px;
position: relative;
top: 4px;
}
.siteweb {
width: 24px;
background-image: url(images2/siteweb.png);
background-repeat: no-repeat;
background-position: 3px;
float: right;
position: relative;
top: 4px;
height: 20px;
line-height: 20px;
cursor: pointer;
margin-right: 10px;
}
.ecrire {
width: 24px;
background-image: url(images2/enveloppe.png);
background-repeat: no-repeat;
background-position: 4px 2px;
float: right;
position: relative;
top: 4px;
height: 20px;
line-height: 20px;
cursor: pointer;
margin-right: 10px;
}
.localisation {
width: 24px;
background-image: url(images2/map.png);
background-repeat: no-repeat;
background-position: 4px 3px;
float: right;
position: relative;
top: 4px;
height: 20px;
line-height: 20px;
cursor: pointer;
margin-right: 10px;
}
.vignettes {
border: 2px solid #F0A268;
z-index:10;
cursor: pointer;
line-height: 0px;
}
#aes {
background-color: #faf7f0;
background-image: url(images2/fond-aes.png);
border: 1px solid #9c998f;
background-position: 100% 100%;
margin-bottom: 25px;
width: 660px;
margin-top: 25px;
margin-left: auto;
height: 105px;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 7px;
padding-left: 6px;
font-family: "Trebuchet MS", "MS Sans Serif", "MS Serif";
margin-right: auto;
}
#aes .aesfond {
background-color: #ecea9e;
height: 100%;
background-image: url(images2/fond-texte-alerte.jpg);
background-repeat: repeat-x;
background-position: left top;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #C6C0A6;
border-right-color: #BCB596;
border-bottom-color: #A69D73;
border-left-color: #BCB596;
}
#aes .aesinterieur {
text-align: justify;
background-color: #F8F1F8;
border: 2px dashed #B8879C;
background-repeat: no-repeat;
width: 465px;
position: relative;
height: 85px;
margin-left: 105px;
margin-top: 7px;
}
#aes .aesinterieur p{
padding-left: 35px;
}
#aes .aesinterieur td{
text-align: center;
font-size: 10px;
}
#aes .aesinterieur span{
font-size: 11px;
font-weight: bold;
color: #BE2E9A;
}
#aes .aesinterieur em{
font-size: 11px;
font-weight: bold;
color: #D00F35;
}
#aes .aesinterieur .fond_ins{
background-color: #F3D6F2;
}
#aes .aesinterieur #inscription{
font-size: 12px;
background-color: #DF576F;
height: 25px;
width: 70px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 5px;
}
#aes .aesinterieur #adresseemail{
font-size: 10px;
width: 110px;
color: #999999;
}
#aes .aesinterieur #telephone{
font-size: 10px;
width: 110px;
color: #999999;
}
#aes #mail {
position: relative;
top: -15px;
left: 0px;
background-image: url(images2/mail.png);
background-repeat: no-repeat;
height: 115px;
width: 100px;
float: left;
}
#aes #mobile {
position: relative;
top: -102px;
left:22px;
background-image: url(images2/mobile.png);
background-repeat: no-repeat;
height: 110px;
width: 135px;
float: right;
}
#layermessage {
background-color: #d4d3d2;
background-image: url(images2/annonces-fond.jpg);
background-repeat: repeat-x;
border: 1px solid #9c998f;
background-position: left top;
padding: 10px;
height: 350px;
width: 400px;
position: absolute;
z-index: 11;
visibility: hidden;
}
.fond_message {
background-repeat: no-repeat;
border: 1px solid #d1cab4;
background-color: #FFFFFF;
height: 100%;
background-image: url(images2/fond-boite.jpg);
background-position: left bottom;
}
#bandeau_message {
line-height: 25px;
text-decoration: none;
text-align: right;
padding-right: 10px;
}
.etat1 {
background-color: #FF9900;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DF8600;
}
.etat1 a{
border: 1px solid #FFAA2B;
}
.etat2 {
background-color: #FFFF33;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #F9F04F;
}
.etat2 a{
border: 1px solid #FAD24B;
}
.etat3 {
background-color: #68D968;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #8BE28B;
}
.etat3 a{
border: 1px solid #00C440;
}
#bandeau_message a{
font-weight: bold;
color: #666666;
text-decoration: none;
background-color: #FFFFFF;
padding-top: 3px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
}
#centre_message {
font-size: 11px;
font-family: Arial, Tahoma;
color: #666666;
}
#centre_texte {
text-align: justify;
padding: 40px;
height: 65%;
z-index: 15;
}
#intromessage {
background-image: url(images2/icones/Email.png);
background-repeat: no-repeat;
background-position: 8px center;
padding-left: 75px;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 15px;
}
#intromessage span{
font-size: 1em;
}
.intitule {
background-color: #FDFAC1;
border: 1px solid #DFDFD0;
padding-left: 8px;
vertical-align: top;
width: 80px;
font-size: 1em;
padding-top: 6px;
}
.intitule td{
padding: 20px;
border: 1px solid #FF9933;
line-height: 20px;
text-align: justify;
}
.intitule img{
padding-right: 3px;
margin-right: 10px;
padding-top: 1px;
}
.intitule span{
font-weight: bold;
text-decoration: underline;
}
.boite {
background-color: #D9DBDD;
border: 1px solid #999999;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
}
.boite input{
background-color: #FFFFDD;
width: 180px;
font-size: 1em;
font-weight: bold;
color: #FF9900;
text-indent: 5px;
}
.boite textarea{
background-color: #FFFFCC;
width: 180px;
font-size: 1em;
font-weight: bold;
color: #FF9900;
height: 40px;
text-indent: 5px;
}
.bouton-contact {
background-color:#E4E6E7;
height: 30px;
border: 3px outset #FFFFCC;
font-size: 1em;
background-image: url(images2/email_go.png);
background-repeat: no-repeat;
background-position: 10px;
font-weight: bold;
width: 170px;
text-align: right;
padding-right: 15px;
padding-left: 30px;
color: #666666;
margin-top: 12px;
}
#introselection-y {
background-image: url(images2/icones/Add.png);
background-repeat: no-repeat;
background-position: 8px center;
padding-left: 75px;
font-size: 1.2em;
line-height: 140px;
font-weight: bold;
}
#introselection-n {
background-image: url(images2/icones/Delete.png);
background-repeat: no-repeat;
background-position: 8px center;
padding-left: 75px;
font-size: 1.2em;
line-height: 140px;
font-weight: bold;
}
.erreur {
background-image: url(images2/icones/Warning.png);
background-repeat: no-repeat;
background-position: 8px center;
padding-left: 75px;
font-size: 1.2em;
line-height: 22px;
font-weight: bold;
height: 160px;
vertical-align: middle;
}
.info {
background-image: url(images2/icones/Info.png);
background-repeat: no-repeat;
background-position: 8px center;
padding-left: 75px;
font-size: 1.2em;
line-height: 22px;
font-weight: bold;
height: 155px;
vertical-align: middle;
}
@media screen{
body>div#layermessage{
position:fixed;
}
}