body {
font: Arial,Geneva;
/*scrollbar-3dlight-color: #FE7070; 
scrollbar-arrow-color: #FE9696;
scrollbar-darkshadow-color: #830101; 
scrollbar-face-color: #8e2828; 
scrollbar-highlight-color: #FE7070; 
scrollbar-shadow-color: #830101; 
scrollbar-track-color: #FFFFFF;*/
background-color:#f3f3df;
background-image:url("../images/divers/degrade_fond.jpg");
background-repeat:repeat-x;
}


h1{
font: small-caps 20px "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
}

#typejaune h1{
font: small-caps 25px "Times New Roman", Times, serif;
}

#typerouge h1{
font: small-caps 25px "Times New Roman", Times, serif;
}

#textes p, ul{
font:15px "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
}

p{
font:10px "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
}

#textes ul{
list-style-type:square;
list-style-position:inside;
}

h2{
font:12px Arial,Geneva;
color:#ae6f6f;
}

h3{
font:19px Arial,Geneva;
}

.liens h3{
font:15px Arial,Geneva;
color:#8e2828;
}

h4{
font:13px Arial,Geneva;
}

h5{
font: small-caps 15px Arial, Helvetica, sans-serif;text-indent:150px;
padding-top:50px;
}

h6{
font:12px Arial,Geneva;
}

#sl h3{
font:small-caps 15px Arial,Geneva;
color:#8e2828;
}
#W3C a:link { font:0.71em Arial,Geneva;color:#ffbc8b;text-decoration:none;}
#W3C a:visited { font:0.71em Arial,Geneva;color:#ffbc8b;text-decoration:none;}
#W3C a:hover { font:0.71em Arial,Geneva;color:#c0c0c0;text-decoration:none;}

#links a:link { color:#8e2828;text-decoration:none;}
#links a:visited { color:#8e2828;text-decoration:none;}
#links a:hover { color:#ae6f6f;text-decoration:underline;}

#typerouge h1 a:link { color:#9f6e6e;text-decoration:underline;}
#typerouge h1 a:visited { color:#8e2828;text-decoration:underline;}
#typerouge h1 a:hover { color:#c39494;text-decoration:underline;}

#typejaune h1 a:link { color:#9f6e6e;text-decoration:underline;}
#typejaune h1 a:visited { color:#8e2828;text-decoration:underline;}
#typejaune h1 a:hover { color:#c39494;text-decoration:underline;}

#type_1 h1 a:link { color:#9f6e6e;text-decoration:underline;}
#type_1 h1 a:visited { color:#8e2828;text-decoration:underline;}
#type_1 h1 a:hover { color:#c39494;text-decoration:underline;}

#mentions a:link { color:#fecb65;text-decoration:none;}
#mentions a:visited { color:#fecb65;text-decoration:none;}
#mentions a:hover { color:#c39494;text-decoration:none;}

h3 a:link {text-decoration:underline;}
h3 a:visited {text-decoration:underline;}
h3 a:hover {text-decoration:underline;}

#txt_link_affaires_villas a:link {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}
#txt_link_affaires_villas_left a:link {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}
#txt_link_affaires_apparts_left a:link {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}
#txt_link_affaires_apparts a:link {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}

#txt_link_affaires_villas a:visited {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}
#txt_link_affaires_villas_left a:visited {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}
#txt_link_affaires_apparts_left a:visited {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}
#txt_link_affaires_apparts a:visited {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}

#txt_link_affaires_villas a:hover {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}
#txt_link_affaires_villas_left a:hover {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}
#txt_link_affaires_apparts_left a:hover {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}
#txt_link_affaires_apparts a:hover {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}

#titres_listes h1{color:#964141;font: small-caps 22px "Times New Roman", Times, serif bold;text-indent:100px;}
#titres h1{color:#fd823f;font: small-caps 1.4em "Times New Roman", Times, serif bold;text-indent:100px;}

#villaslink a:link {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;text-indent:100px;}
#villaslink a:visited {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;text-indent:100px;}
#villaslink a:hover {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;text-indent:100px;}

#appartslink a:link {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;text-indent:100px;}
#appartslink a:visited {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;text-indent:100px;}
#appartslink a:hover {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;text-indent:100px;}

#vendre a:link {text-decoration:none;font:0.8em "MS Sans Serif","New York",Arial, "sans-serif", Verdana;color:white;}
#vendre a:visited {text-decoration:none;font:0.8em "MS Sans Serif","New York",Arial, "sans-serif", Verdana;color:white;}
#vendre a:hover {text-decoration:underline;font:0.8em "MS Sans Serif","New York",Arial, "sans-serif", Verdana;color:white;}

#affaire_principale a:link {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}
#affaire_principale a:hover {color:#c39494;text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}
#affaire_principale a:visited {text-decoration:underline;font: small-caps 1.2em "Times New Roman", Times, serif bold;}

#image_principale{
position:relative;
float:left;
left:45px;
top:20px;
}

#titres{
padding-top:50px;
}

#typejaune h1{
font:"Times New Roman", Times, serif;
}

#textdetails a:link { color:#8e2828;text-decoration:none;}
#textdetails a:visited { color:#c39494;text-decoration:none;}
#textdetails a:hover { color:#c0c0c0;text-decoration:none;}

h2 a:link { color:white;text-decoration:none;}
h2 a:visited { color:white;text-decoration:none;}
h2 a:hover { color:#c0c0c0;text-decoration:none;}

#commun_aff a:link { color:white;text-decoration:none;}
#commun_aff a:visited { color:white;text-decoration:none;}
#commun_aff a:hover { color:#c0c0c0;text-decoration:none;}

a:link { color:#8e2828;text-decoration:none;}
a:visited { color:#8e2828;text-decoration:none;}
a:hover { color:#c39494;text-decoration:none;}

#datepub{
padding-left:200px;
padding-top:50px;
font:5px "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
color:#8e2828;
}

#datepub_principale{
float:top;
margin-top:150px;
font:0.6em "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
color:#8e2828;
}

#datepubdetail{
padding-left:0px;
padding-top:0px;
padding-bottom:20px;
font:5px "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
}

.fond_bouton{
overflow:hidden;
width:200px;
height:68px;
text-align:center;
padding-top:16px;
float:left;
}

#vendre h1{
font:small-caps 1.4em Arial, Helvetica, sans-serif;
color:black;
padding-left:10px;
}

#site{
position:absolute;
left: 50%; 
margin-left: -465px; /* moitié de la largeur */
width:935px; 
height:435px; 
z-index:1;
}

#image_centre img{
border:solid #fd823e;
border-width:1px;
}

#nom{
text-indent:10px;
position:relative;
background-color:white;
font-family:"MS Sans Serif","New York",Arial, "sans-serif", Verdana;
float:left;
}

#pubs{
text-indent:0px;
position:relative;
text-align:right;
top:-20px;
}

#links{
text-indent:0px;
position:relative;
text-align:center;
font-size:0.9em;
height:80px;
background-image:url("../images/divers/menu.jpg");
background-repeat:no-repeat;
background-position:center;
border-left:1px solid #81807f;
border-right:1px solid #81807f;
width:960px;
left: 50%; 
margin-left: -480px; /* moitié de la largeur */
z-index:5;
}

#logo{
padding-left:10px;
}

#centrer_links{
position:absolute;
margin-top:23px;
width:826px;
left: 50%; 
margin-left: -440px; /* moitié de la largeur */
}

#centrer_haut{
text-align:left;
position:relative;
width:900px;
left: 50%; 
margin-left: -480px; /* moitié de la largeur */
height:190px;
margin-top:20px;
background-color:white;
padding-left:30px;
padding-right:30px;
background-image:url("../images/divers/bande.gif");
background-repeat:repeat-x;
border-top:1px solid #81807f;
border-left:1px solid #81807f;
border-right:1px solid #81807f;
}

#links h2{
color:#8e2828;
font-size:1em;
}

#principale{
position:relative;
background-color:#c39494;
float:top;
}

#centre{
width:840px;
background-color:white;
background-image:url("../images/divers/centre2.gif");
background-repeat:repeat-y; 
background-position:right;
background-position:top;
left: 50%; 
margin-left: -480px; /* moitié de la largeur */
position:relative;
border-left:1px solid #81807f;
border-right:1px solid #81807f;
padding-left:60px;
padding-right:60px;
height: auto;
min-height:800px;
_height: 800px; // hack uniquement interprété par IE Win
float:top;
}

#calage{
height: auto;
min-height:500px;
_height: 500px; // hack uniquement interprété par IE Win
}

#textes{
padding:50px;
color:#8e2828;
height: auto;
min-height:500px;
_height: 500px; // hack uniquement interprété par IE Win
}

#degrade{
position:absolute; 
top:0px;
left:0px;
width:100%;
height:131px;
background-color:white;
background-image:url("../images/divers/degrade.jpg");
background-repeat:no-repeat; 
background-position:left;
}

#goodies{
position:absolute; 
top:0px;
right:30px;
float:right;
width:600px;
text-align:right;
}

#mentions{
position:absolute; 
top:170px;
float:right;
z-index:6;
text-align:right;
font: 0.8em Arial,Geneva;
width:875px;
left: 50%; 
margin-left: -600px; /* moitié de la largeur */
}

.imagesliens{
padding-top:60px;
}

#affairerouge{
position:relative;
padding-left:15px;
padding-top:30px;
float:bottom;
width:600px; 
height:200px;
color:black;
left:18px;
z-index:2;
}

#fondrouge{
position:absolute;
padding-top:30px;
float:bottom;
width:600px; 
height:200px;
color:black;
left:82px;
z-index:1;
}

#affairejaune{
position:relative;
padding-top:30px;
padding-left:20px;
float:bottom;
left:212px;
width:600px; 
height:200px;
color:black;
color:#8e2828;
}

#fondjaune{
position:absolute;
padding-top:30px;
float:bottom;
left:278px;
width:600px; 
height:200px;
color:black;
color:#8e2828;
}

#affairejaune .corps{
color:#8e2828;
height:80px;
width:300px;
overflow:hidden;
}

#affairerouge .corps{
color:#8e2828;
height:80px;
width:300px;
overflow:hidden;
}

#affairerouge .res{
color:#8e2828;
}

#affairejaune .res{
color:#8e2828;
}

#affairejaune .photos{
left:60px;
}

#affairejaune .type{
color:#8e2828;
}

#affairejaune .prix{
color:#8e2828;
}

#affairerouge .prix{
color:#8e2828;
}

#conteneur{
position:relative;
width:300px; 
height:200px;
float:left;
top:20px;
left:20px;
z-index:2;
}

#conteneurjaune{
position:relative;
width:300px; 
height:200px;
float:left;
top:20px;
left:80px;
}

.photos{
position:relative;
height:200px;
float:left;
margin-top:30px;
z-index:2;
width:200px;
font:17px "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
color:#8e2828;
}

.photos img{
margin-left:15px;
}

#soon{
margin-left:15px;
height:134px;
width:180px;
border:solid #8e2828 1px;
text-align:center;
background-color:#fff8d0;
}

#soondetail{
margin-left:15px;
height:380px;
width:380px;
border:solid #8e2828 1px;
text-align:center;
background-color:#fff8d0;
font:15px "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
color:#8e2828;
}

#heure{
position:relative;
float:top;
text-align:right;
top:5px;
right:5px;
}

#W3C{
position:relative;
float:left;
left:5px;
width:550px;
}

#fond{
background-color:#b7b7b7;
position:absolute;
left: 50%; 
top: 50%;
margin-top: -215px; /* moitié de la hauteur */
margin-left: -465px; /* moitié de la largeur */
width:935px; 
height:435px; 
z-index:1; 
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}

#imagefond{
position:absolute;
left: 50%; 
top: 50%;
margin-top: -241px; /* moitié de la hauteur */
margin-left: -502px; /* moitié de la largeur */
width:1005px; 
height:483px; 
z-index:1; 
}

#boite{
position:relative;
height:340px; 
width:915px;
z-index:2; 
}

#milieu{
position:relative;
float:left;
top:10px; 
width:290px; 
height:340px; 
z-index:2; 
color:black;
padding-left:10px;
}

#principal{
text-indent:0cm;
position:relative;
background-color:#ffffff;
float:top;
left:10px;
width:290px; 
height:280px; 
z-index:3; 
color:black;
}

.affaire{
text-indent:0cm;
position:relative;
margin-top:100px;
float:left;
width:600px; 
z-index:3; 
color:black;
background-color:#8e2828;
left:18px;
}

#aff{
overflow:auto;
text-indent:0cm;
position:relative;
background-color:#ffffff;
float:top;
left:10px;
width:290px; 
height:280px; 
z-index:3; 
color:black;
}

#commun{
position:relative;
float:left;
width:290px; 
height:280px; 
z-index:4; 
overflow:auto;
}

#commun_aff{
position:relative;
float:top;
width:270px; 
height:280px; 
z-index:4; 
text-align:center;
}


#icones{
position:relative;
float:top;
left:10px;
top:10px;
width:290px; 
height:50px; 
z-index:4; 
color:black;
text-align:center;
}

#fnaim{
position:relative;
float:left;
width:60px; 
height:50px;
background-color:#ececec;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
overflow:hidden;
vertical-align:middle;
border:solid #FECB65;
border-width:0.05mm;
}

#fnaimv{
position:relative;
float:left;
top:5px;
}

#sl{
position:relative;
float:left;
left:10px;
font: bold 0.75em Arial,Geneva;
width:144px; 
height:50px;
color:black;
background-color:#ececec;
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;
overflow:hidden;
vertical-align:middle;
border:solid #c39494;
border-width:0.1mm;
}

#slv{
position:relative;
float:left;
width:150px; 
vertical-align:middle;
text-align:center;
top:10px;
letter-spacing:0.2em; 
}

#cg{
position:relative;
float:left;
left:20px;
width:60px; 
height:50px;
background-color:#ececec;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
overflow:hidden;
vertical-align:middle;
border:solid #FECB65;
border-width:0.05mm;
}

#cgv{
position:relative;
float:left;
top:5px;
left:5px;
}

#details,#details_liens{
position:relative;
background-color:#ececec;
float:left;
left:20px;
top:10px; 
width:445px; 
height:340px; 
z-index:2; 
color:black;
overflow:auto;
}


#textdetails{
position:relative;
float:left;
left:20px;
top:10px; 
width:405px; 
height:320px; 
z-index:2; 
color:black;
}

#textimages{
position:relative;
float:left;
left:20px;
top:-15px; 
width:405px; 
height:320px; 
z-index:2; 
color:black;
}

#textimages img{
border-width:1px;
border-style:solid;
border-color:#8e2828;
}

#bas{
position:relative;
float:left;
left:10px;
top:20px;
width:915px; 
height:65px; 
z-index:2; 
color:black;
}

#qualite{
position:relative;
background-color:#ffffff;
float:left;
width:160px; 
height:65px; 
z-index:2; 
color:black;
text-align:center;
}

#imgqualite{
position:relative;
float:left;
width:160px; 
height:65px; 
top:5px;
}

#contact{
position:relative;
background-color:#c39494;
float:left;
left:10px;
width:745px; 
height:65px; 
z-index:3; 
color:black;
}

#textcontact,#textcontactindex{
font:0.7em Arial,Geneva;
text-align:center;
position:relative;
color:white;
float:top;
top:25px;
width:745px; 
height:30px; 
z-index:3; 
}
#textcontactindex{
top:10px;}

.titre,.titrerouge{
text-align:left;
float:left;
font:small-caps bold 1.3em Arial;
background-color:#c39494;
height:28px;
margin:0px;
padding:0px;
overflow:hidden;
}

#titre_pp{
text-align:left;
font:small-caps bold 1.3em Arial;
}

.res{
color:#7f7f7f;
font:small-caps bold 18px Arial;
height: auto;
min-height:20px;
_height: 20px; // hack uniquement interprété par IE Win
}

.corps{
position:relative;
width:500px;
font:1.2em Arial;
color:#c39494;
float:top;
}

#corps_1{
margin-left:100px;
margin-right:100px;
margin-top:10px; 	
font:0.75em Arial;
float:top;
padding-top:465px;
text-align:center;
}

#corps_principale{
font:13px Arial;
float:left;
height: 145px;
overflow:hidden;
width:300px;
}

#texte_principale{
position:relative;
float:left;
width:300px;
}

.res_detail{
text-align:right;
font:small-caps bold 20px Arial;
color:#8e2828;
}

.titrerouge{
background-color:#8e2828;
}

.prix{
position:relative;
text-align:right;
color:#fbf3e1;
font:small-caps bold 0.8em Arial;
}

#prix_1{
color:gray;
font:small-caps 1em "Times New Roman", Times, serif;
text-align:center;
float:bottom;
}

#prix_principale{
color:gray;
font:small-caps 15px "Times New Roman", Times, serif;
text-align:center;
float:top;
}

.type{
position:relative;
float:top;
width:400px; 
height:28px;
font:small-caps 1.4em Arial,Geneva;
}

#affaire1{
position:relative;
height: auto;
min-height:800px;
_height: 800px; // hack uniquement interprété par IE Win
text-align:center;
font:small-caps 1.4em "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
color:#8e2828;
}

#affaire2{
position:relative;
width:960px;
text-align:center;
font:small-caps 1.4em "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
color:#8e2828;
padding-top:10px;
float:top;	
left:-60px;
}

#link_affaires, #link_affaires_villas, #link_affaires_apparts{
width:750px;
margin-left:20px;
text-align:right;
padding-top:20px;
height:70px;
}

#link_affaires_villas_left{
width:280px;
text-align:right;
float:left;
padding-left:140px;
padding-top:20px;
height:70px;
}

#link_affaires_apparts_left{
width:280px;
text-align:left;
padding-top:20px;
left:150px;
height:70px;
float:left;
}

#txt_link_affaires_villas{
padding-top:40px;
padding-right:10px;
font:1em "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
}

#txt_link_affaires_apparts{
padding-top:40px;
padding-right:10px;
font:1em "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
}

#txt_link_affaires_apparts_left{
padding-top:40px;
padding-left:5px;
font:0.7em "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
}

#txt_link_affaires_villas_left{
padding-top:40px;
padding-right:10px;
font:0.7em "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
}

#link_affaires_apparts, #link_affaires_apparts_left{
background-image:url("../images/divers/appartements_img.gif");
background-repeat:no-repeat; 
background-position:right;
}

#link_affaires_apparts_left{
background-position:left;
}

#link_affaires_villas, #link_affaires_villas_left{
background-image:url("../images/divers/villas_img.gif");
background-repeat:no-repeat; 
background-position:right;
}

#links_img{
position:relative;
padding-top:10px;	
height: auto;
min-height:100px;
_height: 100px; // hack uniquement interprété par IE Win
text-align:center;
font:small-caps 1.4em "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
color:#8e2828;
}

#vendre{
position:relative;
padding-top:10px;	
height: auto;
min-height:100px;
_height: 100px; // hack uniquement interprété par IE Win
font:small-caps 1.4em "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
color:#8e2828;
left:20px;
}

#villaslink, #appartslink{
position:relative;
padding-top:10px;	
text-align:center;
}

#type_1{
position:relative;
float:top;
}

#type_principale{
position:relative;
float:left;
font:small-caps 17px "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
width:100px;
top:-40px;
}

#coeur{
top:10px;
}

#type_1{
font:small-caps 0.8em Arial,Geneva;
}

#type_detail{
color:#8e2828;
padding-bottom:50px;
padding-left:50px;
float:bottom;
}

#type_detail h1{
font:small-caps 30px "Times New Roman", Times, serif;
}

#type_1 h1{
font:2em "Times New Roman", Times, serif;
}

#type_1 h2{
font:small-caps 1.4em Arial,Geneva;
color:#8e2828;
}

#typerouge, #typejaune{
font:1.3em "Times New Roman", Times, serif;
}

.photoprinc,.photoprincrouge{
position:relative;
text-align:right;
float:left;
width:50px; 
margin:0px;
padding:0px;
height:28px;
background-color:#8e2828;
overflow:hidden;
}

.photoprincrouge{
background-color:#c39494;
}

#photoprinc img{
margin:0px;
}

.images{
width:440px;
padding-left:50px;
float:left;
height:auto;
min-height:700px;
_min-height:700px;
}

.images img{
margin-left:20px;
margin-bottom:20px;
border:solid #8e2828 1px;
}

.affaire_detail{
width:300px;
text-align:left;
float:left;
height:auto;
min-height:700px;
_min-height:700px;
}

.corps_detail{
color:#8e2828;
float:bottom;
font:15px "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
}

.prix_detail{
color:#865454;
text-align:right;
font: small-caps 1.2em "Times New Roman", Times, serif;
float:bottom;
}

#affairejaune img{
border:solid #f6e6c2 1px;
}

#affairerouge img{
border:solid #8e2828 1px;
}

#baseline{
top:-10px;
text-align:center;
position:relative;
color:#8e2828;
float:top;
padding-top:30px;
padding-bottom:40px;
font: small-caps 0.8em "MS Sans Serif","New York",Arial, "sans-serif", Verdana;
background-image:url("../images/divers/menu.jpg");
background-repeat:no-repeat;
background-position:center;
background-color:white;
width:960px;
left: 50%; 
margin-left: -480px; /* moitié de la largeur */
border-left:1px solid #81807f;
border-right:1px solid #81807f;
border-bottom:1px solid #81807f;
}

#txt_baseline{
margin-top:0px;
}

#conteneur_detail{
position:relative;
float:bottom;
width:830px; 
height: auto;
min-height:700px;
_height: 700px; // hack uniquement interprété par IE Win
}

.imagelien{
float:right;
padding-right:20px;
}

.imagelienlast{
float:right;
}

.imagelienW3C{
float:right;
padding-right:20px;
padding-top:10px;
}

.imgs img{
margin-left:40px;
margin-bottom:20px;
border:1px solid #8e2828;
}

#diapo{
position:absolute;
text-align:right;
float:bottom;
z-index:5;
left: 50%; 
margin-left: -297px; /* moitié de la largeur */
width:600px; 
height:448px; 
}

#zoom1{
position:absolute;
padding-top:5px;
float:top;
z-index:5;
left:365px; 
width:20px; 
height:19px; 
}

#zoom_principale{
position:absolute;
padding-top:25px;
float:top;
z-index:5;
left:305px; 
width:20px; 
height:19px; 
}

#photos_principale{
height: auto;
min-height:255px;
_height: 255px; // hack uniquement interprété par IE Win
position:relative;
float:left;
padding-left:35px;
}

#photos_principale img{
border:solid #8e2828;
border-width:1px;
}

#image_principale img{
border:solid #fd823e;
border-width:1px;
}

#photos_bas{
position:relative;
float:left;
padding-left:10px;
}

#affaire_principale{
position:relative;
float:left;
left:75px;
color:#8e2828;
top:20px;
}

#cadrage_principale{
position:relative;
float:top;
height: auto;
min-height:265px;
_height: 265px; // hack uniquement interprété par IE Win
}

.titre_principale{
position:relative;
float:left;
width:300px;
height: auto;
min-height:50px;
_height: 50px; // hack uniquement interprété par IE Win
}

#zoom_rouge{
position:absolute;
text-align:right;
z-index:5;
float:top;
left:185px;
top:175px;
width:20px;
height:19px;
}

#zoom_jaune{
position:absolute;
text-align:right;
z-index:5;
float:top;
left:250px;
top:175px;
width:20px;
height:19px;
}

#zoom_detail{
position:absolute;
float:top;
text-align:right;
z-index:5;
left:170px;
top:125px;
width:20px;
height:19px;
_padding-left:20px; /*pour IE6*/
}

#zoom_photos_principale{
position:absolute;
float:top;
text-align:left;
z-index:5;
left:170px;
top:115px;
width:20px;
height:19px;
}

#zoom_photos_principale img{
border:none;
}

#photo_detail{
position:relative;
float:left;
width:180px;
height:134px;
padding-left:10px;
padding-top:10px;
}

#zoom1 img{
border:0px;
width:20px;
height:19px;
}

#zoom_detail img{
border:0px;
}

#zoom_jaune img{
border:0px;
}

#zoom_rouge img{
border:0px;
}

#diapo img{
border:solid #fd823e;
border-width:1px;
}

#image_centre{
text-align:center;
position:absolute;
float:bottom;
z-index:1;
left: 50%; 
margin-left: -300px; /* moitié de la largeur */
width:600px; 
height:448px; 
}

/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu, .ssmenu {
	/*background-color:#f6e6c2;
	color:white;*/
	font-size:14px;
	/*font-weight:bold;*/
	font-family:"MS Sans Serif","New York",Arial, "sans-serif", Verdana;
	padding:3px;

/* width et margin sont au cas où le javascript est désactivé. */

}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
	border-right:1px solid #8e2828;
}

.ssmenu{
	border-left:1px solid #8e2828;
	border-right:1px solid #8e2828;
	border-bottom:1px solid #8e2828;
	background-color:white;
	}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
/* aller pour faire joli sur IE, un petit effet de dégradé !
	Pour voir d'autres effets :
	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
	Par exemple :
	transparence à 25% = opacité à 75%:
		FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);
	*/
	white-space : no-break;
}

.debut{
	float:left;
	width:225px;
	border-left:1px solid #8e2828;
}

.fin{
	float:bottom;
}

#conteneur_menu{
	width:150px;
}

#menu1{
	border-left:1px solid #8e2828;
}

.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	/*color:white;*/
	color:#660066;
	padding:2px 1px;
	text-decoration:underline;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
	height:100%;
	margin:0px;
	/*margin:0px;
	width:100%;*/
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
	color:#660066;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	/*background-color:#8e2828;
	color:white;*/
	text-decoration:underline;
	color:#660066;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/