/* CSS Document */

body {
margin:0;
padding:0;
}

img { border:none; }

#index {
background-image:url(../images/index/mtf_fd_index.gif);
background-repeat:repeat-x;
height:auto;
}

#indexcontent {
font:11px/13px Arial, Helvetica, sans-serif normal;
width:960px;
margin-left:auto;
margin-right:auto;
}

#creator {
width:188px;
margin:0;
padding:0;
float:right;
}

#creator p {
font:9px/12px Verdana, Tahoma, Geneva, sans-serif;
color:#CCC;
margin:0;
padding:5px 0;
}

#creator p a, #creator p a:link, #creator p a:visited {
text-decoration:none;
color:#CCC;
}

#creator p a:hover {
color:#333;}

#floatleft {
float:left;
clear:none;
}

#floatright {
float:right;
clear:none;
}

#indexintro {
background-color:#02526f;
margin:0;
padding:0;
width:494px;
height:160px;
}

#indexintro h1 {
padding:15px 8px 5px 30px;
margin:0;
font-size:17px;
color:#48cde7;
font-weight:lighter;
line-height:17px;
}

#indexintro p {
padding:2px 8px 1px 30px;
margin:0;
color:#FFFFFF;
font-size:12px;
line-height:15px;
}

#indexleft {
float:left;
width:772px;
}

#indexright {
float:right;
width:188px;$
}

#menuindex {
/*height: 275px;
*/height: 180px;
width:278px;
background: url(../images/puce_menuindex_fd_hover.gif) left top no-repeat;
/*background-color:#007f98;*/
font: 12px/20px Helvetica, Arial, Tahoma, "sans-serif lighter";
margin:0;
padding:0;
}

#menuindex ul, #menuindex li {
margin:0;
padding:0;
list-style-type: none;
}

#menuindex ul {
position: absolute;
/*height: 240px;
*/width: 278px;
}

#menuindex li {
/*float: left;*/
text-indent:25px;
}

#menuindex li a {
display: block;
height: 20px;
width: 278px;
/*color: #769712; //couleur du texte*/
text-decoration: none;
text-align:left;
color: #fff;
}

#menuindex a:hover {
color: #fff;
background: transparent url(../images/puce_menuindex_fd_hover.gif) top left no-repeat;
}

#menuindex a#menuindex1, #menuindex a#menuindex2, #menuindex a#menuindex3, #menuindex a#menuindex4, #menuindex a#menuindex5, #menuindex a#menuindex6, #menuindex a#menuindex7, #menuindex a#menuindex8, #menuindex a#menuindex9, #menuindex a#menuindex10 {
display: block;
height: 20px;
}

#menuindex a#menuindex1:hover {
background-position: -278px 0px;
}

#menuindex a#menuindex2:hover {
background-position: -278px -20px;
}

#menuindex a#menuindex3:hover {
background-position: -278px -40px;
}

#menuindex a#menuindex4:hover {
background-position: -278px -60px;
}

#menuindex a#menuindex5:hover {
background-position: -278px -80px;
}

#menuindex a#menuindex6:hover {
background-position: -278px -100px;
}

#menuindex a#menuindex7:hover {
background-position: -278px -120px;
}

#menuindex a#menuindex8:hover {
background-position: -278px -140px;
}

#menuindex a#menuindex9:hover {
background-position: -278px -160px;
}

#menuindex a#menuindex10:hover {
background-position: -278px -180px;
}

#menunelledest {
/*height: 275px;
*/height: 200px;
width:278px;
background: url(../images/puce_menunelledest_fd_hover.gif) left top no-repeat;
/*background-color:#007f98;*/
font: 12px/20px Helvetica, Arial, Tahoma, "sans-serif lighter";
margin:0;
padding:0;
}

#menunelledest ul, #menunelledest li {
margin:0;
padding:0;
list-style-type: none;
}

#menunelledest ul {
position: absolute;
/*height: 162px;
*/width: 278px;
}

#menunelledest li {
/*float: left;*/
text-indent:25px;
}

#menunelledest li a {
display: block;
height: 20px;
width: 278px;
/*color: #769712; //couleur du texte*/
text-decoration: none;
text-align:left;
color: #fff;
}

#menunelledest a:hover {
color: #fff;
background: transparent url(../images/puce_menunelledest_fd_hover.gif) top left no-repeat;
}

#menunelledest a#menunelledest1, #menunelledest a#menunelledest2, #menunelledest a#menunelledest3, #menunelledest a#menunelledest4, #menunelledest a#menunelledest5, #menunelledest a#menunelledest6, #menunelledest a#menunelledest7, #menunelledest a#menunelledest8, #menunelledest a#menunelledest9, #menunelledest a#menunelledest10 {
display: block;
height: 20px;
}

#menunelledest a#menunelledest1:hover {
background-position: -278px 0px;
}

#menunelledest a#menunelledest2:hover {
background-position: -278px -20px;
}

#menunelledest a#menunelledest3:hover {
background-position: -278px -40px;
}

#menunelledest a#menunelledest4:hover {
background-position: -278px -60px;
}

#menunelledest a#menunelledest5:hover {
background-position: -278px -80px;
}

#menunelledest a#menunelledest6:hover {
background-position: -278px -100px;
}

#indexcatalogue {
background-image:url(../images/index/img_bckg_catalogue.jpg);
width:278px;
/*height:253px;
*/height:240px;
margin:0;
padding:20px 0 0 0;
}




#indexnouveautes {
width:278px;
/*height:192px;
*/height:220px;
background-color:#007F98;
margin:0 0 10px 0;
padding:20px 0 0 0;
}

#indexnouveautes p {
font-size:12px;
line-height:15px;
margin:0 0 0 20px;
padding:10px 3px 10px 0;
}

#indexnouveautes p a, #indexnouveautes p a:link, #indexnouveautes p a:hover {
color:#FFF;
text-decoration:none;
}

#indexnouveautes p a:hover {
color:#FFFF66;
}

#indexnouveautes .nouveaute {
color:#e30054;
background-color:#FFF;
padding: 0px 2px;
font-size:11px;
font-weight:bold;
}



#indexactus {
background-image:url(../images/index/mtf_fd_actus.gif);
background-repeat:no-repeat;
margin:0 20px 0 0;
padding:10px 0 0 0;
width:464px;
}

#indexactus .date{
color:#48cde7;
}

#indexactus h1 {
margin:0;
padding:5px 0 2px 25px;
}

#indexactus h1 a, #indexactus h1 a:link, #indexactus h1 a:visited {
font-size:11px;
font-weight:bold;
color:#02526f;
text-decoration:none;
line-height:14px;
}

#indexactus p {
margin:0;
padding:1px 0 5px 25px;
}

#indexactus p a, #indexactus p a:link, #indexactus p a:visited {
font: 10px/10px Verdana, Arial, Helvetica, sans-serif normal;
color:#02526f;
text-decoration:none;
}

#indexactus p a:hover {
color:#02526f;
}

#indexactus h2 {
color:#e30054;
font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0;
padding:15px 0 2px 25px;
}

#indexactus h2 a, #indexactus h2 a:link, #indexactus h2 a:visited {
color:#e30054;
text-decoration:none;
}

#indexactus h2 a:hover {
color:#48cde7;
}

#indexpromo {
background-image:url(../images/index/mtf_fd_promo.gif);
background-repeat:repeat-y;
width:278px;
background-color:#e30054;
height:205px;
}

#indexpromo p {
color:#FFF;
font-size:12px;
line-height:15px;
margin:0 0 0 20px;
padding:10px 3px 10px 0;
}


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

#indexpromo p a:hover {
color:#FFFF66;
}

#indexpromo .promo {
color:#FFF;
background-color:#fe427b;
padding: 0px 2px;
font-size:12px;
font-weight:bold;
}

#indexpromo .link {
font:11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#indexfocus {
margin:0 0 0 10px;
padding:0;
/*height:170px;*/
}

#indexfocus p {
margin:0;
padding:5px 0 3px 0;
}

#indexfocus p a {
color:#48cde7;
text-decoration:none;
}

#indexfocus .focus {
color:#e30054;
font-weight:bold;
}

#indexservices {
color:#007f98;
width:188px;
margin:0;
padding:10px 0 0 0;
}

#indexservices p {
margin:0;
padding:0px 0 2px 10px;
font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
}

#indexservices p a {
color:#999;
}

#indexservices ul {
list-style:none;
margin:0;
padding:0 0 3px 10px;
font: 11px/14px Helvetica, Arial, Tahoma, sans-serif;
}

#indexservices ul li a, #indexservices ul li a:link, #indexservices ul li a:visited, #indexservices p a {
text-decoration:none;
color:#02526f;
}

#indexservices ul li a:hover {
color:#fe427b;
}

#piedpage {
background-image:url(../images/index/mtf_fd_piedpage.gif);
background-repeat:repeat-x;
clear:both;
/*height:200px;*/
}

#piedpagecontent {
width:960px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/index/mtf_fd_piedpage_menu.gif);
background-repeat:repeat-x;
color:#025270;
}

#piedpagecontent p a {
color:#025270;
font:11px/11px Arial, Helvetica, sans-serif  normal;
text-decoration:none;
}

#piedpagecontent p a:hover {
color:#e30054;
}

#piedpagecontent p {
padding:20px 0 0 0;
margin:0;
}


#piedpagecontent .ssmenu  {
color:#b8b3b3;
font: 10px/12px Verdana, Arial, Helvetica, sans-serif normal;
padding: 10px 0 0 494px;
clear:both;
}

#piedpagecontent .ssmenu a, #piedpagecontent .ssmenu a:link, #piedpagecontent .ssmenu a:visited {
color:#b8b3b3;
font: 10px/12px Verdana, Arial, Helvetica, sans-serif normal;
}

#piedpagecontent .ssmenu a:hover {
color:#02526f;
font: 10px/12px Verdana, Arial, Helvetica, sans-serif normal;
}

.imgrght {
float:right;
}

.imgleft {
float:left;
}

#mtc {
margin:0 0 0 0;
padding:0 0 0 10px;
float:left;
font:9px/10px Verdana, Tahoma, Geneva, sans-serif;
width:200px;
text-align:justify;
color:#472970;
}

#mtc a, #mtc a:link, #mtc a:hover {
color:#a391bb;
text-decoration:none;
}

#mtc a:hover {
color:#472970;
}