html, body { margin:0px; padding:0px; height:100%; max-height:100%; font:normal 11px arial,sans serif; background-color:#FFFFFF; }

a { color:#00C6FF; }
a:link, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
a:active, a:focus{ outline:none; }

.display-none { display:none; }
.visibility-hidden { visibility:hidden; }
.vert { color:#C2E300; }
.bleu { color:#00C6FF; }
.gras { font-weight:bold; }

div.trait-vert { width:70px; height:3px; background:transparent url(../images/trait-vert.jpg) no-repeat scroll center center; }

h1 { margin:0px 0px 10px 0px; font-size:15px; }
h2 { margin:0px 0px 10px 0px; font-size:13px; }
h3 { margin:0px 0px 10px 0px; font-size:11px; }

p { margin:0px 0px 10px 0px; }

div#conteneur { width:978px; margin:0px auto; position:relative; }

div#menus { width:978px; height:81px; background:transparent url(../images/fond-menus.jpg) no-repeat scroll center center; }
div#langues { position:absolute; left:55px; top:15px; width:53px; height:25px; }
div#langues a { display:block; width:24px; height:25px; }
div#langues a#fr-selection { float:left; background:transparent url(../images/fr-on.png) no-repeat scroll center center; }
div#langues a#fr-pas-selection { float:left; background:transparent url(../images/fr-off.png) no-repeat scroll center center; }
div#langues a#en-selection { float:right; background:transparent url(../images/en-on.png) no-repeat scroll center center; }
div#langues a#en-pas-selection { float:right; background:transparent url(../images/en-off.png) no-repeat scroll center center; }

ul#menu-1 { float:left; height:30px; list-style-type:none; margin:51px 0px 0px 0px; padding:0px; }
ul#menu-1 li { width:75px; height:30px; float:left; }
ul#menu-1 li a { width:75px; display:block; padding-top:2px; text-align:center; color:#000000; text-decoration:none; background:transparent url(../images/item-menu-1.jpg) no-repeat scroll center top; }
ul#menu-1 li.pas-selection a { height:12px; margin-top:16px; }
ul#menu-1 li.selection a { height:28px; margin-top:0px; }

ul#menu-2 { float:right; height:66px; list-style-type:none; margin:15px 213px 0px 0px; padding:0px; }
ul#menu-2 li { width:85px; height:66px; float:left; }
ul#menu-2 li a { width:61px; display:block; padding-right:24px; color:#000000; text-align:right; text-decoration:none; text-transform:uppercase; }
ul#menu-2 li.pas-selection a { height:34px; margin-top:32px; background:transparent url(../images/item-menu-2-off.jpg) no-repeat scroll right top; }
ul#menu-2 li.selection a { height:66px; margin-top:0px; background:transparent url(../images/item-menu-2-on.jpg) no-repeat scroll right top; }

div#banniere { width:978px; height:175px; position:relative; background:transparent url(../images/fond-banniere.jpg) no-repeat scroll center center; }

div#chemin-de-fer { width:315px; height:16px; padding-top:1px; position:absolute; top:8px; }
div#chemin-de-fer span { width:7px; height:16px; display:inline-block; margin:0px 5px; background:transparent url(../images/separateur-chemin-de-fer.jpg) no-repeat scroll center center; }

div#flash { width:115; height:134; position:absolute; top:26px; }

div#arborescences { float:right; width:600px; height:80px; position:relative; }
div#arborescences div.off { float:left; width:200px; height:80px; position:absolute; z-index:0; }
div#arborescences div.arborescence-image { width:30px; height:80px; float:left; }
div#arborescences div.arborescence-liens { width:144px; height:80px; margin-left:30px; padding:26px 0px 0px 0px; }
div#arborescences div.off div.arborescence-image { background:transparent url(../images/arborescence-menu-2-off.png) no-repeat scroll left top; }
div#arborescences div.off div.arborescence-liens { display:none; z-index:0;  }
div#arborescences div.on-2-items { float:left; width:200px; height:80px; position:absolute; z-index:1000; }
div#arborescences div.on-2-items div.arborescence-image { background:transparent url(../images/arborescence-menu-2-on-2-items.png) no-repeat scroll left top; }
div#arborescences div.on-2-items div.arborescence-liens { z-index:1000; }
div#arborescences div.on-3-items { float:left; width:200px; height:80px; position:absolute; z-index:1000; }
div#arborescences div.on-3-items div.arborescence-image { background:transparent url(../images/arborescence-menu-2-on-3-items.png) no-repeat scroll left top; }
div#arborescences div.on-3-items div.arborescence-liens { z-index:1000; }
div#arborescences a { display:block; width:169px; height:14px; }
div#arborescences a.pas-selection:link, div#arborescences a.pas-selection:visited { color:#FFFFFF; }
div#arborescences a.pas-selection:hover, div#arborescences a.pas-selection:active { color:#C2E300; }
div#arborescences a.selection { color:#C2E300; text-decoration:none; }

div#corps { width:978px; height:460px; }

div#corps-gauche { width:138px; height:460px; float:left; background:transparent url(../images/fond-corps-gauche.jpg) no-repeat scroll center top; }

div#corps-milieu { width:840px; height:460px; margin-left:138px; }

div#titre-page { width:780px; height:21px; margin:0px; padding:9px 40px 0px 20px; }
div#titre-page h1 { width:780px; height:18px; margin:0px; text-transform:uppercase; }

div#scroller { position:relative; width:840px; height:370px; overflow:hidden; }
div#scroller div#scrollbarGlobal { position:absolute; left:810px; top:20px; width:10px; height:330px; cursor:s-resize; }
div#scroller div#scrollbar { position:absolute; left:0px; top:10px; width:10px; height:310px; cursor:s-resize; }
div#scroller div#scrollbarTop { position:absolute; left:0px; top:0px; width:10px; height:10px; background:transparent url(../images/ascenceur-haut.jpg) no-repeat scroll bottom center; }
div#scroller div#scrollbarBottom { position:absolute; left:0px; bottom:0px; width:10px; height:10px; background:transparent url(../images/ascenceur-bas.jpg) no-repeat scroll top center; }
div#scroller div#thumb { position:absolute; left:0px; top:0px; width:10px; height:100px; font-size:0px; background:transparent url(../images/ascenceur-poignee.jpg) no-repeat scroll center center; }
div#scroller div#marker { position:absolute; left:0px; top:10px; width:10px; height:1px; visibility:hidden; }
div#scroller div#scrollerMo5Shim { position:absolute; left:0px; top:10px; width:1px; height:1px; }
div#scroller div#elevUp, div#scroller div#elevDn { position:absolute; left:0px; top:10px; width:10px; height:310px; overflow:hidden; background:transparent url(../images/ascenceur-milieu.jpg) repeat-y scroll top center; }
div#scroller div#elevUp { top:0px; height:0px;}
div#scroller div#container { position:absolute; left:20px; top:20px; width:780px; height:330px; overflow:hidden; }
div#scroller div#content { position:absolute; left:0px; top:0px; width:780px; }
div#scroller div#content ul { margin:0px 0px 10px 0px; padding:0px 0px 0px 30px; }
div#scroller div#content ul.up { margin:-10px 0px 10px 0px; }
div#scroller div#content ul.right { padding:0px 0px 0px 60px; }
div#scroller div#content ol { margin:0px 0px 10px 0px; padding:0px 0px 0px 30px; }
div#scroller div#content ol.up { margin:-10px 0px 10px 0px; }
div#scroller div#content ol.right { padding:0px 0px 0px 60px; }

td.descriptions-images { width:290px; height:100px; vertical-align:top; }
td.description { width:120px; height:100px; padding-left:30px; text-align:right; vertical-align:top; }
td.descriptions-images td.description { padding-left:0px; }
td.description h2 { margin:0px; padding:0px 10px; }
td.description div.trait-vert { float:right; margin-right:10px; }
td.image { width:170px; height:100px; position:relative; }
td.image div { width:170px; height:100px; margin-bottom:30px; position:relative; }
td.image a { display:block; width:170px; height:100px; margin-bottom:20px; text-decoration:none; position:relative; }
td.image span.coin-bleu { width:50px; height:50px; position:absolute; right:1px; top:1px; background:transparent url(../images/image-coin-bleu.png) no-repeat scroll center center; }
td.image span.coin-vert { width:50px; height:50px; position:absolute; left:1px; bottom:1px; background:transparent url(../images/image-coin-vert.png) no-repeat scroll center center; }
td.image img { width:168px; height:98px; border:1px solid #000000; }
td.texte { width:460px; padding-left:30px; vertical-align:top; }

td.image-galerie { height:220px; }
td.image-galerie img { width:288px; height:168px; border:1px solid #000000; }
td.image-galerie a { display:block; width:290px; height:170px; margin-bottom:50px; text-decoration:none; position:relative; }
td.image-galerie span.coin-bleu { width:50px; height:50px; position:absolute; right:1px; top:1px; background:transparent url(../images/image-coin-bleu.png) no-repeat scroll center center; }
td.image-galerie span.coin-vert { width:50px; height:50px; position:absolute; left:1px; bottom:1px; background:transparent url(../images/image-coin-vert.png) no-repeat scroll center center; }
td.image-galerie-gauche { width:440px; }
td.image-galerie-gauche a { margin-left:50px; margin-right:100px; }
td.image-galerie-droite { width:340px; }
td.image-galerie-droite a { margin-right:50px; }

div#contact { width:630px; height:330px; margin-left:150px; }
div#contact-left { float:left; width:130px; height:330px; padding-right:10px; }
div#panorama-left { float:left; width:130px; height:330px; padding-right:10px; border-right:10px solid #000000; }
div#plan-d-acces-left { float:left; width:130px; height:330px; padding-right:10px; border-right:10px solid #000000; }
div#google-map, div#google-street-view { width:436px; height:326px; margin-left:150px; border:2px solid #000000; }
div#google-map { width:436px; }
div#google-street-view { width:616px; border-right:12px solid #000000; }
div#plan-d-acces-right { float:right; width:170px; height:310px; padding:10px; background-color:#000000; color:#FFFFFF; }

div#pied-de-page { width:840px; height:60px; color:#A1A1A1; font-size:9px; background:transparent url(../images/fond-pied-de-page.jpg) no-repeat scroll right bottom; }
div#pied-de-page a { color:#A1A1A1; font-size:9px; }
div#pied-de-page-menu { float:left; margin-left:20px; }
div#pied-de-page-menu a { text-transform:uppercase; }
div#pied-de-page-menu span { width:3px; height:17px; display:inline-block; margin:0px 5px; background:transparent url(../images/separateur-pied-de-page.jpg) no-repeat scroll center center; }
div#pied-de-page-infodivio { float:right; margin-right:40px; }

fieldset { width:475px; border:none; padding:5px 5px 10px 5px; margin:0px 0px 10px 0px; background-color:#000000; }
fieldset legend { margin:0px 0px 0px -5px; padding:0px 5px; color:#C2E300; background-color:#000000; }
fieldset#message p { margin:0px; }
fieldset#message.erreur { border-color:#C2E300; }
fieldset#message.erreur legend { color:#C2E300; }
fieldset#message.erreur p { color:#C2E300; }
fieldset#message.confirmation { border-color:#C2E300; }
fieldset#message.confirmation legend { color:#C2E300; }
fieldset#message.confirmation p { color:#C2E300; }
td.label { text-align:right; padding-right:5px; color:#C2E300; width:140px; }
td.value { width:300px; }
input.text, textarea.text { border:none; width:296px; margin:0px; padding:2px; color:#000000; background-color:#FFFFFF; font:normal 11px arial,sans serif; }
textarea.text { overflow:hidden; }
a#contact-validation { display:block; width:97px; height:16px; color:#C2E300; padding-top:1px; text-align:center; text-decoration:none; font:normal 11px arial,sans serif; background-color:#000000; }
a#contact-validation:link, a#contact-validation:visited {  }
a#contact-validation:hover, a#contact-validation:active { font-weight:bold; }
td.note { font-size:9px; color:#C2E300; text-align:right; }

@media screen and (-webkit-min-device-pixel-ratio:0) { fieldset { position:static; } }
@media screen and (-webkit-min-device-pixel-ratio:0) { fieldset legend { left:none; margin:8px 0px 0px 16px; position:static; top:none; } }