/* --------------------------------------------------------
    Main stylesheet
    Site: Creaform
    Created by: Stéphanie Léveillé - stephanie.leveille@leonarddg.com
    Filename: screen.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    COLORS
    Text Grey: 				#454545
    Blue:		 			#4e89be
   -------------------------------------------------------- */

@import url(reset.css);


/********** commun *********/

html { font-size: 62.5%; height: 100%; }

body {
	background: #646464;
	behavior: url(../js/csshover.htc);
	color: #454545 ;
	font-family: Arial, Verdana, sans-serif;
	font-size: 120%;
	height: 100%;
	line-height: 1.6em;
	position: relative;
}

.asiatique { font-size: 130%; }

#container {  background: #fff;  margin: 0 auto; width: 950px; }

p,ul,ol,table { margin-bottom: 1em; }
sup { font-size: 65%; line-height: 1; vertical-align: super; }
small { font-size: 90%; }

ul { margin-left: 20px; }
a { cursor: pointer; color: #646466; }
a:focus {  }
a:visited { }
a:hover, a:focus { color: #4e89be; }
a *, button * { cursor: pointer; }
hr { display: none; }

a.plusBlue, a.plusWhite, p.plusBlue {
	background: url(../images/home/plusBlue.gif) no-repeat;
	display: block;
	height: 13px;
	text-indent: -9999px;
	width: 13px;
}
a.plusWhite { background: url(../images/home/plusWhite.gif) no-repeat; }

input, select, button, textarea, option { font-family: Arial, Verdana, sans-serif; font-size: 100%; }
button, label, select, option, input[type=submit] { cursor: pointer; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */


/* --------------------------------------------------------
    HEADER
   -------------------------------------------------------- */
#header { border-top: 6px solid #4e89be; position: relative; margin:0 13px; z-index:2;}

#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: 30px;
	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;
}

/* --------------------------------------------------------
    MENUS
   -------------------------------------------------------- */
#menuSec { 
	background: #4e89be; 
	margin: 0; padding: 0; 
	position: absolute; 
	right:0; _right: 10px; top: 0;
	z-index: 99999; 
}

#menuSec li { 
	display: block; 
	float: left; 
	color: #fff; 
	font-size: 80%;
}
#menuSec li a {  
	color: #fff; 
	margin: 0 10px; 
	text-decoration: none; 
	text-transform: uppercase; 
}
#menuSec li#mLanguage a { 
	background: url(../images/home/arrowMenuTop.gif) right center no-repeat; 
	padding-right: 15px;
}

#menu, #footer ul {  margin: 0; padding: 0; }
#menu li, #footer ul li { display: block; float: left; color: #4e89be; font-size: 90%; padding-top:5px;}
#menu li a, #footer ul li a { 
	color: #454545;  
	display: block; 
	font-size: 1.1em;
	float: left; 
	margin-top: -5px; 
	padding: 5px 10px; 
	text-decoration: none; 
	text-transform: uppercase;
}

#menu li a:hover { background: #4e89be; color: #ffffff; }
#menu li.jdm_hover a,#menu li.jdm_active a, #menu li.active a {
	background: #4e89be; color: #ffffff;
}

#footer ul li.last {  padding-top:5px !important; }
#footer ul li a:hover { color: #4e89be;text-decoration: underline; }

/* --------------------------------------------------------
    MAIN CONTENT
   -------------------------------------------------------- */
#mainContent { position: relative; margin:0 13px; z-index: 1;}

/* --------------------------------------------------------
    FOOTER
   -------------------------------------------------------- */
#footer { border-top: 1px solid #afafb0; font-size: 90%; margin:0 10px;}
#copy { float: right; padding: 5px }


/* --------------------------------------------------------
    PUB ( la definition sur #banner serait à déplacer ... )
	-b = découpé moitié blanc moitié gris si le btn depasse
   -------------------------------------------------------- */
.floatButtons a {margin-bottom: 5px;}

#banner{position:relative; height:99px; width:921px; margin-bottom:5px;} 

#boutons { position:absolute; top:70px; right:15px; _right: 25px;}
#boutons li {text-indent:-9999px;}
#boutons li.first {margin-bottom:15px;}
#boutons li a, .actionButtons a{ 
	background-color: transparent;
	background-position:top;
	background-repeat:no-repeat;
	display:block; 
	width:176px; height:38px;
}

.actionButtons a {width:166px; height:34px;}
.actionButtons a.btnRequestInformationBig, .actionButtons a.btnAskDemoBig {height: 43px;}
#boutons li a:hover, .actionButtons a:hover { background-position:bottom; }

/******* FRANCAIS FR*******/
#boutons li#btn1-fr a	{ background-image: url(../fr/images/buttons/btn-communiquez-fr.gif);} 
#boutons li#btn1-fr-b a { background-image: url(../fr/images/buttons/btn-communiquez-fr-b.gif) ;} 
#boutons li#btn2-fr a	{ background-image: url(../fr/images/buttons/btn-prix-fr.gif);}
#boutons li#btn2-fr-b a { background-image: url(../fr/images/buttons/btn-prix-fr-b.gif) ;}
#boutons li#btn2-fr-c a { background-image: url(../images/btn/pub/btn-prix-fr.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-fr-c a { background-image: url(../images/btn/pub/btn-demo-fr.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-fr a	{ background-image: url(../fr/images/buttons/btn-demo-fr.gif) ;} 
#boutons li#btn4-fr a	{ background-image: url(../fr/images/buttons/btn-carrieres-fr.gif);} 

/******* ANGLAIS EN*******/
#boutons li#btn1-en a	{ background-image: url(../en/images/buttons/btn-communiquez-en.gif);} 
#boutons li#btn1-en-b a { background-image: url(../en/images/buttons/btn-communiquez-en-b.gif) ;} 
#boutons li#btn2-en a	{ background-image: url(../en/images/buttons/btn-prix-en.gif);}
#boutons li#btn2-en-b a { background-image: url(../en/images/buttons/btn-prix-en-b.gif);}
#boutons li#btn2-en-c a { background-image: url(../images/btn/pub/btn-prix-en.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-en-c a { background-image: url(../images/btn/pub/btn-demo-en.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-en a	{ background-image: url(../en/images/buttons/btn-demo-en.gif);} 
#boutons li#btn4-en a	{ background-image: url(../en/images/buttons/btn-carrieres-en.gif);}
.actionButtons .btnAskDemo {background-image: url(../en/images/buttons/btn-ask-for-demo.gif);}
.actionButtons .btnAskDemoBig {background-image: url(../en/images/buttons/btn-ask-for-demo-big.gif);}
.btnAskDemo.fr {background-image: url(../fr/images/buttons/btn-ask-for-demo.gif);}
.btnAskDemo.de {background-image: url(../de/images/buttons/btn-ask-for-demo.gif);}

.actionButtons .btnRequestQuote {background-image: url(../en/images/buttons/btn-request-a-quote.gif);}
.actionButtons .btnRequestInformation {background-image: url(../en/images/buttons/btn-request-for-information.gif);}
.actionButtons .btnRequestInformationBig {background-image: url(../en/images/buttons/btn-request-for-information-big.gif);}
.btnRequestInformation.fr {background-image: url(../fr/images/buttons/btn-request-a-quote.gif);}
.btnRequestInformation.de {background-image: url(../de/images/buttons/btn-request-a-quote.gif);}


/******* ESPAGNOL ES*******/
#boutons li#btn1-es a	{ background-image: url(../es/images/buttons/btn-communiquez-es.gif);} 
#boutons li#btn1-es-b a { background-image: url(../es/images/buttons/btn-communiquez-es-b.gif);} 
#boutons li#btn2-es a	{ background-image: url(../es/images/buttons/btn-prix-es.gif);}
#boutons li#btn2-es-b a { background-image: url(../es/images/buttons/btn-prix-es-b.gif);}
#boutons li#btn2-es-c a { background-image: url(../images/btn/pub/btn-prix-es.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-es-c a { background-image: url(../images/btn/pub/btn-demo-es.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-es a	{ background-image: url(../es/images/buttons/btn-demo-es.gif);} 
#boutons li#btn4-es a	{ background-image: url(../es/images/buttons/btn-carrieres-es.gif);} 

/******* PORTUGUAIS PT *******/
#boutons li#btn1-pt a	{ background-image: url(../pt/images/buttons/btn-communiquez-pt.gif);} 
#boutons li#btn1-pt-b a { background-image: url(../pt/images/buttons/btn-communiquez-pt-b.gif);} 
#boutons li#btn2-pt a	{ background-image: url(../pt/images/buttons/btn-prix-pt.gif);}
#boutons li#btn2-pt-b a { background-image: url(../pt/images/buttons/btn-prix-pt-b.gif);}
#boutons li#btn2-pt-c a { background-image: url(../images/btn/pub/btn-prix-pt.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-pt-c a { background-image: url(../images/btn/pub/btn-demo-pt.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-pt a	{ background-image: url(../pt/images/buttons/btn-demo-pt.gif);} 
#boutons li#btn4-pt a	{ background-image:	url(../pt/images/buttons/btn-carrieres-pt.gif);} 


/******* ALLEMAND DE*******/
#boutons li#btn1-de a	{ background-image: url(../de/images/buttons/btn-communiquez-de.gif);} 
#boutons li#btn1-de-b a { background-image: url(../de/images/buttons/btn-communiquez-de-b.gif); } 
#boutons li#btn2-de a	{ background-image: url(../de/images/buttons/btn-prix-de.gif); }
#boutons li#btn2-de-b a { background-image: url(../de/images/buttons/btn-prix-de-b.gif); }
#boutons li#btn2-de-c a { background-image: url(../images/btn/pub/btn-prix-de.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-de-c a { background-image: url(../images/btn/pub/btn-demo-de.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-de a	{ background-image: url(../de/images/buttons/btn-demo-de.gif); } 
#boutons li#btn4-de a	{ background-image: url(../de/images/buttons/btn-carrieres-de.gif); } 

/******* CHINOIS ZH *******/
#boutons li#btn1-zh a	{ background-image: url(../zh/images/buttons/btn-communiquez-zh.gif);} 
#boutons li#btn1-zh-b a { background-image: url(../zh/images/buttons/btn-communiquez-zh-b.gif);} 
#boutons li#btn2-zh a	{ background-image: url(../zh/images/buttons/btn-prix-zh.gif);}
#boutons li#btn2-zh-b a { background-image: url(../zh/images/buttons/btn-prix-zh-b.gif);}
#boutons li#btn2-zh-c a { background-image: url(../images/btn/pub/btn-prix-zh.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-zh-c a { background-image: url(../images/btn/pub/btn-demo-zh.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-zh a	{ background-image: url(../zh/images/buttons/btn-demo-zh.gif);} 
#boutons li#btn4-zh a	{ background-image: url(../zh/images/buttons/btn-carrieres-zh.gif);} 

/******* JAPONAIS JP *******/
#boutons li#btn1-ja a	{ background-image: url(../ja/images/buttons/btn-communiquez-ja.gif);} 
#boutons li#btn1-ja-b a { background-image: url(../ja/images/buttons/btn-communiquez-ja-b.gif);} 
#boutons li#btn2-ja a	{ background-image: url(../ja/images/buttons/btn-prix-ja.gif);}
#boutons li#btn2-ja-b a { background-image: url(../ja/images/buttons/btn-prix-ja-b.gif);}
#boutons li#btn2-ja-c a { background-image: url(../images/btn/pub/btn-prix-ja.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-ja-c a { background-image: url(../images/btn/pub/btn-demo-ja.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-ja a	{ background-image: url(../ja/images/buttons/btn-demo-ja.gif);} 
#boutons li#btn4-ja	a	{ background-image: url(../ja/images/buttons/btn-carrieres-ja.gif);} 

/******* COREEN *******/
#boutons li#btn1-ko a	{ background-image: url(../ko/images/buttons/btn-communiquez-ko.gif);} 
#boutons li#btn1-ko-b a { background-image: url(../ko/images/buttons/btn-communiquez-ko-b.gif);} 
#boutons li#btn2-ko a	{ background-image: url(../ko/images/buttons/btn-prix-ko.gif);}
#boutons li#btn2-ko-b a { background-image: url(../ko/images/buttons/btn-prix-ko-b.gif);}
#boutons li#btn2-ko-c a { background-image: url(../images/btn/pub/btn-prix-ko.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-ko-c a { background-image: url(../images/btn/pub/btn-demo-ko.gif); -moz-border-radius: 8px; border-radius: 8px;}
#boutons li#btn3-ko a	{ background-image: url(../ko/images/buttons/btn-demo-ko.gif);} 
#boutons li#btn4-ko a	{ background-image: url(../ko/images/buttons/btn-carrieres-ko.gif);} 



/*-----------------------------------
  Applications & Industrie 
-----------------------------------*/

/** partenaires **/
a.partner:link,a.partner:hover,a.partner:visited,a.partner:active{
	background: white url(../images/btn/btn-CAF.gif) no-repeat bottom;
	color:white;
	display:block;
	font-size:90%;
	float:right;
	margin:0 15px 0 10px; 
	padding-left:10px;
	text-decoration:none;
	width:173px; height:50px;
}
a.partner:hover{
	background: white url(../images/btn/btn-CAF.gif) no-repeat top;
	color:#8cdefd;
}
/** témoignages **/

.appSidebar .temoignage img {max-width: 153px; margin-bottom: 5px; border: none;}
	
.temoignage{
	border: gray 1px solid;
	border-bottom-width:5px;
	font-size:11px; 
	line-height:1.3em;
	padding:10px;
	color: #333333;
	margin-bottom: 10px;
}

.signature{ font-style:italic; padding-bottom:2px; margin:0; color: #666666 !important;}

#test00{
	float:right;
	width:220px;
	margin-left: 20px;
	height: 500px;
}

.serviceBoxContent a {font-size:10px; line-height:14px; display:inline-block; margin-top: 5px;}

/*-----------------------------------
  PRODUITS (icones)
-----------------------------------*/

.iconeProduit{
	float:left; 
	margin-right:10px;
}

/*-----------------------------------
  COMPAGNIE
-----------------------------------*/

table#logosClients{width:740px;}
table#logosClients td{text-align:center;padding: 0 15px 20px 0;vertical-align:middle;}
/*table#logosClients img{
	padding:0 0 20px 0;
}*/

/*-----------------------------------
  HANDYSCAN 3D
-----------------------------------*/
.h3dbloc {float: left; display: inline; position: relative;}
.h3dbloc a { text-decoration: none; color: #000; text-align: center; } 
.h3dbloc span { display: block; font-size: 140%; color: #000; position: absolute; left: 0; top: 185px; z-index: 1; width: 238px;text-align: center;}
.h3dbloc b { font-weight: normal; color: #3b77b0; }

.max600 p {max-width: 480px;}
#tblMarkCalendar tr:hover {background-color: #DEDEDE;}
#tblMarkCalendar tr th {text-align: left; width: 150px;}
#tblMarkCalendar tr td, #tblMarkCalendar tr th
{
	padding: 5px !important;
}

#pagePeelCorner {position: absolute; z-index: 49; top: 0px; left: 0px;}
.simpleBox {border: gray solid 1px; padding: 10px; margin-bottom: 10px; background-color: #EEEEEE;}
.simpleBox p {padding-left: 15px;}
.simpleBox table {margin-left: 10px;}

.similiTitle {margin-top: -10px; color: #4e89be; font-size: 16px; font-weight: bold;}
#countdown {text-align: center; font-size: 38px; font-weight: bold; margin: 40px 0; text-transform: uppercase; color: Gray;}
#tblMarkCalendar .buttonLine td input {text-transform: uppercase;}
#tblMarkCalendar .buttonLine:hover td {background: #EEEEEE !important;}
#tblMarkCalendar .buttonLine td input:hover {background: #4e89be !important; color: White;}

/* HandySCAN products
***********************************/
.productDetailList {padding-right: 37px;}
.productDetail.first {border-top: #cccccc solid 1px;}
.productDetail {
    clear: left;
    border-bottom: #cccccc solid 1px;
    padding: 10px 0px;
    margin: 10px 0px;
    overflow: hidden;
    background: #feffff; /* old browsers */
    background: -moz-linear-gradient(top, #feffff 81%, #F7F7F7 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(81%,#feffff), color-stop(100%,#F7F7F7)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#F7F7F7',GradientType=0 ); /* ie */
}

.productDetail .left {
    float: left;
    margin-right: 20px;
    width: 150px;
    text-align: center;
}

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

.productDetail .left img {width: 125px;}
.productDetailList.small .productDetail .left img {width: 90px;}

.productDetail .right {
    margin-left: 170px;
}

.btnRequestInformation {background-image: url(../en/images/buttons/btn-request-for-information-150.jpg); height: 39px; width: 150px; display: block;}
.btnRequestInformation:hover {background-position: left bottom;}
.ide{ background-image: url(../de/images/buttons/btn-request-for-information-de-150.png); }
.ies{ background-image: url(../es/images/buttons/btn-request-for-information-es-150.png); }
.ifr{ background-image: url(../fr/images/buttons/demande-dinformation-150.png); }
.ipt{ background-image: url(../pt/images/buttons/btn-request-for-information-pt-150.png); }
.ija{ background-image: url(../ja/images/buttons/btn-request-for-information-ja-150.png); }
.izh{ background-image: url(../zh/images/buttons/btn-request-for-information-zh-150.png); }


.two-columns {-moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;}
    
sup {font-size: 9px;}


div.table-aligner .row {clear: both; overflow: hidden; margin-bottom: 5px;}
div.table-aligner .row .column {width: 50%; float: left;}
div.table-aligner .row .column.right {text-align: right;}
div.table-aligner .row .column.tiny {width: 15%;}
div.table-aligner .row .column.small {width: 30%;}
div.table-aligner .row .column.medium {width: 50%;}
div.table-aligner .row .column.large {width: 70%;}
div.table-aligner .row .column.x-large {width: 85%;}
div.table-aligner .row .column.full {width: 100%;}