@charset "utf-8";
/* =============================================================================
					RESET DU STYLE PAR DEFAULT DES NAVIGATEURS 
					(pour eviter les mauvaises surpprises...)
* ===========================================================================*/
*{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}
body {line-height: 1;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
a {color: #505050; text-decoration: none;}
input, select, textarea{font:inherit;}
/* =============================================================================
* ===========================================================================*/

body
{
	background-color: #f1f1f1;
	background-image: url(../images/background.png);
	background-repeat: no-repeat;
	background-position: top center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	cursor:default;
}

div#main {
	width: 1000px;
	margin: auto;
	padding-bottom: 38px;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }



/* =============================================================================
									Styles globaux
* ===========================================================================*/
.clear {clear: both;}
/*Bouton
-------------------*/
a.btn_more {display: block; height: 18px; position: relative; cursor: pointer;}
a.btn_more .bg {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;  background: url(../images/btn_more.png) right no-repeat; text-align: right; padding: 4px 26px 0 0; color: #fff; z-index:11; font-size: 10px; cursor: pointer;}
a.btn_more .black {display: block; top: 2px; right: 0px; bottom: 0px; left: 0px; position: absolute; z-index:1; background: #000; -moz-opacity:0.2; opacity: 0.2; filter:alpha(opacity=20); cursor: pointer;}
/*About us
-------------------*/
div#content_about_us {width: 1000px; padding-top: 1px; border-top: 2px solid #afafaf; margin-top: 28px; float: left;}
div#about_us {float: left; height: 207px; width: 663px; position: relative;}
div#about_us a.btn_more {position: absolute; bottom: 4px; left: 4px;}
div#about_us p {height: 120px; width: 480px; margin: 50px 0 0 173px; color: #d9d9d9;}
/*Partners
-------------------*/
div#partners {float: left; height: 166px; width: 326px; position: relative; margin-left: 11px; padding-top: 41px;}
div#partners a.btn_more {position: absolute; bottom: 4px; left: 4px;}
div#partners ul#carousel_partenaires {overflow: hidden; float: left;}
/* =============================================================================
* ===========================================================================*/



/* =============================================================================
									HEADER
* ===========================================================================*/
div#header {width: 1000px; height: 230px; position: relative;}
div#header a.logo {position: absolute; display: block; top: 45px; left: 8px; height: 141px; width: 359px; text-indent: -999em;}
div#menu {height: 64px; float: right; background: url(../images/menu_bg.png) bottom repeat-x;}
div#menu div.lang {height: 53px; float: left; margin-left: 10px;}
div#menu div.lang img {margin-top: 10px;}
div#menu div.lang .noactiv {-moz-opacity:0.6; opacity: 0.6; filter:alpha(opacity=60);}
div#menu .menu {float: left; display: block; height: 53px; color:#ececec; background-position: top; background-repeat: no-repeat; text-indent: -999em; position: relative;}
/* ------- MENU FR --------- */
div#menu .societe_fr {background-image: url(../images/fr/menu_compagny.png); width: 76px;}
div#menu .solutions_fr {background-image: url(../images/fr/menu_solution.png); width: 85px;}
div#menu .upgrades_fr {background-image: url(../images/fr/menu_upgrade.png); width: 138px;}
div#menu .produits_fr {background-image: url(../images/fr/menu_products.png); width: 74px;}
div#menu .oem_fr {background-image: url(../images/fr/menu_oem.png); width: 94px;}
div#menu a.contact_fr {background-image: url(../images/fr/menu_contact.png); width: 68px;}
/* ------- MENU EN --------- */
div#menu .company_en {background-image: url(../images/en/menu_compagny.png); width: 95px;}
div#menu .solutions_en {background-image: url(../images/en/menu_solution.png); width: 87px;}
div#menu .upgrades_en {background-image: url(../images/en/menu_upgrade.png); width: 142px;}
div#menu .produits_en {background-image: url(../images/en/menu_products.png); width: 83px;}
div#menu .oem_en {background-image: url(../images/en/menu_oem.png); width: 62px;}
div#menu a.contact_en {background-image: url(../images/en/menu_contact.png); width: 94px;}
/* ------------------------- */
div#menu .menu:hover {background-position: bottom;}
div#search {height: 77px; width: 294px; background: url(../images/search_bg.png) no-repeat; float: right; margin-top: 14px; clear: right;}
div#search input {float: left; height: 26px; width: 209px; margin-top: 6px; padding: 0 9px 0 9px; line-height: 26px; background: none; border: none; color: #fff; font-style: italic;}
div#search a.submit {display: block; height: 18px; width: 18px; background: url(../images/search_submit.png) top no-repeat; float: left; margin-top: 12px;}
div#search a.submit:hover {background-position: bottom;}


/*div#menu
{
	position: absolute;
	min-height: 35px;
	width: 954px;
	margin: 93px 0 0 1px;
	background: #4b4b4b;
}
div#menu span {padding-left: 6px; border-left: 1px solid #aec91f; color: #aec91f; font-size: 13px; cursor: pointer;}
div#menu span:hover {border-left: 1px solid #fff; color: #fff; border-bottom: 2px solid #fff; padding-bottom: 9px;}*/
div#menu div.subMenu {position: absolute; top:43px; margin-top: 10px; height: 0px; background: #555; left: 0px; /*width: 200px;*/ z-index:100; overflow: hidden;}
div#menu div.subMenu a, div#menu div.subMenu .subSubMenuOpen, div#menu div.subSubMenu a  {display: block; text-align: left; color: #fff; background: #00a4e4; padding: 8px 10px 8px 10px; margin: 0;}
div#menu div.subMenu a:hover, div#menu div.subSubMenuOpen:hover { background: #5ec8f1; }

div#menu div.subMenu:hover .menu /*, div#menu div.subSubMenuOpen:hover .menu*/ {background-position: bottom;}
/*div#menu div.subMenu a:hover {color: #4b4b4b; background-image: #aec91f;}*/

div#menu div.subSubMenu {position: absolute; /*margin-left: 201px; height: 400px;*/ width: 0px; z-index:101; /*background: red;*/ overflow: hidden;}
/* =============================================================================
* ===========================================================================*/



/* =============================================================================
									TPL_HOME
* ===========================================================================*/
/*Slider
-------------------*/
div#tpl_home div#slider {height: 411px; width: 1000px; background: url(../images/slider_bg.jpg) bottom no-repeat;}
/*Solutions
-------------------*/
div#tpl_home div#solutions {height: 217px; width: 1000px; background: url(../images/solutions_bg.png) no-repeat; margin-top: 27px;}
div#tpl_home div.soft {float: left; margin-left: 4px; height: 207px; width: 333px;}
div#tpl_home div.soft p {height: 85px; width: 188px; float: left; margin: 45px 0 0 15px; font-size: 10px;}
div#tpl_home div.soft a.btn {display: block; height: 36px; width: 194px; position: absolute; margin-top: 164px;}
div#tpl_home div#digiH { margin-left: -7px;}
/*div#tpl_home div#digiE {background: url(../images/en/digiE_home.png) no-repeat;}
div#tpl_home div#digiX {background: url(../images/en/digiX_home.png) no-repeat;}*/
/*News
-------------------*/
div#tpl_home div#news {height: 121px; width: 1000px; background: url(../images/news_bg.png) no-repeat; padding-top: 4px; position: relative;}
div#tpl_home div#news h1 {position: absolute; font-size: 18px; color: #afafaf; font-weight: normal; right: 0; top: -14px; z-index:-1;}
div#tpl_home div#news div.actu {float: left; margin-left: 11px; height: 94px; width: 299px; background: url(../images/news_bg2.png) no-repeat; padding: 8px 10px 10px 10px; position: relative;}
div#tpl_home div#news div.actu h2 {font-size: 11px; color: #777; margin-bottom: 10px;}
div#tpl_home div#news div.actu p {font-size: 10px; color: #666666;}
div#tpl_home div#news div.actu a.btn_more {position: absolute; bottom: 6px; left: 10px;}
/* =============================================================================
* ===========================================================================*/



/* =============================================================================
									TPL_INTERNE
* ===========================================================================*/
/*LEFTCOLUMN
-------------------*/
div#tpl_interne div#leftColumn {float: left; width: 721px;line-height:18px;}

div#tpl_interne div#leftColumn h1 {width: 713px; height: 24px; background: url(../images/title_interne.png) no-repeat; font-size: 18px; font-weight: normal; color: #fff; padding: 6px 0 0 8px; margin-bottom: 33px;}
div#tpl_interne div#leftColumn h2 {width: 700px; height: 20px; font-size: 16px; font-weight: normal; color: #666; padding: 6px 0 0 21px; margin-bottom: 20px;}
div#tpl_interne div#leftColumn div.photoBg {height: 163px; width: 217px; background: url(../images/photos_interne_bg.png) no-repeat; padding-top: 2px;}
div#tpl_interne div#leftColumn .left {float: left; margin-right: 20px; margin-bottom: 9px;}
div#tpl_interne div#leftColumn .right {float: right; margin-left: 20px; margin-bottom: 9px;}
div#tpl_interne div#leftColumn p {margin-bottom: 20px; text-align: justify;}
/* LIENS */
div#tpl_interne div#leftColumn a { text-decoration:underline; color:#0099cc; }
div#tpl_interne div#leftColumn a:hover { text-decoration:none; color:#999999; }
/* ARCHIVES - RECHERCHE - SEP */
div#tpl_interne div#leftColumn div.content_sep { width:720px; height:2px; background:url(../images/actu_sep.png) no-repeat; margin:5px 0px; }
div#tpl_interne div#leftColumn table.archive_news { height:30px; width:100%; }
div#tpl_interne div#leftColumn table.recherche { width:100%; margin-bottom:20px; }
div#tpl_interne div#leftColumn table.recherche tr { height:30px; }
/* SITEMAP */
div#tpl_interne div#leftColumn ul#sitemap { margin:20px; }
div#tpl_interne div#leftColumn ul#sitemap a { color:#555555; text-decoration:none; }
div#tpl_interne div#leftColumn ul#sitemap a:hover { color:#222222; text-decoration:underline; }
div#tpl_interne div#leftColumn ul#sitemap li.step2 { height:17px; list-style-type:circle; margin-left:25px; }
div#tpl_interne div#leftColumn ul#sitemap li.sitemap_title { font-size:13px; margin-top:20px; list-style-type:none outside none; }
/* CONTACT */
div#tpl_interne div#leftColumn div#gmap { border:1px solid #333; width:380px; height:240px; }
div#tpl_interne div#leftColumn div#contact_form { margin:20px 0px 0px 80px; color:#333333; }
div#tpl_interne div#leftColumn div#contact_form p { margin-bottom:10px; }
div#tpl_interne div#leftColumn div#contact_form label { width:150px; padding-top:4px; display:block; float:left; color:#333333; }
div#tpl_interne div#leftColumn div#contact_form .input { width:200px; padding:2px; height:18px; background-color:#EEEEEE; border:1px solid #AAAAAA; }
div#tpl_interne div#leftColumn div#contact_form .input:hover { background-color:#EFEFEF; border:1px solid #333333; }
div#tpl_interne div#leftColumn div#contact_form textarea { width:200px; padding:2px; height:80px; background-color:#EEEEEE; border:1px solid #AAAAAA; }
div#tpl_interne div#leftColumn div#contact_form textarea:hover { background-color:#EFEFEF; border:1px solid #333333; }
div#tpl_interne div#leftColumn div#contact_form select { width:200px; padding:2px; height:25px; background-color:#EEEEEE; border:1px solid #AAAAAA; }
div#tpl_interne div#leftColumn div#contact_form select option { height:25px; }
div#tpl_interne div#leftColumn div#contact_form .submit { height:30px; width:auto; padding:0px 35px 0px 35px; background:url(../images/bouton_bg_off.gif) repeat-x; color:#FFF; cursor:pointer; }
/*div#tpl_interne div#leftColumn div#contact_form .submit:hover { background:url(../images/bouton_bg_on.gif) repeat-x;  }*/
div#tpl_interne div#leftColumn div#contact_form span.message_ok { color:#009933; }
div#tpl_interne div#leftColumn div#contact_form span.message_bad { color:#CC0000; }
/*RIGHTCOLUMN
-------------------*/
div#tpl_interne div#rightColumn {float: right; width: 251px;}

div#tpl_interne div#news {height: 346px; width: 245px; background: url(../images/news_interne_bg.png) no-repeat; padding: 9px 0 0 6px; position: relative;}
div#tpl_interne div#news h1 {position: absolute; font-size: 18px; color: #afafaf; font-weight: normal; right: 0; top: -14px; z-index:-1;}
div#tpl_interne div#news div.actu {float: left; height: 94px; width: 225px; margin-bottom: 2px; padding: 8px 10px 10px 4px; position: relative;}
div#tpl_interne div#news div.actu h2 {font-size: 11px; color: #777; margin-bottom: 10px;}
div#tpl_interne div#news div.actu p {font-size: 10px; color: #666666;}
div#tpl_interne div#news div.actu a.btn_more {position: absolute; bottom: 5px; left: 4px;}

div#tpl_interne div#rightColumn a.softInterne {display: block; height: 77px; width: 250px; margin-top: 11px; position: relative;}
div#tpl_interne div#rightColumn a#digiH {background: url(../images/en/digiH_interne.png) no-repeat;}
div#tpl_interne div#rightColumn a#digiE {background: url(../images/en/digiE_interne.png) no-repeat;}
div#tpl_interne div#rightColumn a#digiX {background: url(../images/en/digiX_interne.png) no-repeat;}
div#tpl_interne div#rightColumn a.softInterne .over {display: block; height: 51px; width: 250px; position: absolute; bottom: 0px; -moz-opacity:0; opacity: 0; filter:alpha(opacity=0); cursor: pointer;}
/* =============================================================================
* ===========================================================================*/




/* =============================================================================
									TPL_SOFTWARE
* ===========================================================================*/
/*LEFTCOLUMN
-------------------*/
div#tpl_soft div#leftColumn {float: left; width: 653px; background: url(../images/soft_bg.png) no-repeat;}
div#tpl_soft div#leftColumn .head {margin-bottom: 16px;}
div#tpl_soft div#leftColumn div.content_texte {float: left; width: 445px;line-height:15px;}
div#tpl_soft div#leftColumn div.content_texte p {padding:2px;}
div#tpl_soft div#leftColumn div.content_gallery {float: right; width: 197px;}

div#tpl_soft div#leftColumn h1 {width: 437px; line-height:22px; height: 24px; background: url(../images/title_interne.png) top right no-repeat; font-size: 18px; font-weight: normal; color: #fff; padding: 6px 0 0 8px; margin-bottom: 20px;}
div#tpl_soft div#leftColumn div.photoBg {height: 143px; width: 197px; background: url(../images/photos_soft_bg.png) no-repeat; padding-top: 2px; margin-bottom: 8px;}
div#tpl_soft div#leftColumn p {margin-bottom: 20px; text-align: justify;}
/*RIGHTCOLUMN
-------------------*/
div#tpl_soft div#rightColumn {float: right; width: 320px;}
div#tpl_soft div#rightColumn div#tabs {width: 320px; height: 442px; background: url(../images/soft_tabs_bg.png) no-repeat; font-size: 10px; color: #EEE;}					
div#tpl_soft div#rightColumn .ui-tabs { position: relative;zoom:1;}
div#tpl_soft div#rightColumn .ui-tabs .ui-tabs-nav {float: left; height: 43px; width: 320px; margin-top: 5px;}										
div#tpl_soft div#rightColumn .ui-tabs .ui-tabs-nav li a{line-height:1.5; display: block; float: left; position: relative; border-bottom: 0 !important; white-space: nowrap; height: 25px; padding: 9px 15px 0 15px; color: #303030; font-size: 14px; text-shadow: 1px 1px 1px #fff;}
div#tpl_soft div#rightColumn .ui-tabs .ui-tabs-nav li a:hover {background: url(../images/soft_tabs_over2.png) repeat-x;}					
div#tpl_soft div#rightColumn .ui-tabs .ui-tabs-nav li {float: left; height: 43px;}
div#tpl_soft div#rightColumn .ui-tabs .ui-tabs-nav li.ui-tabs-selected {background: url(../images/soft_tabs_selected.png) no-repeat bottom center!important;}
div#tpl_soft div#rightColumn .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {background: url(../images/soft_tabs_over.png) repeat-x!important;}
div#tpl_soft div#rightColumn .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;}
div#tpl_soft div#rightColumn .ui-tabs .ui-tabs-panel {float: left; display: block; border-width: 0; padding: 10px; background: none;}					
div#tpl_soft div#rightColumn .ui-tabs .ui-tabs-hide {display: none !important;}
/* =============================================================================
* ===========================================================================*/




/* =============================================================================
									FOOTER
* ===========================================================================*/
div#footerGlobal {height: 88px; width: 100%; background: url(../images/footer_bg.png) top center no-repeat;}
div#footer {margin: auto; width: 1000px; height: 88px; color: #fff; font-size: 10px;}
div#footer a {color: #fff;}
div#footer a:hover {text-decoration: underline;}
div#footer div.left {float: left; margin-top: 66px;}
div#footer div.right {float: right; margin-top: 29px; text-align: right;}
div#footer div.right .img {margin-bottom: 6px;}
/* =============================================================================
* ===========================================================================*/