

/***************************************************************************************************************************/
/*********************************************************** GENERAL *******************************************************/
/***************************************************************************************************************************/


@font-face {
	font-family: Dax-Medium;
	src: url('resources/police/Dax-Medium.otf');
	font-family: Dax-Light;
	src: url('resources/police/Dax-Light.otf');
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	
	background-color: #ffffff;
	color: #333333;
}

td 

{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

li {
	
	list-style:square outside none;
	padding:5px;
}


a {
	color: #00b2e7;
}
a img {
	border:0;
}


#exterior {
	height: 100%;
	margin:0 auto;
	
}
#connexion {
	display: block;
	width: 107px;
	height: 35px;
	
	background-image: url(../resources/Acces_Account.jpg);
	float:right;
	margin-right:-274px;
	margin-top:50px;
	
}
#connexion span {
	display:none;
}
#container {
	width: 100%;
}

#center 
{
	position:relative;
	margin-bottom:20px;
}

h3 small 
{
	text-transform:none;
	font-size:15px;
	font-weight:normal;
}
	
hr 
{
	border-color:-moz-use-text-color -moz-use-text-color #EAEAEA;
	border-width:0 0 1px;
	height:1px;
	border-style:none none solid;
}


#background 
{
	
	margin-top:-50px;
}



/***************************************************************************************************************************/
/************************************************************ HEADER *******************************************************/
/***************************************************************************************************************************/

#header #logo {
	position: absolute;
	height: 85px;
	width: 368px;
	margin-top:30px;
	margin-left:47px;
	
	background:none;
	z-index:3;
}

#logo-content
{
	height: 177px;
	width: 310px;
	margin:0;
	
	
}

#header {
	height:201px;
	/*background:url(resources/header/background.png) repeat-x bottom center;*/
	
	position:relative;
	margin: 0 auto;
	top: -24px;
	z-index:2;
	
}

#header-content
{
	width:1024px;
	height:174px;
	background:url(resources/header/flou-nelis.jpg) no-repeat top center;
	margin:0 auto;
}

#contact-us {
	
	height:30px;
	
	font-size:12px;
	background:url(resources/header/contact-bg.png) repeat-x top center;
	padding:2px 0 0 13px;

}


#contact-content
{
	float: right;
	width:251px;
	height:36px;
	background:url(resources/header/contact-cont.jpg) no-repeat top center;
	margin-right:-13px;
	padding-left:145px;
	margin-top:-8px;
}


#header.affiliation {
  height: 127px;
}


#menu {
	display:block;

	width: 669px;
	padding:0;
	margin:-62px 0 0 281px;
	padding:2px 0 0 0;
	
	z-index:3;
	height:48px;
	
	background: url(resources/header/menu-bg.png) no-repeat top center;
	
}
#menu li {
	
	display:inline;
	list-style-type:none;
	padding:0;
	padding-left:13px;


	
	
}


#menu li.first-item {
	
}
#menu li a strong {
	display: none;
}
#menu li a img {
	border:0;
	padding:0;
	margin:auto;
	
	
}

#searchengine
{
	width:177px;
	margin-right:-189px;
	margin-top:-62px;
	float:right;
}


#searchengine form {
	display:block;
	
	height:42px;
	width:177px;
	background-image:url(resources/recherche.png);
}
#searchengine form input {
	border:0;
	color:#666666;
	
	margin-top:15px;
	margin-left:45px;
	font-size:12px;
	width:125px;
}

/***************************************************************************************************************************/
/************************************************************ FOOTER *******************************************************/
/***************************************************************************************************************************/


#footer {
	color: #777;
	line-height:18px;
	margin-top:0px;
	padding-top:14px;
	
	background:url(resources/background-footer.png) repeat-x top center;
	
	height: 51px;
	
	
}
#footer2 {
	color: #777;
	line-height:20px;
	margin-top:0px;
	padding-top:20px;
	
	background-color:#ccc;
	
	
}


.foot-content1
{
	width:987px;
	margin:0 auto;
}

.foot-content1 p
{
	width:812px;
	margin-left:133px;
	margin-top:3px;
}

.foot-content1 img
{
	float:left;
	
}

.foot-content2
{
	width:1024px;
	margin:0 auto;
}




#footer p {
	font-size:12px;
	color:#fff;
}
#footer td {
	font-size:12px;
	text-align:right;
	white-space:nowrap;
}
#footer hr {
	border:0;
	height: 1px;

	border-top: 1px solid #666
}
#footer table {
	width:88%;
	padding:0;
	margin:0;
}
#footer td,  #footer tr{
	padding:0;
	margin:0;
}


/***************************************************************************************************************************/
/************************************************** CONTENT HOME PAGE ******************************************************/
/***************************************************************************************************************************/

/*******************************/
/***** barre centrale **********/
/*******************************/

#content-main-bg {
	background:url(resources/bande-centrale/background.png) repeat-x top center;
	
	height: 334px;
}

#content-main
{
	width:1024px;
	margin:0 auto;
}


#content-main-presentation img {

margin-top:32px;
margin-left:-10px;

float:left;
}

#content-main-presentation p
{
	font-family:"Trebuchet MS"t;
	font-size:25px;
	color:#ffb755;
	font-weight:700;
}


#content-main-video {
	float:right;
	height:290px;
	width:560px;
	margin-top:17px;
	margin-right:57px;
	padding:5px 0 0 46px;
	background:url(resources/bande-centrale/fond-video.png) no-repeat top center;
}
#content-main-presentation {
	width: 289px;
	margin-top: 0px;
	padding-top: 18px;
	padding-left: 59px;
	float:left;
}


/*******************************/
/***** barre partenaire ********/
/*******************************/




#partenaire { 
background:url(resources/partenaire-bg3.jpg) repeat-x bottom;
height:65px;


}


#bandeauPart
{
	height:52px;
	width:854px;
	margin:0;
	margin-top:12px;
	margin-right:5px;
}
#bandeauPart li
{
	display:inline;
	list-style-type:none;
	padding:0;
	}

#bandeauPart li img
{
	margin-top:-12px
}
	
#partContent span
{
	color:#666666;
	font-size:11px;
	font-weight:normal;
	margin-top:10px;
	
}



#partContent
{

	height:45px;

	width:819px;
	margin: 0 auto;
	
	padding-top:1px;
	padding-right:113px;
}


/*******************************/
/********* contenu *************/
/*******************************/

.tools-bottom
{
	padding-left:34px;
	width:100%;
	margin-bottom:25px;
	
	
}
.tools-bottom-content
{
	
	width:290px;
	height:88px;
	cursor:pointer;
	display:inline-table;
	margin-right:17px;
	margin-bottom:9px;
	padding-top:5px;
}
.tools-bottom-content:hover
{
	background:url(resources/bloc-content-bg2.png) top center no-repeat;
	
}

.tools-bottom-content h3
{	
	font-size:15px;
	color:#333333;
	font-weight:normal;
	
}

.tools-bottom-content-img
{
	
	float:left;
	margin-top:11px;
	margin-right:4px;
	
	
}

.tools-bottom-content-text
{
	
	
	margin:-14px 0 0;

}





#bottom
{
	height:1300px;
}

#content-bottom
{

width:1024px;
height:100%;
margin:0 auto;
}

#content-bottom #description
{
	font-size:13px;
	color:#2b3b3b;
	padding-left:44px;
	padding-right:53px;
	margin-bottom:25px;
	
}

#content-bottom h1
{
	font-size:16px;
	color:#1f9dff;
	text-transform:uppercase;

	background:url(resources/main/title-bg.png) no-repeat top center;
	height:42px;
	padding:25px 0 0 45px;
	margin-bottom:0;
	
}

#technologie
{
	margin-left:682px;
	width:200px;
	background-color:#f1f1f1;
	padding:10px 30px;
	height:100%;
	margin-top:-5px;
}

#technologie p
{
	text-align:justify;	
	font-size:13px;
	color:#000;
}

#technologie h3
{
	font-size:18px;
	color:#384d4e
}

#technologie ul li
{
	list-style-image: url(../resources/check.png);
	font-size:13px;
	color:#384d4e;
	padding-top:10px;
	padding-left:6px;
	

}



#fonctionnalite {
	color:#444444;
	width:64%;
	
	font-size: 12px;
	
	
	float:left;
	
}

#fonctionnalite p
{
	text-align:justify;	
}

#fonctionnalite a {
	text-decoration:none;
	outline:none;
}




.tools-bottom-content-text p
{
	
	padding:0;
	margin-top:-13px;
	color:#777777;
	font-size:12px;
	
	
}




/***************************************************************************************************************************/
/************************************************** CONTENT OTHER PAGE *****************************************************/
/***************************************************************************************************************************/


/*******************************/
/******** barre centrale *******/
/*******************************/


#content-main-bg-page {
	background:url(resources/bande-centrale/background-page.png) repeat-x top center;
	
	height: 51px;
}

#content-main-page
{
	width:1024px;
	margin:0 auto;
	
}

/*******************************/
/*********** contenu ***********/
/*******************************/



#bottom-page
{
	min-height:850px;
	
}

#content-bottom-page
{

width:1024px;
height:100%;
margin:0 auto;
}



a:hover, .highlight2 {
color:#FF8800;
}

.highlight3 {
color:#333333;
font-size:16px;
text-align:center;
}

.highlight1 {
color:#00bbff;
}

.link_normal{
color:#333333;
}

#center-head .link_normal{
color:white;}

.link_normal, .highlight1, .highlight2, .highlight3{
text-decoration:none;
}



#context {
	float:left;
	width: 230px;
	font-size:12px;
	color:#666666;
}
#context a {
	color:#666666;
	text-decoration:none;
}
.context-header {
	background-image:url(resources/context-header.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	height: 40px;
	width: 230px;
	background-color:#FFFFFF;
}
.context-footer {
	background-image:url(resources/context-bottom.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height: 20px;
	width: 230px;
	background-color:#FFFFFF;
}
.context-content {
	padding:0 40px;
	background-color:#FFFFFF;
	background-image:url(resources/context-background.jpg);
	background-repeat:repeat-y;
	background-position:center;
}
.context-content div {
	margin-bottom: 20px;
}
.context-content img {
	float: left;
	margin-right:10px;
}

#content-container {
	padding-top: 15px;
	padding-bottom: 25px;
	margin-left:230px;
}

#content-container-try {
	padding-top: 15px;
	padding-bottom: 25px;
	margin:0 auto;
  width:727px;
}

#content-container-nocontext {
	padding-top: 15px;
	padding-bottom: 25px;
	padding-left:40px;
}

#content {
	width:727px;
}

#content-nocontext{
	width:905px;
	text-align:center;
}
#content h1, #content-nocontext h1 {
	margin:0;
	padding:0 40px;
	float:right;
	color: #444444;
	font-weight: normal;
	font-size: 32px;
	width: 495px;
	text-align:right;	
}

#content-nocontext h1 {
width: 595px;
}

#content h1 strong ,  #content-nocontext h1 strong {
font-weight:normal;
}
#content em,  #content-nocontext em {
	margin:0;
	padding:5px 40px;
	float:right;
	display:block;
	clear:right;
	color: #999999;
	font-size: 15px;
	width: 490px;
	text-align:right;
}
.content-bloc-header {
	background-image:url(resources/content-bloc-header.jpg);
	background-position:bottom;
	height:17px;
	width:723px;
	  background-repeat:no-repeat;
}
.content-bloc-footer {
	background-image:url(resources/content-bloc-footer.jpg);
	height:16px;
	width:723px;
	background-position:top;
	background-repeat:no-repeat;
}
.content-bloc-content {
	background-image:url(resources/content-bloc-background.jpg);
	background-repeat:repeat-y;
	position:relative;
}

#content-nocontext table 
{
	width:100%;
	padding:0;
}

#content table {
	width:100%;
	padding:0;
	margin:0;
}
.content-bloc-left-content {
	vertical-align:top;
	padding:0;
	margin:0;
}
.content-bloc-right-content {
	vertical-align:top;
	width:235px;
	padding:0;
	margin:0;
}

.content-bloc-right-content img {
display:block;
padding:0;
margin:0;
}

#content p,  #content-nocontext p{
	display:block;
	padding:10px 0 0 0;
	margin: 0 20px;
	text-align:justify;
	line-height:22px;
}
.content-bloc-definition strong {
font-weight:normal;
}

.content-bloc-definition p {
line-height:20px;
font-size:11px;}

#content h2,  #content-nocontext h2 {
  margin:0;
	padding: 5px 20px;
	font-weight:normal;
	font-size: 24px;
	color:#555555;
}
#content h2 strong,  #content-nocontext h2 strong {
	font-weight:normal;
	font-size: 24px;
}
#content .content-bloc-right-content p ,  #content-nocontext .content-bloc-right-content p {
padding:0 15px;
font-size:12px;
}

.likeh3 {
padding:0;
display:block;
}







.content-bloc-left-content img {
	padding: 0 8px;
}

.content-bloc-left-content strong {
font-weight:normal;
}





}

#navigation-path {
	position: absolute;
	color: #777777;
	font-size: 10px;
	top: 155px;
	left: 16px;	
	display:none;
}
#navigation-path a {
	color: #777777;
	text-decoration:none;
}
#center-head {
	
	height: 51px;
	padding-top: 13px;
	padding-left: 59px;
	font-size:22px;
	color: #ffffff;
}
#center-head strong {
	font-weight:normal;
	color: #ffb400;
}


#content .content-bloc-right-content h3,  #content-nocontext .content-bloc-right-content h3 {
	color:#000000;
	margin: 0 25px;
	font-weight:bold;
	font-size: 14px;
	text-transform:uppercase;
}

.likeh3,
#content .content-bloc-left-content h3,  #content-nocontext .content-bloc-left-content h3{
	background-color:#f2f2f2;
	padding:8px 15px;
	margin-top:15px;
	margin-bottom:0px;
	font-size: 13px;
	font-weight:bold;
	color:#333333;
	text-transform:uppercase;
}

.likeh3 {
margin: 15px 0 0;
background-color:#CFFD5F;
}


.content-ico-services {
padding:10px 0;
height:90px;
font-size:9px;
float:left;
text-align:center;
width:100px;
}

.content-bloc-definition {
margin:20px 35px 0 5px;
padding:10px;
border:1px solid #48cbc9;
background-color:#d6fffe;
}

.content-bloc-definition h4 {
	font-weight:bold;
	font-size: 12px;
	text-transform:uppercase;
	color:#333333;
	border-bottom:1px dotted #AAAAAA;
	padding:0;
	margin:0;
}

.content-bloc.content-bloc-nocontext .content-bloc-header {
	background-image:url(resources/content-bloc-header-nocontext.jpg);
}
.content-bloc.content-bloc-nocontext .content-bloc-content {
	background-image:url(resources/content-bloc-background-nocontext.jpg);
}
.content-bloc.content-bloc-nocontext .content-bloc-footer {
		background-image:url(resources/content-bloc-footer-nocontext.jpg);
}
.content-bloc.content-bloc-nocontext .content-bloc-left-content {
  	padding: 0 20px 20px 20px;
}
#content-container.content-container-nocontext {
	margin-left: 0px;
}
#content.content-nocontext,  #content-nocontext .content-nocontext {
	width: auto;
	padding: 0 20px;
}

.content-bloc-content li strong {
font-weight:normal;
}

.grid {
border:1px solid #cccccc;
background-color:#ffffff;
}
.grid td {
padding:2px;
}

.grid-title {
background-color:#EEEEEE;
}

.grid-title td {
padding:10px;
}

.grid-subtitle {
background-color:#E3F1F4;
}

.grid-subtitle td {
padding:10px;
}

.grid-odd {
background-color:#EEEEEE;
}

.grid-select {
background-color:#CFFD5F;
}

.grid-selectondemand {
background-color:#b9d7e3;
}

.grid-notselect {
background-color:#DDDDDD;
}

.grid #grid-functions {
padding-left:20px;
}

.grid-legend {
font-size:11px;
}

.legend-accordion {
background-color:#fae5b0;
font-size:11px;
display:block;
padding:4px 10px;
margin:0;
color:#837040;
}

.grid-special {
background-color:#FDD698;
}

.grid-pme {
background-color:#666666;
color:#ffffff;
font-weight:bold;
}

#inscription_form td
{
padding : 5px;
}

h3 .accordion_open {
padding:0;
padding-left:20px;
background-image:url('resources/accordion_open.gif');
background-repeat:no-repeat;
background-position: left 2px;
}

h3 .accordion_close {
padding:0;
padding-left:20px;
background-image:url('resources/accordion_close.gif');
background-repeat:no-repeat;
background-position: left 2px;
}




#index-bloc-components {
	background-image:url(resources/index-bloc-components.png);
	height:79px;
	border-bottom-width: 5px;
	border-bottom-style: none;
	border-bottom-color: #CAE3EA;
}
#index-bloc-components div.content {
	padding: 7px 30px 0 30px;
	margin:0;
	height: 63px;
	display:block;
}

#index-bloc-components div.content h2 {
	padding: 7px 19px 0 0;
	margin:0;
	float:left;
	font-weight:normal;
	font-size: 12px;
	color:#333333;
	width:137px;
}
#index-bloc-components div.content h2 strong {
	font-weight:normal;
	font-size: 12px;
	color:#00b2e7;
}

#carousel-components li{
	color: #666666;
	padding-left:10px;
}
#carousel-components h3 {
	padding: 2px 0 0 0;
	margin: 0;
	font-weight: normal; 
	font-size: 13px;		
}
#carousel-components h3 a {	
	color:#333333;
}
#carousel-components p {
	padding:0;
	margin:0;
	line-height:16px;
	color:#999999;
	font-size:12px;
}

.carousel-number {
	color:#7f7f7f;
	float:left;
	font-size:24px;
	padding-right: 8px;
}
.carousel-number strong {
	font-size:25px;
	line-height:60px;
	padding-left:10px;
}
#carousel-components h3 strong {
	font-weight:normal;
}
#carousel-components h3  a {
color:#666666;
line-height:14px;
text-decoration:none;
}
#carousel-components h3 small {
display:block;
}

#carousel-components h3 strong.component-today {
	color:#222222;
}
#carousel-components h3 strong.component-contact {
	color:#00b2e7;
}
#carousel-components h3 strong.component-business {
	color:#e53140;
}
#carousel-components h3 strong.component-webandshare {
	color:#006699;
}
#carousel-components h3 strong.component-emarketing {
	color:#ff6600;
}

#carousel-components h3 strong.component-selfcare {
	color:#63A744;
}

#index-bloc-bottom {
	color:#444444;
	width:75%;

	font-size: 12px;
	padding-top:10px;
	padding-bottom:30px;
	
}

#index-bloc-bottom a {
	text-decoration:none;
	outline:none;
}

#index-pme img,
#index-success-story img,
#index-partners img {
vertical-align:middle;
}

#index-pme,
#index-success-story,
#index-partners {
  width: 327px;
  float: left;
  height:220px;
  text-align:justify;
}
#index-success-story,
#index-partners {
border-left:1px solid #a3cedb;
}

#index-pme h4,
#index-success-story h4,
#index-partners h4 {
  margin: 0;
  padding:0;
  font-weight: bold;
  font-size: 14px;
  padding-left: 20px; 
  padding-bottom: 18px; 
  padding-right: 20px; 
  padding-top: 15px;
}

#index-pme h4 strong,
#index-success-story h4 strong,
#index-partners h4 strong {
  font-weight: normal;
}

.bloc-bottom-content {
	padding: 0 20px 0 20px;
	height:150px;
}
.bloc-bottom-content p {
  margin: 0px 10px 10px 5px;
  padding: 5px 0 0 0;
  text-align: justify;
}
.bloc-bottom-content p small {
  line-height: 16px;
}

.bloc-bottom-content hr {
  margin: 10px;
  border-color:#a3cedb;
}
.bloc-bottom-content small {
  font-size: 12px;
  color: #777777;
}

.bloc-bottom-revevol {
  float: right; 
  width: 123px;
}



/***************************************************************************************************************************/
/*********************************************************** CORRECTION BUG ************************************************/
/***************************************************************************************************************************/


/******************************/
/*********** IE7 **************/
/******************************/

#bandeauPart
{
	
	/margin-top:-30px;
	/margin-left:80px;
}

.tools-bottom-content
{
	/display: inline;
	/zoom: 1;
}

#fonctionnalite
{
	/margin-top:15px;
}

/******************************/
/*********** IE6 **************/
/******************************/



#content-main-bg {
	
	
	
}

#content-main-video {
	
	- margin-top:0;
	- background:url(resources/ie6/fond-video.jpg) no-repeat scroll center top;
	- padding:0;
	
}

#partenaire 
{ 
	- background:url(resources/ie6/partenaire-bg3.jpg) repeat-x;
	
	
	- padding:0;
}


#partContent
{
	- padding:0;
	
}


#content-bottom h1
{
	- background:url(resources/ie6/title-bg.jpg) no-repeat top center;
}

.tools-bottom-content-text
{
	- margin:0;
}

.foot-content1 img
{
	- display:none;
}

.foot-content1 
{
	- background:url(resources/ie6/xrmNeg.jpg) no-repeat top left;
	- padding-bottom:20px;
}

#footer
{
	- background:none;
	- background-color:#334647;
	
	
}

#header #logo {

	- background: none;
}

#menu {
	
	- background: url(resources/ie6/menu-bg.jpg) no-repeat left top;

}


#content-main-video {
	
	- margin-right:40px;
	- padding: 0;	
}


#content-main-presentation
{
	- background:url(resources/ie6/text-market.jpg) top center no-repeat;
	- width:324px;
	- height: 256px;
}

#content-main-presentation img
{
	- display:none;
}

#content-main-bg
{
	-padding-top: 30px;
	-background:none;
	-background-color:#354849;
}

#contact-content
{
	- margin-top:-4px;
	- background:url(resources/ie6/contact-cont.jpg) no-repeat top center;
	
}

#contact-us
{
	- background:none;
}
