body {
	text-align: center;
	background: url(../../images/fond_trame.jpg) top left repeat-x;
	background-color:#fff;
	
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

body#popup {
	text-align: left;
	background: url(../../images/fond_transmettre.jpg) top center no-repeat;
	background-color:#fff;
	padding:0;
}
FORM, DIV, IMG, P {border:0; margin:0; padding:0;}
A {color:black;text-decoration:none;}
A:hover {text-decoration:underline;}

	
H2 {
	color:#666;
}

#container {	
	position: relative;
	margin: 0 auto;
	padding: 0;	
	text-align: left;
	background: url(../../images/fond_container.jpg) top center no-repeat;

	width: 947px;

	/*POUR FIREFOX ET CONSOEURS*/
	min-height:700px;
	height:auto;	
}

/* POUR IE */
* html #container  {
	height:700px;
}	

#menu {
	position:absolute;
	top:92px;
	left:280px;
	width:100%;
}

#menu A {
	position:absolute;
	color:#fff;
}

#colGauche {
	position:absolute;
	top:130px;
	left:20px;
	width:220px;
}

#colGauche IMG {
	margin-bottom:10px;
}

.justifie {
	text-align:justify;
}

IMG.titre {
	margin-bottom:10px;
}

#panier {
	background: url(../../images/menu_panier.jpg) top left no-repeat;
	width:208px;
	height:76px;
}

.opacity {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

.opacity:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
}

#panier P {
	color:#fff;
	font-weight:bold;
	padding: 37px 0px 0px 54px;
}


#main {
	position:absolute;
	top:130px;
	left:250px;
	width:690px;
	

	min-height:700px;
	height:auto;	
}

#contenu,
#produits,
#commandes,
#compte,
#contenu-presse {
	position:relative;
	width:670px;
	padding:0px;
	margin:0px;

	/*POUR FIREFOX ET CONSOEURS*/
	min-height:550px;
	height:auto;	
}

/* POUR IE */
* html #container,
* html #produits,
* html #contenu, 
* html #commandes,
* html #compte,
* html #contenu-presse {
	height:550px;
}	

/* POUR IE */
* html #main {
	height:700px;
}	

#liens A {
	font:13px arial;
	color:#666;
	font-weight:bold;
}

#liens IMG {
	float:left;
	margin:-2px 4px 0px 0px;
}

#footer {
	position:relative;

	width:440px;
	text-align:center;
	font-size:10px;
	color:silver;
		
	margin-top:30px;
	margin-bottom:40px;
}

#footer A {
	color:silver;
}

.titre,
.titre2,
.titreCmd {
	font:18px arial;
	font-weight:bold;
}

.titre {
	color:#B4419B;
}

.titre2 {
	color:#666;
}

.titreCmd,
TABLE#panier .titreCmd {
	color:#E800E8;
}

.titre IMG,
.titre2 IMG,
.titreCmd IMG {
	float:left;
	margin:1px 5px 0px 0px;
}

.sstitre {
	font-weight:bold;
	margin:10px 0px 5px 0px;
}

.info {
	font-size:12px;
	font-weight:normal;
	font-style:italic;
}


/**
 * Messages systèmes 
 */
 .message {
 	font-family: verdana;
 	font-size: 12px;
	font-weight: bold;
 	color: green;
 	text-align: center;
 	margin:10px 0px 10px 0px;
 }
 
 .messageErreur {
 	font-family: verdana;
 	font-size: 12px;
 	color: red;
 	font-weight: bold;
 	text-align: center;
 	margin:10px 0px 10px 0px;
 }
 
/**
 * Gestion des erreurs
 */ 
 #pageErreur {
 	width : 600 px;
 	height: 300px;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 200px;
 	text-align: center;
 	
 	font-family: verdana;
 	font-size: 10px;
 	color: red;
 }
 
 #pageErreur IMG {
 	margin-bottom: 5px;
 }
 

 /**
 * Gestion du texte en position "exposant" => balise "sup"
 */
sup
{
	line-height:95%;
	font-size:100%;
}

/******************************** FORMULAIRES **********************************/
	.formulaire-row-obligatoire,
	.formulaire-row {
		width:100%;
		color:#333;
		margin:0px;
		padding:5px 0px 5px 0px;
	}
	
	.formulaire-row-obligatoire {
		font-weight: bold; 
	}	

	.formulaire-row-obligatoire LABEL, 
	.formulaire-row LABEL {
	   float: left;
	   width: 50%;
	   
	   padding: 3px 5px 0px 0px;
	   text-align: right;
	}

	.formulaire-row-obligatoire INPUT, 
	.formulaire-row INPUT,
	.formulaire-row-obligatoire TEXTAREA, 
	.formulaire-row TEXTAREA,	
	.formulaire-row-obligatoire SELECT, 
	.formulaire-row SELECT {
		width:200px;
		border:solid 1px #333;
		margin-right:5px;
		vertical-align:middle; 
	}
	
	INPUT.radio {
		width:20px;
		vertical-align:middle; 
		border:0px;
		margin:0px;
		padding:0px;
	}
	#message{
		float:left;
		width:100%;
		text-align:center;
		margin-top:10px;
		padding:5px 0px 5px 0px;

		background-color:#ECEEEF;
		/*border:dashed 1px #D3D5D6;*/
	}	

	#message P {
		font-size:13px;
		font-weight:bold;
	}	

	#message P.erreur{
		color:red;
	}

	.btn,
	#btn_submit {
		width:100px;
		color:white;
		font-size:12px;
		font-weight:bold;
		background-color:#FF7F00;
		text-align:center;
		padding:2px 10px 2px 10px;
		margin:10px 0px 0px 160px;
		cursor:pointer;
	}
	
	#btn_submit {
	
	}