#home {
background-color: #ffffff;
scrollbar-face-color: #ffffff; 
scrollbar-track-color: #ffffff;
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #414857; 
scrollbar-3dlight-color: #414857; 
scrollbar-arrow-color: #414857;
scrollbar-darkshadow-color: #ffffff; 
margin:0px;
font-family: Arial, Geneva, Helvetica, Sans-Serif;
}
#posi {
position:absolute;
text-align:center;
background-repeat: repeat-x;
background-image: url(../img/barre.gif);
width:100%;
}
#principal {
width:920px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
background-repeat: repeat-x;
background-image: url(../img/barre.gif);
height:347px;
}
#accueil_elements {
width:920px;
position:relative;top:0px; left:0px;
}
#logo {
position:absolute;top:12px;left:-3px;width:189px;height:63px;z-index:10; 
background-image: url(../img/logo-iroise-promotion.gif);
background-repeat: no-repeat;
color:#FFFFFF;
font-size:1px;
}
#bandeau_haut {
position:absolute;top:79px;left:0px;width:920px;height:171px;z-index:10;
}
#gauche_bandeau {
position:absolute;top:0px;left:0px;width:556px;height:171px;
background-image: url(../img/pont-brest.jpg);
background-repeat: no-repeat;
}
#milieu_bandeau {
position:absolute;top:0px;left:556px;width:186px;height:171px;
background-color:#9E0229;
}
#batissons {
position:absolute;top:20px;left:20px;width:166px;height:151px;
background-image: url(../img/batissons-une-relation-de-confiance.gif);
background-repeat: no-repeat;
font-size:1px;
color:#9E0229;
}
#droite_bandeau {
position:absolute;top:0px;left:732px;width:188px;height:171px;
background-image: url(../img/jardin-public.jpg);
background-repeat: no-repeat;
}
#colonne_1_accueil {
position:absolute;top:175px;left:0px;width:180px;
}
#colonne_2_accueil {
position:absolute;top:175px;left:190px;width:180px; 
}
#colonne_3_accueil {
position:absolute;top:175px;left:380px;width:180px;
}
#colonne_1_3_accueil {
position:absolute;top:0px;left:0px;width:560px;
}
#colonne_1 {
position:absolute;top:0px;left:0px;width:180px;
}
#colonne_suite {
position:relative;top:15px;left:0px;
}
#colonne_2 {
position:absolute;top:0px;left:190px;width:180px;
}
#colonne_3 {
position:absolute;top:0px;left:380px;width:180px;
}
#colonne_4 {
position:absolute;top:0px;left:570px;width:150px;
line-height:17px; 
}
#colonne_5a {
position:absolute;top:0px;left:740px;width:180px; 
}
#colonne_actu {
position:absolute;top:0px;left:574px;_left:572px;width:334px;_width:348px; 
border-color:#928480; border-style:solid; border-width:1px; 
padding:5px;
}
#colonne_2_3 {
position:absolute;top:0px;left:190px;width:345px; 
}
#colonne_2_4 {
position:absolute;top:0px;left:190px;width:525px; 
}
#colonne_2_5 {
position:absolute;top:0px;left:190px;width:730px;
}
#colonne_3_5 {
position:absolute;top:0px;left:380px;width:538px;
}
#colonne_4_5 {
position:absolute;top:0px;left:554px;width:364px;
}
#colonne_4_5a {
position:absolute;top:0px;left:580px;width:338px;
text-align:justify;
}
#colonne_5 {
position:absolute;top:0px;left:738px;_left:740px;width:170px;_width:180px;  
border-color:#928480; border-style:solid; border-width:1px; 
padding:5px;
}
.colonne_reduite {
position:absolute;top:88px;left:0px;width:165px; 
}
.colonne_suite {
position:absolute;top:465px;left:0px;width:180px; 
}



#menu_milieu {
position:absolute;top:262px;left:0px;width:920px;height:38px;
background-image: url(../img/barre_menu.gif);
background-repeat: repeat-x;
color:#ffffff;
text-decoration:none;
font-size:13px;
}
.menu2_lib { 
color:#ffffff;
font-size:11px;
letter-spacing:1px;
font-weight: bold;
text-decoration:none;
}
.menu2_lib:hover {
color:#f9e247;
}
#id_programmes,#id_architectes,#id_realisations,#id_terrains,#id_investissement {
color:#ffffff;
text-decoration:none;
top:4px;_top:2px;
}
#id_programmes {position:absolute;left:15px;}
#id_architectes {position:absolute;left:218px;} 
#id_realisations {position:absolute;left:346px;}
#id_terrains {position:absolute;left:480px;}
#id_investissement {position:absolute;left:575px;}
.trait2 {position:relative;left:15px;color:#ffffff;height:18px;top:0px;_top:2px;} 

#menu_haut {
position:absolute;top:57px;left:610px;width:311px;height:22px;
}
.menu_lib {
color:#9e0129;
font-size: 12px;
font-weight: bold;
text-decoration:none;
}
.menu_lib:hover {
text-decoration:underline;
color:#414857;
}
#id_plan,#id_contact,#id_liens,#id_accueil {
text-align:left;
top:0px;
}
#id_plan {position:absolute;left:0px;}
#id_contact {position:absolute;left:100px;}
#id_liens {position:absolute;left:180px;}
#id_accueil {position:absolute;left:250px;}
.trait {position:relative;left:15px;color:#9e0129;height:15px;}


#contenu {
position:absolute;top:311px;left:0px;width:920px;
width:920px;
background-color:#ffffff;
}

#contenu, td.case, input, textarea, select {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}

#contenu, td.case {
color:#414857;
}

textarea, input, .image, .image_click {
border-color:#928480;
border-style:solid;
border-width:1px;
}
.image_click { cursor:pointer; }

.titre_chapitre {
color:#9E0229;
font-weight:bold;
font-size:11px; 
}
.titre_iroise {
color:#414857;
font-weight:bold;
font-size:11px; 
}
.chapeau {
font-weight:bold;
color:#928480;
text-decoration:none;
}
.chapeau:hover {
text-decoration:underline;
color:#9e0129;
}
.suite {
font-style:italic;
color:#9e0129;
text-decoration:none;
}
.suite:hover {
color:#414857;
text-decoration:underline;
}
/*------------------ Menu de gauche ------------------------------------------*/
#menu_gauche {
position:absolute;top:210px;left:0px; 
}
.case_gauche { 
display:block;
width:178px;height:20px;
font-family: Verdana, Geneva, Helvetica, Sans-Serif;
color:#9e0028;
font-size:10px;
font-weight: bold;
text-decoration:none;
background-image: url(../img/onglet_gris.gif);
cursor:pointer;
}
.case_gauche:hover {
color:#ffffff;
background-image: url(../img/onglet_rouge.gif);
cursor:pointer;
}
#id_g1,#id_g2,#id_g3,#id_g4,#id_g5,#id_g6 {
position:absolute;width:178px;height:20px;left:0px;
}
#id_g1 {top:0px;}
#id_g2 {top:30px;}
#id_g3 {top:60px;}
#id_g4 {top:90px;}
#id_g5 {top:120px;}
#id_g6 {top:150px;}
.decal {position:absolute; left:2px; top:2px;cursor:pointer;}

.lien { color:#9e0129; text-decoration:none; }
.lien:hover { color:#414857; text-decoration:underline; }
.petit {font-size:10px;}
.case_claire,.case_sombre,.case{
font-family: Arial, Geneva, Helvetica, Sans-Serif;
color:#00638e;
font-size:12px;} 
.case_sombre {background-color:#c5e0eb;}
.case_claire {background-color:#e0eef4;}
.lien_bleu {color:#007cb0; text-decoration:none;}
.lien_bleu:hover {color:#928480; text-decoration:underline;}
.centre {text-align:center;}
.case_claire_grise,.case_sombre_grise{
font-family: Arial, Geneva, Helvetica, Sans-Serif;
color:#928480;
font-size:12px;} 
.case_sombre_grise {background-color:#dbd7d5;}
.case_claire_grise {background-color:#f3f1f1;}

/*------------------- Fonds - Photos ----------------------------------*/
#terrasses-de-la-rade-bandeau {
position:absolute;top:0px;left:0px;width:556px;height:171px;
background-image: url(../img/terrasses-de-la-rade-bandeau.jpg);
background-repeat: no-repeat;
}
#marche-couple {
position:absolute;top:0px;left:732px;width:188px;height:171px;
background-image: url(../img/marche-couple.jpg);
background-repeat: no-repeat;
}
#promenade-fortier {
position:absolute;top:0px;left:0px;width:556px;height:171px;
background-image: url(../img/promenade-fortier.jpg);
background-repeat: no-repeat;
}
#reunion-plan {
position:absolute;top:0px;left:732px;width:188px;height:171px;
background-image: url(../img/reunion-plan.jpg);
background-repeat: no-repeat;
}
#negociation-bandeau {
position:absolute;top:0px;left:0px;width:556px;height:171px;
background-image: url(../img/negociation-bandeau.jpg);
background-repeat: no-repeat;
}
#porche-batiment-administratif {
position:absolute;top:0px;left:732px;width:188px;height:171px;
background-image: url(../img/porche-batiment-administratif.jpg);
background-repeat: no-repeat;
}
#reunion-de-travail-bandeau {
position:absolute;top:0px;left:0px;width:556px;height:171px;
background-image: url(../img/reunion-de-travail-bandeau.jpg);
background-repeat: no-repeat;
}
#brest-ancien {
position:absolute;top:0px;left:732px;width:188px;height:171px;
background-image: url(../img/vue-aerienne-brest-ancien.jpg);
background-repeat: no-repeat;
}
#bandeau-jardins-de-la-falaise {
position:absolute;top:0px;left:0px;width:556px;height:171px;
background-image: url(../img/bandeau-jardins-de-la-falaise.jpg);
background-repeat: no-repeat;
}
#brest-le-quartz {
position:absolute;top:0px;left:732px;width:188px;height:171px;
background-image: url(../img/brest-le-quartz.jpg);
background-repeat: no-repeat;
}
#brest-square-kennedy {
position:absolute;top:0px;left:732px;width:188px;height:171px;
background-image: url(../img/brest-square-kennedy.jpg);
background-repeat: no-repeat;
}
#bandeau-carre-de-siam {
position:absolute;top:0px;left:0px;width:556px;height:171px;
background-image: url(../img/bandeau-carre-de-siam.jpg);
background-repeat: no-repeat;
}
#petit-marche-brest {
position:absolute;top:0px;left:732px;width:188px;height:171px;
background-image: url(../img/petit-marche-brest.jpg);
background-repeat: no-repeat;
}
#bandeau-les-hauts-de-sainte-anne {
position:absolute;top:0px;left:0px;width:556px;height:171px;
background-image: url(../img/bandeau-les-hauts-de-sainte-anne.jpg);
background-repeat: no-repeat;
}
#calvaire-plougastel-daoulas {
position:absolute;top:0px;left:732px;width:188px;height:171px;
background-image: url(../img/calvaire-plougastel-daoulas.jpg);
background-repeat: no-repeat;
}
#bandeau-gauche {
position:absolute;top:0px;left:0px;width:556px;height:171px;
}
#bandeau-droite {
position:absolute;top:0px;left:732px;width:188px;height:171px;
}