/*		Styles G�n�riques		*/

body {
	font-family: 		Arial, Helvetica, Verdana, serif;
	margin: 			0px;
	text-align: 		left;
	color:				#b0b0b0;
	font-size: 			12px;
	background-color:	#282828;
}

a {
	text-decoration: 	underline;
	color:				#B0B0B0;
}

li {
	list-style-type: 	none;
	margin-left:		20px;
	font-size:			18px;
}

img {
	border:				none;
}

p {
	margin:				0 0 5px 0;
}

.textHighlight {
	color:				white;
}

.underline {
	text-decoration: none;
}
.underline:hover {
	text-decoration: underline;
}

.uppercase {
	text-transform:		uppercase;
}

.classicLink {
	font-family: 		Arial, Helvetica, Verdana, serif;
	font-size: 			10px;
	color:				white;
	text-decoration: 	none;
}

.barGame {
	background-image:	url('../images/strip_red.jpg');
}
.barGameHover {
	background-image:	url('../images/strip_red_hover.jpg');
}

.barApp {
	background-image:	url('../images/strip_yellow.jpg');
}
.barAppHover {
	background-image:	url('../images/strip_yellow_hover.jpg');
}

.barGeneric {
	background-image:	url('../images/strip_blue.jpg');
}
.barGenericHover {
	background-image:	url('../images/strip_blue_hover.jpg');
}

.barGeneric, .barGame, .barApp {
	background-repeat:	repeat-x;
	height:				10px;
	margin-top:			10px;
}
.barGenericHover, .barGameHover, .barAppHover {
	background-repeat:	repeat-x;
	height:				20px;
}

/*		=================		*/

.clear {
	clear:				both;
}
.clearLeft {
	clear:				left;
}
.clearRight {
	clear:				right;
}

/*			Header				*/

#header
{
	width:				auto;
	height:				73px;
	background:			url('../images/header.jpg') repeat-x top center;
}
#headerSub {
	margin-left:		auto;
	margin-right:		auto;
	width:				1000px;
	text-align:			right;
}
#menu
{
	float:				right;
	height:				0px;
	margin-top:			25px;
}
#menu a {
	text-decoration:	none;
}

#headerLink
{
	position:			absolute;
	left:				150px;
	top:				8px;
}


#headerLangBox {
	float:				left;
	cursor:  			pointer;
	color:				#FFFFFF;
	background-color:	#242424;
}

#headerLangBox a {
	text-decoration:	none;
	padding:			0;
}
#headerLangBox img {
	padding-top:		2px;
	padding-right:		3px;
	width:				18px;
}

#menu ul
{
	float:				left;
}

#menu ul li
{
	float:				left;
	background-color:	#242424;
}

#menu ul li a
{
	padding:			1px 8px;
	float:				left;
	font-family:		Arial;
	font-size:			12px;
	font-weight:		bold;
	color:				#FFFFFF;
	text-transform:		uppercase;
}



#menu a.activeLinkPage, #menu a:hover
{
	background-color:	#FFFF00;
	color:				#000000;
}

/*		=================		*/


/*		Styles Contenu			*/

#page_content
{
    background-color:			#111111;
	background-image : url('../images/stripes.jpg');
	background-repeat: repeat-x;
    width:				auto;
    padding-top:		15px;
}


#content
{
	margin-left: 		auto;
    margin-right: 		auto;
	width: 				1000px;
	height:				auto;
	padding:			0;
}

.entry
{
	font-family: 		Arial, Verdana, serif;
	padding:			0 0 10px 0;
}

#realisations
{
	width: 				auto;
	height:				auto;
	float:				left;
	margin-bottom:			30px;
}
.realisation {
	float:				left;
	width:				210px;
	text-align:			left;
	margin-top:			20px;
}
.realisationSepa {
	/*width:				42px;*/
	width:				52px;
	height:				10px;
	float:				left;
}
.iphoneSepa {
	width:				25px;
	height:				10px;
	float:				left;
}


.miniTitreApp, .titleApp, .titleAppLarge, .miniTitreApp a 
{
	color:				#fcff00;
	font-size:			12px;
	font-weight:		bold;
	text-transform:		uppercase;
	text-decoration:	none;
}


.miniTitreGame, .titleGame, .titleGameLarge, .miniTitreGame a
{
	color:				#e2007a;
	font-size:			12px;
	font-weight:		bold;
	text-transform:		uppercase;
	text-decoration:	none;
}

.miniTitreGeneric, .titleGeneric, .titleGenericLarge
{
	color:				#0094d3;
	font-size:			12px;
	font-weight:		bold;
	text-transform:		uppercase;
	text-decoration:	none;
}

.titleApp, .titleGame, .titleGeneric {
	font-size:			16px;
}
.titleAppLarge, .titleGameLarge, .titleGenericLarge {
	font-size:			20px;
}

.titreNews
{
	color:				#0094d3;
	font-size:			14px;
	font-weight:		bold;
	margin-bottom:		10px;
}

.titreNews a
{
	color:				#0094d3;
}

.titreNews a:visited
{
	color:				#0094d3;
}

#realisationsSubMenu {
	margin-top:			5px;
}
#realisationsSubMenu ul {
	margin: 	0;
	padding:	0;
}
#realisationsSubMenu li {
	padding:	0 0.3em 0 0.3em;
	margin: 	0 20px 0 0;
	font-size:	1.1em;
}
#realisationsSubMenu li#achievements_selected {
	background-color: #0294CD;
}
#realisationsSubMenu li#games_selected {
	background-color: #E2006F;
}
#realisationsSubMenu li#applications_selected {
	background-color: #FCFF00;
}
#realisationsSubMenu li#achievements_selected a,
#realisationsSubMenu li#games_selected a,
#realisationsSubMenu li#applications_selected a {
	color: #000;
}

.lien
{
	list-style-type:	square; 
	font-size:			12px;
	font-weight:		bold;
	text-transform:		uppercase;
	margin-right:		20px;
	color:				#b14ae6;
	float:				left;
}

.lien a
{
	color:				#474747;
	text-decoration:	underline;	
}

.lien a:hover  
{
	color:				#b14ae6;
}

.lienActif
{
	list-style-type:	square; 
	font-size:			12px;
	font-weight:		bold;
	text-transform:		uppercase;
	margin-right:		20px;
	color:				#b14ae6;
	float:				left;
}

.lienActif a
{
	color:				#b14ae6;
	text-decoration:	underline;
}

#pagination
{
	font-size:			12px;
	font-weight:		bold;
	color:				#b14ae6;
	text-align:			right;
	padding-bottom:		20px;
	padding-right:		50px;
}

.titre, .newsPageTitle
{
	font-size:			18px;
	font-weight:		bold;
	color:				#FFFFFF;
	text-transform:		uppercase;
	margin-top:			10px;

}
.titre a, .newsPageTitle a, .titre a:visited, .newsPageTitle a:visited
{	
	text-decoration:	none;
	color:				#FFFFFF;
}
.titre a:visited:hover {
	text-decoration:	underline;
}

.newsPageTitle, .newsPageTitle a {
	font-size:			14px;
}

.texte
{
	font-size:			12px;
	color:      		#FFFFFF;
	margin-top:			2px;
	text-align:			justify;
	text-align:			justify;
}

.resumeRealisation
{
	font-size:			12px;
	color:      		white;
	margin-top:			2px;
	text-align: 		justify;
}

.slogan
{
	font-size:			16px;
	color:				#000000;
	margin-top:			10px;
	
}

.titreViolet
{
	font-size:			18px;
	font-weight:		bold;
	color:				#b14ae6;
	margin-top:			10px;
}

.cadrePartenaire
{
	width:				300px;
	background-color:	#f1f1f1;
}

#lienViolet
{
	text-align:			left;
	font-size:			13px;
	font-weight:		bold;
	margin-top:			20px;
}

#lienViolet a
{
	color:				#b14ae6;
}

.projet
{
	text-align:			left;
	font-size:			18px;
	font-weight:		bold;
	color:				#000000;
	margin-top:			20px;
}

.motCle
{
	text-align:			left;
	font-size:			18px;
	color:				#474747;
}

#year
{
	text-align:			left;
	font-size:			18px;
	color:				#969696;
}

#ico1
{
	float:				left;
	margin-top:			10px;
	margin-bottom:		20px;
}

.ico
{
	float:				left;
	margin-left:		8px;
	margin-top:			10px;
	margin-bottom:		20px;
}

#partners
{
	float:				left;
	width:				30%;
}

#editor
{
	float:				left;
	width:				30%;
}

#operator
{
	float:				left;
	width:				30%;
}

.gauche
{
	text-align:			left;
}

.decaler
{
	margin-left:		30px;
}

#enregistrer
{
	background:			url('../images/enregistrer.png') no-repeat;
	width:				140px;
	height:				31px;
	border:				none;
	cursor:  			pointer;
	font-weight:		bold;
}

.error
{
	color:				red;
	text-align:			left;
	font-size:			12px;
	font-weight:		bold;	
}

.activeLink a
{
	color:				green;
}

.back
{
	margin-bottom:		30px;
}


#main_new
{
	float:				left;
	padding-bottom:		10px;
	margin-bottom:		50px;
}

.news_content
{
	padding:			0 3em 1.2em 0;
	text-align:			justify;
	border-bottom:		1px solid #323232;
	margin: 			0.4em 2em 1.2em 0;
}

#scroll
{
	overflow:			auto;
	height:				400px;
}

/*		=================		*/

/*			Footer				*/

#page_footer
{
	position:			relative;
	width:				auto;
	height: 			110px;
	background-color:	#282828;
	z-index:			1;
}

#footer
{
	position:			relative;
	margin-left: 		auto;
    margin-right: 		auto;
	width: 				1000px;
}

.textFooter
{
	color:				#848484;
	font-size:			12px;
	text-align:			left;
	width:				175px;
	margin-right:		55px;
	margin-top:			20px;	
}

.textFooter a
{
	color:				#848484;
	text-decoration:	underline;
}

.left
{
	float:				left;
}

#logo
{
	background:			url('../images/logo_footer.png') no-repeat center center;
	width:				97px;
	height:				88px;
}

#adresse
{
	margin-left:		20px;
	text-align:			left;
	margin-top:			28px;	
}

#pret
{
	text-align:			left;
	margin-top:			28px;
	width:				150px;
}

#newsletter
{
	text-align:			left;
	margin-top:			28px;
	width:				150px;
}


#copyright
{
	text-align:			left;
	margin-top:			28px;
}

#copyright a
{
	color:				#FFFFFF;
	text-decoration:	underline; 
}

.separation
{
	background:			url('../images/separator.jpg') no-repeat center center;
	width: 				1px;
	height:				74px;
	float: 				left;
	margin:				18px 15px 0 0;
}

.violet, .footerTitle, .footerTitle a
{
	color:				#b14ae6;
	font-size:			12px;
	font-weight:		bold;		
}

.blanc, .blanc a
{
	color:				#FFFFFF;
	font-size:			12px;
	font-weight:		100;
}

/*		=================		*/

/*
 * Home page
 */


#gmapsIframe {
	padding: 5px 0;
}
.contactMapLinks, .contactMapLinkSelected {
	font-family:		Arial,Helvetica,Verdana,serif;
	font-size:			14px;
	text-transform:		uppercase;
	color:				#B0B0B0;
}
.contactMapLinkSelected {
	color:				#fcff00;
}
.footerTitle {
	text-transform:		uppercase;
}


.colorStripes
{
	margin-top:						30px;
	float: left;
}

.appColor
{
	width:							300px;
	height:							10px;
	background-color:				#fcff00;
}

.gameColor
{
	width:							300px;
	height:							10px;
	background-color:				#e2007a;
}

.newsColor
{
	width:							300px;
	height:							10px;
	background-color:				#0094d3;
}



/* About Page */
#aboutLeft {
	float: left;
	width: 650px;
}
#aboutRight {
	padding-top: 50px;
	float: left;
	width: 330px;
}
.contactProductionElem {
	padding: 10px 10px 10px 20px;
}

#aboutTop {
	float:			left;
	width:			auto;
}
#aboutTopFirstCol {
	float:			left;
	width:			500px;
	text-align:		justify;
}
#aboutTopSecondCol {
	float:			left;
	width:			470px;
	margin-left:	30px;
}

.paragraphTitle
{
	font-size:			16px;
	font-weight:		bold;
	color:				#FFFFFF;
}

#aboutTopFirstCol p, #aboutTopSecondCol p {
	text-align:			justify;
} 

#aboutBottom
{
	width:			auto;
	float:			left;
	margin-top:		30px;
}

#aboutBottomFirstCol
{
	width: 			300px;
	float:			left;
}

.aboutBottomCol
{
	width: 			300px;
	float:			left;
	margin-left:	20px;
}
 
 #aboutExtractFirstCol
 {	
 	color:				#e2007a;
	font-size:			14px;
	font-weight:		bold;
	text-align:			justify;
 }
 
 #aboutExtractSecondCol
 {
 	color:				#fcff00;
	font-size:			14px;
	font-weight:		bold;
	text-align:			justify;
 }
 
 #aboutExtractThirdCol
 {
 	color:				#0094d4;
	font-size:			14px;
	font-weight:		bold;
}

 
#systems
{
 	width:				465px;
 	height:				131px;
}

.separationLine
{
	background-color:	#808080;
	width:				auto;
	height:				1px;
}

.partnerTitle, .partnerElem {
 	text-align:			left;
 	float:				left;
 	width:				302px;
 	padding-bottom:		15px;
}
.partnerElemTop {
 	border-top:			1px solid #353535;
 	padding-top:		25px;
}
.partnerSepa {
	margin-right:		47px;
}

#generic_block, #game_block, #app_block {
	width:				300px;
	text-align:			left;
	float:				left;
	cursor:				default;
}

.app_block_color, .generic_block_color, #app_block, #generic_block  {
	margin-left:		50px;
}
.game_block_color, .app_block_color, .generic_block_color {
	padding: 			0px;
	width: 				300px;
	float: 				left;
	height:				20px;
	margin-top:			0;
	margin-bottom:		0;
}

#game_bar_hover, #app_bar_hover, #generic_bar_hover {
	position:			relative;
	top:				10px;
	left:				0;
	height:				22px;
	padding:			0;
	margin:				0;
}
.block_miniTitles {
	padding: 10px 0 4px 0;
}

#pagination_pages {
	text-align: 		right;
	margin-top: 		-22px;
	margin-bottom:		-30px;
	padding-bottom:		12px;
	min-height: 		40px;
}

.pagination
{
	display: 			inline-block;
	cursor:				pointer;
	margin: 			0.2em;
	padding: 			0.5em;
}

.selected_page
{
	border: 			solid #CCC 1px;
}