.drapeau  {position:relative; top: 6px; left:4px;}

#banniere-wave-large
	{
	outline-style:none;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:150px;
	width:927px;
	left:22px;
	bottom:-27px;
	z-index: 9;
	}
	
#banniere-wave-large-noflash
	{
	position:absolute;
	bottom:0px;
	left:0px;
	background-image:url(/img/banniere-large-noflash.jpg); 
	width:938px;
	height:150px;
	}
	
.lampy-banniere-wave      		{position:absolute;	bottom: 45px; right:3px;}

#presentation {
	position:absolute;
	border: 1px solid black;
  z-index:10;
	top:300px;
	height:150px;
	width:110px;
	left:-110px;
	margin-left:auto;
	float:left;
}

/*------------------   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%; }

.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;}

h1						{font-family:Century Gothic,; font-size:100%; font-style:normal; font-weight:normal; text-decoration:underline;}
h2						{font-family:calibri;}
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;}
.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:-134px;	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; height:90px;}	
.lampys-marchent					{position:relative; top:-30px; float:right; margin-bottom:-30px;}
.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:right; top:15px; right:20px;}
.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:-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;}

.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-ecommerce-texte 			{color:white; position:relative; top:9px; left:22px; font-size:120%; font-weight:bold;}
.bouton-modules-ecommerce-texte:hover 	{color:white;}

#bouton-modules-ecommerce		
{
font-size:85%;
font-style:italic;
font-weight:bold;
background-image:url(http://creation.riacreation.fr/img/bouton-modules.jpg); 
width:149px;
height:46px;
position:relative; 
left:150px; 
top:-35px; 
margin-bottom:2px;}

#bouton-devis-ecommerce { width:190px; height:45px; float:right; margin-top:5px; margin-right:5px;}

#e-commerce-fonctionnalites
{
padding-left:20px;
padding-top:1px;
position:relative;
left:67px;
height:355px;
width:745px;
background-image:url(http://creation.riacreation.fr/img/fond-eau-03.jpg);
background-repeat:no-repeat; 
}

#e-commerce-fonctionnalites-texte{font-size:85%;}

.e-commerce-texte-final {position:relative; left:-10px;}

/*------------------   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;}


#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:-3px;
	z-index: 10;}
	
.lampy-footer {
z-index: 7;
position:relative;
display:block;
margin-left:auto;
margin-right:-5px;
top:-68px;
}	

.footer-noflash
{
display:block;
z-index: 6;
}


#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%;}
	
#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://creation.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:0px; 
	margin-top:10px;
	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, 
#mainframe-site-web, 
#mainframe-ecommerce, 
#mainframe-packs, 
#mainframe-pack-premium
	{
	text-align:left;
	position:relative;
	left:38px;
	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:880px;}
	
#mainframe-references	{height:550px;}
	
#mainframe-espace-client		{height:500px; width:750px; margin-left:-50px;}

#mainframe-contact					{left:40px;	height:auto;	width:750px;}
	

#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;}
#mainframe-hebergement	{top:40px;}
#mainframe-suite 				{height:auto;}
#mainframe-packs 				{ top:20px; padding-bottom:5px;}
#HighSlideContenu				{margin-top:-5px;text-align:center;}

/*------------------   Index       ---*/	
#accueil-frame
	{
	outline-style:none;
	position:absolute;
	text-align:center;
	height:300px;
	right:0px;
	top:-10px;
	z-index:5;}
	
#accueil-texte
	{
	outline-style:none;
	position:absolute;
	text-align:center;
	height:300px;
	width:670px;
	top:250px;
	left:180px;}

/*------------------   Pages CREATION       ---*/	

#description-produit	{position:relative;	top:10px; left:-30px;	width:880px;	text-align:left;}
	
#fiche-technique-produit-premium, #fiche-technique-produit-platinum
	{
	position:relative;
	text-align:left;
	background-color:#c8c9db;
	float:right;
	border:1px solid black;
	font-size:85%;
	width:277px;
	margin-left:10px;
	margin-right:-35px;
	padding-left:15px;
	margin-bottom:30px;}

#fiche-technique-produit-premium		{top:0px; margin-bottom:20px; margin-left:15px;}
#fiche-technique-produit-platinum 		{top:45px;}
#referencement-premium					{margin-bottom:0px;}
#referencement-platinum					{margin-bottom:-23px;}
	
/*------------------   Site Web ---*/

#packs-presentation				{position:relative;	top:-25px; left:12px; padding-top:20px;}

#annonce-packs
	{
	margin-top:-10px;
	top:-15px;
	text-align:left;
	position:relative;
	margin-left:150px;
	width:580px;}
	
.packs-images					{width:840px;	text-align:center;}
.liens-packs 					{position:relative;	left:210px;	width:504px; margin-bottom:-30px;}
.encart-lien-pack-premium		{position:relative;	left:-6px;	float:left;	width:168px;}
.encart-lien-pack-platinum	 	{float:left; width:168px;}
	
.encart-lien-pack-diamond
	{
	position:relative;
	left:4px;
	float:left;
	width:168px;}
		
#description-pack-premium 
	{
	margin-top:10px;
	position:relative;
	left:-10px;
	font-size:150%;
	text-align:center;}
	
#creation-diamond 				{position:relative; top:-10px;}

/*------------------   Ecommerce ---*/

.texte-ie6-e-commerce			{margin-left:15px;}
.texte-ie6-e-commerce-final		{margin-left:15px;}

/*------------------   Bas de page ---*/	

.accroche, 
.accroche-large, 
.accroche-pack-premium
	{
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	font-variant: small-caps; 	
	text-align:center;
	width:800px;
	height:120px;}
	
.accroche-creation-site-internet
	{
	display:block;
	position:relative;
	top:80px;
	font-variant: small-caps; 	
	text-align:center;
	width:850px;
	height:120px;
	z-index:10;}

	
#bottom
	{
	text-align:center;
	position:relative;
	top:-65px;
	width:780px; 
	margin-left:auto;
	margin-right:auto;
	font-family:calibri, arial;
	font-size:80%;
	z-index:9}
	
	


