/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	color:#000;
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#fff url(images/bg.gif) repeat-y top center;	
}


.fondBody
{background:url(images/bg_horloges.jpg) no-repeat top center;}

#container
{
	width:955px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

div#container{height:638px;}

html>body div#container
{
	height:auto;
	min-height:638px;
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:2em;
	margin:0;
	color:#899e43;
	padding: 0 0 25px 0;
	line-height:1em;
}

h2
{
	font-size:1.15em;
	margin:0;
	color:#000;
	padding:0 0 8px 0;
}

h3
{
	font-size:1.05em;
	margin:0;
	color:#a75427;
	padding:0 0 7px 0;
}

p
{
	font-size:1em;
	color:#000;
	margin:0;
	padding:0;
	line-height:1.5em;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.souligne
{text-decoration:underline;}

/* --------------------------------------------------------------- */
/* ---- Corps ---------------------------------------------------- */

/* --- Top menu ----------------------------- */

#topMenu
{
	float:right;
}

#topMenu ul
{
	list-style:none;
	margin:0;
	padding:16px 27px 0 0;
}

#topMenu ul li
{
	float:left;
	margin:0;
	padding:0 0 0 11px;
	color:#00abbf;
	font-size:0.8em;
}

#topMenu ul li a:link, #topMenu ul li a:visited, #topMenu ul li a:active
{
	color:#00abbf;
	text-decoration:none;
}

#topMenu ul li a:hover
{text-decoration:underline;}

/* --- logo --------------------------------- */

div#logoCompagnie
{
	width:229px;
	position:absolute;
	top:32px;
	left:88px;
}

div#logoCompagnie img.logo
{display:block;}


#logoPrint
{display: none;}

/* --- Lien eBay ------------------------------ */

#lienEbay
{
	position:absolute;
	top:144px;
	left:225px;
}

#lienEbay p
{
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
}

/* --- Zone menu ------------------------------ */

#zoneMenu
{
	width:594px;
	background:#00abbf url(images/zoneMenu_bgTop.gif) no-repeat top left;
	margin:67px 0 0 342px;
}


#zoneMenu_bgBas
{
	background:url(images/zoneMenu_bgBas.gif) no-repeat bottom left;
	padding:39px 0 22px 0;
}

#menu
{
	width:594px;
	background:url(images/menu_bg.gif) repeat-x top left;
}

div#menu
{height:36px;}

html>body div#menu
{
	height:auto;
	min-height:36px;
}

#menu ul
{
	list-style:none;
	margin:0;
	padding:9px 0 0 25px;
}

#menu ul li
{
	float:left;
	margin:0;
	padding:0 29px 0 0;
	font-weight:bold;
	font-size:1.1em;
}

#menu ul li.last, #pied ul li.last
{padding:0;}

#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active, #lienEbay a:link, #lienEbay a:visited, #lienEbay a:active
{
	color:#fff;
	text-decoration:none;
}

#menu ul li a:hover, #lienEbay a:hover
{text-decoration:underline;}

/* ---------------------------------------------- */
/* --- Sous-menu du menu principal -------------- */

#smenu-mprincipal
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: 1em;	
}

#smenu-mprincipal div 
{
	display:none;
	position: absolute;
	left: 0;
	top: 11px;
	z-index: 200;
	cursor: pointer;
}

#smenu-mprincipal div div {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	border-bottom:1px solid #fff;
}

#smenu-mprincipal div div.last {border-bottom:none;}

#smenu-mprincipal a {
	display: block;
	height: 1%;
	padding: 7px 10px 7px 10px;
	color: #fff;
	text-decoration: none;
	background: #59c8d5;
	font-weight:bold;
}
#smenu-mprincipal a:hover 
{text-decoration:underline; background:#00abbf;}

/* largeur des zones de sous-menu fr */
#smenu-mprincipal #MproduitsMenu
{width: 190px;}
#smenu-mprincipal #MventeMenu
{width: 140px;}
#smenu-mprincipal #McontactMenu
{width: 126px;}
/* --------------------------------------------------------------------- */
/* -- Zone contenu ----------------------------------------------------- */

/* -- page En Construction ---------------------- */
#boxEncontstruction
{
	padding:213px 0 0 0;
}

#zoneContenu_enconstruction
{
	width:531px;
	background:#d8db99 url(images/zoneContenu_bgBas.gif) no-repeat bottom left;
	margin:0 0 0 243px;
}

div#zoneContenu_enconstruction
{height:390px;}

html>body div#zoneContenu_enconstruction
{
	min-height:390px;
	height:auto;
}


/* ------------------------------------------------- */
#zoneContenu
{
	width:531px;
	background:#d8db99 url(images/zoneContenu_bgBas.gif) no-repeat bottom left;
	margin:20px 0 0 243px;
}

div#zoneContenu
{height:390px;}

html>body div#zoneContenu
{
	min-height:390px;
	height:auto;
}

#zoneContenu_long
{
	width:704px;
	background:#d8db99 url(images/zoneContenu_long_bgBas.gif) no-repeat bottom left;
	margin:20px 0 0 243px;
}

div#zoneContenu_long
{height:390px;}

html>body div#zoneContenu_long
{
	min-height:390px;
	height:auto;
}

.contenu
{padding:34px 22px 40px 22px;}

.contenu p
{padding:0 0 17px 0;}

.contenu ul
{
	list-style:none;
	margin:0;
	padding:0 0 17px 0;
}

.contenu ul li
{
	background:url(images/i_fleche.gif) no-repeat 0 4px;
	padding:0 0 6px 15px;
	margin:0;
}

.contenu a:link, .contenu a:visited, .contenu a:active
{color:#899e43; font-weight:bold;}
.contenu a:hover
{text-decoration:none;}

/* --------------------------------------------------------------------- */
/* -- Tableau commande ------------------------------------------------- */

.tabCommande
{
	width:650px;
	margin:20px 0;
	padding:0;
}

.tabCommande td
{
	padding:0 0 10px 0;
}

.tabCommande label
{
	font-weight:bold;
}

/* --------------------------------------------------------------------- */
/* -- Section Contact -------------------------------------------------- */

#formContact
{
	margin:0 0 20px 0;
}

.champsObligatoire
{
	font-size:1em;
	color:#C72943;
}

.lesChamps
{margin-bottom:15px;}

.lesChamps label
{
	font-size:1em;
	color:#000;
	font-weight:bold;
}

.lesChamps input
{width:300px;}

#bEnvoyer
{margin-left:355px;}

/* --------------------------------------------------------------------- */
/* -- Pied ------------------------------------------------------------- */

#pied
{
	width:955px;
	padding:0 0 10px 0;
}

#pied ul
{
	list-style:none;
	margin:0;
	padding:10px 0 0 507px;
}

#pied ul li
{
	float:left;
	color:#fff;
	margin:0;
	padding:0 10px 0 0;
	font-size:0.8em;
}

#pied ul li a:link, #pied ul li a:visited, #pied ul li a:active
{
	color:#fff;
	text-decoration:none;
}

#pied ul li a:hover
{text-decoration:underline;}