﻿/* Reset Reloaded by Eric Meyer http://meyerweb.com/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, form, label { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
dl, dt, dd, ol, ul, li { border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Général */
body { margin: 0; padding: 0; text-align: center; font-size: 100%; background-color: white; color: black; }
input, select, textarea { margin: 0 0 2px 0; font-size: 100%; }
div.sep { clear: both; width: 100%; height: 0; border-bottom: 1px solid #000000; }
#vtrbody { margin: 1em auto 1em auto; width: 98%; text-align: left; }

/* Haut */
#vtracces { display: none; }
#vtrh { width: 100%; }
#vtrhg { float: left; padding: 2px 10px 5px 10px; background-color: #2596BF; }
#vtrhg a img { border: none; }
#logo { font-size: 2em; font-weight: bold; color: white; }
#slogan { margin: 0; display: none; }
#vtrhd { float: right; }
#vtrhm { font-size: 100%; }
#vtrrech a { display: none; }
#vtrsh { clear: both; width: 100%; }

/* Vous etes ici */
#ici, #vtrchem { display: block; float: left; width: auto; margin: 0.5em 0 0.5em 0; }
#vtrchem ul { margin: 0; padding: 0; list-style-type: none; }
#vtrchem li { display: block; float: left; margin: 0 5px 0 0; padding: 0; }

/* Colonne de gauche */
#vtrm { float: left; width: 24%; }
#vtrmenu, #accessibilite, #newsletter { margin: 1em 0 1em 0; padding: 0.5em; border: 1px solid #666666; }
div.ent { margin: 0.2em 0 0.2em 0; }
div.ent span { font-weight: bold; }

/* Menu */

#vtrmenu ul, #vtrmenu ul li { margin: 0; padding: 0; }
#vtrmenu ul li.r { list-style-type: none; margin: 0.2em 0 0.2em 0; font-weight: bold; }
#vtrmenu ul li.n1 { margin-left: 1.5em; list-style-type: disc; }
#vtrmenu ul li.n2 { margin-left: 3em; list-style-type: circle; }

/**/
#vtrcont { float: right; margin-top: 1em; width: 75%; }
#bas { clear: both; width: 100%; }
#bas { clear: both; width: 100%; margin-top: 10px; padding: 10px 0 5px 0; }
#vtliens { margin-left: 24%; padding: 3px 0 0 10px; }
#vtrinfos { float: left; width: 60%; }
#vtrable { float: right; width: 40%; text-align: right; }
#vtroutils { clear: both; }
#able { vertical-align: middle; }

/* Eléments modules */
#vtrmcontact address { font-style: normal; }
div.adresse { width: 90%; margin: 0 0 1em 1em; }
div.users { margin: 0.5em 0 1em 0.5em; padding-left: 2em; min-height: 20px; background: url("../img/users.png") top left no-repeat; }
div.mail { margin: 0.5em 0 0.5em 0.5em; padding-left: 2em; min-height: 20px; background: url("../img/mail.png") top left no-repeat; }
div.postal { margin: 0.5em 0 0.5em 0.5em; padding-left: 2em; min-height: 20px; background: url("../img/postal.png") top left no-repeat; }
div.tel { margin: 0.5em 0 0.5em 0.5em; padding-left: 2em; min-height: 20px; background: url("../img/tel.png") top left no-repeat; }
div.fax { margin: 0.5em 0 0.5em 0.5em; padding-left: 2em; min-height: 20px; background: url("../img/fax.png") top left no-repeat; }
div.horaire { margin: 0.5em 0 0.5em 0.5em; padding-left: 2em; min-height: 20px; background: url("../img/horaire.png") top left no-repeat; }
#vtrmcontact div.divsj { margin-left: 15em; }
#vtrmcontact div.msg textarea { width: 50em; }
#vtrmcontact div.btn { margin: 1em 0 0 15em; }
#vtrmcontact div.sck { }
#vtrmrech { margin: 0 0 1.5em 14em; }
#vtrminfo { margin-top: 2.5em; }
#vtrmpowby { margin-top: 1em; font-size: 0.8em; }
#vtrmres {}
/* Fin éléments modules */

/* Eléments systèmes */
#msgerreur { color: #CC0000; }
#msginfo { color: #800080; }
.note {}
.erreur { color: #CC0000; }
.requis { color: #CC0000; }
.chp { width: 14em; }
.bt { margin-top: 0.5em; }
.chpnormal { width: 15em; }
.chplong { width: 30em; }




/*div.dtitre { line-height: 20px; font-size: 13px; font-weight: bold; color: #D90000; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; background-color: #FFFFFF; }*/
div.pdf { margin: 0; padding: 0 0 0 1.5em; background: url("../img/pdf.gif") center left no-repeat; }
/* Fin éléments systèmes */

/* Eléments modules (complémentaire) */
#vtrmcontact label { display: block; float: left; width: 12em; }
#vtrmcontact div.divsj { margin-top: 2px; }
#vtrmcontact div.divsj label { float: none; display: inline; }
#vtrmcontact div.sck label { float: none; display: inline; }
#vtrmcontact div.msg label { float: none; margin-top: 10px; }
#vtrmpowby img { vertical-align: text-bottom; }
div.cach { position: absolute; display: none; width: auto; height: auto; background-color: #FFFFFF; border: 1px solid #666666; }
div.cach img { margin: 0.3em; }

/* Paramètrage complémentaire */
#vtrlrub ul li { background: url("../img/puce.gif") no-repeat 0 4px; }
#vtrlrub ul li a { margin-left: 8px; }
#vtrmeteo div { margin-top: 5px; font-size: 11px; }
#vtrmeteo div.vignette { margin: 15px 0 5px 22px; }
#vtrmeteo div a img { display: none; }
#vtrmeteo div table tr td table tr td a img { display: block; }
#vtracces a { color: #333333; background-color: #C0C0C0; padding: 0 2px 0 2px; border: 1px solid #F0F0F0; }
#vtrlogo2 h1 { margin: 0; padding: 0; line-height: 1; }
#vtrlogo2 h1 a { color: white; text-decoration: none; }
#vtrcont a { color: #006690; }
#vtrcont a:hover { color: #003360; }
#vtrcont a:active { color: #D90000; }
#vtrcont a.newin { background: url("../img/newin.gif") center right no-repeat; padding-right: 13px; }
#vtrcont a.newin:hover { background-image: url("../img/newin_on.gif"); }
#vtrcont ul, #vtrcont ol { margin: 0 0 10px 25px; padding: 0; }
#vtrcont ul li { margin: 3px 0 0 0; padding: 0; list-style: url("../img/puce1.png"); }
#vtrcont ol li { margin: 3px 0 0 0; padding: 0; }
#vtrcont ul li ul, #vtrcont ol li ol, #vtrcont ol li ul { margin: 10px 0 10px 25px; }
#vtrcont ul li ul li, #vtrcont ol li ul li { list-style: url("../img/puce2.png"); }
#vtrcont table tr td p { margin: 0; }
#vtrcont table caption { margin: 5px 0 5px 0; }
#vtrlogin li { font-size: 11px; margin: 0; }

fieldset { margin: 0.5em; }
legend { padding: 0.5em; }
