/*-------------------------------------------------------------
 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; margin-top: -15px; 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: 20px auto; position: relative; width: 709px; padding: 0;}

.main {}

.goaland a {display: block; background: url(../images/logo_goaland.gif) 0 0 no-repeat; width: 100%; height: 44px; margin-top: 200px;}
.goaland 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;}


/* 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 {}


.references {width: 400px; background: #efefef; /*float: right; */margin-bottom: 20px;}
.references .referencesContent {padding: 20px;}
.references h4 {margin-top: 0;}

.box {float: right; margin-left: 40px; margin-bottom: 40px; margin-top: 30px;}



/*-------------------------------------------------------------
 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
---------------------------------------------------------------*/

/* Boite de contenu principale avec logo Goaland en bas à droite */
.mainBox {width: 709px; 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: 620px;*/
padding-left: 43px; padding-top: 33px; padding-right: 56px; padding-bottom: 44px;}



/*-------------------------------------------------------------
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;}




/*-------------------------------------------------------------
 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;}