@charset "UTF-8";
/* CSS Document */

body {
margin:0 auto 0 auto;
width:990px;
background-image: url(../images/mtf_fd_page.gif);
background-repeat: repeat-x;
background-color:#FFF;
font-family:Helvetica, Arial, sans-serif;
}

table {
	border-collapse:collapse;
	font-size:11px;
}

a img {
border:none;
}

object, form {
	margin:0;
	padding:0;
}

#bandeautop {
background-image:url(../images/index_top_02.gif);
background-repeat:repeat-x;
margin:0 0 0 0;
padding:0;
height:52px;
}
#bandeautop p {
margin:0px;
padding:25px 0 0 0;
padding-top /*\**/: 6px\9;
font-size:13px;
}

*+html #bandeautop p {
padding-top:25px;
}

#bandeautop a, #bandeautop a:link, #bandeautop a:visited {
color:#6D7D85;
text-decoration:none;
margin:0 20px 0 0;
padding:0;
}
#bandeautop a:hover {
color:#FFF;
}
@-moz-document url-prefix() { #flashtop { margin-bottom:-5px; } }
#search {
float:right;
padding:25px 0 0 0;
padding-top /*\**/: 6px\9;
margin:0;
}

*+html #search {
padding-top:23px;
}

#search input {
background-color:#e0e4e6;
border:#bcc4c8 1px solid;
color:#666;
margin:0 10px 0 0;
padding:0 5px;
font-size:11px;
}
.floatright {
float:right;
}
.floatleft {
float:left;
}
#langues {
margin:0;
padding:0 10px;
float:right;
clear:both;
height:21px;
}
#langues a, #langues a:link, #langues a:hover {
color:#8a989d;
text-decoration:none;
font-size:11px;
margin:0;
padding:0;
}
#langues a:hover {
color:#5a6a72;
}
/*#mainmenu {
height:30px;
margin:0;
padding:0;
font-weight:lighter;
}*/
.container {
width:990px;
height:31px;
padding:0px;
margin:0;
background-image:url(../images/mtf_fd_mainmenu.gif);
background-repeat:no-repeat;
}
a, a:visited, a:hover, a:active {
}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-pushpull.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.nav, .nav ul {
padding:0;
margin:0;
list-style:none;
}
.nav {
margin:0 auto;
position:relative;
overflow:hidden;
width:940px;
height:55px;
border:none;
}
.nav div div {
position:absolute;
left:0;
height:0;
width:940px;
}
.nav ul {
position:absolute;
left:0;
bottom:0;
}
.nav li {
float:left;
margin-top:0;
}
/*.nav li.right {
float:right;
}
.nav li.right ul {
left:auto;
right:0;
}
.nav li.right ul li {
float:right;
}*/
.nav a {
position:relative;
line-height:35px;
display:block;
font-weight:lighter;
font-family: Helvetica, Arial, sans-serif;
font-size:13px;
padding:0 10px;
text-decoration:none;
outline:0;
}
.nav a.top-a {
z-index:10;
min-width:1px;
margin-bottom:100px;
color:#fff;
}
* html .nav a.top-a {
width:1px;
}
.nav ul a {
height:26px;
top:15px;
_top:25px;
float:left;
color:#8a989d;
font-weight:bold;
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
}

.nav ul a.pad {
padding:0 1px;
height:26px;
}
.nav ul a.pad b {
position:absolute;
left:0;
height:26px;
display:block;
width:940px;
cursor:default;
}
.nav li.right ul a.pad b {
left:auto;
right:0;
}
.nav li:hover > a {
color:#c00;
}
.nav a.top-a:hover, .nav a.top-a:active, .nav a.top-a:focus {
margin-bottom:0;
color:#c00;
}
.nav ul a:hover, .nav ul a:active, .nav ul a:focus {
padding-bottom:100px;
color:#c00;
}

.nav ul a.pad:hover {
	_margin-top:9px;
}
/*********************************************************/

#indexintro {

width:660px;
background-image:url(../images/fd_index_intro.jpg);
background-repeat:no-repeat;
margin:10px 0 0 0;
padding:0px 0 0 10px;
}

#indexintro p {
font-size:13px;
line-height:16px;
width:630px;
margin:0;
padding:15px 0 0 0;
_padding:2px;
text-align:justify;
}

#flashDiv {
height:114px;
width:660px;
margin:0;
padding:0;
border:2px solid #000;
}

#salons {
margin:0 0 10px 10px;
padding:0;
}

#salons h1 {
font-size:28px;
font-weight:lighter;
margin:0 0 0 0;
padding:10px 0 0 0;
}

#salons p {
font-size:12px;
color:#5a6a72;
margin:0;
padding:5px 0 0 0;
}

#salons p a, #salons p a:link, #salons p a:visited {
color:#d80016;
text-decoration:none;
}

#salons .eventright
{
	float:right;
	margin-right:50px;
	_margin-right:25px;
	margin-bottom:5px;
	
}
#piedpage {
clear:both;
background-image:url(../images/mtf_pied_page.gif);
background-repeat: repeat-x;
height:97px;
width:990px;
}

#adresse {
background-image:url(../images/fd_pied_page.gif);
background-repeat:no-repeat;
padding:45px 0 0 30px;
margin:0;
color:#666;
font-size:11px;
line-height:14px;
height:97px;
float:left;
width:600px
}

#indexlinks {
background-image:url(../images/fd_links.gif);
height:97px;
float:right;
padding:0;
margin:0;
text-align:right;
width:330px;
}

#linkitem {
margin:3px 2px 3px 0 ;
padding:0 0 0 1px;
width:90px;
height:90px;
float:right;
}


#linkitem p {
font-size:11px;
line-height:10px;
color:#FFF;
text-align:center;
margin:0;
padding:69px 0 0 0;
}

#linkitem p a, #linkitem p a:link, #linkitem p a:visited {
color:#FFF;
text-decoration:none;
}

#news {
float: right;
width:276px;
background-image: url(../images/fd_news.jpg);
background-repeat:no-repeat;
margin:2px 0;
padding:0 0 5px 0;
background-color:#E2E2E4;
}

#news h1 {
font-size:28px;
font-weight:lighter;
text-align:left;
color:#d80016;
padding:0 0 0 20px;
margin:0 0 20px 0;
line-height:60px;
}

#newsinfo {
font-family:Tahoma, Geneva, sans-serif;
margin:0 10px 0 20px;
padding:0;
}

#newsinfo h1 {
color:#d80016;
font-weight:bold;
font-size:11px;
margin:0;
padding:0;
line-height:12px;
}

#newsinfo p {
font-size:11px;
color:#000;
margin:0;
padding:0 0 15px 0;
}

#newsinfo p a, #newsinfo p a:link, #newsinfo p a visited {
text-decoration:none;
color:#000;
}

#newsinfo p a:hover {
color:#d80016;
}

#news .vignette {
border:#000 1px solid;
margin:0 0 10px 15px ;
float:right;
}


/*/////////////////////////PAGES INTERIEURES///////////////////////////*/
#menuleft {
float:left;
font-size:12px;
background:url(../images/fd_menu_left.gif) bottom repeat-x;
margin:10px 0 0 0;
padding:0;
width:180px;
background-color:#e0e4e6;
}

#menuleft ul {
margin:0;
padding:0;
list-style:none;
}

#menuleft ul li {
margin:12px 0;
padding:0 0 0 10px;
line-height:14px;
color:#000;
border-left:#C6C6C6 6px solid;
}

#menuleft li a, #menuleft li a:link, #menuleft li a:visited {
text-decoration:none;
color:#000;
}

#menuleft ul li a:hover, #menuleft ul li.on a.on {
color:#d80016;
}

#menuleft ul .on, #menuleft ul li .on {
border-left-color:#d80016;
color:#d80016;
}


#menuleft p {
background-image:url(../images/mtf_btm_menu_left.gif);
background-repeat:repeat-x;
margin:0;
padding:0;
height:14px;	
}

#pagecontent {
margin:25px 5px 10px 20px;
float:right;
width:785px;
}

#pagecontent a {
text-decoration:none;
}


#pagecontent h1 {
margin:0 0 1px 0;
padding:0 0 10px 0;
font-size:18px;
color:#666;
border-bottom:#666 1px solid;
font-weight:lighter;
letter-spacing:0.3em;
}

#pagecontent h4 {
font-size:14px;
color:#666;
letter-spacing:0.3em;
margin:15px 0px 8px 0px;
padding:0px;
}

#pagecontent p {
margin:0px;
padding:5px 0;
font-size:13px;
line-height:16px;
}

#pagecontent ul {
	font-size:13px;
	line-height:16px;
}

#pagecontent a, #pagecontent p a, #pagecontent p a:link, #pagecontent p a:visited {
color:#d80016;
}

#pagecontent p a:hover {
color:#666;
}

#pagefocus {
background:#FFFFFF;
width:290px;
float:left;
}

#pagefocus p {
font-size:16px;
margin:0 25px 0 8px;
padding:0;
line-height:20px;
text-align:justify
}

#pagefocus .red, #tableproduits .red, #content .red {
color:#d80016;
}


/*//////////////PRODUITS/////////////////*/

#prod {
clear:both;
margin:0;
padding:0;
border-top:#E0E4E6 5px solid;
}

#prodspecification {
float:right;
margin:20px 0 0 0;
padding:0;
width:200px;
clear:none;
}

#prodspecification p {
background-image:url(../images/fd_prod_spec.gif);
background-repeat:no-repeat;
color:#FFF;
font-size:12px;
margin:5px 0 0 0;
padding:0 0 0 20px ; 
line-height:21px;
height:34px;
}

#prodspecification p a, #prodspecification p a:link, #prodspecification p a:visited {
color:#FFF;
}


#proddescription {
background-image:url(../images/mtf_top_prod_description.gif);
background-repeat:repeat-x;
margin:0 0 0 300px;
width:260px;
padding:10px;
border-top:#FFF 1px solid;
}

#proddescription p {
font-size:12px;
margin:0;
padding:0 20px 0 0;
}

#proddescription h1 {
font-size:16px;
color:#666;
margin:0;
padding:0 0 10px 0;
border:none;
}

/* version tableau */

#tableproduits tr {
background:url(../images/bgtr.gif) top repeat-x;
}

.prodspecification {
padding:20px 0 0 20px;
}

#tableproduits .prodspecification img {
float:right;
border:none;
}

#tableproduits .prodspecification p {
background-image:url(../images/fd_prod_spec.gif);
background-repeat:no-repeat;
color:#FFF;
font-size:12px;
margin:5px 0 0 0;
padding:0 0 0 30px ; 
line-height:21px;
height:34px;
}

#tableproduits .prodspecification p a, #tableproduits .prodspecification p a:link, #tableproduits .prodspecification p a:visited {
color:#FFF;
}


.proddescription {
background-image:url(../images/mtf_top_prod_description.gif);
background-repeat:repeat-x;
_background-position:0px -1px;
padding:20px 10px 10px 10px;
border-top:#FFF 1px solid;
}

.proddescription p {
font-size:12px;
margin:0;
padding:0 20px 0 0;
}

.proddescription h3 {
font-size:16px;
color:#666;
margin:0;
padding:0 0 10px 0;
border:none;
font-weight:lighter;
letter-spacing:0.3em;
}

.prodvisu {
	padding-top:20px;
}

#tableproduits .prodvisu p {
	font-size:18px;
	line-height:20px;
	margin:0 15px 0 30px;
	padding:0;
}

.champs {
	border:1px solid #ADADAD;
	height:13px;
	width:120px;
}

.champsstd {
	border:1px solid #ADADAD;
	width:325px;
}

#menuleft ul ul {
	margin:15px;
}

#menuleft ul ul li {
margin:8px 0;
padding:0 0 0 10px;
line-height:10px;
color:#000;
border-left:#C6C6C6 3px solid;
}

.send {
	background:#FFF;
	color:#EE3338;
	border:#EE3338 solid 1px;
	font-weight:bold;
}

.posters {
	display: block;
	width: 190px;
	height: 660px;
	margin-left:5px;
	overflow: auto;
	text-align:center;
}

.posters img { margin:5px; }

#pagecontent p.adroite {
	text-align:right;
	padding:10px 30px;
	margin:0px;
	font-size:12px;
}