/*-------------------------------------------------------------
 Global definitions
---------------------------------------------------------------*/
body, div, dl, dt, dd, ol, li, h1, ul, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
fieldset, img {border: 0;}
caption, th {text-align: left;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
map {display: block; visibility: hidden;}
a, :focus {outline: none;}
body 
{
	margin: 0; padding: 0; background: #f0f0f0 url(../images/bg_mainBackground.gif) 0 0 repeat-x;
}
body, textarea, input, select {font-family: "Arial", sans-serif; color: #000; font-size: 11px;}
h1 {font-size: 20px; font-weight: bold; line-height: 22px; margin-bottom: 10px;}
h2 {font-size: 18px; font-weight: bold; line-height: 20px; margin-bottom: 8px; color: #4877ac;}

h3 {font-size: 16px; font-weight: normal; color: #266eb6; background: url(../images/title_line_top.gif) 0 0 repeat-x; padding-top: 10px; margin-bottom: 14px;}

h4 {font-size: 14px; font-weight: normal; color: #444; font-family: "Lucida Grande","Lucida Sans Unicode", Arial, sans-serif; background: url(../images/heading_line.gif) 0 bottom no-repeat; margin-top: -6px; padding-bottom: 3px; margin-bottom: 3px;}

p {text-align: justify;}
a {color: #000;}
a:hover {color: #266eb6;}
a:hover span {color: #266eb6;}
hr {display: none;}


/*-------------------------------------------------------------
 Goaland global template
---------------------------------------------------------------*/
#page {margin: auto; width: 980px; padding: 14px 0 0 0; position: relative;}

.main {padding-top: 11px; padding-left: 23px; padding-right: 38px;}

/* Header */
.header {/*float: left; */padding: 0 0 0 23px;}
.header .logo h1,
.header .baseLine h2 {display: none;}

.header .logo {float: left;}
.header .logo span img {display: none;}
.header .logo span {display: block; width: 70px; height: 70px; background: url(../images/logo_goaland.gif) 0 0 no-repeat;}

.baseLine {background: url(../images/internet_based_software_engineering_noir.png) 0 0 no-repeat; width: 369px; height: 26px; float: left; margin: 23px 0 0 13px;}

/* Sidebar */
.sidebar {width: 200px; float: right; margin-top: 1px;}

/* Navigation */
.nav {position: absolute; top: 67px; left: 105px;}
.nav ul {list-style: none;}
.nav li {margin: 0 30px 0 0; padding: 0; float: left;}
.nav li span {display: none;}
.nav li a {display: block; height: 18px; background-image: url(../images/navigation.gif); background-repeat: no-repeat;}


/* Footer */
.footer {background: url(../images/footer.gif) 0 0 no-repeat; width: 894px; height: 35px; padding: 7px 0 0 0; margin: 35px 0 0 0;}
.footerLink {width: 160px; margin: 17px auto 0 450px; text-align: left;}
.footer a { text-decoration: none;}
.footer a:hover {text-decoration: underline;}
.footer a span {font-size: 10px; color: #2d3133;}
.footer hr {display: none;}
.footer .copyright {text-align: left; background: red;}
.footer .copyright span {display: none;}

/* Headings */
h1.pageTitle {font-size: 24px; font-weight: normal; color: #501e77; margin: -6px 0 4px 0; letter-spacing: 1.6px; text-transform: lowercase;}
h2.pageSubTitle {font-size: 18px; color: #857194; font-weight: normal; letter-spacing: 1.6px; text-transform: lowercase; margin-top: -6px;}

/* Form */
input.inputText,
textarea
{border: 1px solid #c6c6c6; background: #fff; padding: 2px 4px;}

/* breadCrumb */
.breadCrumb {margin-bottom: 19px;}
.breadCrumb span {font-size: 10px; color: #666;}
.breadCrumb a {font-size: 10px; color: #000;}
.breadCrumb span.bc_separation {padding: 0 4px;}

/* Lettrines */
span.droppedInitial {display: block; float: left; height: 47px; font-size: 50px; margin-top: -8px; margin-right: 4Px;}


/*-------------------------------------------------------------
 Header options
---------------------------------------------------------------*/
/* Main search */
.mainSearch {z-index: 2; position: absolute; top: 10px; right: 115px; width: 190px; height: 22px; /*background: url(../images/bg_inputSearch.jpg) 0 0 no-repeat;*/ padding: 1px 0 0 0;}
.mainSearch .inputSearch {float: left; width: 133px; width: 130px; height: 22px; border: 0; background: none; margin: 0 0 0 5px; background: url(../images/mainSearchInput.gif) 0 0 no-repeat; padding-top: 4px; padding-left: 8px;}
.mainSearch .inputSearchSubmit {float: left; width: 46px; height: 22px; background: url(../images/mainInputSearchButton.gif) 0 0 no-repeat; border: 0; margin: 3px 0 0 8px; cursor: pointer; margin: 0;}


/* languageSelection */
.languageSelection {z-index: 3; position: absolute; top: 10px; right: 295px; }
.languageSelection ul {list-style: none; margin: 3px 0 0 0; padding: 0;}
.languageSelection li {margin: 2px 6px 0 0; padding: 0; border: 0; float: left;}
.languageSelection span {display: none;}
.languageSelection .en a{background: url(../images/en_off.gif) 0 0 no-repeat; width: 16px; height: 11px; display: block;}
.languageSelection .en a.on {background: url(../images/en.gif) 0 0 no-repeat; width: 16px; height: 11px; display: block;}
.languageSelection .fr a {background: url(../images/fr_off.gif) 0 0 no-repeat; width: 16px; height: 11px; display: block;}
.languageSelection .fr a.on {background: url(../images/fr.gif) 0 0 no-repeat; width: 16px; height: 11px; display: block;}

/* clientAccessButton */
div.clientAccessButton {z-index: 4; position: absolute; top: 8px; right: 0px; width: 100px; height: 23px;}
div.clientAccessButton .button a {background-image: url(../images/buttons/button_bg_grey.gif);}
div.clientAccessButton .button a span {background-image: url(../images/buttons/button_bg_grey.gif);}


/* contentColumn */
table.contentColumn td {vertical-align: top; padding-bottom: 20px;}
table.contentColumn td.leftColumn {width: 304px; width: 280px; padding-right: 44px;}
table.contentColumn td.rightColumn {}





/*-------------------------------------------------------------
 Buttons
---------------------------------------------------------------*/
div.button {display: -moz-inline-box; display: inline-block; margin-right: 5px;}
div.button a {display: block; background: url(../images/buttons/button_bgwhite.gif) left 0 no-repeat; padding-left: 15px; text-decoration: none; line-height: 30px; padding-left: 20px;}
div.button a span {display: block; background: url(../images/buttons/button_bgwhite.gif) right 0 no-repeat; padding-right: 15px; font-size: 10px; height: 29px; color: #000; text-transform: lowercase; padding-right: 20px;}
div.button a:hover span {}
div.button a:hover {background-position: left -29px;}
div.button a:hover span {background-position: right -29px;}


div.buttonDownloadOffre a {position: relative;}
div.buttonDownloadOffre img {position: absolute; top: 0; left: 0; padding: 6px 12px;}
div.buttonDownloadOffre a span {padding-left: 20px;}


div.buttonLearnMoreTechSpresso a {background-image: url(../images/buttons/button_bgblue.gif); }
div.buttonLearnMoreTechSpresso a span {background-image: url(../images/buttons/button_bgblue.gif);}

div.buttonPDF a {position: relative;}
div.buttonPDF img {position: absolute; top: 0; left: 0; padding: 6px 12px;}
div.buttonPDF a span {padding-left: 20px;}





/*-------------------------------------------------------------
 Box
---------------------------------------------------------------*/
/* Définition global des boites */
.box {width: 225px; margin-bottom: 11px;}
.box h3.box_title {font-family: "Lucida Grande","Lucida Sans Unicode", Arial, sans-serif; font-size: 11px; color: #fff; padding-top: 5px; padding-left: 13px; min-height: 0px; padding-top: 0; height: auto; margin-bottom: 0; padding-bottom: 0; padding-top: 6px; background: url(../images/box_225_purple_title.png) 0 0 no-repeat; padding-bottom: 2px;}
.box_content_start {display: block; height: 4px; background: url(../images/box_225_purple_content_start.png) 0 0 no-repeat;}
.box .box_content {background: url(../images/box_225_purple_content.png) 0 0 repeat-y; /*padding-top: 24px;*/}
.box .box_content p {margin-bottom: 0;}
.box .box_footer {background: url(../images/box_225_purple_footer.png) 0 0 repeat-y; height: 6px;}


/* Navigation dans les boîtes */
ul.box_navigation {list-style: none; margin-top: -8px;}
ul.box_navigation ul {list-style: none;}
ul.box_navigation li {clear: both; text-align: left;}
ul.box_navigation a {display: block; font-size: 11px; letter-spacing: 1.4px; /*height: 22px; line-height: 23px;*/ color: #525252; text-decoration: none; margin-bottom: 1px;}
ul.box_navigation span {display: block; padding-left: 13px; padding-top: 2px; padding-bottom: 5px; padding-right: 13px;}
ul.box_navigation a {padding-top: 5px; margin: 0;}

ul.box_navigation li a:hover,
ul.box_navigation li.on a
{background: url(../images/navigation_item_hover.gif) 0 0 no-repeat;}

ul.box_navigation li a:hover span,
ul.box_navigation li.on span
{background: url(../images/navigation_item_hover.gif) 0 bottom no-repeat; color: #000;}

/* Subnav */
ul.box_navigation ul a {height: 15px; line-height: 15px; font-size: 11px; letter-spacing: 0.8px; color: #474747; margin-bottom: 0px;}
ul.box_navigation ul span {padding-left: 30px; padding-bottom: 0; padding-top: 0;}
ul.box_navigation ul li {background: url(../images/picto_4x4_purple.gif) 16px center no-repeat;}
ul.box_navigation li ul a:hover span,
ul.box_navigation li.on ul a:hover span
{background: url(../images/navigation_item_hover.gif) right bottom no-repeat; color: #000;}
ul.box_navigation li ul a:hover,
ul.box_navigation li.on ul a:hover
{background: url(../images/navigation_item_hover.gif) right 0 no-repeat;}

ul.box_navigation li.on ul a {background: none;}
ul.box_navigation li.on ul span {background: none;color: #525252;}

ul.box_navigation li {background: none; font-size: auto; padding-left: 0; margin-left: 0; margin-bottom: 0; }


/* Boite de news */
.boxNews {}
.boxNews .box_content {padding: 24px 18px 18px 18px;}
.boxNews strong.date {font-weight: normal; color: #5b5b5b;}
.boxNews ul.box_navigation a {letter-spacing: normal;}


/* Boite des archives des news */
.boxNewsArchive {}
.boxNewsArchive .box_content {padding: 24px 18px 18px 18px;}


/* Boite des références */
.boxReferences {}
.boxReferences .box_content {padding: 24px 18px 18px 18px;}


/* box_aboutNavigation */
.box_aboutNavigation .box_content {padding: 24px 18px 18px 18px;}


/* box_aboutNavigation */
.box_post .box_content {padding: 24px 18px 18px 18px;}


/* box_techSpresso */
.box_techSpresso .box_content {padding: 24px 18px 18px 18px;}



/* box_coordinates */
.boxGoalandInfo {}
.boxGoalandInfo .box_content {padding: 12px 20px 12px 20px;}
.boxGoalandInfo p {text-align: left; line-height: 20px;}

/* box Plan d acces */
.boxGoalandMap {}
.boxGoalandMap .box_content {padding: 9px 0; text-align: center;}


/* Boite de contenu principale avec logo Goaland en bas à droite */
.mainBox {width: 709px; float: left; margin-bottom: 12px;}
.mainBox .mb_top {background: url(../images/boxMain_background.gif) 0 top no-repeat; height: 10px;}
.mainBox .mb_content {background: green; background: url(../images/boxMain_background.gif) 0 bottom no-repeat; min-height: 350px; min-height: 318px;
padding-left: 43px; padding-top: 33px; padding-right: 56px; padding-bottom: 44px;}




/* Liste des technos */
ul.technoList {position: absolute; top: 395px; left: 33px; list-style: none; margin: 0; width: 610px;}
ul.technoList li {width: 29px; height: 29px; float: left; list-style: none; position: relative; padding: 0;}
ul.technoList li span.hover {display: none; width: 29px; height: 29px; position: absolute; background: url(../images/icon_techno_hover.png) 0 0 no-repeat;}
ul.technoList li span  {display: none;}
ul.technoList li a {display: block; width: 29px; height: 29px; float: left; background-repeat: no-repeat; background-position: 0 0; margin-right: 10px; margin: 0;}
ul.technoList li a:hover span.hover {display: block;}

ul.technoList li.tl_sqlserver2008 a {background-image: url(../images/icon_techno_sqlserver2008.gif);}
ul.technoList li.tl_sqlserver a {background-image: url(../images/icon_techno_sqlserver.gif);}
ul.technoList li.tl_indesignserver a {background-image: url(../images/icon_techno_indesignserver.gif);}
ul.technoList li.tl_idsconnector a {background-image: url(../images/icon_techno_idsconnector.gif);}
ul.technoList li.tl_ajax a {background-image: url(../images/icon_techno_ajax.gif);}
ul.technoList li.tl_flash a {background-image: url(../images/icon_techno_flash.gif);}
ul.technoList li.tl_java a {background-image: url(../images/icon_techno_java.gif);}
ul.technoList li.tl_oracle a {background-image: url(../images/icon_techno_oracle.gif);}
ul.technoList li.tl_dotnet a {background-image: url(../images/icon_techno_dotnet.gif);}
ul.technoList li.tl_flex a {background-image: url(../images/icon_techno_flex.gif);}
ul.technoList li.tl_coldfusion a {background-image: url(../images/icon_techno_coldfusion.gif);}
ul.technoList li.tl_silverlight a {background-image: url(../images/icon_techno_silverlight.gif);}
ul.technoList li.tl_php a {background-image: url(../images/icon_techno_php.gif);}
ul.technoList li.tl_php5 a {background-image: url(../images/icon_techno_php.gif);}
ul.technoList li.tl_mysql a {background-image: url(../images/icon_techno_mysql.gif);}
ul.technoList li.tl_moss2007 a {background-image: url(../images/icon_techno_moss2007.gif);}
ul.technoList li.tl_xml a {background-image: url(../images/icon_techno_xml.gif);}
ul.technoList li.tl_iis a {background-image: url(../images/icon_techno_iis.gif);}
ul.technoList li.tl_verity a {background-image: url(../images/icon_techno_verity.gif);}
ul.technoList li.tl_windowsserver2003 a {background-image: url(../images/icon_techno_windowsserver2003.gif);}
ul.technoList li.tl_fusioncharts a {background-image: url(../images/icon_techno_fusioncharts.gif);}
ul.technoList li.tl_nusoap a {background-image: url(../images/icon_techno_nusoap.gif);}
ul.technoList li.tl_mvc a {background-image: url(../images/icon_techno_mvc.gif);}
ul.technoList li.tl_pear a {background-image: url(../images/icon_techno_pear.gif);}
ul.technoList li.tl_asppdf a {background-image: url(../images/icon_techno_asppdf.gif);}
ul.technoList li.tl_asp a {background-image: url(../images/icon_techno_asp.gif);}
ul.technoList li.tl_plateformelinux a {background-image: url(../images/icon_techno_linux.gif);}


/* adobe_solution_partner */
.adobe_solution_partner {margin-left: 36px; margin-top: 20px; margin-bottom: 20px;}


/*-------------------------------------------------------------
 footerSideBar
---------------------------------------------------------------*/
.footerSideBar {width: 942px; height: 163px; margin-left: 1px; background: url(../images/footerSideBar_background.gif) 0 0 no-repeat;}
.footerSideBar h3 {font-size: 13px; color: #501e77; margin-top: -7px; display: none;}
.footerSideBar .fs_box {width: 235px; float: left;}
.footerSideBar .fs_boxContent {margin: 22px; padding-top: 70px;}

/* techSpresso */
.footerSideBar .fs_techSpresso {background: url(../images/footerSideBar_techspresso.gif) center 5px no-repeat;}
.footerSideBar .fs_techSpresso .fs_boxContent {padding-top: 62px; margin-right: 10px; margin-left: 10px;}
.footerSideBar .fs_techSpresso table.fs_techSpresso_table {height: 65px;}
.footerSideBar .fs_techSpresso td.fs_techSpresso_table_img {padding-right: 10px; width: 72px;}
.footerSideBar .fs_techSpresso td.fs_techSpresso_table_img img {height: 65px;}
.footerSideBar .fs_techSpresso a {text-decoration: none;}
.footerSideBar .fs_techSpresso a:hover span {color: #2f6aac;}
.footerSideBar .fs_techSpresso span {display: block; clear: both;}
.footerSideBar .fs_techSpresso span.label {color: #000;  text-decoration: underline;}
.footerSideBar .fs_techSpresso span.date {color: #797979; }

.footerSideBar .fs_techSpresso ul.fs_techSpresso_list {list-style: none;}
.footerSideBar .fs_techSpresso ul.fs_techSpresso_list li {margin-bottom: 5px; background: url(../images/arrow.gif) 0 center no-repeat;}
.footerSideBar .fs_techSpresso ul.fs_techSpresso_list span {font-size: 10px; display: block;}
.footerSideBar .fs_techSpresso ul.fs_techSpresso_list a {text-decoration: none;}
.footerSideBar .fs_techSpresso ul.fs_techSpresso_list a:hover span {color: #2f6aac;}
.footerSideBar .fs_techSpresso ul.fs_techSpresso_list span.label {color: #000;  float: left; text-decoration: underline; padding-left: 9px;}
.footerSideBar .fs_techSpresso ul.fs_techSpresso_list span.date {color: #797979; float: right;}

/* goaBlog */
.footerSideBar .fs_goablog {width: 236px; background: url(../images/footerSideBar_goablog.gif) center 5px no-repeat;}
.footerSideBar .fs_goablog .fs_goablog_link {text-align: center; margin-top: 20px;}
.footerSideBar .fs_goablog .fs_goablog_link a:hover {color: #2f6aac;}

/* news */
.footerSideBar .fs_news {width: 236px; background: url(../images/footerSideBar_news.gif) center 5px no-repeat;}
.footerSideBar .fs_news .fs_boxContent {padding-top: 62px; margin-right: 10px; margin-left: 10px;}
.footerSideBar .fs_news table.fs_news_table {}
.footerSideBar .fs_news td.fs_news_table_img {padding-right: 10px; width: 72px;}
.footerSideBar .fs_news td.fs_news_table_img img {/*height: 65px;*/}
.footerSideBar .fs_news a {text-decoration: none;}
.footerSideBar .fs_news a:hover span {color: #2f6aac;}
.footerSideBar .fs_news span {display: block; clear: both;}
.footerSideBar .fs_news span.label {color: #000;  text-decoration: underline;}
.footerSideBar .fs_news span.date {color: #797979;}

/* spotlight */
.footerSideBar .fs_spotlight {background: url(../images/footerSideBar_spotlight.gif) center 5px no-repeat;}
.footerSideBar .fs_spotlight_img {text-align: center;}



/*-------------------------------------------------------------
 Liste de produits
---------------------------------------------------------------*/
.product_nav {margin-top: 10px;}
.product_nav ul {list-style: none;}
.product_nav li {float: left; margin-right: 3px;}
.product_nav a, .product_nav span {display: block; width: 228px; height: 37px; float: left;}
.product_nav a {line-height: 36px; background-position: 0 0; background-repeat: no-repeat;}
.product_nav span {background-position: 10px 4px; background-repeat: no-repeat; padding-left: 50px; cursor: pointer;}

.product_nav a.on, .product_nav a:hover {background-image: url(../images/prod_list_item_background.gif); text-decoration: none;}

.product_nav li.pn_sygesp span {background-image: url(../images/icon_prod_sy.gif);}
.product_nav li.pn_indesignconnector span {background-image: url(../images/icon_prod_ic.gif);}
.product_nav li.pn_data2print span {background-image: url(../images/icon_prod_dp.gif);}
.product_nav li.pn_data2shop span {background-image: url(../images/icon_prod_ds.gif);}
.product_nav li.pn_goashop span {background-image: url(../images/icon_prod_gs.gif);}
.product_nav li.pn_data2web span {background-image: url(../images/icon_prod_dw.gif);}
.product_nav li.pn_print2data span {background-image: url(../images/icon_prod_pr.gif);}
.product_nav li.pn_data2sms span {background-image: url(../images/icon_prod_dm.gif);}
.product_nav li.pn_databuilder span {background-image: url(../images/icon_prod_db.gif);}
.product_nav li.pn_datamanager span {background-image: url(../images/icon_prod_dm.gif);}
.product_nav li.pn_data2mail span {background-image: url(../images/icon_prod_dl.gif);}
.product_nav li.pn_mediadata span {background-image: url(../images/icon_prod_md.gif);}




/*-------------------------------------------------------------
Elements textes
---------------------------------------------------------------*/
.mainBox p {font-size: 12px; font-size: 11px; color: #474747; line-height: 22px; letter-spacing: 0.25px; margin-bottom: 20px;}
.mainBox div {font-size: 12px; font-size: 11px; color: #474747;}
.mainBox ul {list-style: none;}
.mainBox li {background: url(../images/picto_4x4_blue.gif) 0 5px no-repeat; font-size: 11px; padding-left: 10px; margin-left: 10px; margin-bottom: 24px; text-align: justify; margin-bottom: 12px;}

.mainBox p.headingParagraph {font-family: "Lucida Grande","Lucida Sans Unicode", Arial, sans-serif; color: #501e77; font-size: 18px; letter-spacing: 0.4px; width: 650px; margin-bottom: 23px; line-height: normal;}

p.highlight1 {background: #f7f7f7; padding: 24px;}/*
p.highlight2 {background: #f7f7f7; padding: 24px; font-size: 20px; color: #266EB6; line-height: normal; text-transform: uppercase; border: 1px solid #bdc2c7;}*/
p.highlight2 {font-size: 20px; color: #266EB6; background: url(../images/icon_page.gif) 0 0 no-repeat; padding: 8px 0 0 65px; min-height: 60px;}
p.laureat {font-size: 20px; color: #266EB6; padding: 18px 0 0 95px; min-height: 60px;background: url(../images/icon_laureat.gif) 0 0 no-repeat;}
em.warning {color: red;}



/*-------------------------------------------------------------
 Clearing
---------------------------------------------------------------*/
.clients:after, 
#clientsFlash:after, 
.product_nav ul:after, 
.productsList .pl_title:after, 
.productsList .product:after,
.box_referencesNavigation .box_content:after,
.footerSideBar .fs_techSpresso ul.fs_techSpresso_list a:after,
ul.keyFiguresList li:after,
ul.postList:after,
.postHeader:after,
ul.techSpressoList:after,
ul.techSpressoList .tl_itemContent:after,
.menu .content:after,
.menu .description:after
 {display: block; clear: both; content:"."; height: 0; visibility: hidden;}
 
.clear {display: block; clear: both;}