#top { background:#3366cc url(../st/images/agence.jpg) no-repeat; height:101px; width:735px;}
#pub {position:absolute; top:1px; left:266px; width:468px;}
#recherche{ background:#3366cc; height:27px; border-top:2px solid #fff;}
#recherche table{ float:right;}
#copyright{ font-family:Arial, Helvetica, sans-serif;background:#3366cc; height:16px; border-top:2px solid #fff; font-size:12px;color:#fff; text-align:right; margin-bottom:10px;}
#copyright a{color:#fff; padding:0 10px 0 10px;}
#services { padding:10px 10px 5px 20px; float:left; width:180px;}
#services a:hover {text-decoration:underline;}
#service table{ width:180px;}
#logo { position:absolute; margin-top:-17px; margin-left:-15px;}

#middle {background:url(../st/images/fond.gif) no-repeat; padding:40px 40px 0px 40px;}
#middle2 {background:url(../st/images/fond.gif) no-repeat; padding:20px 20px 0px 20px;}
.fondtitre { background:#1bb846; color:#fff; font-weight:700; padding:4px;}
.fondstitre { background:#d1ffb0; color:#000; font-weight:700; padding:4px;}
 <!--couleurs -->
 <!--gris		= #CCCCCC --> 
 <!--vert clair		= #E8FF9F  -->
 <!--bleu tres fonce	= #003366  -->
 <!--fin couleurs  -->

 <!--Scrollbars  -->



 <!--Balises  -->

td { font-size : 60%;  padding: 0 0 0 0; }

p { margin: 0 0 0 0 }

li { list-style: square; }

.input1, select1 {
	height: 19px;
	font-size: 8pt;
	background-color: #FFFFFF ;	
	margin: 0 0 0 0;
	color: #939290;
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #939290;
	border-bottom-width: 1pt;
	border-bottom-color: #939290;
	border-left-width: 1pt;
	border-left-color: #939290;
	border-right-width: 1pt;
	border-right-color: #939290 
}

.input2, select {
	height: 19px;
	font-size: 8pt;
	background-color: #99CC00 ;	
	margin: 0 0 0 0;
	color: #000000;
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #FFFFFF;
	border-bottom-width: 1pt;
	border-bottom-color: #939290;
	border-left-width: 1pt;
	border-left-color: #939290;
	border-right-width: 1pt;
	border-right-color: #939290 
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	background-color: #FFFFFF ;
	color: #000000;
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #939290;
	border-bottom-width: 1pt;
	border-bottom-color: #939290;
	border-left-width: 1pt;
	border-left-color: #939290;
	border-right-width: 1pt;
	border-right-color: #939290 
}

DIV {text-align:justify; }

.head3 {font-family: helvetica,sans-serif; font-size: 12px; line-height: 18px; font-weight: bold; color: #939290}
.head3 a {text-decoration: none; text-decoration:none; color: #939290}
.head3 a:hover {color: #0064A3}

.menuGb {font-family: verdana,helvetica,sans-serif; font-size: 10px; font-weight: bold}
.mainGb {font-family: verdana,helvetica,sans-serif; font-size: 10px; font-weight: none; font-color: #000000}
.enteteGb {font-family: verdana,helvetica,sans-serif; font-size: 20px; font-weight: bold}

.black {font-family: verdana,helvetica,sans-serif; font-size: 10px; color: #000000}
.black a {text-decoration: none; text-decoration:none; color: #939290}
.black a:hover {color: #00000}


.a1, a, a:visited, a:link { color: #000000 ; text-decoration: none }
.a1, a:hover { 
	color: #000000 ; text-decoration: none ;
	}
	
.a2, a, a:visited, a:link { color: #000000 ; text-decoration: none }
.a2, a:hover { 
	color: #000000 ; text-decoration: none ;
	}
	

	
	
.ch { cursor:hand ; cursor:pointer ; }

 <!--fin Balises -->

 <!--marges_interne -->

.p0  { padding: 0 0 0 0 }
.p02 { padding: 0 2 0 2 }
.p4  { padding: 4 0 0 0 }
.p006 { padding: 0 0 6 0 }
.p200 { padding: 20 0 0 0 }
.p300 { padding: 30 0 0 0 }
.p10 { padding: 1 0 1 0 }
.p010 { padding: 0 10 0 0 }
.p20 { padding: 2 0 2 0 }
.p60 { padding: 6 0 6 0; color:#FFF; }
.p6 { padding: 6 0 0 0 }
.p30 { padding: 3 0 3 0 }
.p80 { padding: 8 0 8 4 }
.p04 { padding: 0 4 0 4 }
.p08 { padding: 0 8 0 8 }
.p88 { padding: 8 8 8 8 }
.p808 { padding: 8 0 8 8 }
.p018 { padding: 0 0 0 18 }
.p0040 { padding: 0 20 40 0}


 <!--padding : haut droite bas gauche  -->
 <!--fin marges_interne -->
 
 <!-- style de texte -->
 
 .sg { font-weight: bold; }

 

.c0 { color: #FFFFFF ; }
.b0 { background-color: #FFFFFF ; }

.c1 { color: #000000 ; }
.b1 { background-color: #000000 ; }

.c2 { color: #E8FF9F ; }
.b2 { background-color: #E8FF9F ; }

.c3 { color: #003366 ; }
.b3 { background-color: #FFCCCC ; }

.c4 { color: #EEEEE6 ; }
.b4 { background-color: #EEEEE6 ; }

.c5 { color: #99CC00 ; }
.b5 { background-color: #99CC00 ; }

.c6 { color: #999999 ; }
.b6 { background-color: #999999 ; }

.c7 { color: #000000 ; }
.b7 { background-color: #000000 ; }

.c8{ color: #CCCCCC ; }
.b8 { background-color: #CCCCCC ; }

.c9{ color: #FF9900 ; }
.b9 { background-color: #FF9900 ; }

.c10{ color: #FFFFCC ; }
.b10 { background-color: #FFFFCC ; }

.c11{ color: #B5B5FF ; }
.b11 { background-color: #B5B5FF ; }

.c12{ color: #DAF452 ; }
.b12 { background-color: #DAF452 ; }

.c13{ color: #F7E3FE  ; }
.b13 { background-color: #F7E3FE ; }


.txtNoir { color: #000000 ; }
.bgNoir { background-color: #000000 ; }

.txtGris { color: #CCCCCC ; }
.bgGris { background-color: #FFFFFF ; }

.txtBlanc { color: #FFFFFF ; }
.bgBlanc { background-color: #FFFFFF ; }

.bgSF { background-color: #FFCCCC ; }
.bgSP { background-color: #FFFFCC ; }
.bgPSTF { background-color: #B5B5FF ; }
.bgTNS { background-color: #FFCCCC ; }
.bgVini { background-color: #FFCCCC ; }
.bgMana { background-color: #DAF452 ; }
.bgSces { background-color: #F7E3FE ; }


.cltrb {
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #FFFFFF;
	border-bottom-width: 1pt;
	border-bottom-color: #FFFFFF;
	border-left-width: 1pt;
	border-left-color: #FFFFFF;
	border-right-width: 1pt;
	border-right-color: #FFFFFF
}

.cltr {
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #FFFFFF;
	border-bottom-width: 0pt;
	border-left-width: 1pt;
	border-left-color: #FFFFFF;
	border-right-width: 1pt;
	border-right-color: #FFFFFF
}




.ctb {
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #FFFFFF;
	border-bottom-width: 1pt;
	border-bottom-color: #FFFFFF;
	border-left-width: 0pt;
	border-right-width: 0pt
	
}

.cmain {
	border-style: solid;
	border-top-width: 0pt;
	border-bottom-width: 0pt;
	border-left-width: 0pt;
	border-right-width: 20pt
	border-right-color: #99CC00
}

.cb {
	border-style: solid;
	border-top-width: 0pt;
	border-bottom-width: 1pt;
	border-bottom-color: #FFFFFF;
	border-left-width: 0pt;
	border-right-width: 0pt
}

.ct {
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #FFFFFF;
	border-bottom-width: 0pt;
	border-left-width: 0pt;
	border-right-width: 0pt
}
.cl {
	border-style: solid;
	border-top-width: 0pt;
	border-bottom-width: 0pt;
	border-left-width: 1pt;
	border-left-color: #FFFFFF;
	border-right-width: 0pt;

}

 


.cbltrb {
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #939290;
	border-bottom-width: 1pt;
	border-bottom-color: #939290;
	border-left-width: 1pt;
	border-left-color: #939290;
	border-right-width: 1pt;
	border-right-color: #939290
}

.cbtb {
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #939290;
	border-bottom-width: 1pt;
	border-bottom-color: #939290;
	border-left-width: 0pt;
	border-right-width: 0pt
}

.cbltr {
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #939290;
	border-bottom-width: 0pt;
	border-left-width: 1pt;
	border-left-color: #939290;
	border-right-width: 1pt;
	border-right-color: #939290
}

.cbltb {
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #939290;
	border-bottom-width: 1pt;
	border-bottom-color: #939290;
	border-left-width: 1pt;
	border-left-color: #939290;
	border-right-width: 0pt
}

.cblrb {
	border-style: solid;
	border-top-width: 0pt;
	border-bottom-width: 1pt;
	border-bottom-color: #939290;
	border-left-width: 1pt;
	border-left-color: #939290;
	border-right-width: 1pt;
	border-right-color: #939290
}

.cblb {
	border-style: solid;
	border-top-width: 0pt;
	border-bottom-width: 1pt;
	border-bottom-color: #939290;
	border-left-width: 1pt;
	border-left-color: #939290;
	border-right-width: 0pt
}

.cbtr {
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #939290;
	border-bottom-width: 0pt;
	border-left-width: 0pt;
	border-right-width: 1pt;
	border-right-color: #939290
}

.cbtrb {
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #939290;
	border-bottom-width: 1pt;
	border-bottom-color: #939290;	
	border-left-width: 0pt;
	border-right-width: 1pt;
	border-right-color: #939290
}

.cbr {
	border-style: solid;
	border-top-width: 0pt;
	border-bottom-width: 0pt;
	border-left-width: 0pt;
	border-right-width: 1pt;
	border-right-color: #939290
}

.cbrb {
	border-style: solid;
	border-top-width: 0pt;
	border-bottom-width: 1pt;
	border-bottom-color: #939290;
	border-left-width: 0pt;
	border-right-width: 1pt;
	border-right-color: #939290
}
.cbl {
	border-style: solid;
	border-top-width: 0pt;
	border-bottom-width: 0pt;
	border-left-width: 1pt;
	border-left-color: #939290;
	border-right-width: 0pt;

}

.cblr {
	border-style: solid;
	border-top-width: 0pt;
	border-bottom-width: 0pt;
	border-left-width: 1pt;
	border-left-color: #939290;
	border-right-width: 1pt;
	border-right-color: #939290
}

.cbt {
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #939290;
	border-bottom-width: 0pt;
	border-left-width: 0pt;
	border-right-width: 0pt
}

.cbb {
	border-style: solid;
	border-top-width: 0pt;
	border-bottom-width: 1pt;
	border-bottom-color: #939290;
	border-left-width: 0pt;
	border-right-width: 0pt
}

.cgtb {
	border-style: solid;
	border-top-width: 1pt;
	border-top-color: #CCCCCC;
	border-bottom-width: 1pt;
	border-bottom-color: #CCCCCC;
	border-left-width: 0pt;
	border-right-width: 0pt
}
.cgb {
	border-style: solid;
	border-top-width: 0pt;
	border-bottom-width: 1pt;
	border-bottom-color: #CCCCCC;
	border-left-width: 0pt;
	border-right-width: 0pt
}
 

.cdshb {
	border-style: dashed;
	border-top-width: 0pt;
	border-bottom-width: 1pt;
	border-bottom-color: #888888;
	border-left-width: 0pt;
	border-right-width: 0pt
}
 <!--lignes pointillés noires -->
.cbdshltrb {
	border-style: dashed;
	border-top-width: 1pt;
	border-top-color: #939290;
	border-bottom-width: 1pt;
	border-bottom-color: #939290;
	border-left-width: 1pt;
	border-left-color: #939290;
	border-right-width: 1pt;
	border-right-color: #939290
}


 <!-- fin lignes piontillés grises -->
 
/* Cadre Bords arrondis */

.raised {background: transparent; width:100%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#3366CC; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#3366CC; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#3366CC; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#3366CC; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#3366CC; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#3366CC; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#3366CC; border-left:1px solid #fff; border-right:1px solid #999;}

/* Popup Div Fiche Agence */

#afficheAgenceDiv
{
top: 70px;
bottom: 20px;
left: 20px;
right: 20px;
background:transparent;
background-repeat: repeat;
position: absolute;
z-index:12;
}