@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: #0099CC; 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 h1.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 .support_fr { background-image: url(../images/fr/menu_support.png); width: 81px; }
div#menu .news_fr { background-image: url(../images/fr/menu_news.png); width: 95px; }
div#menu .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 .support_en { background-image: url(../images/fr/menu_support.png); width: 81px; }
div#menu .news_en { background-image: url(../images/en/menu_news.png); width: 66px; }
div#menu .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; }
a#contactus { display:none }
/*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; font-size: 11px !important; }
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: 117px; width: 1000px; margin-top:17px; background: url(../images/news_bg.png) no-repeat; padding-top: 7px; 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: 96px; width: 464px; background: url(../images/news_bg_index.png) no-repeat; padding: 8px 10px 10px 10px; position: relative; }
div#tpl_home div#news div.actu h2 { font-size: 12px; color: #777; margin-bottom: 7px; }
div#tpl_home div#news div.actu p { font-size: 11px; color: #666666; line-height:1.4em }
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: 96px; width: 225px; margin-bottom: 2px; padding: 6px 10px 10px 4px; position: relative; }
div#tpl_interne div#news div.actu h2 { font-size: 12px; color: #777; margin-bottom: 8px; }
div#tpl_interne div#news div.actu p { font-size: 10px; color: #666666; line-height:1.1em }
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: 445px; 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; }
/* =============================================================================
* ===========================================================================*/



/* =============================================================================
									NEWSLETTER
* ===========================================================================*/
div#newsletter_msg { padding: 10px; text-align: center; background: #f8f8f8; border-top: 1px solid #ACACAC; border-bottom: 1px solid #ACACAC; margin-bottom: 15px; }
div#newsletter_msg.valid { color: #177310; }
div#newsletter_msg.error { color: #c50f0f; }
div#newsletter form input[type=text] { background: #FFF; border: 1px solid #ACACAC; padding: 6px; width: 180px; }
div#newsletter form input[type=submit] { background: #F8F8F8; border: 1px solid #ACACAC; padding: 5px; cursor: pointer; }
div#newsletter form input[type=submit]:hover { background: #FFF; }
/* =============================================================================
* ===========================================================================*/



/* =============================================================================
									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: 47px; text-align: right; line-height: 16px; }
div#footer div.middle { float: left; margin-top: 48px; margin-left: 40px; }
div#footer div.middle .img { margin-bottom: 6px; }
div#footer div.right { float: right; margin-top: 36px; text-align: right; }

div#footer div.right div#newsletter_msg { padding: 10px; text-align: center; background: #f8f8f8; border-top: 1px solid #ACACAC; border-bottom: 1px solid #ACACAC; margin-bottom: 15px; }
div#footer div.right div#newsletter_msg.valid { color: #177310; }
div#footer div.right div#newsletter_msg.error { color: #c50f0f; }
div#footer div.right  span.footer_newsletter_title { font-size: 10px; font-weight: bold; display: block; margin-bottom: 7px; }
div#footer div.right form input[type=text] { background: #FFF; padding: 4px; width: 180px; }
div#footer div.right form input[type=submit] { background: #F8F8F8; padding: 3px; cursor: pointer; }
div#footer div.right input[type=submit]:hover { background: #FFF; }
/* =============================================================================
* ===========================================================================*/