/* FONTS */

@font-face { 
	font-family: 'museo500'; 
	src: url('/fonts/museo500.eot'); 
	src: local("?"), 
	url('/fonts/museo500.ttf') format('truetype'),
	url("/fonts/museo500.woff") format("woff");
}

/* COMMON */

body {
	margin:0;
	padding:0;
	background-color:#FFF;
	font-family: 'museo500'; 
}

/* ENLEVER LE POINT-TILLÉ AUTOURS DES FLASH */
object:active, div:active {outline: none;-moz-outline-style:none;}
object:focus, div:focus {outline: none;-moz-outline-style:none;}

img, h1, h2, h3, h4, p, ul, ol, li, form, input {border:0px;padding:0;margin:0;}

.clearFloat {clear:both;}
.container {width:938px;margin:auto;}
.fleft {float:left;}
.fright {float:right;}
.absolute {position:absolute;}

/* COMMON */

#header {
	margin-bottom:40px;
	background-color:#323232;	
	width:100%;
	border-bottom:2px #fff solid;
}

#headerbox {
	height:89px;
	background-image:url(/images/forme-header.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#iconsbox {height:35px;}

#footer {clear:both;padding-top:20px;}

#footermenu  {display:block;color:#505050;font-size:11px;width:200px;padding-bottom:15px;padding-top:10px;}
#footermenu a {color:#505050;text-decoration:none;}
#footermenu a:hover {text-decoration:underline;}

#emsolutions {width:35%;display:block;text-align:right;font-size:11px;color:#505050;}
#emsolutions a {color:#505050;text-decoration:none;}
#emsolutions a:hover {text-decoration:underline;}

#container {}


/* FRAME */

#theSpacer {height:300px;}

#txtbox {width:640px;/*min-height:660px;*/border:9px solid #959699;background-image:url(/images/bg-itemtitle.png);padding:20px;padding-bottom:50px;}
#txtbox p {color:#2d2d2d;line-height:18px;font-size:11px;padding-bottom:15px;}
#txtbox a {color:#056eb2;text-decoration:none;}
#txtbox a:hover {text-decoration:underline;}
#txtbox h1 {font-size:24px;color:#056eb2;font-family: 'museo500'; padding-bottom:20px;}
#txtbox h2 {font-size:18px;color:#2d2d2d;font-family: 'museo500'; padding-bottom:10px;}
#txtbox p {font-size:12px;color:#5e585a;line-height:18px;font-family: 'museo500'; }
#txtbox ul {padding-left:20px;font-size:12px;color:#5e585a;font-family: 'museo500'; padding-bottom:20px;}

.item {float:left;margin-right:15px;border:1px solid #fff;width:220px;height:131px;}
.item:hover {border:1px solid #666;}

.itemtitle {width:190px;background-image:url(/images/bg-itemtitle.png);margin-left:10px;margin-top:115px;font-size:12px;color:#505050;padding:5px;text-align:left;padding-left:10px;padding-right:0;}

.unProd {width:300px;float:left;padding-bottom:40px;padding-right:20px;}
#theProd p {color:#056eb2;padding-bottom:5px;font-weight:bold;}
#theProd img {border:3px #97989a solid;}
#theProd img:hover {border:3px #333 solid;}

#appointment {width:165px;position:absolute;top:440px;z-index:3;}
#appointment h1 {color:#056eb2;font-size:15px;font-family: 'museo500'; padding-bottom:5px;clear:left;margin-top:20px;width:200px;position:relative;}
#appointment input[type=text] {border:1px #818285 solid;padding:10px;background-color:#fff;color:#818285;margin-bottom:10px;width:100%;}
#appointment .button {color:#fff;background-color:#056eb2;padding:10px;font-weight:bold;font-size:16px;margin-top:5px;padding-left:20px;padding-right:20px;cursor:pointer;font-family: 'museo500';}
#appointment .button:hover {color:#fff;background-color:#818285;}

#forme {position:absolute;background-image:url(/images/forme.png);background-repeat:no-repeat;width:170px;height:260px;margin-top:520px;margin-left:70px;z-index:2;}

#homelead {background-image:url(/images/bg-leadhome.png);padding-top:5px;padding-bottom:13px;width:100%;margin-bottom:20px;}
#homelead input[type=text] {width:98px;background-color:#888888;color:#fff;font-size:11px;padding:5px;padding-left:20px;}
#homelead .button {color:#424242;font-size:12px;font-weight:bold;background:none;cursor:pointer;margin-top:7px;}
#homelead .button:hover {color:#424242;}

a.lang {color:#a3a3a3;text-decoration:none;font-size:13px;font-family: 'museo500';}
a.lang:hover {color:#fff;}

/* MENU et SUBMENU */

#mainmenu {width:185px;}



#jsddm
{	margin: 0;
	padding: 0;
	position:absolute;
	z-index:10;
	width:185px;
}

#jsddm li
{	list-style:none;
	}

#jsddm li a
{	display: block;
	white-space: nowrap;
	font-size:13px;
	display:block;
	color:#fff;
	text-decoration:none;	
	margin-bottom:1px;
	padding:15px;
	padding-bottom:14px;
	padding-top:14px;
	background-color:#818285;
}

#jsddm li a:hover, #jsddm .here {background-color:#e6e6e7;color:#2d2d2d;}
	
#jsddm li ul
{	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	background-color:#e6e6e7;
	padding:15px;
	padding-left:0;
	margin-left:220px;
	margin-top:-45px;
	width:190px;
}

#jsddm li ul li
{	
	float: none;
	list-style:none;
	background:none;
}

#jsddm li ul li a
{	
	width: auto;
	color: #2d2d2d;
	font-size:12px;
	padding:0;margin:0;
	background:none;
	padding-left:15px;
	padding-bottom:3px;
}

#jsddm li ul li a:hover
{	
	text-decoration:underline;
	background-image:url(/images/li.gif);
	background-position:left;
	background-repeat:no-repeat;
	
}