@charset "utf-8";

/*=====================================================================================*/
/* GLOBAL */
/*=====================================================================================*/



/* BOUTONS */
/*=====================================================================================*/


/*	BOUTON EN SAVOIR PLUS */
/*-------------------------------------------------------------------------------------*/

a.savoir-plus {
	display:block;
	width:108px;
	height:20px;
	background:url(../images/savoir-plus.gif);
	text-indent:-4000px;
}




/* WIDGETS SIDEBAR */
/*=====================================================================================*/


/*	COLLAPSE WIDGET */
/*-------------------------------------------------------------------------------------*/

/* Ce WIDGET est conçu pour foncionner en trois etats : 
1) Comme bouton (la DIV cw-content cachée ou vide et la DIV cw-title visible), 
2) Comme boite visible (la DIV cw-content visible et remplie)
3) Comme boite collapsable, la DIV cw-content cachée ou animéé par JavaScript
Le code XHTML du widget est le suivant : 
<div class="collapse-widget">
	<div class="cw-title">
		<h3 class="title-widget">Titre</h3>
	</div>
	<div class="cw-content">
		<!--Exemple de contenu, dans ce cas un menu de navigation-->
		<ul class="nav-in-widget">
			<li><a href="#">Voir démonstration</a></li>
			<li><a href="#">Tester</a></li>
			<li class="final"><a href="#">Se connecter</a></li>
		</ul>
	</div>
	<div class="cw-bottom"><!----></div>
</div>

Voir typographie du widget dans la feuille typo.css. Voir le menu de navigation dans le widget dans nav.css

*/

div.collapse-widget, 
div.collapse-widget-narrow
 {
	width:305px;
	margin-bottom:10px;
	background:url(../images/collapse-widget-center.gif);
	text-align:left;
}
	div.cw-title,
	div.cw-title-narrow
	{
		height:26px;
		padding:13px 10px 0 10px;
		background:url(../images/collapse-widget-top.gif);
	}
	
	a.cw-title,
	a.cw-title-narrow
	{
		display:block;
		height:26px;
		padding:13px 10px 0 10px;
		background:url(../images/collapse-widget-top.gif);
	}
	
	div.cw-content,
	div.cw-content-narrow
	{ /* Cette DIV est concue pour se cacher dynamiquement avec JavaScript.  */
		margin:10px;
		margin-top:0;
	}
	
	div.cw-hide,
	div.cw-hide-narrow
	{
		display:none;
	}
	
	div.cw-bottom,
	div.cw-bottom-narrow
	{
		height:1px;
		background:#b9b9b9;
	}

/* VERSION ETROITE (NARROW)(260px pour gabarit article) */

div.collapse-widget-narrow {
	width:260px;
	background:url(../images/collapse-widget-narrow-center.gif);
}
	div.cw-title-narrow {
		background:url(../images/collapse-widget-narrow-top.gif);
	}
	
	a.cw-title-narrow {
		background:url(../images/collapse-widget-narrow-top.gif);
	}



div.square-arrow{
	width:14px;
	height:14px;
	background:no-repeat url(../images/orange-square-arrow.gif);
	float:right;
	padding-right:5px;
}




/*	PARTENAIRES */
/*-------------------------------------------------------------------------------------*/

div#wgt-partenaires {
	width:297px;
	height:39px;
	margin:10px 0 20px 5px;
	padding:3px 0 0 3px;
	background:#666666;
}

div#wgt-part-frame1,
div#wgt-part-frame2,
div#wgt-part-frame3,
div#wgt-part-frame4 {
	float:left;
	width:72px;
	height:36px;
	margin-right:2px;
}	

div#wgt-part-frame1 { background-image:url(../images/logo-colt.gif); }
div#wgt-part-frame2 { background-image:url(../images/logo-emitech.gif); }
div#wgt-part-frame3 { background-image:url(../images/logo-b3g.gif); }
div#wgt-part-frame4 { background-image:url(../images/logo-hp.gif); }

div#wgt-part-frame1:hover { background-image:url(../images/logo-colt-over.gif); }
div#wgt-part-frame2:hover { background-image:url(../images/logo-emitech-over.gif); }
div#wgt-part-frame3:hover { background-image:url(../images/logo-b3g-over.gif); }
div#wgt-part-frame4:hover { background-image:url(../images/logo-hp-over.gif); }

		/*	PARTENAIRES SAUVEGARDES EXTERNALSEES */
		
div#wgt-partenaires2 {
	width:223px;
	height:39px;
	margin:10px 0 20px 25px;
	
	padding:3px 0 0 3px;
	background:#666666;
}
		
div#wgt-part-frame5,
div#wgt-part-frame6,
div#wgt-part-frame7,
div#wgt-part-frame7b{
	float:left;
	width:72px;
	height:36px;
	margin-right:2px;
}	

div#wgt-part-frame5 { background-image:url(../images/logo-ibm.gif); }
div#wgt-part-frame6 { background-image:url(../images/logo-overland.gif); }
div#wgt-part-frame7 { background-image:url(../images/logo-atempo.gif); }

div#wgt-part-frame5:hover { background-image:url(../images/logo-ibm-over.gif); }
div#wgt-part-frame6:hover { background-image:url(../images/logo-overland-over.gif); }
div#wgt-part-frame7:hover { background-image:url(../images/logo-atempo-over.gif); }

/* Partenaires mail */

div#wgt-part-frame7b { background-image:url(../images/logo-barracuda.gif); }
div#wgt-part-frame7b:hover { background-image:url(../images/logo-barracuda-over.gif); }


		/*	PARTENAIRES PROTECTION FIREWALL */

div#wgt-part-frame8,
div#wgt-part-frame9,
div#wgt-part-frame10{
	float:left;
	width:72px;
	height:36px;
	margin-right:2px;
}	
div#wgt-part-frame20
{
	float:left;
	width:72px;
	height:36px;
	margin-right:2px;
	
	margin-left:-222px;
	margin-top: 40px;
}

div#wgt-part-frame8 { background-image:url(../images/logo-kapersky.gif); }
div#wgt-part-frame9 { background-image:url(../images/logo-mcafee.gif); }
div#wgt-part-frame10 { background-image:url(../images/logo-bitdefender.gif); }
div#wgt-part-frame20 { background-image:url(../images/logo-barracuda.gif); }

div#wgt-part-frame8:hover { background-image:url(../images/logo-kapersky-over.gif); }
div#wgt-part-frame9:hover { background-image:url(../images/logo-mcafee-over.gif); }
div#wgt-part-frame10:hover { background-image:url(../images/logo-bitdefender-over.gif); }
div#wgt-part-frame20:hover { background-image:url(../images/logo-barracuda-over.gif); }

		/*	PARTENAIRES PLAN DE REPRISE */
		
div#wgt-partenaires3 {
	width:223px;
	height:79px;
	margin:10px 0 20px 25px;
	padding:3px 0 0 3px;
	background:#666666;
}

div#wgt-part-frame11,
div#wgt-part-frame12,
div#wgt-part-frame13{
	float:left;
	width:72px;
	height:36px;
	margin-right:2px;
}

div#wgt-part-frame14
{
	float:left;
	width:72px;
	height:36px;
	margin-right:2px;
	
	margin-left:-222px;
	margin-top: 40px;
}

div#wgt-part-frame19
{
	float:left;
	width:72px;
	height:36px;
	margin-right:2px;
	
	margin-left:-148px;
	margin-top: 40px;
}


div#wgt-part-frame11 { background-image:url(../images/logo-acronis.gif); }
div#wgt-part-frame12 { background-image:url(../images/logo-double-take.gif); }
div#wgt-part-frame13 { background-image:url(../images/logo-citrix.gif); }
div#wgt-part-frame14 { background-image:url(../images/logo-overland.gif); }
div#wgt-part-frame19 { background-image:url(../images/logo-atempo.gif); }

div#wgt-part-frame11:hover { background-image:url(../images/logo-acronis-over.gif); }
div#wgt-part-frame12:hover { background-image:url(../images/logo-double-take-over.gif); }
div#wgt-part-frame13:hover { background-image:url(../images/logo-citrix-over.gif); }
div#wgt-part-frame14:hover { background-image:url(../images/logo-overland-over.gif); }
div#wgt-part-frame19:hover { background-image:url(../images/logo-atempo-over.gif); }

		/*	PARTENAIRES MAINTENANCE PARC INFORMATION */

div#wgt-part-frame15,
div#wgt-part-frame16,
div#wgt-part-frame17{
	float:left;
	width:72px;
	height:36px;
	margin-right:2px;
}	

div#wgt-part-frame15 { background-image:url(../images/logo-acer.gif); }
div#wgt-part-frame16 { background-image:url(../images/logo-asus.gif); }
div#wgt-part-frame17 { background-image:url(../images/logo-ibm.gif); }


div#wgt-part-frame15:hover { background-image:url(../images/logo-acer-over.gif); }
div#wgt-part-frame16:hover { background-image:url(../images/logo-asus-over.gif); }
div#wgt-part-frame17:hover { background-image:url(../images/logo-ibm-over.gif); }


		/*	PARTENAIRES HEBERGEMENT*/
		
div#wgt-partenaires4 {
	width:75px;
	height:39px;
	margin:10px 0 20px 25px;
	
	padding:3px 0 0 3px;
	background:#666666;
}

div#wgt-part-frame18{
	float:left;
	width:72px;
	height:36px;
	margin-right:2px;
}	

div#wgt-part-frame18 { background-image:url(../images/logo-ibm.gif); }

div#wgt-part-frame18:hover { background-image:url(../images/logo-ibm-over.gif); }







/*	VOIR DEMO BUTTON	*/
/*-------------------------------------------------------------------------------------*/

div.demo-button {
	width:260px;
	height:53px;
	background:url(../images/voir-demonstration.gif) no-repeat;
	margin-bottom:8px;
}
	div.demo-button a {
		display:block;
		width:260px;
		height:53px;
		text-indent:-4000px;
	}


/* FLOATING BOXES AND IMAGES */
/*=====================================================================================*/


img.right {
	float:right;
	padding:3px;
	margin:2px 0 10px 15px;
}

img.left {
	float:left;
	padding:3px;
	margin:2px 15px 10px 0;
}

img.border {
	border:1px solid #CCCCCC;
}

img.flushright {
	margin-right:10px;
	margin-bottom:5px;
}

img.flushleft {
	margin-right:10px;
}

img.flushtop {
	margin-top:12px;
}


/*=====================================================================================*/
/* LOCAL */
/*=====================================================================================*/


/* WIDGETS HOME PAGE */
/*=====================================================================================*/


div#tab-services1,
div#tab-services2  {
	width:311px;
	height:118px;
	padding-top:5px;
}
div#tab-services1  {
	background:url(../images/fond-tab-services1.gif) no-repeat;
}
div#tab-services2  {
	background:url(../images/fond-tab-services2.gif) no-repeat;
}
div.ts-title {
	width:294px;
	height:17px;
	padding:4px 0 0 10px;
}
div.ts-col-l,
div.ts-col-r {
	float:left;
	margin:0;
	padding-left:10px;
	width:142px;
	height:80px;
}
div.ts-service-icon {
	float:left;
	width:50px;
	height:50px;
}


/* ENCADRES PAGE RUBRIQUE/SECTION */
/*=====================================================================================*/

div.focus-box {
	width:385px;
	/*height:110px;*/
	margin-top:10px;
	padding:10px 10px 0 10px;
	background:url(../images/fond-focus-box.gif) no-repeat;
}


/* ENCADRES FEATURE (Banner rubrique) */
/*=====================================================================================*/

div.feature {

}

div.feature-random {
	display:none;
}

div.feature h3,
div.feature-random h3 {
	display:block;
	margin:36px 0 10px 0;
	padding:7px 0 0 20px;
	width:297px;
	height:22px;
	font-size:1.2em;
	background:url(../images/fond-titre-feature.gif) no-repeat;
}

div.feature p, 
div.feature-random p {
	font-size:1em;
	color:#101010;
	margin:0 0 1em 0;
} 

div.feature-random p.indented {
	margin-left:5px;
}

div.icon-feature {
	float:left;
	padding:0 0 0 20px;
	width:64px;
	height:64px;
}

div.content-feature {
	float:left;
	width:209px;
	margin-left:15px;
}

div.feature-button-zone {
	margin-left:20px;
	margin-bottom:3px;
	width:275px;
	height:52px;
}

	div.feature-button-zone a {
		display: block;
		float:left;
		width:275px;
		height:52px;
		text-indent:-4000px;
	}
	
	div.feature-button-zone a.commercial {
		background:url(../images/tab-service-commercial.gif) no-repeat;
	}
	div.feature-button-zone a.technique {
		background:url(../images/tab-service-technique.gif) no-repeat;
	}



/*=====================================================================================*/
/* HACKS AND SPACERS */
/*=====================================================================================*/

div.clear {
	clear:both;
	width:100%;
}

br.final {
	margin-top:30px;
}