/* COMMON */

@font-face { 
	font-family: 'MgOpen Modata'; 
	src: url('/fonts/MgOpenModataRegular.eot'); 
	src: local('MgOpen Modata Regular'), url('/fonts/MgOpenModataRegular.ttf') format('truetype'); 
}

@font-face { 
	font-family: 'MgOpen Modata Bold';  
	src: url('/fonts/MgOpenModataBold.eot'); 
	src: local('MgOpen Modata Bold'), url('/fonts/MgOpenModataBold.ttf') format('truetype'); 
}

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	background-color:#FFF;
	margin-bottom:20px;
	/*background-image:url(/images/bg1.jpg);*/
	background-position:top center;
	background-repeat:no-repeat;
}

img {border:0px;}

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

.fleft {float:left;}
.fleftClear {float:left;clear:left;}
.fright {float:right;}
.clearFloat {clear:both;}

#container, #header, #footer, #boxes {
	width:960px;
	margin:auto;
}

.horline {border-bottom:#333333 1px solid;padding:10px;padding-bottom:0px;margin-bottom:20px;}


/* FOOTER */

#footer {margin-top:40px;border-top:#333333 1px solid;padding-top:10px;}


/* HEADER */

#header {
	height:107px;
}

#logo {width:500px;height:67px;margin-top:13px;font-size:13px;color:#666;}

#b-infos {font-family:Tahoma, Geneva, sans-serif;;margin-top:13px;margin-left:40px;font-size:18px;color:#333;text-align:right;}
#b-infos .tel {font-size:30px;}
#b-infos .2px {width:2px;}

#b-infos a {color:#1f08a1;text-decoration:none;font-size:14px;}
#b-infos a:hover {text-decoration:underline;}

#mainmenu_container {width:100%;background-image:url(/images/menu-bg.png);height:29px;border-top:3px #fff solid;}
#mainmenu {width:960px;margin:auto;}


/* MENU et SUBMENU */

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

#jsddm li
{	list-style:none;
	float:left;
	margin-right:25px;
	}

#jsddm li a
{	display: block;
	white-space: nowrap;
	font-size:14px;
	display:block;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;	
	padding:7px;padding-bottom:6px;
}

#jsddm li a:hover, .here {background-color:#fff;color:#666;}
	
#jsddm li ul
{	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	background-color:#fff;
	border:1px #666 solid;
	border-top:none;
	padding:20px;
	padding-top:10px;
	letter-spacing:1px;
}

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



#jsddm li ul li a
{	
	width: auto;
	color: #6f6f71;
	font-size:12px;
	font-weight:normal;
	padding:0px;margin:0px;
}

#jsddm li ul h1 {font-family:MgOpen Modata Bold;color:#95c830;font-weight:normal;text-transform:uppercase;font-size:12px;padding-top:20px;}

#jsddm li ul h1 a {font-family:MgOpen Modata Bold;color:#95c830;font-weight:normal;text-transform:uppercase;font-size:12px;padding-top:20px;margin:0px;padding:0px;}

#jsddm li ul h1 a:hover {color:#95c830;}

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


/* SCROLLABLE ITEMS HOME PAGE */
/* root element for scrollable */ 
div.scrollable2 { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 420px; 
    width: 220px; 
} 
 
/* root element for scrollable items */ 
div.scrollable2 div.items2 { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}

/* root element for scrollable */
.vertical2 {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 420px;	 
	width: 220px;
	border-top:1px solid #ddd;	
	margin-top:5px;
}

/* root element for scrollable items */
.items2 {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.items2 div {
	width:100%;
	margin:10px 0;
}

/* elements inside single item */
.items2 img {
	margin-bottom:10px;
}

.items2 h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}

/* the action buttons above the scrollable */
#actions2 {
	width:220px;
	/*margin:30px 0 10px 0*/;	
}

#actions2 a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions2 a:hover {
	text-decoration:underline;
	color:#000;
}

#actions2 h2 {float:left;color:#989898;font-size:12px;font-weight:normal;}

.disabled {
	visibility:hidden;		
}

.nextPage, .prevPage {
	float:right;
}	

.greenbox {
	background-color:#1f08a1;
	height:18px;
	color:#fff;
	font-size:12px;
	padding-top:5px;
	padding-left:10px;
	margin-top:4px;
	letter-spacing:1px;
}





/* FRAMES */

#home_container {background-image:url(/images/content-bg.gif);height:332px;width:100%;border-bottom:10px #fff solid;}
#home-content {width:960px;margin:auto;padding-top:20px;padding-bottom:10px;}

#col-prod {width:650px;float:left;}

#col-news {width:220px;padding-left:20px;float:right;border-left:#333333 1px solid;}
#col-news p, #col-prod p {padding-bottom:10px;font-size:12px;color:#333333;}
#col-news h1 {color:#1f08a1;font-size:12px;font-weight:normal;}
#col-news a {color:#1f08a1;text-decoration:none;}
#col-news a:hover {text-decoration:underline;}
#col-news .date, #col-prod .date {color:#666;font-weight:bold;}

#col-prod h2 {color:#8d8d8d;font-size:12px;font-weight:normal;text-transform:uppercase;}


/* INNER */

/* TD products page */
.classCol1 {padding-left:0px;padding-bottom:30px;}
.classCol2 {padding-left:30px;padding-right:30px;padding-bottom:30px;}
.classCol3 {padding-right:0px;padding-bottom:30px;}

#col-inner {width:650px;float:left;}
#col-inner h1 {color:#333333;font-size:20px;font-weight:normal;font-family:MgOpen Modata;margin-bottom:15px;}
#col-inner h2 {color:#333333;font-size:12px;font-weight:normal;margin-bottom:5px;margin-top:10px;}
#col-inner p {padding-bottom:10px;font-size:12px;color:#333333;}
#col-inner li {padding-bottom:2px;font-size:12px;color:#333333;margin-left:20px;}
#col-inner a {color:#1f08a1;text-decoration:none;}
#col-inner a:hover {color:#1f08a1;text-decoration:underline;}

#innerSubMenu {margin-bottom:10px;border-bottom:#c3c3c3 1px solid;padding-bottom:5px;font-size:11px;color:#333333;}
#innerSubMenu a {color:#1f08a1;text-decoration:none;text-transform:uppercase;margin-left:5px;margin-right:5px;}
#innerSubMenu a:hover {color:#333333;text-decoration:underline;}

#inner_container {
	background-image:url(/images/content-bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	width:100%;
	border-bottom:10px #fff solid;
	background-color:#fff;
	padding-bottom:15px;
}

input, textarea {color:#666;font-size:10px;font-family:Tahoma, Geneva, sans-serif;}