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

	* screen.css - cybergeneration.com

	* @version: 1.0
	* @title:   cybergeneration.com
	* @type:    Screen
	* @langue:  Commun
	* @year:    2008
	* @author:  Cyber Génération
	* @modif:   PG

	* @note:    .class { background; float; display; z-index; position(TRBL); width; height; margin:(TRBL); padding:(TRBL); border:(TRBL); others; }

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

	@import url("cbase/cBase1.0.css");		/* Resets default browser CSS. */


/* Default setting.
--------------------------------------------------------------- */

	body {
		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 12px;
		  line-height: 16px;
		  color: #222;
		  background: #000;
		  padding-top: 50px;/*corrige le fait que le top du site remonte après le loading de la page (dans ie) - padding mis ici au lieu de sur le pageContainer*/
	}
	body#pageAccueil{
		font-size: 11px;
		line-height: 14px;
	}
	h3			{ color:#2c87b4; }
	a			{ color:#2c87b4; text-decoration:none; font-weight:bold; }
    a:hover		{ color:#848484; }
	strong		{ font-weight:normal }
	hr {border:0;border-top: 1px solid #ccc;height:0px;color:#fff; margin:10px 0 5px 0;padding:0;}

/* Global class.
--------------------------------------------------------------- */

	.pageContainer		{ background:#fff url(../img/topCorner.gif) no-repeat;; position:relative; width:950px; margin:0 auto 0; padding:0px 5px 10px; }

	.bottomCorner		{ background:url(../img/bottomCorner.gif) no-repeat; width:960px; height:5px; margin:0 auto 50px; padding:0; }
	.bottomSpacer 		{ width:100%; height:35px; }

	.hide       		{ position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; }
	.right				{ float:right; }
	.left 				{ float:left; }
	.clear				{ clear:both; }
	.bold				{ font-weight:bold; }
	.noborder			{ border:none; }
	.txtCenter			{ text-align:center }
	.first      		{ margin-left:0; padding-left:0; }
	.last      			{ margin-right:0; padding-right:0; }
	.top        		{ margin-top:0; padding-top:0; }
	.bottom    			{ margin-bottom:0; padding-bottom:0; }

	/* for a default list change the the '.dotBullet' class for a 'ul' tag  */
	.dotBullet li			{ background:url(../img/listBullets/dotBullet_4px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px;}
	.plusBullet li 			{ background:url(../img/listBullets/plusBullet_9px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px; }
	.arrowsBullet li 		{ background:url(../img/listBullets/arrowBullet_bw_11px.gif) no-repeat; background-position: 0 center; padding:0 0 0 22px; border:1px solid white;}
	.singlearrowBullet li 	{ background:url(../img/listBullets/singlearrowBullet_11px.gif) no-repeat; background-position: 0 3px; padding:0 0 0 20px; margin-bottom:15px }

	.menu-actif			{ color: #848484; }

/* pageHeader
--------------------------------------------------------------- */

	/* If the menu is below the pageHeader add 'margin-bottom' equal to the menuTop 'height' for clearing space */
	#pageHeader							{ background:url(../img/pageHeader/pageHeader_rightMenu_bg.gif) no-repeat top right; }
	#pageHeader a.logo					{ background:url(../img/pageHeader/pageHeader_cyberLogo.gif) no-repeat; display:block; width:325px; height:115px; text-indent: -9999px; }

	#flashHeader						{ width:950px; height:255px; }
	#flashHeader_portfolio				{ width:950px; height:625px; }
	#pagePortfolio #flashHeader			{ background:url(../img/pageHeader/portfolioHeader_bg.jpg); width:950px; height:86px; }
	#pageBlog #flashHeader				{ background:url(../img/pageHeader/blogHeader_bg.jpg); width:950px; height:86px; }

	#flash								{ position:relative;}
	.contour_panneau_large				{ background:url(../img/pageHeader/contour_panneau_large.png); width:955px; height:255px; position:absolute; top:0; left:0;}
	.contour_panneau_court				{ background: url(../img/pageHeader/contour_panneau_court.png) 0 0; width:950px; height:255px; position:absolute; top:0; left:0; }

/* topMenu
--------------------------------------------------------------- */

	#topMenu 		 	{ z-index:10; }
	#topMenu ul 		{ width:100%; }
	#topMenu li 		{ float:left; position:relative; }
	#topMenu a			{ display:block; height:44px; }

	#topMenu table 		{ position:absolute; top:0; left:0; visibility:hidden; }

	#topMenu ul ul 						{ position:absolute; top:34px; left:20px; width:100%; padding-top:10px; visibility:hidden; }
	#topMenu ul ul li 					{ background:#fff; width:225px; border-left:1px solid #ccc; border-right:1px solid #ccc; }
	#topMenu ul ul li a					{ height:auto; margin:0 10px; padding:2px; border-bottom:1px solid #ccc; position:relative }
	#topMenu ul ul li.topBorder 		{ padding-top:5px; border-top:1px solid #ccc; }
	#topMenu ul ul li.bottomBorder 		{ padding-bottom:4px; border-bottom:1px solid #ccc; }
	#topMenu ul ul li.bottomBorder a	{ border:none; }

	#topMenu li a:hover, #topMenu ul ul a:hover				{ background-position:0 -44px; }
	#topMenu li:hover > a, #topMenu ul ul :hover > a		{ background-position:0 -44px; }
	#topMenu ul li:hover ul,
	#topMenu ul li a:hover ul,
	#topMenu ul li a:hover table 	 						{ visibility:visible; }

/* searchForm
--------------------------------------------------------------- */

	#searchForm						{ position:absolute; top:10px; right:10px; width:205px; }

	#searchForm .holder				{ padding:14px 0 0 0; }
	#searchForm .holder label		{ position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; }
	#searchForm .holder .field		{ float:left; width:160px; border:#70b0e2 solid 1px; padding:0 0 1px 4px; height:16px }

	#btn_searchForm					{ background:url(../img/pageHeader/btn_searchForm.gif) no-repeat; position:absolute; top:24px; right:6px; width:19px; height:19px; margin:0 0 0 3px; border:none; cursor:pointer; float:right }


/* MCE
------------------------------------------------------------------------ */

	#referenceClient .mceToolbar a span {height:18px; position:static; width:100%;}

/* pageContent
--------------------------------------------------------------- */

	#pageContent					{ overflow:hidden; }

	#pageColumn1					{ width:320px; float:left; }
	#pageColumn2					{ background: url(../img/pageContent/pageColumn_bg1.gif) no-repeat; width:625px; float:left; height: auto !important; min-height:400px; height:400px; }
	#pageColumn3					{ background: url(../img/pageContent/pageColumn_bg2.gif) no-repeat; width:250px; float:left; height: auto !important; min-height:400px; height:400px; }
	#pageColumnFull					{ background: url(../img/pageContent/pageColumn_bg1.gif) 321px top no-repeat; width:950px; float:left; height: auto !important; min-height:400px; height:400px;  }

	#pageColumnFullvedette			{ background: none; width:950px; float:left; height:150px;  }


	#leftLinklist					{ margin:0 0 0 20px; padding:5px 10px 0 0; }
	#leftLinklist li a				{ display:block; width:225px; padding:3px 10px 2px 0; border-bottom:1px solid #ccc; }
	#leftLinklist li a:hover		{ cursor: pointer; }
	#leftLinklist li a.noBorder		{ border:none; }

	#leftLinklist h3				{ display:block; width:210px; height:30px; }
	#leftLinklist h3 a				{ display:block; width:210px; height:30px; }
	#leftLinklist h3.comment-vous-aider a		{ display:block; width:230px; height:53px;}

	#leftLinklist h4				{ display:block; width:280px; height:15px; }

	#leftLinklist .menu-actif{
		color: #848484;
	}
	#temoignages-details h3			{ margin:0; padding:0; color:#555; }
	#temoignages img.left{
		float: left;
		border: 1px solid #ccc;
		margin: 0 15px 15px 0;
	}

	.contentHolder					{ margin:0 0 0 20px; padding:20px 40px 0 10px; }
	.contentHolder p a				{ font-weight:normal; }

	.leftTextHolder 				{ margin:0; padding:0 15px 5px 0; color:#555; }
	.leftTextHolder a.shadow_bottom	{ background:url(../img/pageContent/portfolioleftLink_bg.jpg) bottom; display:block; width:275px; height:215px; }
	.leftTextHolder img				{ width:275px; height:200px; margin:0; padding:0; }
	.leftTextHolder h3 				{ margin:0; padding:0; }
	.leftTextHolder h5 				{ margin:0; padding:0; color:#555; }
	.leftTextHolder p				{ margin:0; padding:0 0 10px; }
	.leftTextHolder p a				{ font-weight:normal; }

	.contentFooter					{ margin:30px 0 10px 0; font-weight:bold }

	#fantactik h4 					{ color:#2c87b4; font-size:1.5em; line-height:1; margin-bottom:0.75em; }
	#fantactik .bold 				{ color:#2c87b4; }
	#fantactik a	 				{ color:#000; }
	#fantactik a:hover	 			{ color:#848484; }

	#nos-niches 						{ padding-top:20px }
	#nos-niches .singlearrowBullet		{ margin-left:14px }
	#nos-niches .singlearrowBullet li 	{ padding:0 0 0 16px; margin-bottom:0; }
	#nos-niches a	 					{ color:#000; }
	#nos-niches a:hover	 				{ color:#848484; }
	/* pageAccueil
	--------------------------------------------------------------- */

	#pageAccueil #pageColumn1		{ width:400px; }
	#pageAccueil #pageColumn2		{ width:300px; }

	#blogue							{ margin:0 0 0 20px; padding:5px 10px 0 0; }
	#blogue a.arrow					{ background:url(../img/listBullets/arrowBullet_bw_11px.gif) no-repeat; background-position:0 center; padding:0 0 0 20px; margin: 0 0 0.5em 0; font-size: 1.2em; line-height: 1.25em; }
	#blogue h3 						{ margin: 0; }

	.blogueHolder 					{ margin:0; padding:15px 30px 0 0; color:#555;}
	.blogueHolder h5 				{ color:#000;}
	.blogueHolder p					{ margin:0; padding:0 0 5px 0; overflow:hidden; }
	.blogueHolder p a				{ font-weight:normal; }
	.blogueHolder a.blogueTitle		{ color:#000; text-decoration:none; font-size: 12px;  }
	.blogueHolder a.commentaire		{ color:#555; text-decoration:underline; clear: left; }
	.blogueHolder a:hover			{ color:#848484; text-decoration:none; }
	.blogueHolder img				{ float:left; margin: 0.25em 0.5em 0 0; border:1px solid #ccc; }

	#pageAccueil .contentHolder		{ margin:0 0 0 20px; padding:15px 15px 0; }

	#nos-produits					{ margin:0 0 0 15px; padding:15px 0 0 20px; }
	#nos-produits ul	    		{ margin:0; }
	#nos-produits a	span			{ background:url(../img/listBullets/arrowBullet_11px.gif) no-repeat right; margin:0 16px 0; padding:0 20px 0; }
	#nos-produits a					{ display:block; width:210px; height:42px; padding:48px 0 0 0; text-align:right; }
	#nos-produits a.cyberimpact		{ background:url(../img/pageContent/btn_cyberimpact.gif) no-repeat; }
	#nos-produits a.spamela			{ background:url(../img/pageContent/btn_spamela.gif) no-repeat; }
	#nos-produits a.myfrm			{ background:url(../img/pageContent/btn_myfrm.gif) no-repeat; }
	#nos-produits a.fantactik		{ background:url(../img/pageContent/btn_fantactik.gif) no-repeat; height:38px; padding:80px 0 0 0; }
	#nos-produits a.politique		{ background:url(../img/pageContent/btn_politique.gif) no-repeat; }
	#nos-produits a:hover			{ background-position:0 -90px; }

	#nos-produits a.fantactik:hover { background-position:0 -114px; }

	#nos-produits p a				{ display:inline; padding:0; font-weight:normal; color:#3b3b3b;}
	#nos-produits p a:hover			{ text-decoration:underline;}
	#nos-produits p 				{ margin-left:20px; margin-bottom:1em; color:#3b3b3b;}
	#nos-produits strong			{ font-weight:bold;}
	#nos-produits .nos-partenaires	{ margin-bottom:0.2em;}
	#post-it						{ margin:0 0 0 25px; padding:10px 0 0 20px; color:#3b3b3b;}


	/* pagePortfolio
	--------------------------------------------------------------- */

	.btn_voirRealisations { display:block; height:34px; width:250px; position:absolute; top:712px; left:699px}
	.btn_voirRealisations:hover { background-position:0 -36px}

	#portfolioListe{
		padding-left: 177px;
	}
	#portfolioListe h4{
		font-size: 14px;
		color: #2C87B4;
		margin: 0px;
		padding: 0px;

	}
	#portfolioListe div.item-pre-header{
		position: relative;
		background: url(../img/bg_portfolio_item_header_top.jpg) bottom left no-repeat;
		height: 10px;
		line-heigh: 1px;
		margin: 40px 0 0 6px;
		padding: 0px;
	}

	#portfolioListe div.top{
		background: url(../img/bg_portfolio_item_header_top1.jpg) bottom left no-repeat;
	}

	#portfolioListe div.item-header{
		position: relative;
		margin: 0 0 0 6px;
		padding: 9px 0 9px 7px;
		background: url(../img/bg_portfolio_item_header.jpg) repeat-x;

	}
	#portfolioListe div.item-header span{
		color: #4a4a4a;
	}
	#portfolioListe div.soustitre{
		padding: 0 0 0 385px;
		font-size: 10px;
	}
	#portfolioListe div.soustitre a{
		font-weight: bold;
	}
	#portfolioListe ul li{
		overflow: hidden;
		clear: both;
	}
	#portfolioListe .portfolioPhoto {
		float: left;
		background: url(../img/bg_portfolio_img.jpg) top left no-repeat;
		height: 144px;
		width: 280px;
		padding: 7px 0 0 12px;
	}
	#portfolioListe .top {
		background: url(../img/bg_portfolio_img_top.jpg) top left no-repeat;
	}
	#portfolioListe .portfolioPhoto .logo{
		padding-right: 9px;
	}
	#portfolioListe .portfolioDesc{
		float: left;
		background: url(../img/bg_portfolio_desc.jpg) top left repeat-y;
		width: 450px;
		height: 145px;
	}
	#portfolioListe .portfolioDesc table{
		margin: 0px;
		padding: 0px;

	}
	#portfolioListe .portfolioDesc td{
		padding: 10px 0 0 0;
		margin: 0px;
		vertical-align: top;
	}
	#portfolioListe .portfolioDesc td.titre{
		font-weight: bold;
		color: #2c87b4;
		font-size: 12px;
		text-align: right;
		vertical-align: top;
		width: 85px;
	}
	#portfolioListe .portfolioDesc td.desc{
		padding-left: 10px;
		vertical-align: middle;
	}
	#portfolioMenu span{
		font-weight: bold;
	}
	#portfolioMenu .btn_rechercher{
		border: none;
		float: left;
		padding: 0px;
		margin: 1px 0 0 7px;

		height: 27px;
		width: 92px;
		color: white;
		font-size: 1px;
		cursor: pointer;
		background: url(../img/bg_portfolio_rechercher.gif) top left no-repeat;
	}
	#portfolioMenu{
		position: relative;
		height: 60px;
		margin-left: 350px;
		z-index: 8;
	}

	#portfolioMenu #selected_industrie,
	#portfolioMenu #selected_realisation{
		display: block;
		cursor: pointer;
		float: left;
		clear: right;
		height: 12px;
		width: 250px;
		padding: 7px 27px 10px 10px;
		background: url(../img/bg_portfolio_dropdown.gif) top left no-repeat;
	}
	#portfolioMenu #selected_industrie span,
	#portfolioMenu #selected_realisation span{
		display: block;
		overflow: hidden;
		height: 14px;
	}
	#portfolioMenu .label{
		display: block;
		padding-top: 7px;
		margin-left: 7px;
		float: left;
		clear: left;
		width: 150px;
	}
	#portfolioMenu .menuCtn{
		position: relative;
		float: left;
	}

	#portfolioMenu div#ctn_realisation{
		z-index: 8;
	}
	#portfolioMenu div#ctn_industrie{
		z-index: 5;
	}

	#portfolioMenu ul{
		display: none;

		background-color: #CFEFFF;
		width:220px;

		border: 1px solid #257096;
		border-top: none;
		position: absolute;
		top: 25px;
		left: 6px;
	}
	#portfolioMenu ul a{
		height: 14px;
		line-height: 14px;
		display: block;
		border-top: 1px solid #CFEFFF;
		padding: 2px 10px 2px 10px;
	}
	#portfolioMenu ul a:hover{
		border-top: 1px solid #2378A1;
		background-color: #fff;

	}

	#portfolioMenu .show{
		display: block;
	}

	.pageNavigator {
		clear :both;
		position: relative;
		height: 30px;
		z-index: 5;
	}
	.pageNavigator div{
		position: absolute;
		right: 30px;
		top: 10px;
		z-index: 5;
	}
	.pageNavigator div span,
	.pageNavigator div a{
		float: left;
		padding: 3px;
		display: block;
	}
	.pageNavigator div a.selected{
		font-size: 16px;
		color: #000;
	}


	#emplois h4{
		padding: 0;
		margin: 15px 0 2px 0;
	}
	#emplois p{
		padding: 0px;
		margin: 0px;
	}
	#emplois ul {
		margin-left:17px;
		list-style:disc;
	}
	#emplois li{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	#emplois{
		padding-bottom: 10px;
	}


/* pageFooter
---------------------------------------------------------------

	#pageFooter							{ text-align:center; }
	#pageFooter	img 					{ vertical-align:middle; }


	#bottomLinklist						{ width:100%; }
	#bottomLinklist	li					{ display:inline; padding:0 7px 0 5px; border-left: 1px solid #2c87b4; }
	#bottomLinklist	li.noBorder			{ border:none; }
	#bottomLinklist	li img 				{ margin:0 0 5px 0; }
	#bottomLinklist	a					{ margin:0 0 0 5px; font-weight:normal; text-decoration:none; }
	#bottomLinklist a.linkExt			{ font-weight:bold; text-decoration:underline; }
	#bottomLinklist a.linkExt:hover		{ text-decoration:none; }

	#coordonnees						{ clear:both; position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; } */

	#quickMenu 							{ position:absolute; top:-25px; right:0px; }
	#quickMenu li 						{ display: inline; padding:0 6px 0 10px; border-left: 1px solid #fff; }
	#quickMenu li.noBorder				{ border:none; }
	#quickMenu a						{ color:#fff; font-size: 12px; line-height: 16px;}
	#quickMenu a:hover					{ color:#2c87b4; }

	#pageFooter .holder 				{ width:916px; margin:0 auto; color:#646464; background:url(../img/bg_pageFooter.jpg) center top no-repeat; padding-top:35px;}
	#pageFooter .col 					{ width:180px; padding:0 15px; overflow:hidden; height:121px; float:left; border-right: 1px solid #7e7e7e; font-size:11px;}
										/*si ajout du bouton JAIME de facebook, mettre le height à 165px ci-haut au lieu de 121*/
	
	#pageFooter #fc4.col 				{ border:none; }
	/*#pageFooter #fc3.col 				{ width:170px;}*/

	#pageFooter .col a 					{ color:#646464; font-weight:normal; }
	#pageFooter .col a:hover 			{ text-decoration:underline; }
	#pageFooter .col li		 			{ margin:4px 0;}
	#pageFooter .col li	a	 			{ background:url(../img/listBullets/blue_bullet.gif) 4px 4px no-repeat; padding-left:22px; }

	#pageFooter #fc1 img				{ margin-top:25px; }
	#pageFooter #fc4 p					{ padding: 5px 0 0 25px; }
	#pageFooter h3						{ margin-bottom:15px }

	#pageFooter #fc1					{ width: 284px; padding-left: 0; }
	#pageFooter #fc2					{ width: 200px; }
	#pageFooter #fc3					{ width: 152px; }
	#pageFooter #fc4					{ width: 172px; }

	#pageFooter #fc1 #cyberBulletin  		{ width:277px; overflow:hidden; position:relative}
	#pageFooter #fc1 #cyberBulletin input	{ width: 126px; float: left; margin-right: 5px; padding: 0 6px; color:#7e7e7e; }
	#pageFooter #fc1 #cyberBulletin .btn 	{ width: 85px; position:absolute; left:188px; top:36px;}
	#pageFooter #fc1 #cyberBulletin .btn:hover 	{ background-position: bottom; }

	#pageFooter #fc1 #reseau .addthis_button,
	#pageFooter #fc1 #reseau .btnFacebook,
	#pageFooter #fc1 #reseau .btnLinkedin	{ display: block; float: left; margin-right: 7px; }

	#pageFooter #fc1 #reseau .addthis_button img 	{ margin: 0; }
	
	#pageFooter #fc1 #jaime 				{ padding-left:42px; margin-top:5px;}
	
	#pageFooter fieldset							{ padding: 0; }

	.footerSpacer { padding:0; margin:0; }

	#bottomLinklist							{ width:100%; text-align:center; padding-top:30px;}
	#bottomLinklist	li					{ display:inline; padding:0 7px 0 5px; border-left: 1px solid #2c87b4;}
	#bottomLinklist	li.noBorder	{ border:none; }
	#bottomLinklist	li img 			{ margin: 0 0 0 0; vertical-align:bottom}
	#bottomLinklist	a						{ margin:	0 0 0 5px; font-weight:normal; text-decoration:none; }
	#bottomLinklist a.linkExt		{ font-weight:bold; text-decoration:underline; }
	#bottomLinklist a.linkExt:hover		{ text-decoration:none; }

 	#signatureCyber {margin:10px auto 0; text-align:center; color:#fff; position:absolute; left:0px; bottom:-30px; width:100% }
	#signatureCyber a { color:#fff }
	#signatureCyber a:hover { color:#2C87B4 }


	table ,
	table td{
		padding: 2px;
		margin: 0;
		vertical-align: center;
	}

	/* FORMULAIRE */
	div.form{
		margin: 15px auto;
		padding: 10px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;

	}
	ul.formErrors {
		list-style-type:disc;
		padding-left:10px;
	}
	form fieldset.multy, .multy{
		border-top: 1px dotted #ccc;
		padding-top: 10px;
		margin-top: 10px;

	}
	form fieldset{
		padding: 10px 10px;
	}
	form fieldset legend{
		display: none;
	}
	form fieldset label{
		width: auto;
		margin: 15px 0 2px 0;
		font-weight: bold;
		color: #2C87B4;
		display: block;
		font-size:12px;
	}
	form fieldset label.obligatoire{
		padding-left: 15px;
		background: url(images/bg_champ_obligatoire.gif) top left no-repeat;
	}
	form input.check,
	form input.radio{
		padding: 0;
		margin: 2px 0 0 0;
	}
	form input.field{
		width: 200px;
		padding: 1px 2px 1px 2px;
		height: 18px;
		border: 1px solid #2C87B4;
	}
	form input.long{
		width: 250px;
	}
	form input.short{
		width: 75px;
	}
	form .button{
		padding: 10px 0 10px 0;
	}


	/* TARIFS CYBERIMPACT */
	#tbl_tarifs_ci{
		border-collapse: collapse;
		width: 440px;
		margin:8px 0 22px;
	}
	#tbl_tarifs_ci th{
		background-color: #fff;
		width: 100px;
		text-align:center;
		border: 1px solid #ccc;
	}
	#tbl_tarifs_ci td{
		border: 1px solid #ccc;
		text-align:center;
	}

	/* TARIFS HÉBERGEMENT */
	#tbl_tarifs_heb,
	#tbl_forfait_kyo,
	#tbl_invest_kyo,
	#tbl_options_kyo {
		border-collapse: collapse;
		width: 550px;
		margin:8px auto 10px auto;
	}
	#tbl_tarifs_heb th,
	#tbl_forfait_kyo th,
	#tbl_invest_kyo th,
	#tbl_options_kyo th {
		background-color: #1C69A5;
		padding: 0px;
		width: 100px;
		color: white;
		text-align:center;
		border: 1px solid #ccc;
	}
	#tbl_tarifs_heb td,
	#tbl_forfait_kyo td,
	#tbl_invest_kyo td,
	#tbl_options_kyo td {
		border: 1px solid #ccc;
		text-align:center;
	}
	#tbl_invest_kyo {width:100%;}
	#tbl_invest_kyo th {background-color: #e4e4e4; color:#393939;}
	#tbl_invest_kyo td, #tbl_invest_kyo th {
		text-align:left;
		padding-left:20px;
		border: 1px solid #e4e4e4;}

	#tbl_options_kyo td, #options td {text-align:right; padding-right:15px;}
	#options td.tt {text-align:left;}

	/*KYO*/

	.kyo #pageColumn1					{ width:250px; float:left; padding:65px 0 0 30px;}
	.kyo #pageColumn2					{ background: url(../img/pageContent/pageColumn_bg1.gif) no-repeat; width:665px; float:left; height: auto !important; min-height:400px; height:400px;margin: 20px 0 0 0;}

	#flashHeader.kyo {
		background: url(../img/header_kyo.jpg) 0 0 no-repeat;
	}

	#flashHeader.politique {
		background: url(../img/header_politique.jpg) 0 0 no-repeat;
	}

	.kyo #pageColumn1 li p {margin-left:25px;}

	#kyo .half {width:290px; margin-right:10px;}
	.small {font-size:10px; color:#666666; font-weight:normal;}

	.popup {background:#fff; margin:30px;}

	ul.features li {background: url(../img/kyo_bullet.gif) 0 9px no-repeat; padding: 3px 0 3px 12px; border-bottom:1px dotted #a6bec8;}
	ul.features li span {color: #2c87b4;}
	ul.features li a {text-decoration:underline;}
	ul.features li li {border:none;}

	#plateforme-politique ul.features li {background: url(../img/listBullets/blue_bullet.gif) 0 9px no-repeat; padding: 3px 0 3px 12px; border-bottom:1px dotted #a6bec8;}

	.important{
		font-size: 14px;
		color: #2c87b4;
		font-weight:bold;
		margin:20px 0 6px;
	}

	.zoom {display:block; background: url(../img/kyo_zoom.gif) 0 5px no-repeat; padding: 10px 0 10px 30px;}

	.odd {background:#e4eaee;}

	#kyo h3,
	#form_kyo h3{
		font-size: 14px;
	}

	#kyo .produits h4{
		font-size: 14px;
		color: #2c87b4;
	}
	#kyo .half h4{
		font-size: 14px;
		color: #015f8e;
	}

	#kyo .produits p{
		padding: 0 0 0 50px;
		margin: 0 auto;
	}

	#kyo h3 span,
	#form_kyo h3 span{
		font-size: 25px;
		height: auto;
		width: auto;
		position: relative;
	}

	#plateforme-politique h3 span {
		font-size: 25px;
		height: auto;
		width: auto;
		position: relative;
	}

	#kyo .produits {
		overflow: hidden;
		margin: 0;
		padding: 0 0 30px 0;
		zoom: 1;
	}

	#tbl_forfait_kyo th,
	#tbl_options_kyo th {
		padding: 0 10px;
	}

	#tbl_forfait_kyo td{
		color: #000;
		font-weight: bold;
	}

	#tbl_forfait_kyo a{
		color: #fff;
		text-decoration: underline;
	}

	#tbl_forfait_kyo th.option {
		width: 220px;
		text-align: left;
	}

	#tbl_options_kyo .option {
		padding: 0 10px;
		width: 220px;
		text-align: left;
	}

	div.buttons {display:block; clear:both; padding-top:15px;}

	#kyo .btn {
		background: url(../img/btn_kyo_interet.gif) 0 0 no-repeat;
		height: 43px;
		width: 235px;
		display: block;
		overflow: hidden;
		margin:0 auto;
		text-indent: -500px;
	}

	#plateforme-politique .btn {
		background: url(../img/btn_politique-demo.gif) 0 0 no-repeat;
		height: 43px;
		width: 235px;
		display: block;
		overflow: hidden;
		margin:0 auto;
		text-indent: -500px;
	}

	#kyo .contactMe {
		background: url(../img/btn_kyo_contact.gif) 0 0 no-repeat;
		height: 22px;
		width: 482px;
		display: block;
		overflow: hidden;
		margin:0 auto;
		text-indent: -500px;
	}

	/*.noel					{ padding-top: 50px; }*/


/* Référence Client
--------------------------------------------------------------- */

	#referenceClient {
		background: #e8e8e7;
		padding: 0;
	}

	#referenceClient a {
		font-weight: normal;
		color: #147172;
		text-decoration: underline;
	}

	#referenceClient .pageContainer {
		background: none;
		margin-top: 0;
		width: 818px;
	}

	#referenceClient #header {
		position: relative;
		height: 236px;
		widht: 818px;
		background: url(../img/referenceClient/header_reference_client.jpg) no-repeat;
	}

	#referenceClient #header h2 {
		position: absolute;
		top: 95px;
		right: 49px;
		width: 348px;
		height: 90px;
	}

	#referenceClient #pageContent {
		background: #fff url(../img/referenceClient/bottom_reference_client.gif) no-repeat left bottom;
		padding: 0 0 17px 29px;
		position: relative;
		height: 1%;
	}


	#referenceClient #column1,
	#referenceClient #column2 {
		float: left;
	}

	#referenceClient #column1 {
		position: relative;
		width: 452px;
		background: url(../img/referenceClient/shadow_reference_client.gif) no-repeat top right;
		padding: 28px 55px 0 0;
	}

	#referenceClient.confirmation #column1 {
		padding-top: 32px;
	}

	#referenceClient #column1 button {
		width: 151px;
		height: 45px;
		border: 0;
		padding: 0;
		position: absolute;
		bottom: -19px;
		left: 135px;
		display:inline;

	}

	#referenceClient.contact_courriel #column1 button {
		bottom: -46px;
	}

	#referenceClient.contact_courriel #column1 form {
		padding-bottom:26px;
	}
	#referenceClient #column1 #btn_referer-client a:hover,
	#referenceClient #column1 button:hover,
	#referenceClient #column2 a.contact:hover,
	#referenceClient #column2 a.noel:hover{
		background-position: bottom;
		cursor: pointer;
	}


	#referenceClient #column2 a.contact {
		display: block;
		width: 238px;
		height: 49px;
		border: 0;
		padding: 0;
		margin-left:-3px;
	}

	#referenceClient #column2 .logo {
		right: 74px;
		bottom: 34px;
		position: absolute;
	}

	#referenceClient #column2 {
		width: 231px;
		padding: 28px 0 122px 18px;
	}

	#referenceClient #column1 h3 {
		height: 21px;
		width: 292px;
		margin-bottom: 13px;
	}

	#referenceClient.interet #column1 h3 {
		height: 21px;
		width: 197px;
		margin-bottom: 13px;
	}

	#referenceClient.confirmation #column1 h3 {
		height: 17px;
		width: 160px;
		margin: 0 0 13px 0;
	}

	#referenceClient #column2 h3 {
		height: 21px;
		width: 228px;
		margin-bottom: 13px;
	}

	#referenceClient form {
		position: relative;
		background: #f5f5f4;
		padding: 0 14px 0 14px;
		margin-bottom: 20px;
	}

	#referenceClient form .info .required {
		border: 1px solid #F00;
	}
	#referenceClient form .info input.long { width:420px; }

	#referenceClient .checkbox {
		margin-top: 29px;
	}

	#referenceClient .checkbox h4 {
		display: block;
		width: 219px;
		height: 13px;
		margin: 0;
	}

	#referenceClient .info input,
	#referenceClient textarea {
		border: 1px solid #0c9a9a;
	}

	#referenceClient .info input {
		width: 204px;
	}

	#referenceClient .checkbox input,
	#referenceClient .checkbox label{
		display: inline;
	}

	#referenceClient fieldset {
		padding: 0;
		/*padding-bottom:26px;*/
		position:relative;
	}

	#referenceClient label {
		margin: 0;
		height: 13px;
		width: 225px;
		color: #000;
		margin: 12px 0 4px 0;
	}

	#referenceClient .checkbox li{
		padding-top: 14px;
	}

	#referenceClient .checkbox input {
		margin-right: 8px;
	}

	#referenceClient label span,
	#referenceClient .checkbox h4 span,
	#referenceClient #column1 button span,
	#referenceClient a span,
	#referenceClient #column1 .commission span {
		height:0;
		left:0;
		overflow:hidden;
		position:absolute;
		top:0;
		width:1%;
	}

	#referenceClient #column2 .side_holder {
		background: url(../img/referenceClient/line.gif) no-repeat top;
		margin-top: 10px;
		padding-top: 10px;
	}

	#referenceClient #column2 .noel {
		display: block;
		height: 104px;
		width: 257px;
	}

	#referenceClient textarea {
		height: 81px;
		width: 422px;
		overflow: hidden;
		margin-bottom: 26px;
	}

	#referenceClient textarea.messageTexte {
		height: 500px;
		overflow: auto;
		margin-bottom:26px;
	}

	#referenceClient #column1 .commission {
		position: absolute;
		height: 166px;
		width: 233px;
		top: 113px;
		right: 0;
		z-index: 10;
	}

	.noel #pageColumn2 #commandez {
		position: relative;
	}

	.noel #pageColumn2 #commandez .pastille {
		height: 124px;
		width: 124px;
		position: absolute;
		top: -37px;
		right: -70px;
		overflow: hidden;
		text-indent: -9999px;
	}

	#referenceClient #column1 #btn_referer-client a {
		display:block;
		text-indent:-2000px;
		margin:auto;
	}
	#referenceClient #column1 #btn_referer-client {
		background: url(../img/referenceClient/shadow2.jpg) repeat-x top;
		margin:0 5px 1.5em 0;
		height:79px;
	}

	#referenceClient #column1 ul.liensLogos {
		margin-right:5px;
		margin-top:30px;
		margin-bottom:0;
	}
	#referenceClient #column1 ul.liensLogos li {
		height: 66px;
		background:url(../img/referenceClient/shadow3.jpg) repeat-x bottom;
	}
	#referenceClient #column1 ul.liensLogos a {
		background:url(../img/referenceClient/arrow.jpg) no-repeat left top;
		padding-left: 12px;
		display:block;
		font-weight:bold;
		float:left;
		width: 145px;
		margin: 26px 0 0 6px;
	}

	#referenceClient #column1 ul.liensLogos a.logoCyberimpact {
		background:url(../img/referenceClient/logos/logo_cyberimpact.jpg) no-repeat left top;
		width:220px;
		height:58px;
		float:right;
		text-indent:-2000px;
		margin:0;
		padding:0;
	}

	#referenceClient #column1 ul.liensLogos a.logoCybergeneration {
		background:url(../img/referenceClient/logos/logo_cyber.jpg) no-repeat left top;
		width:220px;
		height:58px;
		float:right;
		text-indent:-2000px;
		margin:0;
		padding:0;
	}

	#referenceClient #column1 ul.liensLogos a.logoSpamela {
		background:url(../img/referenceClient/logos/logo_spamela.jpg) no-repeat left top;
		width:220px;
		height:58px;
		float:right;
		text-indent:-2000px;
		margin:0;
		padding:0;
	}

/* Metamorphose
-------------------------------------------------------- */
#metaBox {
	display: block;
 	height: 285px;
 	width: 517px;
 	overflow: hidden;
 	position: relative;
 	margin-left: 18px;
	background: url("../img/metamorphose/box-bg.png") repeat-x top left;
}

#metaBox h3 {
	position: absolute;
	height: 285px;
 	width: 517px;
	top: 0;
	left: 0;
	text-indent: -2000px;
	z-index: 99;
}
#metaBox ul {
	display: block;
	position: absolute;
 	width: 517px;
 	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#metaBox ul li {
	display: block;
	height: 253px;
	background-position: center 52px;
	background-repeat: no-repeat;
	text-indent: -2000px;
}
#metaBox a {
	display: block;
	position: absolute;
	top: 253px;
	height: 24px;
	font-size: 10px;
	font-weight: bold;
	padding-left: 19px;
	width: 95px;
	z-index: 100;
	background: url("../img/metamorphose/loupe.png") no-repeat top left;
}
#metaBox a:hover {
		cursor: pointer;
		text-decoration: underline;
}

#metaBox:hover {
		cursor: pointer;
}

#metaBox ul li#Drakkar {
	background-image: url("../img/metamorphose/drakkar-thumb.png");
}
#metaBox ul li#JeromeBlais {
	background-image: url("../img/metamorphose/jeromeblais-thumb.png");
}
#metaBox ul li#LouisJoseHoude {
	background-image: url("../img/metamorphose/houde-thumb.png");
}
#metaBox ul li#SerenaWilliams {
	background-image: url("../img/metamorphose/serena-thumb.png");
}
#metaBox ul li#TVT {
	background-image: url("../img/metamorphose/tvt-thumb.png");
}
#metaBox ul li#EPG {
	background-image: url("../img/metamorphose/epg-thumb.png");
}

#emplois .offre {
	padding-top: 15px;
}

#emplois .offre input {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	height: 12px;	
}

#emplois .offre label {
	margin: 0 ; 
	padding: 0; 
	line-height: 12px;
}

#emplois .lst_criteres {
	list-style: none;	
	margin: 0;
	overflow: hidden;
}

#emplois .lst_criteres li {
	float: left;
	margin-right: 15px;
}