/* Reset */

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border:0;	
}

li {
	list-style: none;
}

/* Style */

body {
	font-family: arial;
	font-size: 62.5%;
	width: 973px;
	margin-left: auto;
	margin-right: auto;
}

h1 {
	font-size:2.1em;
	font-weight: normal;
	margin: 15px 0;	
}

h2 {
	font-size:1.5em;	
}

h3 {
	font-size: 1.3em;	
}

h4 {
	font-size:1em;
	font-weight: bold;
}

#head {
	float:left;
	width:100%;
	margin-bottom:14px;
}

.mainLogo {
	float: left;
	margin: 12px 0 0 4px;
}

.subscribe {
	float:right;
	width: 454px;
	height: 34px;
	padding: 5px 0 0 20px;
	font-size:1.1em;
}

.subscribe form {
	display:inline;
}

.subscribe * {
	float:left;
}

.subscribe span {
	margin: 5px 5px 0 0;
	
}

.subscribe form label {
	margin: 5px 5px 0 0;
	font-weight: bold;
}

.subscribe span.rss {
	border-left:1px solid;
	margin-left:5px;
	padding-left: 5px;
}

.content {
	/*margin-top:14px;*/
	width:973px;
}

.contentPopin {
	float:left;
	width:500px;
}

#menu {
	float:left;
	height:29px;
}

#menu li {
	height:29px;
	float:left;
}

#menu li a {
	padding:10px 12px 0 12px;
	display:block;
	float:left;
	font-size:1.3em;
}

#menu li a:hover {
	text-decoration: none;
}

#menu li.first a {
	padding-left:18px;
}

#menu li.last {
	padding-right:22px;
}



#menu .subMenu {
	top:0;
	padding:7px 0 0 0;
	z-index:5;
	clear:both;
	margin-left:-2px;
}

/* IE Hack */
*+html #menu .subMenu , * html #menu .subMenu {
	top:0;
	left:-4px;
	padding:7px 0 0 0;
	z-index:5;
	clear:both;
	margin-left:4px;
}

#menu .subMenu li {
	float:none;
	clear:both;
	font-size:1.2em;
	padding:7px 17px 0 13px;
	margin-bottom:-3px;
	/*width:100%;*/
	border-width: 0 1px;
	border-style:solid;
	/*position:relative;*/
	
}

#menu .subMenu li.last {
	border-bottom-width: 1px;
	/*margin-bottom: 7px;*/
}

#menu .subMenu li a {
	display:block;
	float:none;
	border-bottom: 1px solid;
	background-image: none;
	padding:0 0 8px 0;
	font-size:1em;
}

#menu .subMenu li.last a {
	border:0;
}

#menu .subMenu li a:hover {
	text-decoration: none;
}

#menu .subMenu .subSubMenu {
	clear:both;
	top:0;
	z-index: 10;
	/*position:relative;*/
	/*padding:0 13px 0 0;*/
	border-top:1px solid;	
}

#menu .subMenu .subSubMenu li {
	float:none;
	clear:both;
	/*position:relative;	*/
	white-space: nowrap;	
	padding:7px 17px 0 0;
	font-size:1em;
}

#menu .subMenu .subSubMenu li a {
	display:block;
	float:none;
	border-bottom: 1px solid;
	background-image: none;
	padding:0 0 7px 0;
	margin-left:8px;
	font-size:1em;
}

#menu .subMenu .subSubMenu li.last a {
	border:0;
}

#menu .subMenu .subSubMenu li a:hover {
	text-decoration: none;
}

/* IE 6*/
* html #menu .subMenu li {
	width:130px;	
}

.langs {
	float:right;
	margin-top:13px;
}

.langs img {
	margin-left:5px;	
}

#bottomNav {
	float:left;
	width:100%;
	height:4px;
}

* html #bottomNav {
	margin-top:-7px;
}

#leftCol {
	float: left;
	width: 685px;
	padding-bottom:1px;
	margin-top:0 !important;
	margin-left:0 !important;
	margin-top:-9px; /*IE 6*/
	margin-left:-3px;
	
}

.illustration, .mask {
	float:left;
	width:685px !important;
	width:683px; /*IE 6*/
	height:205px;
}

* html .illustration { /* IE 6 */
	background-position: 3px 0;
	background-repeat: no-repeat;	
}

* html .mask { /* IE 6 */
	background-image: none;
}


.illustration {
	margin:0 0 0 1px;
}

.breadCrumb {
	width:682px;
	margin:12px 0 0 3px;
	border-bottom:1px solid;
	font-size:1.1em;
}

.pageContent {
	margin-left:3px;
	width:437px;
	float:left;
	padding-right:50px !important;
	padding-right: 5px; /* IE 6 */
}

.fullPageContent {
	margin-left:3px;
	float:left;
	padding-right:0;
	width: 682px;
}

.logo {
	float:right;
	margin-right:7px;
}

.fullPageContent .clientsList li {
	float:left;
	margin:8px 25px 12px 0;	
	padding: 6px;
	border:1px solid;
	
}

.pageContent img, .fullPageContent img {
	float:left;
	margin-right:20px;
}

.pageContent p, .fullPageContent p {
	float: left;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 20px;
	width:100%;
	
}

.pageContent ul, .fullPageContent ul {
	font-size: 1.2em;
	margin-bottom: 12px;
	float:left;
	width:100%;
}

.pageContent ul li, .fullPageContent .tabContent ul li, .fullPageContent .joboffer ul li {
	padding-left:10px;
}



.fullPageContent .tabContent ul li.demo {
	padding-left:0;	
}


.pageContent .intro, .fullPageContent .intro {
	width:437px;
	float:left;
}


.intro p {
	line-height: 1.6em;
	font-weight:bold;
	float:left;
	width:100%;
}

.pageContent .blue, .fullPageContent .blue  {
	border-width: 1px 0;
	border-style: solid;
	padding: 11px 13px;	
	float:left;
}

.fullPageContent .blue {
	width:656px;
}

.pageContent a.play {
	display:block;
	margin-top: 10px;
	float:left;
	width: 100%;
	font-weight: bold;
	padding: 0 0 5px 27px;
}

.pageContent .pictos li {
	padding: 0 0 0 22px;
	float:left;
	width:100%;
	margin-bottom:3px;
}


.fullPageContent .pictos li {
	padding: 4px 0 0 22px;
}

.pageContent .pictos li.noPicto, .fullPageContent .pictos li.noPicto {
	padding-left:0;
}

.fullPageContent .newsPR .pictos {
	width:100%;	
}

.fullPageContent .newsPR .pictos li {
	width:40%;	
	float:left;
}


.fullPageContent .joboffer, .fullPageContent .news {
	float:left;
	padding:5px;
	margin-bottom:15px;
	font-size: 1.1em;
	width:634px;
}


.fullPageContent .news p {
	
}

.fullPageContent .joboffer h2, .fullPageContent .joboffer h3, .fullPageContent .joboffer h4 {
	font-weight:normal;	
	display:inline;	
}

.fullPageContent .joboffer span {
	float:right;
	display:block;
}

.fullPageContent .joboffer.blue {
	border-style: solid;
	border-width: 1px 0;	
}

.fullPageContent .joboffer a.apply {
	padding-left:20px;	
	float:left;
	display:block;
}

.fullPageContent .demos {
	font-size: 1.1em;
	margin-top:20px;
	border-style: solid;
	border-width: 1px 0;
	padding:5px;
	width:100%;
	float:left;
}

.fullPageContent .demoGroup {
	margin-top:20px;
	float:left;	
	clear: both;
}
.fullPageContent .demoGroup h3 {
	float:left;
	width:100%;
	margin-bottom:10px;	
}
.fullPageContent .demoGroup {
	float:left;
	width:100%;	
}

.fullPageContent .demoGroup .demo {
	float:left;
	margin-right:18px;
	width:205px;
}

.fullPageContent .demoGroup .demo div {
	float:left;
	margin-bottom:8px;	
}

.fullPageContent .demoGroup .demo.third {
	margin-right: 0;	
}

.fullPageContent .discover {
	margin-top:25px;	
}

.tools {
	font-size:1.1em;
	width:195px;
	float:right;
	padding-top:8px;
	margin-bottom:10px;
}

.center {
	float:left;
	width:100%;
	text-align: center;
}

.margeB10 {
	margin-bottom: 10px;	
}

.tools a {
	display:bloc;
	padding-bottom:5px;
	padding-right: 22px;
	margin-left:4px;
}

.tools span {
	display:bloc;
	float:right;
}

.tools a.print {
	margin-right:4px;
}

.tools .printSend {
	float: left;
	margin-bottom:10px;
} 


.tools .remember {
	border:1px solid;
	float:left;
	width:183px;
}

.tools .remember.more {
	margin-top:5px;	
}

.tools .remember a {
	display: inline;	
}


.tools .remember li {
	padding:0 0 0 15px;
	font-weight: bold;
}

.tools .remember li span {
	float: none;
	display: block;
	padding: 2px 0;	
}

.tools .remember li ul {
	border:0;
}

.tools .remember li ul li {
	margin-left:-15px;
	padding:3px 0 3px 25px;
	font-weight: normal;
	
}
	
#solution {
	width: 198px;
	height:149px;
	margin:19px 0 0 24px;
	padding:14px 0 0 18px;
	float:left;
}

* html #solution {
	margin-left:13px;	
}

#flashZone {
	margin:0;
	width: 422px;
	margin:0 0 0 20px;
	height:204px;
	float:left;	
}

* html #flashZone {
	margin-left:19px;
}

#solution h2 {
	font-size: 2.1em;
	font-weight: normal;
}

#solution ul {
	padding-top: 5px;
}

#solution li {
	padding: 0 0 8px 20px;
	font-size:1.1em;
	font-weight:bold;
}

.articleHome {
	float:left;
	margin: 12px 0 0 4px;
	padding:10px 0 0 0;
	font-size: 1.1em;
}


.articleHome br {
	margin-bottom:8px;
}

.articleHome .title {
	font-size: 1.3em;
}

.articleHome .intro{
	font-size:1.1em;

}

.articleHome img {
	float:left;
	margin:-10px 10px 0 0;
}
.discover {
	float:left;	
	width:500px !important;
	margin-right:8px !important;
	margin-right:0; /* IE 6*/
}

.marge20 {
	margin-top:20px;	
}

.discover h1 {
	float:left;
	margin:10px 0 7px 3px;
	width:500px;
		
}

.discover table, .discover ul.tabs {
	width:501px !important;	
	float:left;
	border: 0;
}

.discover ul.tabs {
	height:31px;
	margin-left:2px;
}


.discover th, .discover ul.tabs li {
	height:31px;
	font-size:1.2em;
	font-weight: normal;
	white-space: nowrap;
	margin-left: -1px;
}


.discover ul.tabs li {
	float:left;
	height:50px;
	margin-top:-8px;
}

* html .discover ul.tabs li {
	margin-top: 0;	
}

.discover th.active, .discover ul.tabs li.active {
	font-weight: bold;	
}

.discover th span, .discover ul.tabs li span{
	display: block;
	float:left;
}

.discover th .left, .discover ul.tabs li span.left {
	padding-left:12px;
	height:31px;
}

.discover ul.tabs li.first .left {
	height:50px;
}

.discover th .right, .discover ul.tabs li span.right {
	padding-right:18px;
	padding-top:10px;
	height:21px;
}



.discover .productContent {
	float:left;
	margin: -1px -6px 0 1px;
	padding:10px 12px 0 12px;
	font-size:1.1em;
}


* html .discover .productContent {
	margin: -11px -6px 0 1px;
}


.w500 .productContent {
	width:500px;		
}

.discover .productContent .details {
	font-size: 1.3em;
	text-align: center;
}

.productContent p {
	width:480px;	
}

.discover .bottom {
	width:500px !important;
	height:11px;
	margin-left:1px;
	float:left;
	width:501px;
}

.discover td.bottom .corner {
	width:11px;
	height:11px;	
}


.blocElem, .blocElem div {
	float:left;	
}

.blocElem .full {
	margin: 0 0 0 3px;	
}

.blocElem .blocBottom, .blocElem .rbCorner {
	height:12px
}

.blocElem .blocTitle {
	padding-top:4px;
	height:17px;
	padding-left:17px;
}

.blocElem .blocTitle h3 {
	font-size:1.3em;
	font-weight:bold;
}

.blocElem.noColor .blocTitle, .blocElem.solution .blocTitle {
	height:6px;
	margin-bottom:0 !important;
	margin-bottom: -5px; /* IE 6 */
}


.blocElem  .rtCorner {
	height:21px
}

.blocElem.noColor .rtCorner, .blocElem.solution .rtCorner {
	height:10px;
}

.rtCorner, .rbCorner {
	width:19px;	
}

#leftCol .blocElem {
	width: 176px;
}

* html #leftCol .blocElem {
	margin:38px 0 0 -11px;
	width: 176px;
	overflow: hidden;
}

* html #leftCol .blocElem img {
		
}


#leftCol .blocTitle {
	width: 140px;
}

#leftCol .inner {
	padding: 0 12px 0 14px;
	width: 148px;
}

#leftCol .blocBottom {
	width: 157px;
}

.htmlBlocHome {
	padding-top:5px;
	overflow: hidden;
}

.htmlBlocHome div p {
	margin:5px 0 0 0;
}

.htmlBlocHome div {
	float:left;	
}

.htmlBlocHome hr {
	height:1px;
	background-color: #cdcbcb;
	color: #cdcbcb;
	margin:5px 0 0 0;
	padding:0;
	border:0;
}

#rightCol .blocElem {
	width: 258px;
	margin-bottom:10px;
	overflow:hidden;	
}

#rightCol .blocTitle {
	width: 222px;
}

#rightCol .inner {
	padding: 0 19px 0 14px;
	width: 223px;
}

/*
#rightCol .solution .inner {
	margin-left:2px;
	width: 251px;
	padding: 0;	
}*/

#rightCol .solution .inner {
	margin-left:2px;
	width: 258px;
	padding: 0;	
}

* html #rightCol .solution .inner { /* IE 6 */
	margin-left:1px;
	margin-top:-4px;
}


#rightCol .solution .inner h3 {
	padding: 10px 0 4px 25px;
	font-size: 1.3em;
}

#rightCol .solution .inner .topLevel {
	margin-top:-8px;
	margin-bottom:-3px;
	padding: 8px 6px 10px 6px;
	font-size: 1.1em;
	float:left;
}

#rightCol .solution .inner .topLevel li {
	padding: 0 0 0 15px;
	border-width: 0 1px;
	border-style: solid;
	float:left;
	width: 222px;
}

#rightCol .solution .inner .topLevel li div {
	padding: 4px 0 4px 20px;
	margin-bottom: 2px;
}

#rightCol .solution .inner .topLevel li div ul {
	display:none;	
}

#rightCol .solution .inner .topLevel li.active div {
	float: left;
	border-width: 1px 0;
	border-style: solid;
	width:180px;
	font-weight: bold;
}

#rightCol .solution .inner .topLevel li.active div ul {
	display:block;	
}
#rightCol .solution .inner .topLevel li li {
	border-width:0;	
	padding: 3px 0 3px 25px;
	font-weight: normal;
	width:150px;
}

#rightCol .solution .inner .topLevel li li.active {
	font-weight: bold;
}

#rightCol .solution .inner .topLevel li.last {
	border:0;
	margin-bottom:-12px;	
}

#rightCol .blocBottom {
	width: 239px;
}


.blocElem.blocVideo .blocTitle, .blocElem.blocVideo  .rtCorner {
	padding-top:0;
	height:13px
}

.blocElem.blocVideo .blocBottom, .blocElem.blocVideo  .rbCorner {
	height:19px
}



.text li {
	padding:7px 0;
	margin:0 3px;
	border-top:1px solid;
	font-size: 1.1em;
}

.text li.first {
	border:0;	
}

.steps {
	margin:10px 0 0 0;
}

.steps li {
	font-size: 1.1em;
	font-weight:bold;
	padding-left:20px;
	padding-bottom:4px;
	margin-top: 4px;	
}

* html .contactEnv { /* IE6 */
	margin-top:-3px;	
}

.contactEnv img {
	float:left;
	margin:-2px 5px -5px -5px;
}

.contactEnv .contact {
	font-size:1.8em;
	displlay:block;
	float:left;
	margin-top:10px;
}

.actualities {
	margin:10px 0 0 0;
}

.actualities li {
	font-size: 1.1em;
	padding-left:20px;
	padding-bottom:8px;
}

#rightColBorder1 {
	float: left;
	width: 275px;
	margin-left: 12px;
	margin-top:0;
}

#rightColBorder2 {
	float: left;
	width: 274px;
}

#rightCol {
	float: left;
	width: 265px;
	padding:10px 0 0 8px;
}



#footer {
	margin-top:10px;
	padding-top:5px;
	width:100%;
	float:left;
	font-size:1.1em;
	border-top:1px solid;
}

#footer ul {
	margin-left:auto;
	margin-right:auto;
	width:202px;
}

#footer li {
	float: left;
	text-align: center;
	border-right:1px solid #ABA9AA;
	padding-right:10px;
	padding-left:10px;
}

#footer li.last {
	border-right:0;
}

#footer li a {
	color:#444444;
}

#subfooter {
	width:100%;
	padding:50px 0;
	text-align: center;
	font-size: 1.1em;	
	color:#444444;
}

#subfooter a {
	color:#444444;
	text-decoration: underline;	
}


.modal {
	border:1px solid;
	padding:10px;
}

.popinToolBar {
	float:left; 
	width:100%;
	text-align: right;
}

.contact {
	font-size: 1.2em;	
}

.contact p, .contact .errors {
	margin-bottom: 10px;
	float:left;
	width:100%;
}

.contact input[type=text] {
	width:220px;
}

.contact input[type=radio] {
	display:block;
	float:left;	
}

.contact textarea {
	width:220px;
	height:90px;	
}

.contact label {
	display:block;
	float:left;
	width:150px;
}

.contact label.civ {
	width: auto;
	margin-right: 10px;
}

.contact p.submit {
	width:100%;
	float:right;
	padding-right:125px;
}

.btn {
	height:27px;
	display:block;
	float: left;
	padding:3px 11px 0 10px;
	font-weight: bold;
}

.btnLeft {
	padding-left:7px;
	height:27px;
	display:block;
	float: left;
}

.btnRight {
	padding-right:6px;
	display:block;
	float: left;
	background-position: right;
	height:27px;
}

.right {
	display:block;
	float: right;
}

.small {
	font-size:0.8em;
}

#bottomBlocsHome {
	float:left;
	width:100%;
}

a.download {
	display:block;
	float: left;
	margin-top:15px;
	font-size: 1.1em;
	font-weight: normal;
	padding:5px 0 5px 20px;
}

.productTabs {
	margin-top:20px;
	float:left; 
	width:100%;
}

.productTabs ul.tabs {
	float:left;
	width:100% !important;
	font-size: 1.2em;
	height:21px;
} 

.productTabs ul.tabs li {
	float:left;
	margin-top:-8px !important;
	margin-top:0;
	margin-bottom:-2px;
	height:31px;
	font-weight: normal;
	white-space: nowrap;
	margin-left: -1px !important;
	margin-left: 0px;
}



.productTabs ul.tabs li.active {
	font-weight: bold;	
}

.productTabs ul.tabs li span{
	display: block;
	float:left;
}

.productTabs ul.tabs li span.left {
	padding-left:12px;
	height:31px;
}

.productTabs ul.tabs li span.right {
	padding-right:18px;
	padding-top:10px;
	height:21px;
}

.tabContent .pageContent, .tabContent .fullPageContent {
	padding-top:8px;	
}

.productTabs .tabContent {
	float:left;
	font-size: 1.1em;
}

.tabContent .colHtml .blue {
	width:411px;
}

.colHtml {
	width:437px;
	float:left;
}

#prSearch select{
	width:150px;
}

#prSearch input[type=text] {
	width:300px;
}

#searchPR {
	margin-bottom:15px;
}

.newsPR {
	float:left;
	padding:11px 13px;
	width:634px !important;
}

.newsletter p {
	float:left;
	padding:11px 13px;
	width:634px !important;	
}

p.newsPR a.arrow {
	padding-left:20px;
}

.newsPR h2 {
	display:inline
}
.newsPR h3 {
	display:inline
}

.newsPR .desc {
	float:left;
	width:434px;
}

.fullPageContent ul.noPicto li {
	background-image: none;
}

.questions {
	overflow: hidden;	
	float:left;
}

.quizzQuest {
	float:left;
	width:100%;
	height:90px;
}

.quizzQuest strong {
	font-size: 1.2em;
}

.quizzQuest ul {
	margin-top:5px;
	margin-bottom:15px;
}

.quizzQuest ul li label {
	text-align: center;
	clear:both;
	display:block;
	float:left;
}

.quizzQuest ul li input {
	display: block;
	float:left;
	margin:2px 5px 0 0;
}

.fullPageContent .sbmButton {
	font-size: 1.1em;
	float:right;
	cursor:pointer;
}

.nobg {
}

#bottomBlocsHome .blocElem {
	margin-top:31px;
	/*margin-top: 11px; alignement texte bloc onglets*/
}

a.letter {
	display:block;
	float:left;
	margin-left:-21px;
	padding-left:21px;
	height:17px;
	padding-top:2px;
}

* html a.letter {
	margin-left:-10px;	
}

.steps li {
	float:left;
	width:100%;
}

.learnMoreAboutUs {
	text-align: right;
	border-bottom:1px solid #ABA9AA;
}

#siteMap {
	float:left;width:100%;font-size: 1.1em;margin-left:3px;
}

#siteMap li {
	float:left;
	width:22%;
	margin-right: 3%;
}

#siteMap ul {
	float:left;width:100%;margin-bottom:10px;
}
#siteMap ul li {
	float:left;width:100%;
}
#siteMap h2 {
	margin-bottom:5px;	
}
#siteMap h2 a {
	color:inherit;
}

#siteMap .lev2 {
	font-size:1.2em;
}

#siteMap .lastLev {
	margin-left:10px;
}

#rightCol .solution .blocTitle {
	width:225px;
}

#rightCol .solution .blocBottom {
width:242px;
}

.solution .rtCorner, .solution .rbCorner {
width:16px;
}

.solution .blocBottom, .solution .rbCorner {
height: 10px;	
}

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

.unikCb label {
	width:85%;
}