.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:calibri; font-size:220%;}
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;}

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

.line-height	  													/*Appliqué sur un h3 pour se centrer à son logo puce*/
{line-height:43px;font-size:150%;}

.taille-moyenne   												/* vise h2 siteweb */
{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:-130px;	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:-110px;	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; margin-left:-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:220px; 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:-10px;}
.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:-155px; 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;}

/*------------------   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);}

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

.footer-noflash
{
display:block;
z-index: 6;
}

/*------------------   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:45px;
	color:white; 
	position:relative; 
	text-align:center; 
	padding-top:9px;
	font-style:verdana; 
	font-weight:bold; 
	font-size:90%;}
	
.text-module-noflash 
	{ 
	color:black; 
	position:relative; 
	text-align:center; 
	left:10px; 
	top:0px; 
	font-style:verdana; 
	font-weight:bold; 
	font-size:70%;}
	
#lien-gauche-1 
	{ 
	color:black; 
	position:relative; 
	top:-43px; 
	font-style:verdana; 
	font-weight:bold; 
	font-size:90%;
	}
	
#derniers-modules-liste {height:0px;}

	
#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(/img/boutons-menu.jpg); 
	width:165px;
	height:50px;}
	
.bouton-menu:hover
	{
	background-position: 0 -50px;
	width:165px;
	height:50px;}

.bouton-menu-light
	{
	float:left;
	position:relative;
	background-image:url(/img/boutons-menu-light.jpg); 
	width:145px;
	height:35px;}

.bouton-menu-light:hover
	{
	background-position: 0 -35px;
	width:145px;
	height:35px;}

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


.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:30px;
	outline-style:none;
	top:-10px; 
	margin-top:20px;
	margin-bottom:15px;
	text-align:center; 
	width:150px;          
	height:470px;
	z-index: 9;}
	
.menu-gauche-referencement
	{margin-bottom:40px;}
	
#menu-gauche-contenu							
	{
	position:relative;
	outline-style:none;
	width:150px;				
	height:470px;}
	
#menu-light
	{
	outline-style:none;
	border:0px solid black;
	position:relative;
	float:right;
	right:0px;
	margin-top:0px;
	margin-left:30px;
	padding-top:15px;
	padding-left:5px;
	text-align:center; 
	width:150px;          
	z-index: 9;}
	
#menu-light-contenu							
	{
	position:relative;
	outline-style:none;
	width:150px;}
	
.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 ---*/

#mainframe-referencement
	{
	text-align:left;
	position:relative;
	left:35px;
	top:20px;
	outline-style:none;
	border:none;
	z-index: 1;
	font-family: Century Gothic, Helvetica, sans-serif;
	font-size:95%;
	text-align:left;
	min-height:500px;
	height:auto;
	width:900px;}
	
 
#mainframe-referencement-solutions 
	{
	text-align:left;
	position:relative;
	left:35px;
	top:20px;
	outline-style:none;
	border:none;
	z-index: 1;
	font-family: Century Gothic, Helvetica, sans-serif;
	font-size:95%;
	text-align:left;
	min-height:500px;
	height:auto;
	width:900px;
	margin-bottom:-22px;}
	

#mainframe-suite, #mainframe-suite-referencement, #mainframe-hebergement, #mainframe-suite-hebergement			
	{
	position:relative;
	outline-style:none;
	border:none;
	left:40px;
	z-index: 0;
	font-family: Century Gothic, Helvetica, sans-serif;
	font-size:95%;
	text-align:left;
	width:880px;}

#mainframe-suite-referencement 	{top:20px;}

/*------------------   Page Référencement ---*/
	
#referencement-titre   				{position:relative; top:0px; }
.referencement-titre-2 				{font-family:calibri;	font-size:150%; font-weight:bold;}
#mainframe-suite-referencement		{}
	
/* Page Referencement-platinum.php */
	
#actions-referencement        	{position:relative; top:-30px;}
.titre-devis				{font-size:150%;}



	
/*------------------   Referencement ---*/	

#encart-referencement		{display:block; width:750px; margin-left:150px;}

/*------------------   Bas de page ---*/	
	
.accroche-referencement		{
	margin-top:5px; 
	margin-left:10px; 	
	font-variant: small-caps; 
	text-align:center;
	width:850px;
	height:30px;}



#bottom
	{
	text-align:center;
	position:relative;
	top:-65px;
	width:780px; 
	margin-left:auto;
	margin-right:auto;
	font-family:Century Gothic;
	font-size:80%;
	z-index:9}
	
 .module1, .module2, .module3
	{
	position:relative;
	left:120px;
	outline-style:none;
	}
	
/* -------------------------- NO FLASH ------------------------------- */

#banniere-noflash-referencement,
#banniere-noflash-referencement-platinum
	{
	position:relative;
	top:46px;
	background-image:url(http://referencement.riacreation.fr/img/banniere-wave-927.jpg); 
	width:925px;
	height:69px;}