* {margin: 0; padding: 0;}
body { padding: 0 ; text-align: center ; font: 10pt "Arial", helvetica, sans-serif ; background: #cbea35 url('images/fond4.jpg') repeat-x; line-height: 15px;}


div#entete {position: relative; margin-left: auto; margin-right: auto; width: 900px; height: 130px; text-align: left; background: #cbea35 url('images/TEST-BANDEAU10.jpg') no-repeat; }
.conteneur {  text-align: center}

div#menu2bis { float: right; display:inline; bottom: 0px ; width: 560px ; height: 15px ; text-align: left ; }

div#centre { position: relative; margin-left: auto; margin-right: auto; margin-top: 0px; width: 900px; text-align: left; overflow: auto;}

div#corps { position: relative; float: right; display:inline; margin: 0; width: 600px; text-align: left; }

div#site { float: left; display:inline; margin: 0; width: 300px; text-align: left; height: 165px; background: #FFFFFF; }
div#map { float: left; display:inline; margin: 0; width: 300px; text-align: left; height: 250px; background: #FFFFFF; }

.pubrect { float: left; display:inline; margin: 0; width: 300px; text-align: left; height: 250px; background: #113863; }
div#teasbas { float: left; display:inline; margin: 0; width: 300px; text-align: left; height: 180px; background: #cbea35; }

div#loc { position: relative; float: left; display:inline; margin-left: 20px; width: 560px; text-align: left; background: url('images/midtransjaune.png') repeat-y 0 0; }
div#loc h1 { padding-top: 10px; padding-left: 25px; line-height: 25px ; font-size: 15pt ; color: #113861 ; display : table-cell ; vertical-align: top}
div#loc h2 { padding-top: 0px; line-height: 20px ; padding-left: 25px; font-size: 11pt ; color: #113863 ; display : table-cell ; vertical-align: top; }
div#loc h3 { padding-top: 0px; line-height: 20px ; padding-left: 25px; font-size: 10pt ; color: #113863 ; display : table-cell ; vertical-align: top; }


div#res { position: relative; float: left; display:inline; margin-left: 20px; width: 560px; height: 80px; text-align: left; background: url('images/midtransjaune.png') repeat-y 0 0; }
div#res h2 { padding-top: 0px; line-height: 20px ; padding-left: 50px; font-size: 12pt ; color: #113863 ; display : table-cell ; vertical-align: top; background: url('images/fleche3.png') no-repeat;}

.cadreresa { position: relative; float: left; display:inline; margin-left: 20px; width: 540px; height: 30px; text-align: left; line-height: 30px;}

.boutonresa { position: absolute; right: 30px ; bottom: 0px; height: 30px; width: 180px; text-align: left ; background: #113863 url('images/fondbouton1.jpg') no-repeat; }
.boutonresa2 { position: absolute; left: 40px ; bottom: 7px; text-align: left ; color: #FFFFFF; background: #113863; line-height: 15px;}

.cadrehautjaune { float: left; display:inline; background: url('images/hauttransjaune.png') no-repeat; width: 560px; height: 15px; margin-left: 20px;}
.cadrebasjaune { float: left; display:inline; background: url('images/bastransjaune.png') no-repeat; width: 560px; height: 15px; margin-left: 20px;}

.cadrehautblanc { float: left; display:inline; background: url('images/hautbloctrans.png') no-repeat; width: 560px; height: 15px; margin-left: 20px;}
.cadrebasblanc { float: left; display:inline;  background: url('images/basbloctrans.png') no-repeat; width: 560px; height: 15px; margin-left: 20px;}

.cadrehautbleu { float: left; display:inline; background: url('images/hauttransbleu.png') no-repeat; width: 560px; height: 15px; margin-left: 20px;}
.cadrebasbleu { float: left; display:inline;  background: url('images/bastransbleu.png') no-repeat; width: 560px; height: 15px; margin-left: 20px;}

.cadrehautclair { float: left; display:inline; background: url('images/hauttransclair.png') no-repeat; width: 560px; height: 15px; margin-left: 20px;}
.cadrebasclair { float: left; display:inline;  background: url('images/bastransclair.png') no-repeat; width: 560px; height: 15px; margin-left: 20px;}

div#detailsagence { float: left; display:inline; margin-left: 20px; padding-bottom: 0px; padding-left: 10px; width: 560px; text-align: left; background: url('images/midtransbleu.png') repeat-y 0 0;}
div#detailsagenceb { float: left; display:inline; padding-bottom: 0px; width: 540px; text-align: left; background: #113861;}
div#detailsagenceb h2 { line-height: 20px ; padding-left: 15px; font-size: 12pt ; color: #ffcc00 ; display : table-cell ; vertical-align: top; }

.globalavis { position: relative; float: left; display:inline; padding-top: 5px; padding-left: 10px; padding-bottom: 10px; text-align: left; }
.hautavis { float: left; display:inline; background: #F2F2F2; width: 470px; padding-bottom: 0px; padding-top: 10px; text-align: justify; }
.basavis { position: relative; float: left; display:inline; background: #F2F2F2; background: url('images/basavisclient.jpg') no-repeat; width: 480px; height: 30px; }
.nomclient { position: absolute; left: 50px; bottom: 0px; color: #113863 ; font-size: 8pt;}

div#lieu { float: left; display:inline; margin-left: 20px; padding-bottom: 0px; width: 560px; text-align: left; background: url('images/midtransclair.png') repeat-y 0 0;}
div#lieu h2 { line-height: 20px ; padding-left: 15px; font-size: 12pt ; color: #113863 ; display : table-cell ; vertical-align: top; }


div#publarge { float: left; display:inline; margin-left: 20px; padding-left: 20px; padding-bottom: 0px; width: 560px; text-align: left; background: url('images/midtransclair.png') repeat-y 0 0;}


.globalagence { position: relative; float: left; display:inline; padding-top: 5px; padding-left: 15px; padding-bottom: 10px; text-align: left; }
.logoagence { float: left; display:inline; background: #F2F2F2; width: 100px; height: 75px;  }
.texteagence { float: left; display:inline; background: #ffcc00; width: 400px; height: 75px; padding-left: 10px; margin-left: 10px; }
.nomagence { padding-top: 0px; line-height: 20px ; padding-left: 0px; font-size: 10pt ; color: #113861 ; display : table-cell ; vertical-align: top; }

.resteagence { position: relative; float: left; display:inline; width: 510px; background: #ffcc00; padding-top: 5px; padding-bottom: 10px; margin-left: 15px; padding-left: 10px; text-align: left; }


div#menuagences { float: left; display:inline; padding-left: 20px; padding-bottom: 5px; width: 560px; text-align: left; }
ul#listeagences { list-style-type: none; font-style:normal; font-variant:normal; width: 520px ; font-size: 9pt; text-align: justify;}
ul#listeagences li { float: left ; width: 520px ; line-height: 18px ; color: #1F1F1F; }
ul#listeagences li a { color: #113863 ; text-decoration: none ; font-weight:bold;}
ul#listeagences li a:hover { text-decoration: underline ; font-style:normal; font-variant:normal; font-weight:bold; color: #ffcc00; }

div#teaserbas { float: left; display:inline; margin: 0; width: 300px; text-align: left; background: #CCCCCC; height: 250px;}

div#cadre { position: relative; float: right; display:inline; margin: 0; width: 600px; text-align: left; }

div#footer {position: relative; margin-left: auto; margin-right: auto; width: 900px; text-align: left; }
div#footer h2 { padding-top: 15px; line-height: 20px ; font-size: 9pt ; color: #113863 ; display : table-cell ; vertical-align: top}

table        { font-family: Arial; font-size: 9pt; color: #1f1f1f; align="justify"}
option       { color: #FFFFFF; font-size: 9pt; font-family: Arial; background-color: #113863;}
select       { color: #FFFFFF; font-size: 9pt; font-family: Arial; background-color: #113863; height: 22px;}

.styleag   { padding-top: 5px; font-size: 9pt ; color: #1f1f1f ; text-align: justify; line-height: 15px;}

.noir { color: #000000; text-decoration: none ;}
.blanc { color: #F2F2F2; text-decoration: none ;}
.bleu { color: #113863; text-decoration: none ;}
.jaune { color: #ffcc00; text-decoration: none ;}
.clair { color: #cbea35; text-decoration: none ;}
.fondbleu { background: #113863; text-decoration: none ; color: #ffcc00; }
.fondbleu2 { background: #113863; text-decoration: none ; color: #ffcc00; padding-left: 2px; padding-right: 2px; }
.blancmarge { color: #F2F2F2; text-decoration: none ; padding-left: 5px;}
.rougegros { color: #d82828; text-decoration: none ; font-size: 13pt}
.dec10g   { padding-left: 10px; padding-right: 10px; font-size: 9pt; line-height: 15px;}
.stylefirst2   { padding-left: 25px; padding-right: 25px; padding-top: 10px; padding-bottom: 10px; font-size: 11pt ; color: #113861 ; text-align: justify; line-height: 15px;}
.styleform   { padding-right: 15px; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; font-size: 10pt ; color: #1f1f1f ; text-align: justify; line-height: 15px;}
.formulaire { color: #113863; text-decoration: none ; font-size: 8pt ; }
.stylecorps   { padding-left: 25px; padding-right: 25px; padding-top: 20px; padding-bottom: 20px; font-size: 10pt ; color: #1f1f1f ; text-align: justify; line-height: 15px;}
.stylecoord   { padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; font-size: 10pt ; color: #1F1F1F ; text-align: justify; line-height: 15px;}
.styleblanc   { padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; font-size: 10pt ; color: #FFFFFF ; text-align: justify; line-height: 15px;}
.stylejaune   { padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; font-size: 10pt ; color: #ffcc00 ; text-align: justify; line-height: 15px;}
.stylebleudec   { padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; font-size: 8pt ; color: #113863 ; text-align: justify; line-height: 15px;}
.stylebleu   { padding-right: 25px; padding-top: 5px; padding-bottom: 10px; font-size: 10pt ; color: #113863 ; text-align: justify; line-height: 15px;}
.stylefooter   { padding-left: 330px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; font-size: 9pt ; color: #113863 ; text-align: justify; line-height: 15px;}