/*

couleur1    FF6D00
couleur2    FFB680
couleur3    FF0000
couleur4    FFFFFF


*/


* { margin: 0px; padding: 0px; }

body
{
	background-color: #FF6D00;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	scrollbar-base-color: #FF6D00;
}

input
{
	font-size: 10px;
}

.img
{
	border : 1px black solid;
}

a em {
	font-weight:normal;
}

a
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
}
	.tubep
	{
		background-image: url("../../../fr/interface/vitrine/tubep/ORANGE.gif");
		background-repeat: repeat-x;
		height: 10px;
		border-bottom: 1px black solid;
	}
	

	
	#message
	{
		height:18px;
		padding-top:2px;
	}
	
	#menu-haut
	{
		background-image: url("../../../fr/interface/vitrine/tubeg/ORANGE.gif");
		background-repeat: repeat-x;
		height: 20px;
		text-align: center;
		border-bottom: 1px black solid;
		padding-top: 6px;
		padding-bottom: 0px;
		margin-top: 2px;
	}
	
	#menu-haut a {
		margin-left:10px;
		margin-right:10px;
	}
	
	#phraseCommerce {
		display:none;
	}
	
	#super-conteneur {
	width:900px;
	margin:auto;
	}
	
	#conteneur {
		position:relative;
		width:900px;
		height:374px;
		margin:auto;
	}
	
	#logo
	{
		position:absolute;
		top:2px;
		left:5px;
		width: 370px;
		height: 372px;
	}
	
	#contenu
	{
		position:absolute;
		top: 2px;
		right: 5px;
		width: 495px;
		height: 362px;
		padding: 5px;
		padding-top:5px;
		overflow: auto;
	}
	
	
	/* --------------------------------------------------CSS pour les galeries */
	#contenuGaleries
	{
		position:absolute;
		top: 2px;
		right: 5px;
		width: 600px;
		height: 367px;
		padding-top:5px;
		padding-bottom:0px;
		overflow: auto;
  		background-attachment: fixed;
	}
	
	
	#contenuGaleries table td
	{
	width:285px;
	}
	
	#phraseGaleries {
		text-align:center;
		margin-top:2px;
	}
	
	#photoGalerie {
		position:relative;
		width:270px;
		margin-top:10px;
		border: 1px solid #FFB680;
	}
	
	#photoGalerie img {
		margin-top:5px;
	}
	
	#photoGalerie p {
		width:260px;
		margin:auto;
		padding:5px;
		margin-top:5px;
		text-align:center;
	}
	
	#listeGaleries
	{
		position:absolute;
		top:2px;
		left:5px;
		width: 270px;
		height: 372px;
		overflow: auto;
		padding-left:10px;
		padding-right:0;
		background-color:#FFB680;
	}
	
	#listeGaleries h1
		{
		margin-top:8px;
		}
		
	#listeGaleries h2
		{
		font-size:14px;
		margin-top:5px;
		margin-bottom:3px;
		text-decoration:underline;
		}
	
	#listeGaleries ul
		{
		margin-top:5px;
		list-style-type:none;
		}
	
	#listeGaleries li
		{
		margin-left:2px;
		padding:1px;
		}
		
	#listeGaleries li a
		{
		font-weight:normal;
		}
	
	
	/* --------------------------------------------------CSS pour les cartes */
	#fondCarte {
		position:absolute;
		top: 2px;
		right: 5px;
		width: 600px;
		height:372px;
		}
	
	#contenuCartes
	{
		position:absolute;
		color:#000000;
		width: 600px;
		height: 364px;
		padding-top:5px;
		padding-left:3px;
		padding-right:0;
		padding-bottom:3px;
		overflow: auto;
		font-family: Georgia, "Times new roman", Times, serif;
		font-size:14px;
		font-weight:bold;
	}
	
	
	#contenuCartes table td
	{
	width:285px;
	}
	
	#phraseCartes {
		text-align:center;
		margin-top:2px;
	}
	
	#photoCarte {
		position:relative;
		width:270px;
		margin-top:10px;
		border: 1px solid #FFB680;
	}
	
	#photoCarte img {
		margin-top:5px;
	}
	
	#photoCarte p {
		width:260px;
		margin:auto;
		padding:5px;
		margin-top:5px;
		text-align:center;
	}
	
	#listeCartes
	{
		position:absolute;
		top:2px;
		left:5px;
		width: 270px;
		height: 372px;
		overflow: auto;
		padding-left:10px;
		padding-right:0;
		background-color:#FFB680;
	}
	
	#listeCartes h1
		{
		margin-top:8px;
		}
		
	#listeCartes h2
		{
		font-size:14px;
		margin-top:5px;
		margin-bottom:3px;
		text-decoration:underline;
		}
	
	#listeCartes ul
		{
		margin-top:5px;
		list-style-type:none;
		}
	
	#listeCartes li
		{
		margin-left:2px;
		padding:1px;
		}
		
	#listeCartes li a
		{
		font-weight:normal;
		}


	/* --------------------------------------------------CSS pour les catalogues */
	#contenuCatalogues
	{
		position:absolute;
		top: 2px;
		right: 5px;
		width: 600px;
		height: 367px;
		padding-top:5px;
		padding-bottom:0px;
		overflow: auto;
  		background-attachment: fixed;
	}
	
	
	#contenuCatalogues table td
	{
	width:285px;
	}
	
	#phraseCatalogues {
		text-align:center;
		margin-top:2px;
	}
	
	#articleCatalogue {
		position:relative;
		width:270px;
		margin-top:10px;
		border: 1px solid #FFB680;
	}
	
	#articleCatalogue img {
		margin-top:5px;
	}
	
	#articleCatalogue p {
		width:260px;
		margin:auto;
		padding:5px;
		margin-top:5px;
		text-align:center;
	}
	
	#articleCatalogue .prixArticle {
		margin-top:10px;
	}
	
	#articleCatalogue .ajoutArticle {
		margin-top:10px;
	}
	
	#articleCatalogue .detailsArticle {
		margin-top:10px;
		margin-bottom:10px;
		font-size:9px;
	}
	
	#noteCatalogue {
		width:250px;
		font-size:0.9em;
		margin-top:2px;
	}
	
	#listeCatalogues
	{
		position:absolute;
		top:2px;
		left:5px;
		width: 270px;
		height: 372px;
		overflow: auto;
		padding-left:10px;
		padding-right:0;
		background-color:#FFB680;
	}
	
	#listeCatalogues h1
		{
		margin-top:8px;
		}
		
	#listeCatalogues h2
		{
		font-size:14px;
		margin-top:5px;
		margin-bottom:3px;
		text-decoration:underline;
		}
	
	#listeCatalogues ul
		{
		margin-top:5px;
		list-style-type:none;
		}
	
	#listeCatalogues li
		{
		margin-left:2px;
		padding:1px;
		}
		
	#listeCatalogues li a
		{
		font-weight:normal;
		}


	#messagePanier {
		margin-top:10px;
		margin-bottom:10px;
		text-align:center;
		font-weight:bold;
		color:#FFFFFF;
		
	}

	#infosPanier {
		position:absolute;
		top:5px;
		right:5px;	
	}
	
	#panier {
		position:absolute;
		top:13px;
		left:340px;
		z-index:10;
		width:500px;
		height:340px;
		border:#000000 1px solid;
		background-color:#FFB680;
	}
	
	#panier table {
		font-size:11px;
	}
	
	#panier td {
		height:20px;
		text-align:center;
	}
	
	#panier td.titre {
		background-color:#FF6D00;
		height:30px;
		text-align:center;
	}
	
	#panier td.total {
		text-align:right;
		padding-right:10px;
	}
	
	#actionPlusCatalogue {
		font-weight:bold;
		font-size:17px;
		text-decoration:none;
	}
	
	#actionMoinsCatalogue {
		font-weight:bold;
		font-size:18px;
		margin-top:5px;
		margin-right:5px;
		margin-left:2px;
		text-decoration:none;
	}
	
	#contenuPanier {
		position:absolute;
	}
	
	#annulationPanier {
		position:absolute;
		bottom:5px;
		width:33%;
		left:0;
		text-align:center;
	}
	
	#commandePanier {
		position:absolute;
		bottom:5px;
		width:33%;
		left:167px;
		text-align:center;
	}
	
	#fermerPanier {
		position:absolute;
		bottom:5px;
		width:33%;
		left:335px;
		text-align:center;
	}
	
	#recapitulatifPanier {
		font-size:11px;
	}
	
	#recapitulatifPanier td {
		height:20px;
		text-align:center;
	}
	
	#recapitulatifPanier td.titre {
		background-color:#FFB680;
		height:30px;
		text-align:center;
	}
	
	#recapitulatifPanier td.total {
		text-align:right;
		padding-right:10px;
	}
	
	#alerteCommande a {
		font-weight:bold;
		color:#FF0000;
	}
	
	h1
	{
		padding-top:8px;
		padding-bottom:3px;
		margin-bottom:0;
		font-weight:bold;
		font-size:14px;
		text-decoration:none;
	}
	
	h2
	{
		padding-top:10px;
		padding-bottom:5px;
		margin-bottom:0;
		font-weight:bold;
		font-size:12px;
		text-decoration:underline;
	}
	
	.lienutile {
		padding:5px;
		margin-right:3px;
		border: 1px solid #FFB680;
		margin-top:10px;
	}
	
	.lienutile p {
		margin-top:5px;
	}
	
	#menu-bas
	{
		position:relative;
		background-image: url("../../../fr/interface/vitrine/tubeg/ORANGE.gif");
		background-repeat: repeat-x;
		height: 20px;
		border-bottom: 1px black solid;
		padding-top: 6px;
		padding-bottom: 0px;
		padding-left: 5px;
		clear: left;
		margin-top: 2px;
	}
	
	#menu-bas a {
		margin-left:10px;
		margin-right:10px;
	}
	
	#conteneur-bas {
		position:relative;
		height:89px;
	}
	
	#promo
	{
		position:absolute;
		top:1px;
		left:5px;
		width: 390px;
	}
		
	#promo img
	{
		float: left;
		margin-right: 5px;
	}
		
	#pub
	{
		position:absolute;
		width:468px;
		right:18px;
		top: 8px;
	}
	
	#news-letter
	{
		position:relative;
		background-image: url("../../../fr/interface/vitrine/tubeg/ORANGE.gif");
		background-repeat: repeat-x;
		height: 22px;
		text-align: right;
		font-size: 10px;
		font-weight: bold;
		border-bottom: 1px black solid;
	}
	
	#FormNewsletter {
		margin-bottom:1px;
	}
	
	.texteNews {
		position:absolute;
		top:5px;
		right:215px;
	}
	
	.boutonNews {
		width:80px;
	}
	
	.emailNews {
		position:absolute;
		top:2px;
		right:82px;
		width:124px;
	}
		
	#menuFooter {
		width:730px;
		margin:auto;
		margin-top:2px;
		padding-bottom:10px;
		font-size:9px;
	}
	
	#menuFooter a {
		display:inline;
		margin-left:5px;
		margin-right:5px;
	}
		
#tags a {
	font-weight:normal;
	font-size:9px;
}	

.conteneurpromo {
	position:relative;
	width:390px;
	height:87px;
	overflow:hidden;
 } 
 
.unepromo { 
	position: absolute;
	top: 87px;
	left: 0px;
	width:100%;
	visibility:hidden;
}	

.conteneurphrase {
	position:relative;
	height:18px;
	overflow:hidden;
 } 
 
.unephrase { 
	position: absolute;
	width:100%;
	top: 18px;
	padding-top:1px;
	text-align:center;
	font-weight:bold;
	visibility:hidden;
}	


#formulaireContact {
	margin-top:4px;
}

#expediteur_mail {
	border:1px solid #000000;
	width:150px;
	padding:1px;
}

#sujet_mail {
	width:207px;
	border:1px solid #000000;
	padding:1px;
}

#message_mail {
	border:1px solid #000000;
	padding:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:365px;
	margin-top:3px;
}

#bouton-formulaire-mail {
	border:1px solid #000000;
	padding:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:3px;
	margin-left:299px;
	width:70px;
}

.message_envoi {
	color:#FFFFFF;
	font-weight:bold;
}

#votrepub {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	width:110px;
	margin:auto;
}

#votrepub a {
	font-weight:normal;
}

.visitevirtuelle {
	position:absolute;
	margin-top:2px;
	right:5px;
	border: 1px #000000 solid;
}
		
