/*-------------CSS BRAINSTORMING / PAGES-------------*/

	.leftSide{
		width:480px;
		float:left;
		margin-right:30px;
	}

	.rightSide{
		width:197px;
		float:left;
	}

	/*---------- 2 COLUMNS ---------*/

	.twoColumns{
		width:715px;
	}

	.twoColumns .column{
		float:left;
		width:342px;
		text-align:justify;
	}

	/*---------- 3 COLUMNS ---------*/

	.threeColumns {
		width:100%;
		margin-bottom: 0px;
		font-size: 11px;
	}

	.threeColumns .column{
		float:left;
		width:158px;
		/*height: 213px;*/
		height: 153px;
		/*background-color: blue;*/
		background:url('images/bg_encart.jpg') 0px 0px no-repeat #ffffff;
		padding: 3px;
		display: block;
		text-decoration: none;
		color: #626264;
		cursor: pointer;
		padding-left: 10px;
		padding-top: 10px;
		cursor: pointer;
	}

	.threeColumns .column img { 
		float: left;
		padding-right: 6px;
	}

	.threeColumns .column:hover {
		background:url('images/bg_encart_hover.jpg') 0px 0px no-repeat #ffffff;
		color: #626264;
	}

	/**************** SLIDESHOW ***************/

		.threeColumns #slideshow {
			float:left;
			width: 350px;
			height: 160px;
			padding-top: 3px;
			display: block;
			border: none;
			cursor: pointer;
			position: relative;	
			margin-top: 2px;
		}

		
	.threeColumns #slideshow .slide{ 
		width: 348px;
		height: 24px;
		text-decoration: none;
	/*	padding: 30px 10px 5px 10px;*/
		overflow:hidden;	
		position: absolute; 
		left: 0; 
		top: 0; 
		padding-top: 136px;
		text-align: center;
	}

	.threeColumns #slideshow #slide01{ 	
		background:url('images/slider01.jpg') 0px 0px no-repeat white;
	}

	.threeColumns #slideshow #slide02{ 	
		background:url('images/slider02.jpg') 0px 0px no-repeat white;
	}

	.threeColumns #slideshow #slide03{ 	
		background:url('images/slider03.jpg') 0px 0px no-repeat white;
	}

	.threeColumns #slideshow #slide04{ 	
		background:url('images/slider04.jpg') 0px 0px no-repeat white;
	}

	.threeColumns #slideshow #slide05{ 	
		background:url('images/slider05.jpg') 0px 0px no-repeat white;
	}

	.threeColumns #slideshow #slide06{ 	
		background:url('images/slider06.jpg') 0px 0px no-repeat white;
	}

	#slideshow .slide a {
		text-decoration: none;
		font-size: 18px;
		color: white;
		position: relative;
		z-index: 999;
	}


	.texteEncart {
		height: 85px;
		_margin-bottom: -15px;
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 5px;
	}


	.threeColumns .column span {
		color: #0076b8;
		font-size: 12px;
	}


	/*---------- 4 COLUMNS ---------*/

	.fourColumns{
		width:615px;
		background:url('images/bg_4columns.gif') 0px 0px repeat-y;
	}

	.fourColumns .column{
		float:left;
		width:138px;
		
	}

	/*---------- COLUMN SEPARATOR ---------*/

	.separatorColumn{
		float:left;
		width:30px;
		height:1px;
	}

		.separatorColumnHome{
		float:left;
		width:10px;
		height:1px;
	}


/*------------------------------------------------------------------------------------------------------------------------*/

/*----------------------- Link --------------------------------*/

.link{
	margin-top:16px;
	margin-bottom: 15px;
}

	.link H1{
		font-size:16px;
		margin-bottom:5px;
	}

	.link A{
		display:block;
		float:left;
		padding:3px 10px 3px 10px;
		margin-right:3px;
		text-decoration:none;
		font-size:11px;
		margin-top:9px;
		height:14px;
		border-left:1px solid #E8E8E8;
		border-top:1px solid #E8E8E8;
		border-right:1px solid #E8E8E8;
		color:#9b9b9b;
		background:url('images/bg_link_inactive.jpg') repeat-x;
	}

	.link .parent {}
		
		.link A:hover{
			margin-top:0px;
			position:relative;
			top:1px;
			height:22px;
			border-left:1px solid #8ac3e4;
			border-top:1px solid #52a3d2;
			border-right:1px solid #8ac3e4;
			border-bottom:1px solid #0679ba;
			color:#b8e6ff;
			background:url('images/bg_link.jpg') repeat-x #0679ba;
		}

		.link A.active{
			margin-top:0px;
			position:relative;
			top:1px;
			height:22px;
			border-left:1px solid #3f4a6e;
			border-top:1px solid #3f4a6e;
			border-right:1px solid #3f4a6e;
			border-bottom:1px solid #3f4a6e;
			color:white;
			background:url('images/bg_link_active.jpg') repeat-x #192750;
		}

		.link .visible, .link .hide:hover {}

	.link .hide {}


/*----------------------- Rescue ------------------------------*/

.rescue {
	display: block;
	float: right;

	width: 131px;
	height: 63px;

	position: relative;
	top: -40px;

	margin-bottom: -63px;
}

	.rescue:hover {background-position: bottom;}

	.rERP {background:url('images/rescue_erp.jpg') 0px 0px no-repeat;}
	.rFinance {background:url('images/rescue_finance.jpg') 0px 0px no-repeat;}
	.rTechnique {background:url('images/rescue_technique.jpg') 0px 0px no-repeat;}
	.rVoip {background:url('images/rescue_voip.jpg') 0px 0px no-repeat;}
	.rBarcodage {background:url('images/rescue_barcodage.jpg') 0px 0px no-repeat;}


.assistance-support {margin-left: 135px;margin-top: 50px;}

.assistance-support .rescue {
	display: block;
	float: left;

	width: 131px;
	height: 63px;

	margin-right: 25px;

	position: relative;
	top: 0px;
	margin-bottom: 0px;
}

.support-erp-form { display: block;width: 340px;height: 120px; background:url('images/rescue_erp-form.jpg') 0px 0px no-repeat;padding: 80px 0px 0px 10px;}
.support-finance-form { display: block;width: 340px;height: 120px; background:url('images/rescue_finance-form.jpg') 0px 0px no-repeat;padding: 80px 0px 0px 10px;}
.support-technique-form { display: block;width: 340px;height: 120px; background:url('images/rescue_technique-form.jpg') 0px 0px no-repeat;padding: 80px 0px 0px 10px;}
.support-voip-form { display: block;width: 340px;height: 120px; background:url('images/rescue_voip-form.jpg') 0px 0px no-repeat;padding: 80px 0px 0px 10px;}
.support-barcodage-form { display: block;width: 340px;height: 120px; background:url('images/rescue_barcodage-form.jpg') 0px 0px no-repeat;padding: 80px 0px 0px 10px;}

	.support-erp-form .label {color: white;}
	.support-finance-form .label {color: white;}
	.support-technique-form .label {color: white;}
	.support-voip-form .label {color: white;}
	.support-barcodage-form .label {color: white;}



/*----------------------- Cadre--------------------------------*/

.cadre{
	border:1px solid #AFD4E8;
	padding:10px;
	margin-bottom:20px;
	color:#0076B8;
	background:url('images/bg_cadre.jpg') 0px bottom repeat-x #FCFDFD;
}

.cadreNews{
	border: 1px solid #e7f1f9;
	padding:10px;
	margin-bottom:10px;
	color:#0076B8;
	background:url('images/bg_cadreNews.jpg') 0px 0px repeat-x #f3f8fc;
}

	.cadre H2{
		color:#0076B8;
		font-weight:bold;
		display:inline;
		margin:0px;
	}


/*----------------------- Important ---------------------------*/

.important{
	padding:10px;
	border:1px solid #ff0000;
	background-color:#fd7d7d;
	color:#ff0000;
	font-size:120%;
	text-align:justify;
}


/*----------------------- Liste ---------------------------*/

.liste{
	font-size:11px;
	margin-bottom:15px;
	border-top:1px dotted #E1D8C7;
}

.liste TD{
	padding:2px;
	background-color:#FCFCFA;
	border-bottom:1px dotted #E1D8C7;
	margin-left: 2px;
	margin-right: 2px;
}

.liste TH{
	padding:3px 0px 3px 0px;
	background-color:#E1D8C7;
}

.liste2{
	font-size: 11px;
	margin-bottom:15px;
	position: relative;
	left: -15px;
}

.liste2 TD{
}

.liste2 TH{
	
}

.liste2 td a {
	height: 50px;
	width: 100%;
	padding:5px;
	display: block;
	text-decoration: none;
	border: 1px solid #eeeeee;
	color: #626264;
	background:url('images/bg_list.jpg') 0px 0px repeat-x #f6f6f6;
}

.liste2 td .aNormalStyle {
	 color:#60AED9;
	 font-weight:normal;
	 text-decoration:underline;
	 display: inline;
	 height: auto;
	 width: auto;
	 padding: none;
	 border: none;
	 background: none;
}

.liste2 td .aNormalStyle:hover {
	 color:#60AED9;
	text-decoration:none;
	font-weight:normal;
	display: inline;
	height: auto;
	width: auto;
	padding: none;
	border: none;
	background: none;
}

.liste2 td .middle {
	
}	

.liste2 td .big {
	height: 120px;
	padding:5px;
	display: block;
	text-decoration: none;
	border: 1px solid #eeeeee;
}

	.liste2 td a:hover {
		border: 1px solid #4299ce;
		color: #626264;
	}

/*************** LISTE 3 (FORMATIONS) ********************/

.liste3{
	font-size: 11px;
	margin-bottom:15px;
	position: relative;
	left: -15px;
}

.liste3 TD{
}

.liste3 TH{
	
}

.liste3 td {
	padding:5px;
	text-decoration: none;
	border: 1px solid #eeeeee;
	color: #626264;
	background:url('images/bg_list.jpg') 0px 0px repeat-x #f6f6f6;
}

.liste3 td .middle {
	
}	

.liste3 td .big {
	height: 120px;
	padding:5px;
	display: block;
	text-decoration: none;
	border: 1px solid #eeeeee;
}


/********* LISTE BARCODAGE **********/

.listeBarcodage{
	font-size: 11px;
	margin-bottom:15px;
}

.listeBarcodage TD{
}

.listeBarcodage TH{
	
}

.listeBarcodage td {
	padding:5px;
	text-decoration: none;
	border:1px solid #AFD4E8;
	color: #626264;
	background:url('images/bg_cadre.jpg') 0px 0px repeat-x #f2f7fb;
}

.listeBarcodage .picto {
	
}

.listeBarcodage .clearTd {
	padding: 0px;
	border: none;
	background: none;
	width: 15px;
}

.listeBarcodage .clearTd2 {
	padding: 0px;
	border: none;
	background: none;
}


.listeBarcodage .clearTr {
	padding: 0px;
	border: none;
	background: none;
	height: 15px;
	width: 1px;
}



/*********** LISTE PRODUITS ERP *****************/

.listeProduitsErp{
	font-size: 11px;
	margin-bottom:15px;
}

.listeProduitsErp TD{
}

.listeProduitsErp TH{
	
}

.listeProduitsErp td {
	padding:5px;
	text-decoration: none;
	border:1px solid #AFD4E8;
	color: #626264;
	background:url('images/bg_cadre.jpg') 0px 0px repeat-x #f2f7fb;
}

.listeProduitsErp .clearTd {
	padding: 0px;
	border: none;
	background: none;
	width: 15px;
}

.listeProduitsErp .clearTr {
	padding: 0px;
	border: none;
	background: none;
	height: 15px;
	width: 1px;
}

.listeProduitsErp .picto {
	
}

.listeProduitsErp .puceH2 {
	color:#0076B8;
}
/*----------------------- Tableau Références ---------------------------*/

.tab{
}

.tab TD{
	height:60px;
	text-align:center;
	border:1px solid #AFD4E8;
}

.tab TH{
}



/*-----------------------------------MISE EN FORME HOME---------------------------------*/

#puzzle{
	width:646px;
	height:62px;
	background:url('images/puzzle.png') 0px 0px no-repeat;
	position:relative;
	top:-25px;
	margin-bottom:-40px;
	left:-15px;
	z-index:10;
}

/*--------------------*/

#siliconBrainHome{
	height:161px;
	margin-bottom:30px;
}

	#siliconBrainHome .siliconBrain{
		width:450px;
		height:161px;
		display:block;
		float:left;
		cursor:pointer;
	}

		#siliconBrainHome .siliconBrain:hover{
			filter:alpha(opacity=70);  
			-moz-opacity:0.70;
			opacity:0.70;
		}

	#siliconBrainHome .contactHome{
		margin-top:10px;
		margin-left:15px;
		float:left;
	}

/*--------------------*/

.btnSee{
	width:58px;
	height:20px;
	display:block;
	float:right;
	text-align:center;
	padding-top:6px;
	text-decoration:none;
	color:#828F97;
	cursor:pointer;
	background:url('images/bg_btnsee.jpg') 0px 0px no-repeat;
}

/*--------------------*/

/*#schemaFinance{
	width:616px;
	height:270px;
	background:url('images/bg_schemafinance.gif') 0px 0px no-repeat;
}

	#schemaFinance .left, #schemaFinance .right{
		width:184px;
		height:270px;
		margin-left:10px;
		float:left;
	}

		#schemaFinance .left .top, #schemaFinance .right .top{
			width:164px;
			height:85px;
			padding:10px;
			margin-bottom:60px;
		}

		#schemaFinance .left .bottom, #schemaFinance .right .bottom{
			width:164px;
			height:85px;
			padding:10px;
		}

	#schemaFinance .center{
		width:184px;
		height:180px;
		float:left;
		padding-top:90px;
		margin-left:22px;
		margin-right:12px;
		text-align:center;
	}*/

	/**************** COLORS *****************/
.white {
color: #f0faff;
}

/************** GOOGLE MAPS *************/

.googlemaps {
	width: 173px;
	height: 19px;
	display: block;
	background:url('images/bg_googlemaps.jpg') 0px 0px no-repeat #3F8BB9;
	margin-top: 10px;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 25px;
	color: #186b9c;
	border:1px solid #9FD1EE;
}

.googlemaps:hover {
	background:url('images/bg_googlemaps_hover.jpg') 0px 0px no-repeat #3e90c2;
	color: #e4f3fc;
	border:1px solid #3F8BB9;
}

/*-----------------------------------LATERAL PRODUCT---------------------------------*/

.lateralProductx4 {
	width: 104px;
	padding-right: 15px;
	float: left;
	color:#60AED9;
	font-weight:normal;
	text-align: center;
	border-right: 1px solid #e0eff7;
	height: 121px;
}

.sep {
	width: 15px;
	height: 15px;
	float: left;
}	

.lateralProductx4 h3 {
	margin: 0px; 
	padding: 0px; 
	text-align: center; 
	display: inline;
}

/*********** LISTE PRODUITS RESEAUX *****************/

.listeProduitsRéseaux{
	font-size: 11px;
	margin-bottom:15px;
}

.listeProduitsRéseaux a img {
	border: none;
}

.listeProduitsRéseaux TD{
}

.listeProduitsRéseaux TH{
	
}

.listeProduitsRéseaux td {
	padding:5px;
	text-decoration: none;
	border:1px solid #AFD4E8;
	color: #626264;
	background:url('images/bg_cadre.jpg') 0px 0px repeat-x #f2f7fb;
}

.listeProduitsRéseaux .clearTd {
	padding: 0px;
	border: none;
	background: none;
	width: 15px;
}

.listeProduitsRéseaux .clearTr {
	padding: 0px;
	border: none;
	background: none;
	height: 15px;
	width: 1px;
}

.listeProduitsRéseaux .picto {
	
}

.listeProduitsRéseaux .puceH2 {
	color:#0076B8;
}

#accesenligne{
	width: 173px;
	height: 19px;
	text-align: center;
	font-size: 15px;
	color: white;
	background:url('images/bg_connexion.jpg') 0px 0px no-repeat;
	display: block;
	padding: 6px 0px 5px 0px;
	text-decoration: none;
}

#accesenligne:hover {
	background:url('images/bg_connexion_hover.jpg') 0px 0px no-repeat;
}