body { padding: 0 ; text-align: center ; font: 8pt "Verdana", helvetica, sans-serif ; background: #1f1f1f}

div#entete {position: relative; margin-left: auto; margin-right: auto; width: 910px; height: 120px; text-align: left; background: #1f1f1f url('../images/igares.jpg') no-repeat 0 0; }
.conteneur {  text-align: center}

div#menu { position: absolute; float: right; right: 0px ; top: 0px ; width: 150px ; height: 25px ; text-align: left ; }
ul#navigation { height: 25px ; margin: 0 ; padding: 0 ; list-style-type: none  }
ul#navigation li { float: right ; text-align: center ; }
ul#navigation li a { width: 150px ; line-height: 25px ; color: #FFFFFF ; display: block ; text-decoration: none ; }
ul#navigation li a:hover { text-decoration: none ; font-style:normal; font-variant:normal; color: #a1dd00; }

div#menu2 { position: absolute; float: right; right: 0px ; bottom: 0px ; width: 600px ; height: 40px ; text-align: left ; background: #1f1f1f ; }
ul#navigation2 { height: 40px ; margin: 0 ; padding: 0 ; background: url('../images/ongletbas4.jpg') repeat-x 0 0px ; list-style-type: none; font-style:normal; font-variant:normal; font-weight:bold;  }
ul#navigation2 li { float: right ; text-align: center ; }
ul#navigation2 li a { width: 150px ; line-height: 40px ; color: #FFFFFF ; display: block ; text-decoration: none ; }
ul#navigation2 li a:hover { text-decoration: none ; background: url('../images/ongletbas5.jpg') repeat-x 0 0 ; font-style:normal; font-variant:normal; font-weight:bold; color: #FFFFFF; }

div#centre { position: relative; margin-left: auto; margin-right: auto; width: 910px; text-align: left; background: #1f1f1f; overflow: auto;}


div#cadre { position: relative; float: left; width: 910px; height: 170px; text-align: left; background: #1f1f1f; background: url('../images/bandeau-vierge.jpg') no-repeat 0 0;}
div#cadre1bis { position: relative; float: right; width: 600px; height: 215px; text-align: left; background: #ffffff; background: url('../images/fondcorps.jpg') repeat-y;}
div#cadre1bis h1 { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; line-height: 20px ; font-size: 13pt ; color: #1f1f1f ; display : table-cell ; vertical-align: top; }

div#ligne { position: absolute; top: 10px; right: 0px; display:inline; height: 25px; width: 180px; text-align: right; z-index: 10;}

div#boutonssoc {float: left; text-align: left; z-index: 20; }
div#boutonssoc2 { float: left; text-align: left; z-index: 20; }

div#navig { position: absolute; bottom: 0px; right: 0px; width: 602px; height: 15px; text-align: right; background: #1f1f1f;}


div#cadre1 { float: right; width: 600px; height: 10px; text-align: left; background: url('../images/haut.jpg') no-repeat 0 0 ; }


div#plan { position: absolute; margin-left: 15px; bottom: 0px; width: 280px; height: 25px; text-align: left; background: #a1dd00;}
div#plan h3 { margin-top : 0px; margin-bottom : 0px; color: #1f1f1f ; display : table-cell ; text-align: justify; font: 12pt "Arial", helvetica, sans-serif ; font-weight:bold; }
.titreplan {  color: #1f1f1f ; display : table-cell ; text-align: justify; font: 12pt "Arial", helvetica, sans-serif ; font-weight:bold; }


div#cadrephoto { float: left; margin-left: 10px; width: 290px; height: 220px; text-align: left; background: #a1dd00;}
div#cadretexte { float: right; margin-right: 10px; width: 580px; height: 210px; text-align: left; background: #ffffff;}

div#carregauche { position: relative; float: left ; width: 310px; height: 230px; background: #a1dd00; background: url('../images/fondvert.jpg') repeat-y;}

div#cadremap { float: left; margin-left: 10px; margin-top: 5px; width: 580px; height: 280px; text-align: left; background: #ffffff url('../images/degrad.jpg') repeat-x;}
div#cadremap h3 { margin-top : 0px; padding-left : 33px; line-height: 30px ; color: #1f1f1f ; display : table-cell ; text-align: justify; font-size: 1.2em ; background: url('../images/plan-mini.jpg') no-repeat 0 0;}
html>body #cadremap {height: auto; min-height: 280px;}
div#map { position: relative; float: left; margin-left: 10px; width: 560px; height: 250px; text-align: left; background: #FFFFFF; }

div#cadre2 { position: relative; float: right ; width: 600px; text-align: left; background: #ffffff; background: url('../images/fondcorps.jpg') repeat-y; overflow: auto;}

div#cadrehotels { float: left; margin-left: 10px; margin-top: 5px; width: 580px; height: 130px; text-align: left; background: #ffffff url('../images/degrad.jpg') repeat-x;}
div#cadrehotels h2 { margin-top : 0px; padding-left : 33px; line-height: 30px ; color: #1f1f1f ; display : table-cell ; text-align: justify; font-size: 1.2em ; background: url('../images/hotels-mini.jpg') no-repeat 0 0;}
html>body #cadrehotels {height: auto; min-height: 130px;} 

div#cadrelocation { float: left; margin-left: 10px; margin-top: 5px; width: 580px; height: 130px; text-align: left; background: #ffffff url('../images/degrad.jpg') repeat-x;}
div#cadrelocation h2 { margin-top : 0px; padding-left : 33px; line-height: 30px ; color: #1f1f1f ; display : table-cell ; text-align: justify; font-size: 1.2em ; background: url('../images/location-mini.jpg') no-repeat 0 0;}
html>body #cadrelocation {height: auto; min-height: 130px;}

div#cadretaxis { float: left; margin-left: 10px; margin-top: 5px; width: 580px; height: 100px; text-align: left; background: #ffffff url('../images/degrad.jpg') repeat-x;}
div#cadretaxis h2 { margin-top : 0px; padding-left : 33px; line-height: 30px ; color: #1f1f1f ; display : table-cell ; text-align: justify; font-size: 1.2em ; background: url('../images/taxis-mini.jpg') no-repeat 0 0;}
html>body #cadrehotels {height: auto; min-height: 100px;} 

div#cadretransports { float: left; margin-left: 10px; margin-top: 5px; width: 580px; height: 100px; text-align: left; background: #ffffff url('../images/degrad.jpg') repeat-x;}
div#cadretransports h2 { margin-top : 0px; padding-left : 33px; line-height: 30px ; color: #1f1f1f ; display : table-cell ; text-align: justify; font-size: 1.2em ; background: url('../images/transports-mini.jpg') no-repeat 0 0;}
html>body #cadretransports {height: auto; min-height: 100px;} 


div#lienpub { float: left; margin-left: 10px; margin-top: 15px; width: 580px; height: 22px; text-align: left; background: #1f1f1f;}

div#cadre4 { float: left; margin-left: 10px; margin-top: 5px; width: 580px; height: 130px; text-align: left; background: #ffffff url('../images/degrad.jpg') repeat-x;}
div#cadre4 h3 { margin-top : 0px; padding-left : 33px; line-height: 30px ; color: #1f1f1f ; display : table-cell ; text-align: justify; font-size: 1.2em ; background: url('../images/gare-mini.jpg') no-repeat 0 0;}
html>body #cadre4 {height: auto; min-height: 130px;}

div#cadre3 { float: left; margin-top: 5px; margin-left: 0px; width: 580px; height: 30px; text-align: left; background: #a1dd00; }

div#cadre3b { float: left; margin-top: 5px; margin-left: 5px; width: 570px; height: 20px; text-align: left; background: #1f1f1f; }

ul#navigation3 { width: 570px; margin: 0 ; padding: 0 ; list-style: none;  }
ul#navigation3 li { float: left ; text-align: left ; }
ul#navigation3 li a { width: 135px ; line-height: 17px ; color: #ffffff ; display: block ; margin-left: 5px; }
ul#navigation3 li a:hover { font-style:normal; font-variant:normal; color: #a1dd00; }


div#carregauchebas { position: relative; float: left; width: 310px; height: 285px; text-align: left; background: #a1dd00; background: url('../images/fondvert.jpg') repeat-y; margin-top: 3;}

div#pub { width: 300px; height: 265px; text-align: left; background: #1f1f1f; margin-top: 4; margin-left: 5;}


div#carrebas { position: relative; float: left; width: 310px; text-align: left; background: #a1dd00 url('../images/fondvert.jpg') repeat-y;; margin-top: 3;}
div#pub2 {  position: relative; float: left; width: 300px; height: 265px; text-align: left; background: #1f1f1f; margin-top: 4; margin-left: 5;}
div#infoga {  position: relative; float: left; width: 300px; text-align: left; margin-top: 5px; margin-left: 5px; background: #a1dd00;}
div#visubas {  position: relative; float: left; width: 300px; text-align: left; }




div#footer { position: relative; margin-left: auto; margin-right: auto; margin-top: 5px; width: 900px; text-align: left; background: #1f1f1f; font-size: 1em ; color: #F6F6F6 ;  padding-left: 10px; padding-right: 10px;}
div#footer h3 { font-family: Verdana; font-size: 8pt; color: #a1dd00; text-align: left; display : table-cell ; line-height: 15px; }

div#footermenu { float: left; width: 900px ; height: 20px ; text-align: left ; background: #1f1f1f ; }

.gare1   { font-family: Verdana; font-size: 8pt; color: #1f1f1f; text-align: justify; }
.gare2   { padding-left: 15px; padding-right: 15px; font-family: Verdana; font-size: 8pt; color: #1f1f1f; text-align: justify; }
.gare4   { padding-left: 30px; padding-right: 30px; font-family: Verdana; font-size: 8pt; color: #1f1f1f; text-align: justify; }
.gare3   { font-family: Verdana; font-size: 8pt; color: #a1dd00; text-align: justify; }
.gare5   { font-family: Verdana; font-size: 8pt; color: #a1dd00; text-align: justify; }
.gare6   { font-family: Verdana; font-size: 8pt; color: #ffffff; text-align: justify; padding-left: 15px; }
.gare7   { font-family: Verdana; font-size: 8pt; color: #a1dd00; text-align: justify; font-weight: bold;}
.gare8   { font-family: Verdana; font-size: 7pt; color: #333333; text-align: justify; text-decoration: underline;}
.publicite   { font-family: Verdana; font-size: 7pt; color: #333333; text-align: justify; padding-left: 10px;}
.lien   { font-family: Verdana; font-size: 8pt; color: #a1dd00; text-align: justify; font-weight: bold; text-decoration: underline;}
.texte  { font-family: Verdana; font-size: 8pt; color: #1f1f1f; text-align: justify; }
.texte2   { padding-right: 15px; padding-left: 5px; font-family: Verdana; font-size: 8pt; color: #1f1f1f; text-align: justify; }
.texte3   { margin-right: 20px; margin-left: 10px; font-family: Verdana; font-size: 9pt; color: #1f1f1f; text-align: justify; }
.textegras    { font-family: Verdana; font-size: 8pt; color: #1f1f1f; text-align: left; text-align: justify; font-weight: bold;}
.lien2   { font-family: Verdana; font-size: 8pt; color: #1f1f1f; text-align: left; font-weight: bold; text-decoration: underline; padding-right: 10px;}
.droite   { text-align: right; }
.lien3   { font-family: Verdana; font-size: 8pt; color: #a1dd00; text-align: right; padding-right: 10px;}
.titrest { line-height: 20px ; padding-left : 5px; font-size: 1.2em ; color: #1f1f1f ; text-align: justify;}
.lienvert   { font-family: Verdana; color: #060; text-decoration: underline; font-size: 9pt;}

p { margin-top : 8px; margin-bottom : 0px; } 

.bas    { font-family: Verdana; font-size: 8pt; color: #999999; text-align: left; text-align: justify;}
.basgras    { font-family: Verdana; font-size: 8pt; color: #999999; text-align: left; text-align: justify; font-weight: bold;}

a { color: #a1dd00; font-family: Verdana; font-size: 8pt; text-decoration:none}