
body {
	margin:0;
	padding:0;
	border:0;			/*      This removes the border around the viewport in old versions of IE    */
	width:100%;
	min-width:600px;		/*      Minimum width of layout - remove line if not required    */
	font-family:Arial, Helvetica, Verdana;
	background:url(/metm/includes/fo/img/bodyfond2.png) #FCD01F repeat-x  0px 0px;
	height:100%;
}

p {
	margin:.4em 0 .8em 0;
	padding:0;
}

fieldset {
	margin:.0;
	padding:0;
	border:0;
}
#header ul#menuTop li a:hover, .module  ul li a:hover,ul#breadCrumbs li a:hover {
	color:white;
}


/*    Header styles    */
#header {
	clear:both;
	float:left;
	width:100%;
	
}
#header h1 {
	float:left;
	clear:both;
	margin:18px;
}
#header h1 a {
	display:block;
	text-decoration:none;
	width:420px;
	height:70px;
}
#header h1 a span {
	display:none;
}

ul#breadCrumbs,#header ul#menuTop, #topHeader, .colmask, #footer {
	width:988px;
	list-style:none;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
/*     top Header    */
#topHeader {
	margin-top:5px;
	background:url(/metm/includes/fo/img/top.png) no-repeat  top left;
	height:115px;
}
#loginForm p {
	margin:0px;
	padding:0px;
	width:100%;

}
#loginForm input {
	width:135px;
}
#loginForm #nomprenom {
	font-size:1.2em;
	color:#2E4F50;
	font-weight:bold;
	display:block;
	margin:5px 0 15px 0;
}

#menuAide {
	float:right;
	clear:right;
	width:330px;
	height:30px;
	margin-top:10px;
	margin-right:10px;
}
#menuAide a {
	margin-right:5px;
	padding-right:5px;
	text-decoration:none;
}
#topmenu1 {
	background:url(/metm/includes/fo/img/quisommesnous.png) no-repeat  top left;
	display:block;
	width:140px;
	float:left;
}
#topmenu2 {
	background:url(/metm/includes/fo/img/plan.png) no-repeat  top left;
	float:left;
}
#topmenu3 {
	background:url(/metm/includes/fo/img/contact.png) no-repeat  top left;	
	float:left;
}


/*      searchForm   */
#searchForm {
	float:right;
	margin-top:30px;
	width:480px;
	height:30px;
	margin-right:10px;
}
#searchForm label {
	color:#BD270F ;
	font-weight:bold;
	height:30px;
	background:url(/metm/includes/fo/img/recherche.png) 0px 6px no-repeat;
	display:block;
	width:360px;	
	float:left;
}

#searchForm #searchText {
	width:245px;
	height:23px;
	line-height:24px;
	font-weight:normal;
	margin-left:15px;
	font-size:1em;
}
#searchForm a, #menuAide a {
	font-weight:bold;
	font-size:1em;
}

a#avancee {
	background:url(/metm/includes/fo/img/avancee.png) no-repeat  top left;
	text-decoration:none;
	display:block;
	float:left;
	width:80px;
	height:24px;
	margin-top:10px;
}

/*      menu   */
#header ul#menuTop {
	background:url(/metm/includes/fo/img/menuTop.png) no-repeat  top left;
	height:43px;

}
#header ul#menuTop li,ul#breadCrumbs li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul#menuTop li a {
	display:block;
	float:left;
	margin:4px 0px 0 8px;
	padding:2px 20px 0 0px ;
	text-align:center;
	color:#FCD01F;
	text-decoration:none;
	position:relative;
	left:15px;
	border-right:1px solid #FCD01F;
	font-size:2em;
	height:30px;
}
#menu1 {
	background:url(/metm/includes/fo/img/menu-accueil.png) no-repeat  4px 4px;
}
#menu1selected,#menu1:hover {
	background:url(/metm/includes/fo/img/menu-accueil-selected.png) no-repeat  4px 4px;
}
#menu2 {
	background:url(/metm/includes/fo/img/menu-nouvo.png) no-repeat  10px 4px;
}
#menu2selected,#menu2:hover {
	background:url(/metm/includes/fo/img/menu-nouvo-selected.png) no-repeat  10px 4px;
}

#menu3{
	background:url(/metm/includes/fo/img/menu-coeur.png) no-repeat  10px 4px;
}
#menu3selected ,#menu3:hover{
	background:url(/metm/includes/fo/img/menu-coeur-selected.png) no-repeat  10px 4px;
}


#menu4{
	background:url(/metm/includes/fo/img/menu-catalogue.png) no-repeat  10px 4px;
}
#menu4selected,#menu4:hover{
	background:url(/metm/includes/fo/img/menu-catalogue-selected.png) no-repeat  10px 4px;
}





ul#breadCrumbs {
	position:relative;
	background:url(/metm/includes/fo/img/breadCrumbs.png) no-repeat  top left;
	height:30px;
}
ul#breadCrumbs li a {
	display:block;
	float:left;
	margin:0 0 0 2px;
	padding:5px 1px;
	text-align:center;
	color:#BD270F;
	position:relative;
	left:30px;
	font-size:1em;
	font-weight:bold;text-decoration:none;
}

.module h2 {
	background:url(/metm/includes/fo/img/moduletop.png) no-repeat  top left;
	width:170px;	
	height:24px;	
	margin:2px 0 0 0;
	padding:10px 0 0 0 ;	
	font-size:1.4em;
	font-weight:bold;
	color:#BD270F;
	text-align:center;
}

.module  ul, .module p, .module form,#catalogue {
	background:url(/metm/includes/fo/img/modulefond.png) repeat-y  bottom left;
	width:170px;			
	margin:0;
	padding:13px 0 1px 0;	
	text-align:center;
	
}

.module  ul{

	padding:7px 0 1px 0;
}
.module form {
	padding-top:5px;
}
.module  ul li ,.categories {
	background:url(/metm/includes/fo/img/sousmenu2.png) no-repeat  top left;
	width:170px;			
	height:33px;
	margin:0px 0 0px 4px ;
	padding:4px 0 0px 5px;	
	list-style:none;
	font-weight:bold;
	text-align:left;
}

.module  ul li a,.categories a {
	color:white;
	font-size:1em;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	padding-left:0px;
	display:block;
	height:33px;
}

a#sousmenu1 {
	background:url(/metm/includes/fo/img/litterature.png) no-repeat 2px 5px;
	width:165px;
}
a#sousmenu2 {
	background:url(/metm/includes/fo/img/poesie.png) no-repeat 2px 5px;
	width:165px;
}
a#sousmenu3 {
	background:url(/metm/includes/fo/img/theatre.png) no-repeat 2px 5px;
	width:165px;
}
a#sousmenu4 {
	background:url(/metm/includes/fo/img/contes.png) no-repeat 2px 0px;
	width:165px;
}

a#sousmenu5 {
	background:url(/metm/includes/fo/img/humoristes.png) no-repeat 2px 5px;
	width:165px;
}

a#sousmenu6 {
	background:url(/metm/includes/fo/img/cinema.png) no-repeat 2px 5px;
	width:165px;
}
a#sousmenu7 {
	background:url(/metm/includes/fo/img/arts.png) no-repeat 2px 5px;
	width:165px;
}

a#sousmenu8 {
	background:url(/metm/includes/fo/img/histoire.png) no-repeat 2px 0px;
	width:165px;
}

a#sousmenu9{
	background:url(/metm/includes/fo/img/science.png) no-repeat 2px 5px;
	width:165px;
}

a#sousmenu10 {
	background:url(/metm/includes/fo/img/methode.png) no-repeat 2px 0px;
	width:165px;
}


a#sousmenu11{
	background:url(/metm/includes/fo/img/musiqueenfant.png) no-repeat 2px 0px;
	width:165px;
}

a#sousmenu12 {
	background:url(/metm/includes/fo/img/musiqueadulte.png) no-repeat 2px 0px;
	width:165px;
}
a#sousmenu13 {
	background:url(/metm/includes/fo/img/ambiancenature.png) no-repeat 2px 0px;
	width:165px;
}
a#sousmenu14 {
	background:url(/metm/includes/fo/img/methodelangue.png) no-repeat 2px 0px;
	width:165px;
}
a#sousmenu15 {
	background:url(/metm/includes/fo/img/texteetranger.png) no-repeat 2px 0px;
	width:165px;
}





div.souscategories ul
{
	margin:0px;
	padding:0px;
}
div.souscategories ul li{
	background:none;		
	height:auto;
	margin:0px 0 0px 6px ;
	padding:6px 0 6px 2px;	
	list-style:none;
	font-weight:bold;
	text-align:left;
	border-bottom:1px dotted #BFBFBF;
	width:154px;
}

div.souscategories ul li a{
	color:#B91700;
	height:auto;
	font-size:1em;
	text-align:left;
	text-decoration:none;
	padding:0px;
	margin:0px;
	font-weight:bold;
	display:block;
	width:154px;
}

div.souscategories ul li.bg-colored1{
	background-color:#FFF6F0;
}

div.souscategories ul li.bg-colored2{
	background-color:#fff;
}

div.souscategories ul li a:hover{
	color:#000;
}

div.souscategories ul li a.menuCategorie2Selected
{
	color:#000;
}
a {outline: none; }
a img {outline: none; }
img {outline: none; }

.module  ul li a#tele1 {
	background:url(/metm/includes/fo/img/catadulte.png) no-repeat 2px 5px;
	width:165px;
}
.module  ul li a#tele2 {
	background:url(/metm/includes/fo/img/catenfant.png) no-repeat 2px 5px;
	width:165px;
}



.module  ul li a#infos1 {
	background:url(/metm/includes/fo/img/aidepart.png) no-repeat 2px 5px;
	width:165px;
}
.module  ul li a#infos2 {
	background:url(/metm/includes/fo/img/aidepro.png) no-repeat 2px 5px;
	width:165px;
}
.module  ul li a#infos3 {
	background:url(/metm/includes/fo/img/notices.png) no-repeat 2px 5px;
	width:165px;
}
.module  ul li a#infos4 {
	background:url(/metm/includes/fo/img/paiement.png) no-repeat 2px 5px;
	width:165px;
}
.module  ul li a#infos5 {
	background:url(/metm/includes/fo/img/livraison.png) no-repeat 2px 5px;
	width:165px;
}
.module  ul li a#infos6 {
	background:url(/metm/includes/fo/img/horaires.png) no-repeat 2px 5px;
	width:165px;
}
.module  ul li a#infos7 {
	background:url(/metm/includes/fo/img/cgv.png) no-repeat 2px 5px;
	width:165px;
}
.module  ul li a#infos8 {
	background:url(/metm/includes/fo/img/cgv.png) no-repeat 2px 5px;
	width:165px;
}

.modulebot {
	background:url(/metm/includes/fo/img/modulebottom.png) no-repeat  bottom left;
	width:170px;			
	height:20px;
	margin:0 0 3px 0;
	padding:0;	
	border:none;	
	display:block;	
}
.module label, .module p {
	font-size:0.9em;
	font-weight:bold;
	color:#2E4F50;
}

.module p {
	width:150px;
	padding-left:10px;
	padding-right:10px;
}
.module p.message {
	font-weight:normal;
}
.module a {
	font-size:1em;
	font-weight:bold;
	color:#BD270F;
}
.module p span, .prix {
	font-size:16px;
	font-weight:bold;
	color:#2E4F50;
}


.content h2  {
	background:url(/metm/includes/fo/img/content_top.png) no-repeat top left;
	width:620px;	
	height:49px;	
	margin:3px 0 5px 0;
	padding:0px 0px 0 15px ;
	text-align:left;
	line-height:40px;
	font-size:1.4em;
	font-weight:bold;
	color:#BD270F;
	letter-spacing: -1px;
}

.content_blocks_top  {
	color:#BD270F;
	font-size:1.2em;
	background:url(/metm/includes/fo/img/content_block_top.png) no-repeat  top left;
	width:630px;
	margin:0;
	float:left;
	clear:both;
	/*text-decoration:underline;   */
}
.content_blocks_top  h3 {
	background:none;
	margin:10px 0 0 15px;
	padding:0;
	color:#2E4F50;
	/*text-transform: uppercase;	*/
	font-size:1em;
}

.content_blocks {
	background:url(/metm/includes/fo/img/contentfond.png) repeat-y bottom left 	;
	width:630px;			
	margin:-2px 0 0 0 ;
	padding:10px 0 10px 0px;	
	float:left;
	clear:both;

}
.content_blocks a {	
	margin:3px 0 0 30px;
	text-decoration:underline;
	color:#BD270F;
	font-weight:bold;
}

.content_blocks h3 {	
	background:none;
	margin:10px 0 10px 15px;
	padding:0;

}

.content_blocks h4 {	
	margin:10px 0 0 25px;
	text-decoration:underline;
	text-transform: uppercase;
}
.content_blocks h5 {	
	margin:3px 0 0 30px;
	text-decoration:underline;
}
/*plan du site    */
.content_blocks h3 a, .content_blocks h4  a, .content_blocks h5  a {	
	color:#BD270F;
	font-weight:bold;
	padding:0;margin:0 0 0px 0;
	
}
.content_blocks dl {	
	float:left;
	clear:left;
	margin:3px 5px 0 20px;
	width:460px;
	background-color:#FFF6F0;
}
.content_blocks dt {	
	float:left;
	clear:left;
	color:#BD270F;
	font-weight:bold;
	margin:0px 10px 0px 0;
	/*border:1px solid red;*/
	line-height:1.3em;
	padding:5px 0 0 0;
	font-size:1em;
	width:82px;
}

#result .content_blocks dt {	
	width:57px;
}
.content_blocks dd {	
	float:left;
	clear:right;
	margin:0px 0px 0px 0;
	padding:5px 0 0 0;
	text-align:justify;
	/*border:1px solid red;*/
	line-height:1.3em;
	
}
.content_blocks dd a {	
	margin:0;
	color:black;
	font-weight:normal;
}

.content_blocks p {
	float:left;
	clear:right;
	margin:10px 20px;
	width:575px;
	text-align:justify;
}

.content_blocks dd p {
	margin:5px;
}

.content_blocks p span {
	color:#BD270F;
	font-weight:bold;
}
.content_blocks ul {
	margin-left:20px;
	width:585px;
	list-style-type:none;
    padding:0; 
}

.content_blocks ul li{
	margin-bottom:20px;
}

.content_blocks img{
	float:right;
	margin-right:20px;
	margin-top:5px;
	border-width: 1px ; 
	border-style: solid ; 
	border-color: #E8E4DB ;
}

.content_blocks img#cblogo{
	float:none;
	margin-right:0px;
	border:none;
}

.content_blocks_menu {	
	margin:0px 0px 0 20px ;
	text-align:right;
	width:590px;
	clear:both;
	float:none;
	height:38px;
	position:relative;
	top:10px;
}
.content_blocks_menu a,.content_blocks_menu a#searchButton {	
	color:#BD270F;
	font-weight:bold;
	float:right;
	text-decoration:none;
}

.content_blocks_bot {
	background:url(/metm/includes/fo/img/contentBottom.png) no-repeat bottom left;
	width:630px;			
	height:18px;
	margin:-1px 0 7px 0;
	padding:0;	
	border:none;	
	float:left;
	clear:both;	
}

.barnav,.barnavvotrecompte {
	background:url(/metm/includes/fo/img/barnav.png) no-repeat  top left;
	text-align:center;
	width:630px;
	height:30px;
	padding:0px 0 0 0px ;
	margin:0 0 5px 0;
	color:black;
	float:left;
	line-height:22px;
	font-size:1.4em;
}

.barnavvotrecompte {
	text-align:left;
	padding:3px 0 0 20px;
}
.barnavvotrecompte a {
	font-size:0.7em;
	font-weight:bold;
	color:#BD270F;	
	line-height:20px;
	position:relative;
	top:-2px;
	left:0px;
}

.barnavvotrecompte span{
	font-size:0.7em;
	color:black;
	font-weight:bold;
	margin-right:15px;
}
.barnavvotrecompte span.actif{
	color:#BD270F;
}
.barnavvotrecompte  span.inactif {
	color:#808080;
	font-size:0.7em;
	font-weight:bold;
}
.barnav a {
	font-size:0.7em;
	font-weight:bold;
	color:#BD270F;	
	margin-left:5px;
}

#activeRecap {
	background:url(/metm/includes/fo/img/content_top.png) no-repeat top left;
	width:630px;	
	margin-top:3px;
	height:49px;
}
.pub {
	background:url(/metm/includes/fo/img/content_pub.png) no-repeat top left;
	width:630px;	
	margin-top:3px;
	height:75px;
    padding-top:3px;
    text-align:center;
    clear:both;
}
#activeRecap #droite {
	float:right;
	margin:3px 5px 0 0;
}
#activeRecap  #gauche {
	float:left;
	background:none;
	margin:1px 0px 0 0;
	width:550px;
}


h2 .linkTitle1 , h2 .linkTitle2 ,#commande, #compte {
	font-size:0.8em;
	color:black;
	font-weight:normal;
	left:170px;
	position:relative;
	margin-left:0px;
}


#commande, #compte {
	left:340px;
}

#recapitulatif {
	margin: 5px 10px; 
	padding: 5px 10px 2px 10px;
	width: 584px;
	border:1px solid white;
}

#recapitulatif  span{
	font-weight:bold;
	text-decoration:none;
}

#searchFormCatalogue  
 {	
	margin:0px 10px;
	padding: 0 10px;
	font-size:1.1em;
}
#searchFormCatalogue label 
 {	
	color:#BD270F;
	font-weight:bold;
	margin:0px 0px 10px 0;
	display:block;
}
#searchFormCatalogue input,  #searchFormCatalogue select
 {	
	margin:0px 0px 0px 5px;
	font-size:0.9em;
	left:150px;
	position:absolute;
}

#searchButton,a#retourRecherche,a#retourResultat,a#commander,a#loginButton,a#logoutButton,a#compteButton,  
a#extrait, a.ficheDetaillee,a.addToCart,a#infoButton,a#searchButton2  {
	height:38px;
	width:38px;
	display:block;
	text-decoration:none;
	margin:0px;
	padding:0px;
	margin-left:20px;
	border:none;
}

a.ficheDetaillee{
	width:150px;
	margin-left:10px;
}
a.addToCart{
	width:170px;
	margin-left:10px;
}
a#extrait{
	width:175px;
	margin-left:10px;
}
a#retourResultat{
	width:195px;
	margin-left:10px;
}
a#searchButton2{
	width:135px;
	margin-left:10px;
	background:url(/metm/includes/fo/img/searchButton.png) -2px -2px no-repeat;

}


a#compteButton {
	background:url(/metm/includes/fo/img/compte.png) no-repeat  0px 0px;
	margin:0px 0 0 15px;
	float:left;
}
a#logoutButton {
	background:url(/metm/includes/fo/img/deconnect.png) no-repeat  0px 0px;
	margin:0px 0px 0 10px;
	float:left;
}
a#infoButton  {
	background:url(/metm/includes/fo/img/command.png) no-repeat  0px 0px;
	margin:0px 0px 0 15px;
	float:left;
}
#searchButton{
	background:url(/metm/includes/fo/img/searchButton.png) -2px -2px no-repeat;
	float:left;
	margin-left:0px;
}

a#loginButton {
	background:url(/metm/includes/fo/img/connect.png) no-repeat  0px 0px;
}
a#commander {
	background:url(/metm/includes/fo/img/command.png) no-repeat  0px 0px;
}
a.addToCart {
	background:url(/metm/includes/fo/img/shopping.png) no-repeat  0px 0px;
	margin-right:10px;
}
a#retourResultat {
	background:url(/metm/includes/fo/img/zoomout.png) no-repeat  0px -1px;
}
a#retourRecherche {
	background:url(/metm/includes/fo/img/zoomout.png) no-repeat  top left;
}
a#searchButton2 {
	background:url(/metm/includes/fo/img/searchButton.png) no-repeat  top left;
	margin-right:10px;
}
a.ficheDetaillee {
	background:url(/metm/includes/fo/img/zoomin.png) no-repeat  0px 0px;
}

a#extrait {
	background:url(/metm/includes/fo/img/extrait.png) no-repeat  0px 0px;
}

.module a#loginButton, .module a.addToCart, .module a#commander {
	margin-left:65px;
}



/*      Inscription    */
#nom, #prenom, #email, #login, #password, #adress, #cp, #ville, #pays {
	/*border:#BA1900 solid 1px;   */
}
#confidentialite {
	float:left;
	clear:right;
	width:190px;
	font-size:14px;
	margin-top:30px;
}
#confidentialite a {
	font-weight:normal;
	margin:0;
}
#inscription p {
	width:90%;margin-left:20px;
}

#inscriptionForm {
	width:410px;
	float:left;
	margin-left:10px;
}

#inscriptionForm label {
	width:140px;
	float:left;
	clear:left;
	margin:0 0 3px 20px;
	font-weight:bold;
	font-size:1em;
}
#inscriptionForm input, #inscriptionForm select {
	width:220px;
	float:left;
	clear:right;
	margin-bottom:3px;
	font-size:1em;
}

#inscriptionForm h3 {
	float:left;
	clear:right;
}

/*      Panier    */
/*#compte.ajax-loading {
	background: url(http://demos111.mootools.net/demos/Group/spinner.gif) no-repeat center;
}
   */
#panierFormModule {
	color:#2E4F50;
}

#panierFormModule ul {
	background:none;
	margin:0;padding:0;
	width:158px;	
}

#panierFormModule ul li {
	background:url(/metm/includes/fo/img/sousmenu2.png) no-repeat  top left;
	margin:0;
	padding:2px 6px 0 6px;
	width:162px;			
	height:38px;
	position:relative;
	left:2px;
}
#panierFormModule ul li p {
	background:none;
	font-size:0.7em;
	margin:0;
	padding:0;
	width:155px;
	font-weight:normal;
	color:white;
	height:20px;
	text-align:right;
}
#panierFormModule  ul li h4 {
	margin:0;
	padding:0;
	height:15px;
}

#panierFormModule  ul li h4 a{
	font-size:0.7em;
	margin:0;
	padding:0;	
	height:15px;color:white;
	text-transform: lowercase;
}

#panierFormModule a#deleteArticle {
	background:url(/metm/includes/fo/img/deletearticle.png) no-repeat  0px 0px;
	display:inline;
	width:20px;
	float:right;
	margin-top:-6px;
	margin-left:5px;
	margin-right:3px;
}

#listearticles {
	margin-left:20px;
	margin-top:5px;
	width:600px;
}
#listearticles caption {
	color:#BD270F;
	font-weight:bold;	
	margin-top:10px;

}
#listearticles th, #listearticles td {
	border:1px solid black;
	text-align:center;
}

#recapinfo {
	padding-left:10px;
}
#recapinfo dt{
	width:135px;
}
#recapinfo dd{
	width:300px;
	font-size:1em;
	line-height:18px;
}
#recapinfo dl {
	margin-left:40px;
}
#paiementForm {
	padding-left:20px;
	font-weight:bold;
}
#paiementForm label {
	margin-left:10px;
	position:relative;
	top:-30px;
}
#paiementForm img{
	margin-left:20px;
}
/*      Footer styles    */
#footer {
	position:relative;
	padding-top:5px;
	left:2px;
	background:url(/metm/includes/fo/img/bottom.png) no-repeat  top left;
	height:115px;
	text-align:center;
	font-size:0.8em;
	color:#BD270F;
}
#footer p {
	padding:0px;
	margin:0;font-weight:bold;
}
#footer div a {
	color:#BD270F;
	font-size:0.8em;
}
/*      Tool tips    */
.tip {
	width:160px;  
	background:url(/metm/includes/fo/img/tip-text.png) left top repeat-y; 

}

.tip-top {
	background:url(/metm/includes/fo/img/tip-top.png) top left no-repeat; 
	height:8px; 
	width:160px; 
}

.tip-title {
	display:none;
}

.tip-text  {
	color:#000;
	padding:5px 10px 10px 10px; 
}  
.tip-bottom  { 
	background:url(/metm/includes/fo/img/tip-bottom.png)  bottom left no-repeat; 
	height:13px; 
	width:160px; 
}

#header ul#menuTop li a span,label span,#menuAide span ,#avancee span,h2 a span, 
.module #catalogue  a span, .module #informations li a span, 
.module  #telechargements  li a span,.content_blocks_menu a span,
 a#retourRecherche span, .module a.addToCart span,
a#logoutButton span,a#loginButton span, a#commander span,a#deleteArticle span,
 a#compteButton span, a#infoButton span, fieldset span 
 {
	position:relative;
	top:-10500px;
}



/*      column container    */
.colmask {
	position:relative;	/*      This fixes the IE7 overflow hidden bug    */
	clear:both;
	/*float:left;   */
	overflow:hidden;		/*      This chops off any overhanging divs    */
	top:1px;
	left:-1px;
	width:974px;
	background-color:white;
	padding-top:5px;
}

/*      common column settings    */
.colright,.colmid,.colleft {
	float:left;
	position:relative;
	width:100%;
}
.col1,.col2,.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/*      no left and right padding on columns, we just make them narrower instead 	only padding top and bottom is included here, make it whatever value you need    */
	overflow:hidden;
}
/*      3 Column settings    */
/*      width of the right column    */
.threecol {
	background:white url(/metm/includes/fo/img/bodyfond.png) repeat-x  0px 0px ;
	border-right:1px solid #D4C37D;
	border-left:1px solid white;
}
.threecol .colmid {
	right:20%;		
	
}
/*      width of the left column    */
.threecol .colleft {
	right:61.7%;	

}
/*      width of the center column    */
.threecol .col1 {
	width:65%;	
	left:99.5%;	

}
.threecol .col2 {
	width:17%;			/*      Width of left column content (column width minus padding on either side)    */
	left:17%;					
}
.threecol .col3 {
	width:17%;			/*      Width of right column content (column width minus padding on either side)    */
	left:82.4%;	
}

/*ie5+ png transpernce bug fix*/
/*img, div, li, a { behavior: url(/metm/includes/fo/lib/iepngfix/iepngfix.htc) }*/

a.ficheDetaillee span, a.addToCart  span,a#extrait span, a#retourResultat span, a#searchButton2 span {
	position:relative;
	top:10px;
}

.message h2 {
    font-size:14px;
    color: green;
    text-align:center;
}

.zooming {

}

.image-produit 
{
    

}
