.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:-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:-110px;	margin-right:5px; z-index:1;}
.lampy-fauteuil-hebergement  	{position:relative;	float:right;	top:-47px;	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:-5px; 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:-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:-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;}

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

.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-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-suite, #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-hebergement			{top:20px;}
#mainframe-suite-hebergement	{margin-left:10px;}

.indent-ie6	{margin-left:20px;}

/*------------------   Page hebergement ---*/
	
#entete-hebergement						{display:inline; position:relative; top:-10px; left:0px; margin-bottom:-30px;}
.entete-fiche-hebergement			{position:relative; top:10px; left:13px; font-weight:bold; font-size:115%;}
.contenu-fiche-nom-domaine 		{position:relative; top:-18px;}
.contenu-fiche-hebergement  		{position:relative; top:0px;}
 
#fiche-technique-nom-domaine, #fiche-technique-hebergement
	{
	position:relative;
	height:220px;
	background-image:url(/img/fond-eau-01.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	font-size:85%;
	margin-left:200px;}
	
#fiche-technique-nom-domaine	{width:766px; margin-top:20px; margin-bottom:20px; left:-60px;}
#fiche-technique-hebergement	{width:766px; margin-top:50px; margin-bottom:-30px; margin-left:185px; left:-128px;}

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

.accroche, 
.accroche-large, 
.accroche-hebergement 
	{
	display:block;
	margin-top:70px;
	margin-bottom:20px;
	font-variant: small-caps; 	/* En petites capitales */
	text-align:center;
	width:850px;
	height:30px;}
	

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

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

#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}
	
/* -------------------------- NO FLASH ------------------------------- */


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