.drapeau  {position:relative; top: 6px; left:4px;}

/*------------------   Liens ---*/        

a			{outline-style:none; color: black; text-decoration: none;}
a:hover      	{outline-style:none; color: red;}
a:active   	{outline-style:none; color: red;}
a:visited  	{outline-style:none; color: black;}
a img 		{outline-style:none; border:none;}

.lien-contact		{position:relative;	top:-20px;	margin-bottom:20px;}
.lien-souligne		{text-decoration:underline;}
.center				{text-align:center;}
	
#lien-retour-referencement
	{
	position:relative;
	float:right;
	font-style:italic;
	text-decoration:underline;}

/*------------------   Balises ---*/	

html, body 				{margin:0;padding:0;text-align: center;border:0 none;height:100%; }
h1						{font-family: Century Gothic, Helvetica,sans-serif; font-size:100%; font-weight:normal; text-decoration:underline;}
h2						{font-family:calibri;	font-size:150%;}
p						{text-indent: 50px;}
.no-ident				{position:relative; text-indent: 0px; top:-15px; margin-bottom:-15px;}
.li-padding-entete  		{padding-top:15px; padding-bottom:20px;}
.li-padding  			{padding-top:0px; padding-bottom:20px;}

.entete-large-inline 	{font-family:calibri; font-size:220%; font-weight:bold; display:inline; color:#f72020;}
.entete-large				 	{font-family:calibri; font-size:220%; font-weight:bold; color:#f72020;}
.entete-medium-inline 	{font-family:calibri; font-size:140%; font-weight:bold; display:inline;}
.entete-medium 				{font-family:calibri; font-size:140%; font-weight:bold;}
.entete-medium-applications 	{font-family:calibri; font-size:135%; font-weight:bold; text-indent:0px; margin-top:5px;}

/*------------------   Opérations sur balises ---*/	

.line-height	  							
{line-height:43px;font-size:150%;}

.taille-moyenne   						
{font-size:140%;}

.underline
{text-decoration:underline;}

.justify						{display:block;	text-align:justify;}
.inline							{display:inline;}
.inline-rouge 					{display:inline; color:#f72020;}
.rouge 							{color :#fa2020;}
.introduction					{margin-top:0px;	text-indent:50px;}


/*------------------   Caractères Spéciaux ---*/

.point-interrogation   	{font-family:Arial, Helvetica, sans-serif;} 					/* l'est pas beau sinon */
.asterisque 				{text-indent:0px; font-style:italic; font-size:80%; position:relative; top:-40px; margin-bottom:-50px; left:30px;}

/*------------------   Images ---*/
.lampy-fauteuil-pack-premium		{position:relative;	float:right; top:-110px;	margin-right:5px; z-index:1;}
.lampy-fauteuil-espace-client 	   	{position:absolute;	float:right; top:110px;	margin-right:5px; z-index:1;}
.lampy-fauteuil-contact-approuve 	{position:relative;	float:right; top:-110px;	margin-right:5px; z-index:1;}
.lampy-fauteuil-referencement		{position:relative;	float:right; top:-110px;	margin-right:5px; z-index:1;}
.lampy-fauteuil-accueil      			{position:relative;	float:right; top:-110px;	margin-right:5px; z-index:1;}
.lampy-fauteuil      					{position:relative;	float:right; top:-130px;	margin-right:5px; z-index:1;}
.lampy-fauteuil-hebergement  		{position:relative;	float:right; top:-20px;	margin-right:5px; z-index:1; margin-top:-90px;}
.lampy-noir-cool					{float:right; width:90px;}
.lampy-noir-panneau					{float:left; width:100px;}	
.lampys-marchent					{position:relative; top:-30px; float:right;}
.pack-entete						{position:relative; top: 10px; float:left; left:-45px; width:168px; margin-right:-30px;}
.productivite						{position:relative; top:-15px; float:right; margin-bottom:-10px; left:-10px; margin-left:10px;}
.productivite-referencement			{position:relative; top:-10px; float:right; margin-bottom:-10px; margin-left:10px;}
.bouton-contact  		 			{display:inline;} 
.logo-puce		 		 			{position:relative; display:inline; float:left;} 
.referencement-fleche 				{position:relative; float:right; top:-10px; margin-bottom:-50px;}
.stylo-check 				   		{position:relative; float:right; top:-50px; margin-bottom:-50px;}
.clavier-ecommerce					{position:relative; float:left; left:90px; margin-right:110px; margin-left:-75px; top:15px;}
.cb-www              						{position:relative; display:inline; float:right; right:20px; margin-top:-43px;}
.minilogo-pack 						{float:left;}
.bonhomme-internet					{position:relative; display:inline; top:-10px; margin-bottom:-20px;}
.serveurs                                  		{position:relative; float:left;	margin-left:15px; margin-right:30px; margin-top:38px; margin-bottom:35px;}
.carte-visite-vierge				{position:relative; float:left;	margin-left:15px; margin-right:30px; margin-top:38px; margin-bottom:45px;}
.hebergement-maison                		{position:relative; float:left;	top:10px; margin-left:-15px; margin-right:10px;}
.bonhomme-caddie     					{position:relative; float:left; margin-top:-10px; margin-right:10px;}
.bonhommes-sacs		  				{position:relative; float:right; margin-top:-10px; margin-left:10px;}
.logos-referencement 				{position:relative; display:block; left:200px; margin-top:-5px; margin-bottom:-5px;}
.logos-referencement-platinum 		{position:absolute; display:block; left:390px; margin-top:10px; }
.logos-referencement-premium		{position:absolute; display:inline; left:270px; margin-top:-44px; height:27px; width:272px; margin-bottom:-100px; margin-right:-100px;}
.code-binaire  						{float:right; margin-right:1px; margin-top:-5px;}
.fille-pc                                			{float:right;}
.fille-contact 						{float:left; position:relative; margin-right:20px; margin-top:-15px;}
.bouton-retour						{position:relative; margin-bottom:-50px; display:block; z-index:10; left:720px; top:-163px; width:80px;}
.bouton-modules						{position:relative; left:630px; width:80px; top:-45px; margin-bottom: -60px;}
.bouton-modules-ecommerce			{position:relative; display:inline; left:240px; top:-34px; margin-bottom:2px;}
.valider                               			{position:absolute; top:534px; left:630px; z-index:10;}
.minilogo-mail						{position:relative; float:left; margin-bottom:5px;} 
.minilogo-telephone					{position:relative; float:left; margin-bottom:5px;}
.minilogo-adresse					{position:relative; float:left; margin-bottom:5px;}
.cliquez-ici						{position:relative; display:inline; top:5px; left:5px;}
.bouton-modules-inline				{position:relative; top:8px;}

.bouton-modules-applications-texte 			{color:white; position:relative; top:3px; left:10px; font-size:90%;}
.bouton-modules-applications-texte:hover 	{color:white;}

#bouton-modules-applications		
{
font-size:85%;
font-style:italic;
font-weight:bold;
background-image:url(http://application.riacreation.fr/img/bouton-modules-inline.jpg); 
width:101px;
height:29px;
position:relative; 
left:470px; 
top:-23px; 
margin-bottom:2px;}

/*------------------   Bannières ---*/
	
#bandeau 			{min-width:990px;	width:100%;	height:122px;	background-color:#000000; z-index: 9;}
#bandeau-gauche		{z-index: 9; float:left;	background-position: left;	background-repeat: no-repeat;	width:400px; height:120px;	background-color:#000000;}
#bandeau-droite		{z-index: 8;	float:right;	background-position: right;	background-repeat: no-repeat;	width:590px; height:120px;	background-color:#000000;}
		
/*------------------   Bordures ---*/	

#header,#center,#footer 	{position:relative; width:990px; margin:0 auto; background-position: top center;}
#header 					{z-index: 8; height:57px;background-image:url(/img/whiteHeader.jpg); }
#center 					{z-index: 8; top:0px;	background-image:url(/img/whiteCenter.jpg); background-repeat: repeat-y;}
#footer 					{z-index: 8; top:-43px;	height:64px; background-image:url(/img/whiteFooter.jpg);}

/*------------------   Eléments communs du corps ---*/

.menu-bouton {background-image:url(/img/bouton-accueil.jpg); width:141px; height:46px; margin-bottom:-3px; background-repeat: no-repeat;}
.menu-modules{background-image:url(/img/menu-fond-modules.jpg); width:141px; height:121px; margin-bottom:-3px; background-repeat: no-repeat;}
.menu-realisations{background-image:url(/img/bg-realisations.jpg); width:141px; height:121px; margin-bottom:-3px; background-repeat: no-repeat;}


#menu-gauche-titre-1, #menu-gauche-titre-2, #menu-gauche-titre-3, #menu-gauche-titre-4 
	{
	display:block;
	width:140px;
	height:37px;
	color:white; 
	position:relative; 
	text-align:center; 
	padding-top:9px; 
	font-style:verdana; 
	font-weight:bold; 
	font-size:90%;}


#menu										/* Menu en Haut de page Menu */
	{
	z-index:9;
	position:relative;
	outline-style:none;
	margin-top:16px;
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	height:50px;
	margin-bottom:7px;}
	
.bouton-menu
	{
	float:left;
	position:relative;
	background-image:url(http://application.riacreation.fr/img/boutons-menu.jpg); 
	width:165px;
	height:50px;}
	
.bouton-menu:hover
	{
	background-position: 0 -50px;
	width:165px;
	height:50px;}

.texte-menu, .texte-menu:hover, .texte-menu:visited
	{
	display:block;
	width:100%;
	height:100%;
	margin-top:13px;
	color:white;
	font-weight:bold;
	font-size:85%;
	font-family:calibri;}

#menu-gauche
	{
	position:relative;
	float:left;
	left:31px;
	outline-style:none;
	top:-8px; 
	margin-top:20px;
	margin-bottom:15px;
	text-align:center; 
	width:140px;          
	height:470px;
	z-index: 9;}
	
#menu-gauche-contenu							
	{
	position:relative;
	outline-style:none;
	width:150px;				
	height:470px;}
	
.menu-boite		{border: 0px solid black; text-align:center; width:141px;}
.menu-titre		{}
	
#contenu
	{
	position:relative;
	top:-35px;
	margin-left: auto;
	margin-right: auto;
	font-family:Century Gothic;
	width:967px;}
	
/*------------------   Eléments communs et personnalisés ---*/

#footer-wave {	
	display:block;
	outline-style:none;
	position:absolute;
	bottom:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:150px;
	margin-bottom:-8px;
	width:900px;
	left:-15px;
	z-index: 8;}
	
.lampy-footer {
z-index: 7;
position:relative;
display:block;
margin-left:auto;
margin-right:-10px;
top:-68px;
}	

.footer-noflash
{
display:block;
z-index: 6;
}
	
#mainframe-applications, 
#mainframe-applications-suite
	{
	text-align:left;
	position:relative;
	top:20px;
	outline-style:none;
	border:none;
	z-index: 1;
	font-family: Century Gothic, Helvetica, sans-serif;
	font-size:95%;
	text-align:left;
	height:auto;
	width:890px;}

#mainframe-applications 				{left:45px;}	
#mainframe-applications-suite		{left:50px;}

/*------------------   Page applications ---*/

#applications-avantages
	{
	text-align:left;
	margin-right:30px;
	margin-left:20px;
	padding-top:10px;
	padding-bottom:30px;
	position:absolute;}
	
#applications-avantages-background{
	width:730px;
	height:350px;
	background-repeat:no-repeat;
	background-position: left center;
	background-image:url(http://application.riacreation.fr/img/fond-eau-03.jpg);
	position:relative;
	margin-left:130px;
	margin-bottom:30px;
	padding-right:40px;
	margin-right:30px;}

#solutions-developpees	{margin-bottom:30px;}

/*------------------   Bas de page ---*/	

.accroche-applications
	{
	display:block;
	margin-top:20px;
	margin-bottom:5px;
	font-variant: small-caps; 	/* En petites capitales */
	text-align:center;
	width:840px;
	height:50px;}

#bottom
	{
	text-align:center;
	position:relative;
	top:-65px;
	width:900px; 
	margin-left:auto;
	margin-right:auto;
	font-family:Century Gothic;
	font-size:80%;
	z-index:9}
	
/* -------------------------- No Flash ------------------------------- */

.text-module-noflash 
	{ 
	color:black; 
	position:relative; 
	text-align:center; 
	left:10px; 
	top:0px; 
	font-style:verdana; 
	font-weight:bold; 
	font-size:70%;}