/* --------------------------------------------------------
/* --------------------------------------------------------
    Main stylesheet
    Site: Creaform
    Created by: Stéphanie Léveillé - stephanie.leveille@leonarddg.com
    Filename: css/main.css
   -------------------------------------------------------- */
   
/* --------------------------------------------------------
    COLORS
    Grey:            #333333
    Menu Grey        #404042
    Light Blue:      #74c8f7
    Blue:            #3a7ab1
   -------------------------------------------------------- */

/*@import url('menus.css');

* {
	border: 0;
	margin: 0;
	padding: 0;
}

:focus { outline: none;}

body {
	background: #fff;
	color: #000;
	font: 62.5% Verdana, Helvetica, Tahoma, Arial, sans-serif;
}*/

/* ------------>>> communs <<<-------------*/

.last { 
	background: none !important; 
	margin: 0 !important;
	padding: 0 !important;
 }
 
.fRight { float: right !important; }
.fLeft { float: left !important; }
.marginRight { margin-right: 10px !important; }
.marginLeft { margin-left: 10px !important; }
.marginBottom { margin-bottom: 10px !important; }
.paddingRight { padding-right: 10px !important; }
.noBullet { list-style: none !important; }

/* -------------->>> textes <<<---------------*/
/*p { line-height: 1.4em; margin: 0 0 1.4em; }
ul, ol { margin: 0 0 1.4em 20px; }

a { color: #3a7ab1; }

h1.logo { margin: 20px 0 0 18px; }

h1.logo a { 
	background: url(../images/logo-creaform.gif) no-repeat;
	display: block;
	height: 35px;
	text-indent: -1000px;
	width: 265px;
}

.contenu { font-size: 1.1em; }*/

.contenu h1 { color: #3a7ab1; font-size: 25px; line-height:1.6em;}
.contenu h1 a { color: #3a7ab1;}
.contenu h1, .contenu h3 { margin: 0 0 10px; }
.contenu ul { list-style: disc; margin-left: 30px; }

#content2Col2 ul { list-style: disc; }

#content2Col2 h3, #content2Col2 h3 a {
	color: #4e89be; font-size: 17px;
}
#content2Col2 h3 a:hover { border-bottom: 1px solid #3a7ab1;}

.contenu h3, caption { color: #3a7ab1; font-size: 1.2em; text-align: left;}

/*.contenu li { margin: 0 0 5px; }*/

p.top { 
	font-size: 0.9em; 
	margin-top: 10px;
	text-align: right; 
	clear: both;
}
p.small { font-size: 0.85em; }

p.intro {
	background-color: #3a7ab1;
	color: #fff;
	font-size: 18px;
	padding: 10px;
}

p.intro a { color: #fff; border-bottom: 1px solid #fff;}

p.top a {
	background: url(../images/arrow-top.gif) right top no-repeat;
	display: block;
	line-height: 13px;
	padding: 0 15px 0 0;
	text-decoration: none;
}

/*sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup { bottom: 1ex; }

sup {
	vertical-align: top;
	line-height: 1.4em;
	font-size: 80%;
}*/

a.training {
	background: url(../images/icons/icone_formation.jpg) 0px 0px no-repeat;
	display: inline-block;
	line-height: 40px;
	padding: 0 0 0 40px;
}

.vert {
	color: #7dbe00;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}
.btn-red{
	background: url(/en/images/buttons/red-button-hed.png) 0px 0px no-repeat;
	display: block;
	padding: 8px 12px;
	height: 66px;
	width: 154px;
	color: #FFF;
	text-decoration: none;
	margin-bottom: 10px;
}
.btn-red:hover, .btn-red:active{ background-position: 0px -82px; }
/* ------------->>> structure <<<-------------*/
/*#container {
	margin: 0 auto;
	padding: 0 10px;
	width: 780px;
}

#header {
	border-top: 10px solid #4d4d4f;
	position: relative;
	width: 747px;
	z-index: 101;
}
#mainContent { position: relative; z-index:1;}

#banner { width: 750px; height: 115px; position: relative; z-index: 1; }

#content {
	background: url(../images/gradient-content-home.gif) no-repeat;
	padding: 5px 0 0;
}*/

#content1Col {
	float: left;
	display: inline;
	width: 747px;
}

#content2Col1 {
	background: url(../images/separator-2col.gif) right top repeat-y;
	display: inline;
	float: left;
	padding: 0 20px 0 0;
	width: 510px;
}

#content2Col2 
{
	margin-left: -10px;
	background: url(../images/separator-2col.gif) left top repeat-y;
	display: inline;
	float: left;
	padding: 0 0 0 20px;
	width: 195px;
}


#colGauche50, #colDroite50 {
	background: url(../images/separator-2col.gif) right top repeat-y;
	display: inline;
	float: left;
	font-size: 1em;
	display: inline;
	width: 462px;
}

#colDroite50 { background: none; width:462px;}

#sitemap 
{
    padding: 1em .5em;
}

/* ----------------->>> login <<<---------------*/

#header .login-form input
{
    border:1px solid #bbb;
    background:#eee;
    font-size: 1.1em;
    margin:0 .25em;
    padding: 1px;
    width: 100px;
}


#header .login-form input.btn
{
    width: auto;
}


#header .login-form input:focus
{
    background:#fff;
    border:1px solid #999;
}

#header .login-form 
{
    margin: 0;
    padding: 1px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 40px;
	width: 475px;
	z-index:0;
}

#header .login-form .error 
{
   color: #ff0000;
   font-size: 9px;
   margin: 2px 25px 2px 2px;
}

#header #login-info
{
    margin: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 2px;
	width: 400px;
}

/* main login page*/

#content2Col1 .login-form 
{
    margin: 2em;
}


#content2Col1 .login-form input
{
    border:1px solid #bbb;
    background:#f6f6f6;
    margin:0.5em 0.5em 00;
    padding: 3px;
    width: 300px;
}

#content2Col1 .login-form input.btn 
{
    width: auto !important;
}

/* ----------------->>> Nouvelles <<<---------------*/

.nouvelle 
{
    margin-bottom: 25px;
}

#news , #nouvelles {
	background: url(../images/gradient-news-home.gif) -20px bottom no-repeat;
	padding: 5px 0 25px;
	width: 445px;
}

.listNews { margin: 5px 0 0 20px; }

.listNews a.title, .normalNews a.title { 
	color: #3a7ab1; 
	display: block;
	font-weight: bold;
	margin: 0 0 5px;
}

.listNews a.more, .normalNews a.more {  
	display: inline;
	font-weight: normal;
	margin: 0;
	text-decoration: none;
}

.lightText {color: #666666;}
.normalNews a { display: inline; }

.listNews p { 
	margin: 3px 0 0;
}

.normalNews p { 
	margin: .5em 0;
}

.listNews span.date, .normalNews span.date
{
    color: #555;
	font-size: 9px;
}

.normalNews span.date
{
    padding-left: .25em;
}

.normalNews { margin: 1em 0; border-bottom: 1px solid #ccc; }

.nouvelle strong { color: #555; }

.nouvelle a strong { color: #3a7ab1; }

.newsBloc 
{
	width: 222px;
	margin: 0px 10px 10px 0px;
	float: left;
	padding: 10px;
	background-color: #E4E4E4;
	height: 118px;
}

.newsBloc .plus 
{
	float: right;
	width: 16px;
	height: 16px;
	background: url(../images/home/plusBlue.gif) no-repeat;
	margin: 3px 0px;
}

.newsBloc h3 
{

	color: #4e89be;
	font-size: 130%;
	font-weight: normal;
	letter-spacing: 0.2em;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

.newsBloc a
{
	text-decoration: none;
}

.newsBlocLast 
{
	margin-right: 0px;
}

.newsBloc .newsBlocEntry 
{
	border-top: #BEBEBE solid 1px;
	padding: 5px 0px;
	height: 40px;
	
}

.newsBloc .last 
{
	
	padding: 5px 0px !important;
} 


.newsTable a {color: #3A7AB1; font-weight: bold; }
.clickableTableRows tbody tr {cursor: pointer;}
.clickableTableRows tbody tr:hover a {text-decoration: none; color: #4E89BE}
.newsTable tbody tr th {text-align: left; padding: 5px; color: White; background-color: #3A7AB1; cursor: auto;}
.newsTable tbody tr td {padding: 5px;}
.newsPaging td table {margin-top: 10px !important;}
.newsPaging * {border-bottom: none !important;}
.newsPaging td table tbody tr.even {background-color: White !important;}
.newsPaging td table tbody tr td {text-align: center; color: #EEEEEE; padding: 0px;}
.newsPaging td table tbody tr .selected {border: #3A7AB1 solid 1px !important; background-color: #3A7AB1 !important; color:White; display: inline-block; margin-right: 5px; padding: 0px 5px; }
.newsPaging td table tbody tr td a {border: solid 1px #CCCCCC !important; color: #CCCCCC; text-decoration: none; padding: 0px 5px; display: inline-block; margin-right: 5px;}
.newsPaging td table tbody tr td a:hover {color: #3A7AB1; border: #3A7AB1 solid 1px !important; text-decoration: none;}
.btnPaging {border: solid 1px #CCCCCC !important; color: #CCCCCC; text-decoration: none; padding: 0px 5px; display: inline-block; margin-right: 5px;}
.btnPaging:hover {color: #3A7AB1; border: #3A7AB1 solid 1px !important; text-decoration: none;}
.btnPagingSelected {border: #3A7AB1 solid 1px !important; background-color: #3A7AB1 !important; color:White !important; display: inline-block; margin-right: 5px; padding: 0px 5px; }

.newsTable .even {background-color: #EEEEEE;}

.blueText {color: #3A7AB1;}
.blueLinkBox {padding: 3px; background-color: #3A7AB1; color: White; font-size: smaller; text-decoration: none;}
.blueLinkBox:hover {text-decoration: underline; color: White;}

/* ----------------->>> Pub <<<---------------*/

#banner { height: 155px; overflow: hidden; }

#banner img { float: left; }
#banner .flash { float: left; width: 562px;}
#banner #pub {
	float: left;
	list-style: none;
	margin: 0  0 0 1px;
	position: relative;
	width: 180px;
}

#banner #pub li, #banner #pub li.over {
	background: url(../images/back-promo-top.jpg) no-repeat;
	color: #fff;
	cursor: pointer;
	height: 65px !important;
	margin: 0 0 1px !important;
	padding: 5px !important;
	width: 170px !important;
}

#banner #pub li.over {
	background: url(../images/back-promo-top.jpg) left bottom no-repeat !important;
}

#banner #pub h3 {
	color: #4e89be;
	font-size: 1.3em;
	margin: 0 0 5px;
	position: relative;
	text-transform: uppercase;
}

#banner #pub li h3 a {
	color: #4e89be;
	text-decoration: none;
}

/*#banner #pub li a {
	color: #fff;
	display: block;
	
	text-decoration: none;
	width: 170px;
}*/

#banner #pub li.last {
	background: url(../images/back-promo-top.jpg) no-repeat !important;
	height: 70px !important;
	width: 170px !important;
}
#banner #pub li.over {
	background: url(../images/back-promo-top.jpg) left bottom no-repeat !important;
}

#banner #pub li p.more {
	background:  url(../images/arrow-white.gif) right bottom no-repeat;
	padding: 0 10px 0 0;
}

/* ---------->>> breadcrumb <<<------------*/
#breadcrumb {
	list-style: none;
	margin: 0 0 10px;
}

#breadcrumb li {
	color: #333333;
	display:  inline;
	font-size: 1em;
}

#breadcrumb li a { color: #333333; }

/* ---------------->>> List <<<----------------*/

#listEle td, #listEle2 td {
	background: url(../images/back-info-section.gif) left bottom repeat-x;
	font-size: 0.95em;
	padding: 20px 10px;
	vertical-align: top;
	width: 265px;
}

#listEle2 td { width: 171px;}

#listEle td.separator, #listEle2 td.separator { background: none; padding: 0; width:15px; }

#listEle h3, #listEle2 h3 { color: #3a7ab1; }

#listEle a {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

#listEle a:hover { text-decoration: underline; }

#listEle a img { vertical-align: middle; }

#content2Col2 li { margin-bottom: 5px; }
#content2Col2 li a { color: #000; }

/* ---------------->>> table <<<--------------*/
table.info { border-collapse: collapse; margin-bottom: 1.5em; width: 100%; }
table.info td, table.info th { border: 1px solid #4F89BE; padding: 5px; vertical-align: top;}
table.info .back {background: #d5e3ef; }
table.info th {text-align: left;}


/* --------------->>> footer <<<--------------*/
/*#footer {
	border-top: 1px solid #afafb0;
	margin: 20px 0 0;
	padding: 10px 0 10px 10px;
	width: 737px;
}

#copy { float: right; }*/


/* --------------->>> support <<<---------------*/

#content .resultsgrid
{
    border-collapse: collapse;
    margin: .5em 0;
}

#content .resultsgrid td
{
    font-size: .9em;
    padding: .25em 8px;
}

#content .resultsgrid th
{
    color: #555;
    font-weight: bold;
    padding: .4em 6px .5em;
}

#content table.resultsgrid .borderBottom td
{
    border-bottom: 1px solid #ccc;
}

#content .scannerDetails
{
    background: #eee;
    border: 1px solid #ccc;
    color: #555;
    font-size: .9em;
    padding: 0 1em 1em;
    width: 540px;
}

#content .scannerDetails h4
{
    font-size: 1.2em;
    line-height: 1em;
    margin: 0 0 1em;
}


#content .scannerDetails .resultsgrid td
{
    padding: .25em 8px .25em 0;
}

/* ----------- marketing --------------------*/

#content .marketingDocument
{
    margin: .75em 0;
}

#content .documentSections
{
    margin: 1.5em 0;
}

#content .documentSections select 
{
    margin: 0 .5em;
    padding: 2px;
    width: 200px;
}
/* ----------- formulaires support ----------*/

fieldset.support input, fieldset.support select, fieldset.support textarea
{
    margin:0.5em 0.5em 0 0;
    padding: 3px;
    width: 225px;
}

fieldset.support input.btn 
{
    width: 85px !important;
}

fieldset.support .checkbox input
{
    width: auto;
}

fieldset.support input.img-btn 
{
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

fieldset.support textarea  { width: 400px; }

fieldset.support select  { width: 200px; }

fieldset.support input.marketing  { width: 400px; }
fieldset.support select.marketing  { width: 250px; }

fieldset.support .fields 
{
    float: left;
    width: 250px;
}

fieldset.support .scannerProfile 
{
    background: #e3eef8;
    color: #666;
    float: right;
    font-size: 10px;
    margin-top: .5em;
    padding: .5em;
    width: 200px;
}

fieldset.support small 
{
    color: #999
}

/* ---------------- Order ----------------- */

#contentSideMenu #side-secondary-wrapper {
    background: #fff;
}

#cartsummary 
{
    background: #eee url(../images/icons/shoppingcart.jpg) 3px 25px no-repeat;
    border: 1px solid #ccc;
    float:right;
    padding: 5px 3px;
    width: 141px;
}

#cartsummary a
{
    text-decoration:none;
}

#cartsummary h3
{
    color: #3a7ab1;
    margin: 0 0 .5em;
    padding-left: .3em;
}

#cartsummary p
{
    padding-left: 52px;
}

#shoppingcart 
{
    background: #efefef;
    border: 1px solid #ccc;
    margin: 1em 0 2em;
    padding: .5em 8px;
    width: 560px;
}

#shoppingcart input.regularBtn, #shoppingcart .checkbox input, .checkout .checkbox input {	
	padding: 2px 5px;
	width: auto;
}

#shoppingcart input.qty { width: 20px; text-align: center; }

.checkout ul.form li { width: 450px;}

.checkout ul ul { margin: 0; list-style: none;}

.checkout ul li ul li { margin: 0;}

.checkout 
{
    background: #efefef;
    border: 1px solid #ddd;
    padding: 1em 1em 0; 
}

#products .product {
	margin-top: 2em;
	padding-left: 1em;
}

#products .product .product-image {
	float: left;
	text-align: center;
	width: 100px;
}

#products .product .product-description {
	float: left;
	margin-left: 50px;
	padding: .5em 8px;
	width: 500px;
}

#products .product .product-description h3 {
	font-size: 1em;
	margin-bottom: 0;
}
#products .product .product-description h3 span.lighter {
	color: #999;
}

#products .product .product-price 
{
    border-bottom: 1px solid #e6e6e6;
    padding-left: 160px;
    padding-bottom: 1em;
}

#products .product .product-price .price
{
    color: #404042;
    float: left;
    font-weight: bold;
    font-style: italic;
    width: 120px;
}



#products .product .product-price .selectscanner
{
    float: left;
    font-size: .9em;
    text-align: right;
    width: 200px;
}

#products .product .product-price .addtocart
{
    float: left;
    margin-left: 275px;
    text-align: right;
    width: 80px;
}

/* -------------->>> forms <<<--------------*/

fieldset   
{
    border: 1px solid #ccc;
    margin: 0 0 1.5em 0;
    padding:1em;
    width: 503px;
}

fieldset legend      
{     
    color: #3A7AB1;
    font-size:1.2em;
    font-weight: bold;
    padding: 0 2px;
}

* html fieldset  legend  
{
    margin-bottom:1em;
}

input, textarea, select 
{
    background:#fafafa;
    border:1px solid #bbb;
	font: 11px Verdana, Helvetica, Tahoma, Arial, sans-serif;
	padding: 3px 5px;
	width: 290px;
}

option { padding: 1px 2px; }

input:focus, select:focus, textarea:focus
{
    background:#fff;
    border:1px solid #999;
}

select { width: 302px;}

textarea { height: 100px; }
textarea.verylong { height: 250px; }

ul.form {
	list-style: none;
	margin: 0;
}

ul.form li {
	padding: 5px;
	width: 585px;
}

ul.form li label 
{
    cursor: pointer;
	float: left;
	width: 175px;
}

ul.wider li {
	width: 600px;
}

ul.form li.checkbox-list label 
{
    cursor: pointer;
    float:none;
    padding-left: 8px;
	width: auto;
}

.checkbox input, li.checkbox-list input {
    border: none;
    width:auto; 
}

li.selected { background: #e3eef8; }

li.error input, li.error select, li.error textarea { border: 1px solid red; }

input.formBtn {
	/*background: #e3eef8;
	border: 1px solid #3a7ab1;*/
	margin-left: 465px;
	padding: 5px;
	width: auto;
}

input.regularBtn {	
	padding: 2px 5px;
	width: auto;
}

.webAccessRequest
{
    margin: 1em 2em;
}

.webAccessRequest .infosupp, .supportUnitRegistration .infosupp, .form .infosupp
{
    color: #999;
    font-size: .9em;
    margin-left: 100px;
}

.form .infosupp
{
    margin-left: 175px;
}

div.supportUnitRegistration .infosupp { margin-left: 125px; }
div.supportUnitRegistration ul.form li { width: 450px; }
div.supportUnitRegistration ul.form li label  { width: 125px;}


.formEducationnel ul.form li label  { width: 110px; padding-right: 5px; }
.formEducationnel .formBtn { margin-left: 0; }

#lead-form { width: 523px; }
#lead-form ul.form { margin: 10px 0 20px; }
#lead-form fieldset legend { padding: 0; margin-bottom: 6px; font-size: 1.3em; }
#lead-form fieldset p.introduction { color: #666; }
#lead-form input.formBtn { 
    background-color: #3A7AB1;
    color: #fff;
    font-weight: bold;
    margin-left: 175px; }

* html div.webAccessRequest .regularBtn, * html div.supportUnitRegistration .regularBtn, * html .formBtn
{
    margin-top: 1em;
}

a.iconVideo{
	background: url(../images/icons/iconVideo.gif) left top  no-repeat;
	display: block; 
	height:36px; 
	margin-bottom: 10px;
	position: absolute;
	right: 0;
	width: 36px;
}

a.iconVideo:hover {
	background: url(../images/icons/iconVideo.gif) left bottom no-repeat;
}

a.iconVideoSmall {
	background: url(../images/icons/iconVideoSmall.gif) left top  no-repeat;
	display: block;
	padding-left: 20px;
}

a.btnDocument, a.btnVideo, a.btnGris, a.btnGrisSmall, a.btnSection, a.btnVideoLarge, a.btnGrisMedium {
	background: url(../images/btn/btnDocument.gif) left top  no-repeat;
	color: #fff;
	display: block; 
	font-weight: bold;
	height: 23px; 
	line-height: 23px;
	margin-bottom: 10px;
	padding: 0 28px 0 8px;
	text-decoration: none;
	width: 167px;
}
a.btnSection { background: url(../images/btn/btnSection.gif) left top  no-repeat; }
a.btnSection:hover { background: url(../images/btn/btnSection.gif) left bottom  no-repeat; color: #8cdefd; }
a.btnVideo { background: url(../images/btn/btnVideo.gif) left top  no-repeat; }
a.btnVideo:hover { background: url(../images/btn/btnVideo.gif) left bottom  no-repeat; color: #8cdefd; }
a.btnDocument:hover { background: url(../images/btn/btnDocument.gif) left bottom  no-repeat; color: #8cdefd; }
a.btnDocumentOff:hover {cursor: auto; color:white; background: url(../images/btn/btnDocument.gif) left top  no-repeat !important;}
a.btnVideoLarge { background: url(../images/btn/btnVideoLarge.gif) left top  no-repeat;height: 39px;line-height: 20px;  }
a.btnVideoLarge:hover { background: url(../images/btn/btnVideoLarge.gif) left bottom  no-repeat; color: #8cdefd;height: 39px;line-height: 20px;  }

a.btnGris {
	background: url(../images/btn/btnGris.gif) left top  no-repeat;
	height: 28px;
	line-height: 28px;
	width: 250px;
}

a.btnGris:hover { background: url(../images/btn/btnGris.gif) left bottom  no-repeat; color:white; }

a.btnGrisMedium {
	background: url(../images/btn/btnGrisMedium.png) left top  no-repeat;
	height: 30px;
	padding: 6px 15px 0px 10px;
	width: 170px;
	line-height: 13px;
	font-size: 0.95em;
}

a.btnGrisMedium:hover { background: url(../images/btn/btnGrisMedium.png) left bottom  no-repeat; color:white; }

a.btnGrisSmall {
	background: url(../images/btn/btnGrisSmall.gif) left top  no-repeat;
	height: 36px;
	line-height: 28px;
	width: 150px;
}

a.btnGrisSmall:hover { background: url(../images/btn/btnGrisSmall.gif) left bottom  no-repeat; }


.containerViuScanner {
	display: block;
	height: 136px;
	margin-bottom: 20px;
	position: relative;
	width: 137px;
}
.sousliste {margin-top:10px;}
.viuScanner {
				display: block;
				height: 136px;
				left: 0;
				position: absolute;
				width: 137px;
			}
#viuRed { background: url(../images/VIURedsmall.jpg) no-repeat; }
#viuBlack { background: url(../images/VIUBlacksmall.jpg) no-repeat; }
#viuBlue { background: url(../images/VIUBluesmall.jpg) no-repeat; }
#viuGreen { background: url(../images/VIUGreensmall.jpg) no-repeat; }


/* --------------->>> Tableau Récapitulatif Equipements & Logiciels<<<---------------*/
table#recap{
	border: 1px black solid;
	font-size:12px;
	font-family:Verdana,Helvetica,Tahoma,Arial,sans-serif;
	width:747px;
	border-collapse: collapse;
	border-spacing: 0;
}
table#recap td{border-style: solid; border-width: 0 1px; border-color: black;padding:4px;}
table#recap .title,table#recap  th{
	background-color:#646567;
	border-bottom: 1px white solid;
	border-left: 1px black solid;
	border-right: 1px black solid;
	color:#fff;
	padding: 5px 5px;
	text-align:center;
	width:100px;
}
table#recap .item {font-weight: bold; width: 300px;}
table#recap .side{width:10px; border-right:none; }
table#recap .lastSide{ border:none;}
table#recap .lastItem{border-bottom: 1px white solid;}
table#recap .darkGray{background-color:#c5c6c8;}
table#recap .midGray{background-color:#d9dadb;}
table#recap .lightGray{background-color:#eceded;}
table#recap .check{
	background-image:url(../../images/check.gif) ;
	background-repeat:no-repeat;
	background-position:center center;
	height:23px;
	width:37px;
}
table#recap .cadrer{border-style: solid; border-width: 1px 0; border-color: black;}
table#recap .detail{font-size:9px;}


/**** menu side ****/
#contentSideMenu {
	background: url(../images/back-menu.gif) repeat-y;
	float: left;
	margin: 8px 30px 0 0;
	width: 147px;
}

#contentSideMenu ul {
	background: url(../images/back-menu-bottom.jpg) left bottom no-repeat;
	list-style: none;
	margin: 0;
	padding: 10px 0 25px;
	width: 147px;
}

#contentSideMenu ul li {
	background: url(../images/line-menu.gif) 12px bottom no-repeat;
	height: 1%;
}

#contentSideMenu ul li.last { padding: 5px 0 !important; }

#contentSideMenu ul li a {
	color: #fff;
	display: block;
	font-size: 1em;
	padding: 5px 20px 5px 10px;
	text-align: right;
	text-decoration: none;
	width: 117px;
}



#contentSideMenu ul li.fleche .active a, #contentSideMenu ul li.fleche .active a:hover{ background: #3a7ab1 url(../images/arrow-menu.gif) 133px center no-repeat; }

#contentSideMenu ul li a:hover { color: #74c8f7; }

#contentSideMenu ul li.active a, #contentSideMenu ul li.active a:hover {
	background: #3a7ab1 none;
	color: #fff;
}

#contentSideMenu ul li ul {
	background: none;
	display: none;
	margin: 3px 0 0;
	padding: 0 0 10px;
}
#contentSideMenu ul li.active ul { display: block; }

#contentSideMenu ul li.active ul li { background: none;}


#contentSideMenu ul li.fleche.active ul li a { 
	background: none;
	color: #74c8f7; 
	padding: 3px 20px 3px 10px;
}

#contentSideMenu ul li.fleche.active ul li a:hover {
	background: none;
	color: #fff;
}

#contentSideMenu ul li.fleche.active ul li.active a, #contentSideMenu ul li.fleche.active ul li.active a:hover { 
	background: #3a7ab1 none;
	color: #fff; 
}


/*-----------------------------------
	SUCCESS STORIES
-----------------------------------*/

.story_item 
{
	float: left;
	width: 365px;
	margin: 0 5px 10px 0;
	min-height: 80px;
}
* html .story_item { height: 80px; }

.story_description 
{
	padding-right: 10px;
	margin-left: 95px;
}

.story_item h3 {margin-bottom: 0px;}

.story_image 
{
	border: #3f7db3 solid 1px;
	padding: 2px;
	background-color: #bbd6ed;
	float: left;
	margin-right: 10px;
	width: 80px;
	height: 60px;
	margin-bottom: 10px;
}

/*-----------------------------------
	BENEFITS
-----------------------------------*/

.benefits_case 
{
	background: #e3e3e3 url('../images/benefits_case_background.jpg') repeat-x;
	border: #e0e0e0 solid 1px;
	padding: 10px;
	margin-bottom: 2px;
	min-height: 90px;
}

.benefits_case ul
{
	margin-left: 105px;
	margin-bottom: 0px;
}

.benefits_case img 
{
	background-color: White;
	width: 80px;
	height: 60px;
	float: left;
	border: #e0e0e0 solid 1px;
}

#middleNames li
{
	float: left; 
	margin-right: 10px;
}

/* --------------------------------------
	BOARD OF GOVERNORS - PRESENTATION 
---------------------------------------*/

.presentationTable tr td, .presentationTable tr th
{
	border-bottom: gray dashed 1px;
}

.presentationTable .last th
{
	border: none;
}

.presentationTable .last td
{
	border: none;
	padding-bottom: 0px;
}

.presentationTable .last th
{
	border: none;
	padding-bottom: 0px;
}

.presentationTable tr td 
{
	vertical-align: middle;
	padding-left: 30px;
	padding-bottom: 5px;
	padding-top: 17px;
}

.presentationTable tr th 
{
	padding-top: 20px;
	padding-bottom: 20px;
}

.presentationTable tr th img 
{
	border: black solid 1px;
}

.imgTag 
{
	background-color: Black;
	padding: 2px;
	color: White;
	filter: alpha(opacity=75);
	opacity: 0.75;
	margin-top: -27px;
	text-align: center;
}

/*----------------------------------
	HIGHLIGHTS
----------------------------------*/

.highlights tr th 
{
	font-size: 36px;
	line-height: 30px;
	padding-right: 20px;
	vertical-align: top;
	padding-top: 10px;
	border-bottom: #CCCCCC dashed 1px;
}

.highlights tr td 
{
	vertical-align: top;
	width: 100%;
	padding-top: 10px;
	border-bottom: #CCCCCC dashed 1px;
}

.highlights tr td h3 
{
	color: #427fb4;
	margin: 0px;
	padding: 0px;
}

.highlights tr td p 
{
	margin: 0px;
	padding-bottom: 10px;
} 

.highlights .last td, .highlights .last th
{
	border: none;
}

/*---------------------------------------------------
	PAGE: Management Team
---------------------------------------------------*/
#managementTeam 
{
	width: 100%;
	border: none;
	border-collapse: collapse;
}

#managementTeam tr td img
{
	border: #242424 solid 1px;
}

#managementTeam tr td 
{
	width: 25%;
	height: 150px;
}

/*---------------------------------------------------
	PAGE: Services
---------------------------------------------------*/

.serviceBox 
{
	border: #3f7db3 solid 1px;
	width: 238px;
	margin: 0px 6px 6px 0px;
	float: left;
}

.serviceBox img 
{
	display: block;
}

.serviceBoxContent 
{
	padding: 5px;
	vertical-align: bottom;
	font-size: 10px;
}

.serviceBoxContent ul {margin: 0px 0px 0px 20px;}
.serviceBoxContent ul li {line-height: 15px;}

.serviceBoxContent a 
{
	color: #4c87bd;
	font-weight: bold;
	display: inline-block;
}

.serviceBoxContent a:hover 
{
	color: #646466;
}

.banner-over-text
{
	position: absolute;
}

/*---------------------------------------------------
	PAGE: Equipement
---------------------------------------------------*/


.specTech tr th 
{
	text-align: left;
	font-weight: bold;	
} 

.specTech tr td, .specTech tr th
{
	border: #666666 solid 1px;
	padding: 2px;	
}


/*-----------------------------------------------------
	PAGE: 3D Body Digitizers
-------------------------------------------------------*/

.imgBloc span
{
	width: 239px;
	text-align: center;
	margin-top: 185px;
	font-size: 140%;
	color: Black;
	position: absolute;
}

/*-----------------------------------------------------
	CONTROL: Jobs / Emplois
-------------------------------------------------------*/

.jobResults {border-collapse: collapse; border: none; width: 100%;}
.jobResults tr th, .jobResults tr td
{
	text-align: left;
	color: rgb(85, 85, 85);
	background-color: rgb(222, 222, 222);
	border: 1px solid White;
	font-weight: bold; 
	height: 16px; 
	width: 130px;
	padding:0.25em 8px;
	font-size:0.9em;
}
.jobResults tr td 
{
	width: auto;
	background-color: Transparent;
	font-weight: normal;
}

.jobSummary 
{
	background: #dedede; 
	font-size: 10px; 
	font-weight: bold; 
	color: #555; 
	margin: 1em 0; 
	padding: .25em 6px 0;
	font-size:0.9em;
}

ul.form li 
{
	overflow: hidden;
}

#ctl00_ctl00_ZoneMainContent_ZoneContenu_showJob_bottomLinks {
	position: relative;
}

a#ctl00_ctl00_ZoneMainContent_ZoneContenu_showJob_hplSendToAFriendIcone { 
	background: url(../../images/btn/envelope-envoie-ami.gif) top no-repeat;
	display: block;
	width: 31px;
	height: 20px;
	float: left;
	margin-right: 10px;
}
#wrapFacebooken{ overflow: hidden; width: 47px; }
#wrapFacebookfr{ overflow: hidden; width: 57px; }
#carriereMedia .fb-like { float: left; }
#carriereMedia .twitter-share-button { float: left; margin-right: 10px; }
#carriereMedia div#___plusone_0 { float: left !important; margin-right: 10px !important; }
	
/* -----------------PUT US TO THE TEST-------------- */
#ctl00_ctl00_ZoneMainContent_ZoneContenu_putttGlobal
{
	background-color: #454547;
	padding: 50px;
	padding-top: 0px;
	background: url(../images/put-us-to-the_background.jpg) repeat-y;
}

.putttError 
{
	background-color: #e79595;
	color: White !important;
	margin-bottom: 10px;
	padding: 10px;
}

#putttForm
{
	border: black solid 1px;
	padding: 15px;
	background-color: #fafafa;
	overflow: hidden;
	clear: both;
}

#putttForm fieldset
{
	width: auto;
	border: gray solid 1px;
	padding: 15px;
	margin-bottom: 15px;
	background-color: #eeeeee;
}

#putttForm fieldset legend
{
	color: Black;
	text-transform: uppercase;
}

#putttForm .input2col {overflow: hidden;}

#putttForm .input2col input
{
	float: left;
	width: 360px !important;
	margin-right: 0px;
}

#putttForm .min input {width: auto; border: none; background-color: Transparent;}
#putttForm input.full {width: 748px;}
#putttForm textarea.full {width: 748px;}

#putttForm input:disabled {background-color: #eeeeee;}
#putttForm input.toggleText {color: Gray;}

#putttForm input[type=checkbox], #putttForm input[type=radio]
{
	width: auto;
	border: none;
	background-color: Transparent;
	
}

#putttForm input[type=file] 
{
	width: auto;
	background-color: white;
	border: #BBBBBB solid 1px;
}

#putttForm input[type=text], #putttForm textarea
{
	width: 748px;
}

#putttForm .error
{
	background-color: #e79595;
	color: White !important;
}

#putttForm textarea 
{
	height: 100px;
}

#putttForm .puttLabelLight
{
	color: #999999;
}

#putttForm .putttLabel 
{
	color: #3A7AB1;
	font-size: 1.2em;
	font-weight: bold;
}

#putttHeaderZone
{
	width: 100%;
	overflow: hidden;
	height: 220px;
	background: url(../images/put-us-to-the_header.jpg) no-repeat;
}
#putttHeaderZone-es
{
	width: 100%;
	overflow: hidden;
	height: 220px;
	background: url(../images/put-us-to-the_header-es.jpg) no-repeat;
}

#putttHeaderZone h1
{
	color: #b10606;
	font-size: 4em;
	margin: 0px;
	text-transform: uppercase;
	text-indent: -20000px;
}

#putttHeaderZone p
{
	margin: 70px 82px 0px 82px;
	color: White;
}

#putttForm .putttButton, #putttForm .putttButtonFr, #putttForm .putttButtonDe, #putttForm .putttButtonEs
{
	border: none;
	float: right;
	background: url(../images/btn/btn-submit-your-project.png) no-repeat;
	text-indent: -20000px;
	color: White;
	width: 252px;
	height: 45px;
	font-size: 2em;
}

#putttForm .putttButtonFr 
{
	background: url(../images/btn/btn-submit-your-project-fr.png) no-repeat;
}

#putttForm .putttButtonDe 
{
	background: url(../images/btn/btn-submit-your-project-de.png) no-repeat;
}
#putttForm .putttButtonEs
{
	background: url(../images/btn/btn-submit-your-project-es.png) no-repeat;
}

.date_input, .date_input:focus
{
	padding-left: 20px;
	background: white url(../images/icons/calendar.png) 2px 2px no-repeat;
}

/********* CONTEST - PUT US TO THE TEST ***********/

#tblContestPuttt .grayInfos td
{
	padding: 10px;
}

#tblContestPuttt .grayInfos
{
	margin-bottom: 10px;
	background-color: #6b6b6c; 
	color: White; 
	font-weight: bold;
}

#tblContestPuttt * 
{
	line-height: 14px;
}

#tblContestPuttt ol 
{
	margin-left: 30px;
}

#tblContestPuttt tbody tr td a
{
	color: White;
}

#tblContestPuttt tbody tr td 
{
	vertical-align: top;
	color: #d1d3d4;
}

#tblContestPuttt .putttContestInfo 
{
	border: white solid 1px;
	padding: 8px 10px 8px 25px;
	width: 215px;
	font-size: 10px;
}

#tblContestPuttt .putttContestInfo li
{
	line-height: 10px !important;
}

#tblContestPuttt tr td strong {color: white;}

#tblContestPutttLeft 
{
	width: 322px;
	padding-right: 40px !important;
	background: url(../images/contest_puttt_side.jpg) no-repeat; 
}


/***********APPLICATIONS**************/
.indexBox 
{
	text-decoration: none;
	display: block;
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
	width: 600px;
	border-bottom: gray dotted 1px;
}

.indexBox.last 
{
	border-bottom: none;
}

.indexBox img
{
	float: left;
	margin: 0 10px 10px 0;
	width: 90px;
	border: gray solid 1px;
}

.indexBox:hover p {color: #646466 !important;}
.indexBox:hover img {border-color: #4e89be;}
.indexBox:hover strong {text-decoration: underline;}

.indexBox strong 
{
	font-size: 16px;
	margin: 0px;
}

.indexBox p {margin: 0px 0px 10px 102px;}

#lbImages {text-align: center;}
#lbImages img {margin-bottom: 15px;}
#lbImages img.last {margin-bottom: 0px;}

.cmpList {padding-top: 10px; text-align: center;}
.cmpList img {margin: 0px 10px 10px 10px;}

.appLogo {margin-bottom: 5px;}

.TwoColumnLink {text-decoration: none; display: block;}
.TwoColumnLink h3 {text-decoration: underline;}

.btnBlue {padding: 5px; background-color: #3a7ab1; color: White; font-weight: bold; display: inline-block;}
.btnBlue:hover {text-decoration: none; color: White;}
.btnReadMore {font-weight: bold; text-decoration: underline;}

#frmViewWebinar 
{
	position:fixed;
	z-index: 1000;
	width: 420px;
	top: 50%;
	left: 50%;
	margin: -150px 0px 0px -210px;
	background-color: White;
	border: gray solid 2px;
	padding: 20px;
	display: none;
}

* html #frmViewWebinar { position: absolute; }

#frmViewWebinar .windowButton {text-align: right;}
#frmViewWebinar h2 {text-transform: uppercase; color: #3A7AB1; font-size: 16px;}
#frmViewWebinar .row {clear: both; overflow: hidden; margin-bottom: 5px;}
#frmViewWebinar .row .cell {float: left; display: inline-block;}
#frmViewWebinar .row .cell input[type=checkbox] {width: auto;}
#frmViewWebinar .row .cell input[type=text] {width: 288px;}
#frmViewWebinar .row .cell input[type=submit] {width: auto;}
#frmViewWebinar .row .cellLeft {width: 100px;}
#frmViewWebinar .light {color: Gray; clear: both;}

frmViewWebinar div.error {border: Red solid 1px; margin-bottom: 10px;}
frmViewWebinar div ul {margin: 0px; padding: 10px;}
frmViewWebinar input.error, frmViewWebinar div.error
{
    background-color: #e79595;
    color: White !important;
}

#laySatisfiedCustomers {margin-top: 20px; width: 747px; margin-bottom: 20px;}
#laySatisfiedCustomers .company {display: inline; width: 180px; height: 94px; padding-right: 0px;}
#laySatisfiedCustomers .company.last {margin-right: 0px;}

#map2 embed {border: gray solid 1px; margin-bottom: 10px;}

.boutonNDT, .boutonNDT:visited{
	margin: 20px auto 10px;
	background: url(/images/applications/buttons/ndt-button.png) no-repeat;
	display: block;
	width: 314px;
	height: 29px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	padding-top: 10px;
}
.boutonNDT:hover, .boutonNDT:active{
	background-position: 0px -39px;
	color: #FFF;
}

/* What's New Marketing.tv
***********************************/
#wnmVideoContainer {clear: both; display: inline-block; overflow: hidden; margin-bottom: 20px; min-height: 300px;}
#wnmVideo {width: 400px; height: 300px; margin-right: 20px; float: left;}
#wnmDescription {width: 339px; height: 300px; display: inline;}
#wnmDescription h2 {color: black; font-family: "trebuchet ms", "verdana", "helvetica", "arial"; margin: 0px 0px 20px 0px; text-transform: uppercase; line-height: 30px; font-size: 40px;}
#wnmDescription h2 small {color: Gray; margin-left: 50px; clear: right; font-size: 20px;}
.wnmVideoBoxList {overflow: hidden;}
.wnmVideoBoxList .wnmVideoBox {float: left; width: 145px; padding: 0px 10px; margin-right: 20px; margin-bottom: 10px;}
.wnmVideoBoxList .wnmVideoBox h2 {color: #3A7AB1; margin-bottom: 10px; font-size: 14px; height: 17px; overflow: hidden; font-weight: bold;}
.wnmVideoBoxList .wnmVideoBox img {width: 155px; height: 116px;}
.wnmVideoBoxList .wnmVideoBox .wnmVideoBoxDate {float: left; color: Gray;}
.wnmVideoBoxList .wnmVideoBox .wnmVideoBoxTime {float: right; color: Gray;}

.episodeAlert {padding: 10px; text-align: center; background-color: #3A7AB1; margin-bottom: 10px;}
.episodeAlert p, .episodeAlert a {display: inline; color: White; text-decoration: none;}
.episodeAlert a:hover {color: white; text-decoration: underline;}