/* CSS Document */
body {font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif;text-align:center; padding:0; margin:0; height:100%; width:100%; background-image:url(visuels/background.png); background-position:center top; background-repeat:repeat-y;   }
input, textarea, select, iframe {font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; z-index:0; }
table {border-collapse:collapse;}
img {border:none;}
input, textarea, select, a { position: relative; z-index: 1; }
a {text-decoration:none; color:#666666;}
a:hover {text-decoration:underline;}

p {margin:0; padding:0;}
h1, h2, h3, h4, h5 {padding:0; margin:0; font-family:Geneva, Arial, Helvetica, sans-serif; }
h1 {font-size:18px;}
.vert {color:#c3d023; border-bottom-color:#c3d023;}
.orange {color:#ff5118; border-bottom-color:#ff5118;}
.bleu {color:#4DABD0; border-bottom-color:#4DABD0;}

div#vraiment-tout {margin:0; padding:0; width:100%; background-image:url(visuels/background.png); background-position:center top; background-repeat:repeat-y; position:relative; min-height:100%; }
div#tout {margin:0 auto; text-align:left; position:relative; width:1000px; padding:0; min-height:100%; background:url(visuels/cg/fond.png) top left repeat-y;}
div#clear-footer {clear:both;}

div#header {position:relative; margin:0; background:url(visuels/cg/menu/logo-bandes.png) top right no-repeat; height:210px; padding:0;}
/*url(visuels/cg/menu/bandeau-haut.jpg)*/
div#header p {display:inline; margin:0 25px; padding:0;}
div#header .fond-flash {z-index:100; margin:0; padding:0; position:absolute; top:0; width:375px; height:162px; }

div#header-logo {z-index:500; position:absolute; left:770px; top:82px; width:225px; height:80px;}
/*background:url(visuels/cg/menu/logo.png) no-repeat top left;*/

div#header-menu {z-index:300; position:absolute; right:0; top:142px; padding:0; margin:0; background:url(visuels/cg/menu/fond-haut.png) top left no-repeat;  }
div#header-menu h1 {color:#4DABD0; font-size:16px; border:none; letter-spacing:2px; padding:2px 80px 0 0; width:auto; text-align:right; margin:0 0 0 50px; }
div#header-menu table {padding:0 ; margin-top:2px;}
div#header-menu td {padding:3px 10px 10px 10px ; margin:0;}

div#header-menu .td-vert-bout { background:url(visuels/cg/menu/fond-vert-bg.png) bottom left no-repeat; padding-left:15px;}
div#header-menu .td-bleu { background:url(visuels/cg/menu/fond-bleu.png) bottom left repeat-x;}
div#header-menu .td-vert { background:url(visuels/cg/menu/fond-vert.png) bottom left repeat-x;}
div#header-menu .td-orange { background:url(visuels/cg/menu/fond-orange.png) bottom left repeat-x;}
div#header-menu li {padding:5px 10px;  font-family:Geneva, Arial, Helvetica, sans-serif; display:inline; vertical-align:middle; list-style:none; margin:0;}
div#header-menu a {font-size:13px; font-weight:bold; color:#FFFFFF;}
div#header-menu .bleu {background-color:#4DABD0;}
div#header-menu .vert {background-color:#c3d023;}
div#header-menu .orange {background-color:#ff5118;}




div#left {float:left; width:240px; padding:0; text-align:left;}
div#left h3 {padding-top:10px; border-bottom-style:solid; border-bottom-width:1px; font-size:13px;}
div#left-boite-titre { width:235px; height:24px; padding-top:7px; color:#FFFFFF; font-size:17px; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold;}
.boite-bleue {background:url(visuels/cg/boites/boite-bleue-235.png) no-repeat top left;}
div#left-boite-corps {background:url(visuels/cg/boites/boite-corps-235.png) no-repeat top left; width:215px; padding:0 10px; }
div#left-boite-corps-bas {background:url(visuels/cg/boites/boite-corps-bas-235.png) repeat-y top left; width:215px; padding:0 10px; position:relative; }
div#left-boite-corps-bas .intitule {display:block; font-weight:bold; float:left; white-space:nowrap; padding-top:3px;}
div#left-boite-corps-bas .champs {display:block; margin-left:60px; padding:2px 0;}
div#left-boite-bottom {background:url(visuels/cg/boites/boite-footer-235.png) no-repeat top left; width:235px; height:26px; }

div#left .boite-connexion-titre {background:url(visuels/cg/boites/boite-orange-235.png) no-repeat top left; width:235px; height:24px; padding-top:7px; color:#FFFFFF; font-size:17px; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold;}
div#left .boite-connexion-corps {background:url(visuels/cg/boites/boite-corps-235.png) no-repeat top left; width:210px; padding:10px 15px 0 10px; }
div#left .boite-connexion-corps p {margin:0 0 5px auto; text-align:right;}
div#left .boite-connexion-corps input {width:100px; margin-right:15px;}
div#left .boite-connexion-corps img {float:left; width:25px; margin-right:5px;}
div#left .boite-connexion-corps .menu-cc {padding-left:10px;}
div#left .boite-connexion-corps .menu-cc p {text-align:left; padding-bottom:3px;} 
div#left .boite-connexion-corps .menu-cc a { text-decoration:none;} 
div#left .boite-connexion-corps .menu-cc a:hover { text-decoration:underline;} 
div#left .boite-connexion-corps .menu-cc .titre {font-weight:bold; font-size:13px; margin-bottom:5px; border-bottom:1px solid #666666;} 
div#left .boite-connexion-corps .oubli {font-size:9px; margin:0;}
div#left .boite-connexion-corps .oubli a {text-decoration:underline;}
div#left .boite-connexion-corps .oubli a:hover {text-decoration:none;}
div#left .boite-connexion-corps .bouton {height:50px; width:150px; background:#FFFFFF url(visuels/cg/form/form-valider-orange.png) left top no-repeat; border:none; color:#ff5118; font-weight:bold; padding:1px 2px 3px 50px; vertical-align:top; white-space:normal; cursor:pointer; text-align:left; }
div#left .boite-connexion-footer {background:url(visuels/cg/boites/boite-footer-235.png) no-repeat top left; width:235px; height:26px; }


div#left .boite-pub-titre {background:url(visuels/cg/boites/boite-verte-235.png) no-repeat top left; width:235px; height:24px; padding-top:7px; color:#FFFFFF; font-size:17px; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold;}
div#left .boite-pub-corps {background:url(visuels/cg/boites/boite-corps-235.png) no-repeat top left; width:214px; padding:0 15px 0 6px; }
div#left .boite-pub-corps p {margin:0; padding:0; text-align:left;}
div#left .boite-pub-corps ul {margin:0 0 0 15px; padding:0; list-style:url(visuels/cg/puces/puce-verte-7.png);}
div#left .boite-pub-corps li {margin:0; padding-bottom:7px;}
div#left .boite-pub-corps strong {color:#CDD737;}
div#left .boite-pub-footer {background:url(visuels/cg/boites/boite-footer-235.png) no-repeat top left; width:235px; height:26px; }
div#left .boite-pub-suite {display:block; font-weight:bold; text-align:right; height:25px; padding:5px 29px 0 0; margin:0; color:#CDD737; background:url(visuels/cg/fleches/fleche-dte-verte-p.png) right top no-repeat;}


div#right {float:right; width:170px; padding:0; text-align:left; margin:0; background:url(visuels/cg/boites/boite-corps-170.png) repeat-y top left;}
div#right .titre {background:url(visuels/cg/boites/boite-verte-170.png) no-repeat top left; width:170px; height:24px; padding-top:7px; text-align:center;}
div#right .titre h2 { font-family:Geneva,Arial,Helvetica,sans-serif; font-size:17px; color:#FFFFFF; } 
div#right .corps {padding:10px 10px 0 13px; text-align:justify; background:url(visuels/cg/boites/boite-corps-g-170.png) no-repeat top left;}
div#right .corps ul {margin:0 0 0 15px; padding:0; list-style:url(visuels/cg/puces/puce-verte-7.png);}
div#right .corps li {margin:0; padding-bottom:7px;}
div#right .bottom {background:url(visuels/cg/boites/boite-footer-g-170.png) no-repeat top left; width:170px; height:26px;}

.annonce-right {margin-bottom:15px;  border-bottom:#CDD737 1px dotted; padding-bottom:5px;}
.annonce-right .annonce-titre  {color:#CDD737; font-weight:bold; border-bottom:#CDD737 1px dotted; margin-bottom:2px;}
.annonce-right .annonce-tarif  {text-align:right; font-style:italic; font-weight:bold; margin-top:10px;}
.annonce-right .annonce-a {text-align:right; padding:7px 27px 0 0; background:url(visuels/cg/fleches/fleche-dte-verte-p.png) right no-repeat; height:25px;}
.annonce-right .annonce-a a {font-weight:normal; color:#CDD737; font-weight:bold;}



.pub-corps { background:url(visuels/cg/boites/boite-corps-g-170.png) no-repeat top left;}
.pub-corps img { padding-left:5px; width:161px;}
.pub-titre  {color:#CDD737; font-weight:bold; border-bottom:#CDD737 1px dotted; margin-bottom:2px;}
.pub-txt  {padding:10px;}
.pub-tarif  {text-align:right; font-style:italic; font-weight:bold; margin-top:10px;}
.pub-a {text-align:right; padding:7px 27px 0 0; background:url(visuels/cg/fleches/fleche-dte-verte-p.png) right no-repeat; height:25px;}
.pub-a a {font-weight:normal; color:#CDD737; font-weight:bold;}


div#contenu {height:1%; margin-left:255px; margin-right:180px; text-align:left; position:relative;}


div#aide {position:absolute; background: url(visuels/aide-fond.png) repeat transparent; z-index:5000; border:1px #666666 solid; color:#000000; opacity:50; padding:10px; display:none; width:300px;}



div#carte-france {position:relative; height:210px; background:url(visuels/france/france-fond.png) no-repeat; background-position:-2px -2px;}
div#carte-france-total {position:absolute; z-index:3000; left:-2px; top:-2px;}
div#carte-france-total area {cursor:pointer;}
div#carte-france-dessous {position:absolute; z-index:2000; left:0; top:0;}
div#carte-france-dessous .sous-carte {position:absolute; left:0; top:0;}

div#liste-nom {text-align:left;}
div#liste-nom li {margin-left:20px; list-style:square; color:#4DABD0; }
div#liste-vehicules {text-align:left; position:relative;}
div#liste-vehicules a {color:#666666;}
div#liste-vehicules .navigation-page {margin:5px 0;}
div#liste-vehicules .page {color:#666666; color:#4DABD0;}
div#liste-vehicules .page-on {font-weight:bold; color:#4DABD0;}

.clear {clear:both;}
div#wait-fond {top:0; left:0; position:absolute; z-index:4000; width:100%; height:2000px; background-color:#000000; opacity:0.50; display:none;}
.wait {position:absolute; width:120px;  z-index:5000; text-align:center; display:none; background:#FFFFFF; border-style:solid; border-width:2px; padding:15px; opacity:0.90;border-color:#4DABD0; left:48%; top:48%;}
.wait p {padding-top:10px; opacity:1; color:#000000; }
.wait img {opacity:1;}

.adc-on {border:1px #666666 solid; padding:0 2px; margin:0; float:none; background-color:#FFFFFF; font-size:10px; font-weight:bold; color:#006600; }
.adc-off {border:none; padding:0; margin:0; float:none;}