/* Couleurs
Bordures : #9E96FD
Fond : #E3E0FF
Digital : #0925A3
Orange : #FB722D
Fond Présentation : #F8F7FE

filter: alpha(opacity=50); /* IE */

/*-moz-opacity: 0.5; /* Mozilla */

/*opacity: 0.5; /* CSS3 */

/*-khtml-opacity: .5; /* Safari */
/**/

/***************************************************************************       Général     */
* {
	margin: 0;
	padding: 0;
	}
body {
	font: 0.7em /2em verdana, arial, sans-serif;
	color: #000;
	background: #E3E0FF url(../images/fond-leo.gif) no-repeat 20px 0 fixed;
	}
a {
  color: #0925A3;
	text-decoration: none;
	font-weight: bold;
	}
a:hover {
	color: #C00;
	text-decoration: none;
	}
img {
	border-style: none;
	}
.txtcentre { text-align: center; }
.txtdroite { text-align: right; }
.hidden { display: none; }
.clear { clear: both; }
hr { margin: 10px 0; }
.floatright { float: right; }
.floatleft { float: left; }
.nofloat { float: none; }
p {
  margin-bottom: 10px;
	}
p.erreur {
  color: #C00;
  font-size: 1.5em;
  text-align: center;
  padding: 10px 0;
  margin: 35px;
  border: 1px dotted #C00;
  }
p.messageok {
  color: #7D94FA;
  font-weight: bold;
  font-size: 1.5em;
  padding: 5px;
  text-align: center;
  }
.notabene {
  font-size: 0.8em;
  font-style: italic;
  }
/****************************************************************************    Mise en Page   */
#page {
	margin-left: 120px;
	width: 850px;
	position: relative;
	}
#extraDiv1 {
	position: absolute;
	top: 0;
	left: -55px;
	height: 212px;
	width: 300px;
	background: transparent url(../images/header-img.jpg) top right no-repeat;
	z-index: 10;
	}
#extraDiv1 a {
  display: block;
  width: 220px;
  height: 150px;
  margin: 10px 0 0 60px;
	}
#extraDiv2 {
	position: absolute;
	top: 0;
	right: 0;
	height: 97px;
	width: 61px;
	background: transparent url(../images/logo.gif) top right no-repeat;
	z-index: 10;
	}
#extraDiv3 {
	position: absolute;
	top: 5px;
	right: 70px;
	}
h1 {
	background: transparent url(../images/header-titre.jpg) no-repeat 245px 0;
	height: 148px;
	}
h1 span {
	display: none;
	}
h2 {
	text-align: right;
	padding-right: 30px;
	margin-right: -20px;
	height: 60px;
	color: #FFF;
	background: transparent url(../images/fond-titre.jpg) no-repeat right top;
	font: italic 1.6em Verdana, Arial, Sans-serif;
	}
h2 span {
	z-index: 2;
	position: relative;
	top: -40px;
	}
h2 strong {
	font: 3.8em "Times new roman", Times, Serif;
	color: #0925A3;
	position: relative;
	top: -14px;
	left: 18px;
	}
h3 {
  font: 3em "Times new roman", Times, Serif;
  color: #0925A3;
	}
h4 {
  font-size: 1.3em;
  margin: 10px 0 5px 0;
  text-align: center;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  padding: 5px;
  }
#presentation {
	width: 211px;
	padding-bottom: 43px;
	background: #F8F7FE url(../images/bas-pres.jpg) no-repeat left bottom;
	font: 0.8em/1.8em Verdana, Arial, Sans-serif;
	position: absolute;
	top: 212px;
	left: 2px;
	}
#presentation p {
	background: transparent url(../images/fond-pres.jpg) repeat-y left top;
	padding: 0 20px 13px 15px;
	margin-bottom: 0;
	}
#presentation p.titre {
	font-weight: bold;
	padding-bottom: 15px;
	text-align: center;
	font-size: 1.1em;
	}
#presentation p.chiffres {
	font-weight: bold;
	padding-left: 15px;
	}
#presentation p.image {
	text-align: center;
	}
#presentation p.image img {
	border-width: 1px;
  border-style: solid;
  border-color: #9E96FD #0925A3 #0925A3 #9E96FD;
	margin-bottom: 10px;
	}
#contenu {
	border: 1px solid #9E96FD;
	background-color: #FFF;
	margin-left: 175px;
	padding: 0 20px 30px 50px;
	background: #FFF url(../images/caisse.jpg) no-repeat right bottom;
	min-height: 510px;
	_height: 510px;
	}
#pied {
	padding: 20px 10px 15px 40px;
	}
/****************************************************************************       Menu       */
#menu {
	list-style-type: none;
	position: absolute;
	right: 0px;
	top: 114px;
	text-align: right;
	background-color: #000;
	height: 22px;
	}
#menu li {
  display: inline;
	font-weight: bold;
	color: #FFF;
	font-size: 0.9em;
	border-right: 1px solid #FFF;
	position: relative;
	top: -1px;
	}
#menu li.last {
	border-right-width: 0;
	}
#menu a {
	color: #FFF;
	padding: 0 13px 0 10px;
	}
#menu a.highlightmenu {
	color: #f90;
	}
#menu a.actif {
	color: #000;
	background-color: #fff;
	}
#menu a:hover {
	color: gray;
	}
/*************************************************************************     Formulaires   */
input, select, textarea { 
	font: 1em Arial, Verdana, Helvetica, Sans-Serif; 
	border: 1px solid black;
	padding-left: 0.1em;
	margin: 0.1em 0;
	}
input.bouton  { 
  background-color: #FB7;
  color: #000;
	}
select optgroup {
  font-style: normal;
  color: #600;
  }
select optgroup option {
	padding-left: 20px;
  color: #000;
	}
/* Suppression des effets sur les checkbox */
input.chkbox, input.radio { 
	border-style: none;
	padding: 0;
	margin: 0;
	margin-left: 10px;
	width: auto;
	vertical-align: text-bottom;
	}
span.ChkRadio  { 
	color: #42469D;
	font: bold 0.85em/0.5em Arial, Helvetica, Geneva, Sans-Serif; 
	margin: -5px 0 0 5px;
	}
fieldset {
	padding: 0;
  margin: 0;
	}
fieldset legend {
	color: #FB722D;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0 0.5em;
	}
label  { 
	color: #000; 
	font: bold 0.85em Arial, Helvetica, Geneva, Sans-Serif; 
	text-decoration: none; 
	padding-right: 1em;
	margin-top: 6px;
	width: 10em;
	text-align: left;
	}
label.lblcentre {
	width: 170px;
	text-align: right;
	}
label.lbldroit {
	text-align: right;
	}
label.lbllight {
	color: #888;
	}
.disabled {
  background-color: #C0C0C0;
  }
.enabled {
  background-color: #FFF;
  }
.wAuto { width: auto; }
.w10  { width: 10px;  }
.w20  { width: 20px;  }
.w30  { width: 30px;  }
.w50  { width: 50px;  }
.w80  { width: 80px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
/****************************************************************************      Accueil     */
#sommaire {
  padding: 30px 0 50px 0;
  }
#sommaire a.img {
  float: left;
  margin: 0 30px;
  }
#sommaire p {
  min-height: 50px;
  _height: 50px;
  margin-bottom: 40px;
  }
/****************************************************************************       Carte      */
#carte {
  margin-left: 70px;
  position: relative;
  }
#carte-france {
  width: 500px;
  height: 526px;
  }
#EltMonde {
  float: left;
  }
#EltMonde a {
  display: block;
  width: 120px;
  border: 1px solid #E0E0E0;
  text-align: center;
  color: #000;
  font: bold 0.8em Verdana, Arial, Sans-serif;
  margin: 0px 20px 5px 25px;
  padding: 5px;
  }
#EltMonde img {
  width: 54px;
  height: 32px;
  }
#EltSelect {
  margin-top: 20px;
  }
/****************************************************************************    Revendeurs    */
#minicarte {
  float: left;
  background-color: #FFF;
  padding-right: 5px;
  }
#minicarte img {
  }
p.NbRvd {
  font-style: italic;
  text-align: center;
  margin-bottom: 30px;
  }
.revendeur {
  font: 0.9em/1.6em Verdana, Arial, Sans-serif;
  margin: 0 0 20px 15px;
  width: 280px;
  float: left;
	background: transparent url(../images/carte-visite-fond.gif) repeat-y top left;
  }
#contenu .revendeur p {
  margin-bottom: 5px;
	}
.revendeur .nom {
	background: #FFF url(../images/carte-visite-haut.gif) no-repeat top left;
	padding: 6px 5px 5px 0;
  font: bold 1.3em Verdana, Arial, Sans-serif;
  color: #0925A3;
	text-align: center;
  }
.revendeur .adresse {
  margin-left: 10px;
  }
.revendeur .tel {
/*  float: right;*/
  margin-left: 10px;
  }
.revendeur .web {
	background: #FFF url(../images/carte-visite-bas.gif) no-repeat bottom left;
	text-align: center;
	height: 50px;
  }
.revendeur .contact {
  padding-top: 7px;
  border-top: 1px solid silver;
  margin: 10px 18px 0 10px;
  }
/****************************************************************************  Documentation   */
.imgleft {
  float: left;
  margin: 5px 15px 0 0;
  border: 1px solid #000;
  }
.imgright {
  float: right;
  margin: 5px 10px 0 15px;
  border: 1px solid #000;
  }
/****************************************************************************      Offre      */
.blocoffre {
  margin: 20px 0 80px;
  }
p.entete {
  margin: 10px auto 0;
  font: small-caps bold 1.4em verdana, arial, sans-serif;
  border: 2px solid #0925A3;
  width: 400px;
  text-align: center;
  padding: 5px;
  }
.blocoffre p.titre {
  border-bottom: 1px solid gray;
  font: small-caps italic bold 1.6em/3em georgia, times, serif;
  padding: 0 0 5px 60px;
  }
.blocoffre p.leo2 {
	background: url(../images/mini-leo2-caisse.gif) left center no-repeat;  
  }
.blocoffre p.orderman {
	background: url(../images/orderman.gif) left center no-repeat;  
  }
.blocoffre p.glory7 {
	background: url(../images/number-7.jpg) left center no-repeat;  
  }
.blocoffre dl dt {
  position: relative;
  left: 0;
  top: 23px;
  width: 130px;
  font-weight: bold;
  text-align: right;
  }
.blocoffre dl dd {
  border-left: 1px solid darkgray;
  margin-left: 150px;
  padding: 0 0 5px 25px;
  }
.blocoffre dl dd.puce {
	background: url(../images/puce.gif) 6px 8px no-repeat;
  }
.blocoffre dl dd p {
  font-weight: bold;
  padding: 10px 0 10px 150px;
  }
/****************************************************************************    Témoignages   */
.portrait {
  clear: both;
  margin: 10px 20px 40px 30px;
  padding: 10px;
  height: 195px;
  position: relative;
  }
.portrait img {
  border: 2px solid #000;
  padding: 5px;
  width: 120px;
  height: 180px;
  float: left;
  }
.portrait h3 {
  border-bottom: 1px solid #0925A3;
  margin-left: 150px;
  font-size: 2.4em;
  padding-bottom: 5px;
  }
.portrait .titre {
  font: bold 1.2em verdana, arial, sans-serif;
  padding: 5px 0;
  color: #800;
  text-align: right;
  margin-left: 150px;
  }
.portrait .presentation {
  margin-left: 150px;
  padding: 10px 0 0 50px;
  background: url(../images/guillemets.jpg) left top no-repeat;
  }
.portrait .lien {
  margin-left: 150px;
  position: absolute;
  bottom: 2px;
  right: 10px;
  background: url(../images/bouton.jpg) left top no-repeat;
  display: block;
  height: 31px;
  width: 130px;
  }
.portrait a {
  font: small-caps bold 1em verdana, arial, sans-serif;
  color: #FFF;
  display: block;
  margin: 2px 0 0 13px;
  }
/****************************************************************************    Coordonnées   */
#bloccoord {
  margin-top: 20px;
	font-size: 1.2em;
  padding: 0 100px;
  }
#bloccoord hr {
  margin: 10px 0;
  }
#bloccoord label {
	width: 130px;
	float: left;
  }
.listeerreurs {
  border: 1px dotted #C00;
  color: #C00;
  font-weight: bold;
  padding: 5px 10px;
  margin-bottom: 20px;
  }
.messageok {
  color: #7D94FA;
  font-weight: bold;
  font-size: 1.5em;
  padding: 5px;
  text-align: center;
  }
/****************************************************************************      Contact     */
#captcha img {
  float: left;
  border: 2px solid #000;
  background-color: red;
  margin: 8px 10px 0 0;
  }
/****************************************************************************       Pied       */
#pied p {
  text-align: center;
  font-size: 0.8em;
  color: #888;
	}
/****************************************************************************   Menus icones   */
.menu-icones {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #C0C0C0;
  padding: 10px 0 0 0;
  margin: 0 0 20px 0;
  position: relative;
  }
.menu-icones legend {
  color: #555;
  padding: 0 8px 4px 0;
  margin-left: -5px;
  font-size: 1em;
  }
.menu-icones a {
  float: left;
  width: 190px;
  font: 1em Verdana, Arial, sans-serif;
  color: #000;
  text-align: center;
  margin: 10px 0 10px 5px;
  padding-top: 85px;
  height: 20px;
  }
.menu-icones a:hover {
  color: #8B0000;
  text-decoration: none;
  font-weight: bold;
  }
/*
.menu-icones a span {
  display: none;
  padding: 5px 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 480px;
  margin: 0 45px;
  border: 1px solid #9E96FD;
  background-color: #F8F7FE;
  font: bold 1em Verdane, Arial, Sans-serif;
  }
.menu-icones a:hover span {
  display: block;
  color: #000;
  text-decoration: none;
  }
*/
.menu-icones a.Leo {
	background: transparent url(../images/logo-leo2.jpg) center top no-repeat;
  }
.menu-icones a.Pocket {
	background: transparent url(../images/logo-leo-pocket.jpg) center top no-repeat;
  }
.menu-icones a.GTO {
	background: transparent url(../images/logo-gto.jpg) center top no-repeat;
  }
.menu-icones a.Tempo {
	background: transparent url(../images/logo-tempo.gif) center top no-repeat;
  }
.menu-icones a.LeoGes {
	background: transparent url(../images/logo-gestion.jpg) center top no-repeat;
  }
  
.menu-icones a.DocLeo {
	background: transparent url(../images/doc-leo2.gif) center top no-repeat;
  }
.menu-icones a.auberge {
	background: transparent url(../images/doc-leo2-auberge.jpg) center top no-repeat;
  }
.menu-icones a.bar {
	background: transparent url(../images/doc-leo2-bar.jpg) center top no-repeat;
  }
.menu-icones a.boulangerie {
	background: transparent url(../images/doc-leo2-boulangerie.jpg) center top no-repeat;
  }
.menu-icones a.cafeteria {
	background: transparent url(../images/doc-leo2-cafeteria.jpg) center top no-repeat;
  }
.menu-icones a.caviste {
	background: transparent url(../images/doc-leo2-caviste.jpg) center top no-repeat;
  }
.menu-icones a.coiffure {
	background: transparent url(../images/doc-leo2-coiffure.jpg) center top no-repeat;
  }
.menu-icones a.discotheque {
	background: transparent url(../images/doc-leo2-discotheque.jpg) center top no-repeat;
  }
.menu-icones a.fleuriste {
	background: transparent url(../images/doc-leo2-fleuriste.jpg) center top no-repeat;
  }
.menu-icones a.generaliste {
	background: transparent url(../images/doc-leo2-generaliste.jpg) center top no-repeat;
  }
.menu-icones a.pressing {
	background: transparent url(../images/doc-leo2-pressing.jpg) center top no-repeat;
  }
.menu-icones a.tourisme {
	background: transparent url(../images/doc-leo2-tourisme.jpg) center top no-repeat;
  }


.menu-icones a.DocGTO {
	background: transparent url(../images/doc-gto.gif) center top no-repeat;
  }
.menu-icones a.DocLeoGes {
	background: transparent url(../images/doc-gestion.gif) center top no-repeat;
  }
.menu-icones a.DocTempo {
	background: transparent url(../images/doc-tempo.gif) center top no-repeat;
  }
.menu-icones a.DocOrderman {
	background: transparent url(../images/doc-orderman.gif) center top no-repeat;
  }
.menu-icones a.DocOrdermanSol {
	background: transparent url(../images/doc-orderman-sol.gif) center top no-repeat;
  }
.menu-icones a.OrdermanMax {
	background: transparent url(../images/maxs.gif) center top no-repeat;
  }
.menu-icones a.OrdermanSol {
	background: transparent url(../images/sols.gif) center top no-repeat;
  }
.menu-icones a.GloryRCW8 {
	background: transparent url(../images/glory_rcw-8.jpg) center top no-repeat;
  }
.menu-icones a.GloryRBW10 {
	background: transparent url(../images/glory_rbw-10.jpg) center top no-repeat;
  }
.menu-icones a.video {
	background: transparent url(../images/video.png) center top no-repeat;
  }
/****************************************************************************   Navigation   */
/*
#NavigationProd {
  padding-top: 10px;
  margin: 5px 0 20px 0;
  text-align: right;
  position: relative;
  }
#NavigationProd a {
  margin: 0 5px;
  }
#NavigationProd a img {
  width: 40px;
  }
#NavigationProd a span {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 20px;
  font: italic bold 1.1em Verdane, Arial, Sans-serif;
  width: 480px;
  text-align: right;
  }
#NavigationProd a:hover span {
  display: block;
  color: #707070;
  }
*/