/*
Theme Name: Mondial Tissus
Theme URI: http://www.mondialtissus.com/
Description: Mondial Tissus corporate theme design.
Version: 1
Author: Laurent Menuet aka Mephisto
 
Creation Theme by MephistoDesign || http://www.mephistodesign.com
 
*/

body { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; background:#FFF; margin:0px; font-size:62.5%; line-height:1; vertical-align:baseline; }
img  { border:0px;}

.alignright { float:right; }
.alignleft { float:left; }
.navigation { display:block; text-align:center; margin-top: 10px; height:25px; font-size:13px; }
.navigation a { font-size:13px; color:#996633; font-weight:bold; }
.navigation a:hover  { color:#CC3300; font-weight:bold; text-decoration:none; }

/*-- Entete et Navigation --*/

#header              { position:relative; height:121px; margin:auto; }
#header h1           { position:relative; height:77px; width:980px; margin:0px auto; background:url(images/mondial-tissus.jpg) no-repeat; }
#header h1 a         { text-decoration:none; display:block; width:400px; height:80px; }
#header h1 span      { visibility:hidden; }
#header .Description { width:0px; height:0px; visibility:hidden; }

#Menu    { position:relative; width:980px; height:44px; margin:0px auto; text-align:left; }

#BtAccueil        { position:relative; float:left; width:99px; height:44px; background:url(images/bt-accueil.gif) 0 0px; text-decoration:none; }
#BtAccueil:hover  { background-position:0 -44px; }
#BtAccueil span   { visibility:hidden; }
#BtMagasin        { position:relative; float:left; width:151px; height:44px; background:url(images/bt-magasin.gif) 0 0px; text-decoration:none; }
#BtMagasin:hover  { background-position:0 -44px; }
#BtMagasin span   { visibility:hidden; }
#BtProduits        { position:relative; float:left; width:106px; height:44px; background:url(images/bt-produits.gif) 0 0px; text-decoration:none; }
#BtProduits:hover  { background-position:0 -44px; }
#BtProduits span   { visibility:hidden; }
#BtConfection        { position:relative; float:left; width:109px; height:44px; background:url(images/bt-confection.gif) 0 0px; text-decoration:none; }
#BtConfection:hover  { background-position:0 -44px; }
#BtConfection span   { visibility:hidden; }
#BtConseils        { position:relative; float:left; width:105px; height:44px; background:url(images/bt-conseils.gif) 0 0px; text-decoration:none; }
#BtConseils:hover  { background-position:0 -44px; }
#BtConseils span   { visibility:hidden; }
#BtFidelite        { position:relative; float:left; width:140px; height:44px; background:url(images/bt-fidelite.gif) 0 0px; text-decoration:none; }
#BtFidelite:hover  { background-position:0 -44px; }
#BtFidelite span   { visibility:hidden; }
#BtActualite        { position:relative; float:left; width:104px; height:44px; background:url(images/bt-actualite.gif) 0 0px; text-decoration:none; }
#BtActualite:hover  { background-position:0 -44px; }
#BtActualite span   { visibility:hidden; }
#BtEnseigne        { position:relative; float:left; width:166px; height:44px; background:url(images/bt-enseigne.gif) 0 0px; text-decoration:none; }
#BtEnseigne:hover  { background-position:0 -44px; }
#BtEnseigne span   { visibility:hidden; }

#MenuBas    { position:relative; width:980px; height:53px; margin:0px auto; text-align:left; }

#BtAccueilB        { position:relative; float:left; width:99px; height:53px; background:url(images/bt-accueilb.png) 0 0px; text-decoration:none; }
#BtAccueilB:hover  { background-position:0 -53px; }
#BtAccueilB span   { visibility:hidden; }
#BtMagasinB        { position:relative; float:left; width:151px; height:53px; background:url(images/bt-magasinb.png) 0 0px; text-decoration:none; }
#BtMagasinB:hover  { background-position:0 -53px; }
#BtMagasinB span     { visibility:hidden; }
#BtProduitsB         { position:relative; float:left; width:106px; height:53px; background:url(images/bt-produitsb.png) 0 0px; text-decoration:none; }
#BtProduitsB:hover   { background-position:0 -53px; }
#BtProduitsB span    { visibility:hidden; }
#BtConfectionB       { position:relative; float:left; width:109px; height:53px; background:url(images/bt-confectionb.png) 0 0px; text-decoration:none; }
#BtConfectionB:hover  { background-position:0 -53px; }
#BtConfectionB span   { visibility:hidden; }
#BtConseilsB         { position:relative; float:left; width:105px; height:53px; background:url(images/bt-conseilsb.png) 0 0px; text-decoration:none; }
#BtConseilsB:hover   { background-position:0 -53px; }
#BtConseilsB span    { visibility:hidden; }
#BtFideliteB         { position:relative; float:left; width:140px; height:53px; background:url(images/bt-fideliteb.png) 0 0px; text-decoration:none; }
#BtFideliteB:hover   { background-position:0 -53px; }
#BtFideliteB span    { visibility:hidden; }
#BtActualiteB        { position:relative; float:left; width:104px; height:53px; background:url(images/bt-actualiteb.png) 0 0px; text-decoration:none; }
#BtActualiteB:hover  { background-position:0 -53px; }
#BtActualiteB span   { visibility:hidden; }
#BtEnseigneB         { position:relative; float:left; width:166px; height:53px; background:url(images/bt-enseigneb.png) 0 0px; text-decoration:none; }
#BtEnseigneB:hover   { background-position:0 -53px; }
#BtEnseigneB span    { visibility:hidden; }

/*-- Homepage --*/

#HomeTop     { position:relative; width:980px; height:396px; margin:0 auto; background:url(images/bg-hometop.png) no-repeat; }

#banner           { position:absolute; width:450px; margin:0; left:180px; top:60px;  }
#banner #pager    { position:absolute; top:0px; right:0px; z-index:999; background-color:#fff; -webkit-border-radius:7px; -moz-border-radius:7px; padding:10px 2px 11px; }
#banner #pager a  { font-size:12px; background-color:#fff; padding:3px 6px; margin-left:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-decoration:none; margin-right:5px; }
#banner #pager a:hover, #banner #pager a.activeSlide { color:#fff; background-color:#9ab50e; }

#rotate           { height:288px; width:450px; padding:0 0 20px; margin:0; } 
#rotate img       { top:0; left:0; }

#WidgetsHP        { position:absolute; width:298px; height:322px; right:25px; top:38px; }
#WidgetsNosProduits  { display:block; width:298px; height:322px;; }

.WidgetProduit          { position:relative; float:left; width:298px; height:128px; background:url(images/hpwidget-produit.png) no-repeat; display:block; overflow:hidden; text-decoration:none; }
.WidgetProduit span     { visibility:hidden; }
.WidgetProduit:hover    { position:relative; float:left; width:298px; height:128px; background:url(images/hpwidget-produit-hover.png) no-repeat; display:block; overflow:hidden; }

.WidgetConfection          { position:relative; float:left; width:298px; height:128px; background:url(images/hpwidget-confection.png) no-repeat; display:block; overflow:hidden; text-decoration:none; }
.WidgetConfection span     { visibility:hidden; }
.WidgetConfection:hover    { position:relative; float:left; width:298px; height:128px; background:url(images/hpwidget-confection-hover.png) no-repeat; display:block; overflow:hidden; }

.WidgetActu          { position:relative; float:left; width:298px; height:66px; background:url(images/hpwidget-actu.png) no-repeat; display:block; overflow:hidden;text-decoration:none; }
.WidgetActu span     { visibility:hidden; }
.WidgetActu:hover    { position:relative; float:left; width:298px; height:66px; background:url(images/hpwidget-actu-hover.png) no-repeat; display:block; overflow:hidden; }

.WidgetRejoindre          { position:relative; float:left; width:298px; height:66px; background:url(images/hpwidget-rejoindre.png) no-repeat; display:block; overflow:hidden;text-decoration:none; }
.WidgetRejoindre span     { visibility:hidden; }
.WidgetRejoindre:hover    { position:relative; float:left; width:298px; height:66px; background:url(images/hpwidget-rejoindre-hover.png) no-repeat; display:block; overflow:hidden; }
.BoxRejoindre             { position:relative; width:298px; height:66px; left:310px; display:block; }

#HomeMiddle        { position:relative; width:980px; overflow:hidden; margin:0 auto; background:url(images/bg-middlecontent.png) repeat-y; }
#HPWidgetFidelite  { position:relative; width:331px; height:203px; float:left; background:url(images/hp-widgetfidelite.jpg) no-repeat 5px 0; }
#HPWidgetFidelite h1      { visibility:hidden; margin:0px; padding:0px; }
#HPWidgetFidelite p       { position:absolute; left:35px; top:60px; width:250px; margin:0px; padding:0 10px; font-size:12px; color:#FFF; }
#HPWidgetFidelite a       { font-size:12px; font-weight:bold; color:#FF9900; text-decoration:none; }
#HPWidgetFidelite a:hover { color:#FFCC00; text-decoration:underline; }
#HPWidgetMagasins  { position:relative; width:316px; height:203px; float:left; background:url(images/hp-widgetmagasins.jpg) no-repeat; }
#HPWidgetMagasins h1      { visibility:hidden; margin:0px; padding:0px; }
#HPWidgetMagasins p       { position:absolute; left:20px; top:60px; width:250px; margin:0px; padding:0 10px; font-size:12px; color:#FFF; }
#HPWidgetMagasins a       { font-size:12px; font-weight:bold; color:#FF9900; text-decoration:none; }
#HPWidgetMagasins a:hover { color:#FFCC00; text-decoration:underline; }
#HPWidgetRejoindre { position:relative; width:319px; height:203px; float:left; background:url(images/hp-widgetrejoindre.jpg) no-repeat; }
#HPWidgetRejoindre h1      { visibility:hidden; margin:0px; padding:0px; }
#HPWidgetRejoindre p       { position:absolute; left:20px; top:60px; width:250px; margin:0px; padding:0 10px; font-size:12px; color:#FFF; }
#HPWidgetRejoindre a       { font-size:12px; font-weight:bold; color:#E6E600; text-decoration:none; }
#HPWidgetRejoindre a:hover { color:#FFCC00; text-decoration:underline; }

#HomeConseilsBox   { position:relative; width:980px; overflow:hidden; margin:0 auto; background:url(images/bg-middlecontent.png) repeat-y; }
#HomeConseils      { position:relative; width:950px; height:303px; margin:0 auto; background:url(images/hp-conseil.jpg) no-repeat; }
#HomeConseils h1      { visibility:hidden; margin:0px; padding:0px; }
#HomeConseils strong  { font-size:14px; font-weight:bold; color:#FF9900; }
#HomeConseils p       { position:absolute; left:20px; top:110px; width:345px; margin:0px; padding:0 10px; font-size:12px; color:#333; }
#HomeConseils a       { font-size:12px; font-weight:bold; color:#FF9900; text-decoration:none; }
#HomeConseils a:hover { color:#CC0000; text-decoration:underline; }

/*-- Les Pages --*/

#content        { position:relative; margin:0px auto; }
#page           { position:relative; margin:0px auto; background:url(images/bg-big1.jpg) center top no-repeat; overflow:hidden; }
#pagehome       { position:relative; margin:0px auto; background:url(images/bg-home.jpg) center top no-repeat; overflow:hidden; }
#pageentreprise { position:relative; margin:0px auto; background:url(images/bg-entreprise.jpg) center top no-repeat; overflow:hidden; }
#pageactualites { position:relative; margin:0px auto; background:url(images/bg-actus-noel.jpg) center top no-repeat; overflow:hidden; }
#pagecarte      { position:relative; margin:0px auto; background:url(images/bg-carte.jpg) center top no-repeat; overflow:hidden; }
#pagemagasins   { position:relative; margin:0px auto; background:url(images/bg-magasins.jpg) center top no-repeat; overflow:hidden; }
#pageconfection { position:relative; margin:0px auto; background:url(images/bg-confection.jpg) center top no-repeat; overflow:hidden; }
#pageproduits   { position:relative; margin:0px auto; background:url(images/bg-produits.jpg) center top no-repeat; overflow:hidden; }
#pageconseils   { position:relative; margin:0px auto; background:url(images/bg-conseils.jpg) center top no-repeat; overflow:hidden; }

.sidebarEntreprise      { position:relative; overflow:hidden; margin:0 auto; padding:0 0 15px; width:900px; height:45px; background:url(images/bg-sidebarentreprise.gif) no-repeat; }
.sidebarEntreprise ul   { position:relative; list-style:none; text-align:center; padding:0px; }
.sidebarEntreprise li   { position:relative; display:inline; overflow:hidden; font-size:13px; padding:0 15px; }
.sidebarEntreprise li a { font-size:13px; color:#cc6600; font-weight:bold; text-decoration:none; }
.sidebarEntreprise li a:hover { font-size:13px; color:#ff9900; font-weight:bold; text-decoration:underline; }
.sidebarEntreprise li a .current_page_item { font-size:13px; color:#666; font-weight:bold; text-decoration:none; }

#TopMiddleContent { position:relative; margin:0 auto; width:980px; height:63px; background:url(images/bg-topmiddlecontent.png) no-repeat; }
#MiddleContent    { position:relative; margin:0 auto; width:980px; background:url(images/bg-middlecontent.png) repeat-y; }
#MiddleContent h2 { padding:0 10px 15px; margin:0px; font-size:16px; color:#CC0000; }
#MiddleContent p { padding:0px; margin:0px; font-size:12px; color:#666; }

#EntrepriseContent    { position:relative; margin:0 auto; width:980px; background:url(images/bg-middlecontent.png) repeat-y; }
#EntrepriseContent h2 { padding:0 15px 15px; margin:0px; font-size:16px; color:#ff9900; }
#EntrepriseContent h3 { padding:0 10px 15px; margin:0px; font-size:14px; color:#cc9966; line-height:18px; font-weight:normal; }
#EntrepriseContent p  { padding:0px 10px 20px; margin:0px; font-size:13px; color:#666; line-height:16px; }
#EntrepriseContent a        { color:#996633; font-weight:bold; }
#EntrepriseContent a:hover  { color:#CC3300; font-weight:bold; text-decoration:none; }

#Valeurs { position:relative; margin:0 auto; width:950px; height:556px; background:url(images/bg-valeurs2.png) no-repeat; }
.Valeurs1 {  position:absolute; width:200px; left:35px; top:250px; }
.Valeurs2 {  position:absolute; width:200px; left:190px; top:20px; }
.Valeurs3 {  position:absolute; width:240px; left:450px; top:20px; }
.Valeurs4 {  position:absolute; width:235px; left:665px; top:245px; }

#Metiers1 { position:relative; margin:0 auto; width:940px; }
#Metiers2 { position:relative; margin:0 auto; width:940px; }

#Rejoindre   { position:relative; margin:0 auto; width:940px; overflow:hidden; }
#RejoindreColGauche { position:relative; float:left; width:430px; padding:30px 20px 10px 15px; display:block; line-height:16px; background:url(images/bg-mtrejoindre.gif) no-repeat; }
#RejoindreColDroite { position:relative; float:right; width:430px; padding:30px 20px 10px 15px; display:block; line-height:16px; background:url(images/bg-mtrejoindre.gif) no-repeat; }

#RaconteColGauche { position:relative; float:left; width:420px; padding:40px 20px 5px 15px; display:block; line-height:16px; background:url(images/bg-mtraconte.gif) no-repeat; }
#RaconteColDroite { position:relative; float:right; width:420px; padding:40px 20px 5px 15px; display:block; line-height:16px; background:url(images/bg-mtraconte.gif) no-repeat; }

.sidebarMagasins { position:relative; margin:0 auto; width:900px; }

#MagasinsContent    { position:relative; margin:0 auto; width:980px; height:560px; background:url(images/bg-magasinscontent.png) no-repeat; }
#MagasinsContent h2 { padding:0 15px 15px; margin:0px; font-size:16px; color:##ff9900; }
#MagasinsContent h3 { padding:0 10px 15px; margin:0px; font-size:14px; color:#cc9966; }
#MagasinsContent p { padding:0 10px 20px; margin:0px; font-size:13px; color:#666; line-height:16px; }
#MagasinsContent select { font-family:Century Gothic; font-size:13px; color:#993300; font-weight:bold; }
#MagasinsContent input { font-family:Century Gothic; font-size:13px; color:#993300; }

#ConfectionContent    { position:relative; margin:0 auto; width:980px; background:url(images/bg-middlecontent.png) repeat-y; }
#ConfectionContent h2 { padding:0 15px 15px; margin:0px; font-size:16px; color:#ff9900; }
#ConfectionContent h3 { padding:0 10px 15px; margin:0px; font-size:14px; color:#cc9966; line-height:18px; font-weight:normal; }
#ConfectionContent p  { padding:0px 10px 20px; margin:0px; font-size:13px; color:#666; line-height:16px; }
#ConfectionContent a        { color:#996633; font-weight:bold; }
#ConfectionContent a:hover  { color:#CC3300; font-weight:bold; text-decoration:none; }
.ConfectionIntro      { position:relative; margin:0 auto; width:950px; height:100px; background:url(images/bg-confection5.jpg) no-repeat; }
.ConfectionIntroText  { position:absolute; top:5px; left:330px; width:600px; }
.Confection1          { position:relative; margin:0 auto; width:950px; height:215px; background:url(images/bg-confection1.jpg) no-repeat; }
.Confection1Text      { position:absolute; top:90px; left:46px; width:500px; }
.Confection2          { position:relative; margin:0 auto; width:950px; height:215px; background:url(images/bg-confection2.jpg) no-repeat; }
.Confection2Text      { position:absolute; top:70px; left:46px; width:500px; }
.Confection3          { position:relative; margin:0 auto; width:950px; height:260px; background:url(images/bg-confection3.jpg) no-repeat; }
.Confection3Text      { position:absolute; top:73px; left:46px; width:500px; }

#ConseilsContent    { position:relative; margin:0 auto; width:980px; background:url(images/bg-middlecontent.png) repeat-y; }
#ConseilsContent h2 { padding:0 15px 15px; margin:0px; font-size:16px; color:#ff9900; }
#ConseilsContent h3 { padding:0 10px 15px; margin:0px; font-size:14px; color:#cc9966; line-height:18px; font-weight:normal; }
#ConseilsContent p  { padding:0px 10px 20px; margin:0px; font-size:13px; color:#666; line-height:16px; }
#ConseilsContent a        { color:#996633; font-weight:bold; }
#ConseilsContent a:hover  { color:#CC3300; font-weight:bold; text-decoration:none; }
#BoxFiche           { position:relative; width:950px; overflow:hidden; }
.ConseilsFiche      { position:relative; width:145px; height:240px; }
.ConseilsFiche img  { border:0px; }
.ConseilsFiche a    { text-decoration:none; }

#ActualitesContent    { position:relative; margin:0 auto; width:980px; background:url(images/bg-middlecontent.png) repeat-y; overflow:hidden; }
#ActualitesText       { position:relative; float:left; width:640px; left:16px; overflow:hidden; }
#ActualitesContent h2 { padding:0 0 15px 10px; margin:0px; font-size:16px; color:#ff9900; }
#ActualitesContent h2 a { font-size:16px; color:#ff9900; text-decoration:none; }
#ActualitesContent h3 { padding:0 10px 15px; margin:0px; font-size:14px; color:#cc9966; line-height:18px; font-weight:normal; }
#ActualitesContent p  { padding:0px 10px 20px; margin:0px; font-size:12px; color:#666; line-height:16px; }
#ActualitesContent p a { color:#663300; text-decoration:none; font-weight:bold; }
#ActualitesContent p a:hover { color:#cc6600; text-decoration:none; font-weight:bold; }
#SidebarActualites    { position:relative; width:309px; margin-left:657px; top:0px; overflow:hidden; background:url(images/bg-sidebaractus.gif) center top no-repeat; }
#SidebarActualites ul       { position:relative; padding:0 0 30px; margin:0px; list-style:none; width:185px; left:100px; }
#SidebarActualites li       { font-size:14px; color:#996633; font-weight:bold; padding:5px 0 5px; border-bottom:1px dotted #ff9900; }
#SidebarActualites a        { font-size:14px; color:#996633; font-weight:bold; text-decoration:none; }
#SidebarActualites a:hover  { color:#CC3300; font-weight:bold; text-decoration:underline; }
#WidgetsActualites          { position:relative; margin:0 auto; display:block; width:298px; height:320px; }
#WidgetsActualites a:hover  { text-decoration:none; }

#TopMiddleTitre { position:relative; margin:0 auto; width:980px; height:100px; }
#TopMiddleTitre h2 { visibility:hidden; padding:0px; margin:0px; line-height:0; height:0px; }
.retour a        { position:absolute; width:200px; height:25px; display:block; z-index:2; top:50px; left:700px; font-size:13px; color:#996633; font-weight:bold; }
.retour a:hover  { color:#CC3300; font-weight:bold; text-decoration:none; }
#TopMiddleTitreConseils { position:relative; margin:0 auto; width:980px; height:230px; }
#TopMiddleTitreConseils h2 { visibility:hidden; padding:0px; margin:0px; line-height:0; height:0px; }
#TopMiddleTitreConfection { position:relative; margin:0 auto; width:980px; height:230px; }
#TopMiddleTitreConfection h2 { visibility:hidden; padding:0px; margin:0px; line-height:0; height:0px; }

#MaisonProduits     { position:relative; margin:0 auto; width:980px; height:440px; background:url(images/visuel-maison1.png) repeat-y; }
#ProduitsContent    { position:relative; margin:0 auto; width:980px; background:url(images/bg-middlecontent.png) repeat-y; }
#ProduitsContent h2 { padding:10px 10px 15px; margin:0px; font-size:16px; color:#CC0000; }
#ProduitsContent h3 { padding:0 10px; margin:0px; font-size:14px; color:#cc9966; line-height:18px; font-weight:normal; }
#ProduitsContent p  { padding:0px 10px 10px; margin:0px; font-size:13px; color:#666; line-height:16px; }
#ProduitsContent a        { color:#996633; font-weight:bold; }
#ProduitsContent a:hover  { color:#CC3300; font-weight:bold; text-decoration:none; }
.Famille            { position:relative; width:950px; margin:0 auto; height:370px; }
#ProduitsFamille    { position:relative; float:left; display:block; width:630px; }
#WidgetsNosProduits  { position:relative; float:left; display:block; width:298px; height:260px; }

#download_1  { position:absolute; width:297px; height:123px; display:block; cursor:pointer; top:106px; left:45px; background:url(images/btmaison1.png) 0 0px no-repeat; }
#download_2  { position:absolute; width:118px; height:62px; display:block; cursor:pointer; top:127px; left:280px; background:url(images/btmaison2.png) 0 0px no-repeat; }
#download_3  { position:absolute; width:112px; height:48px; display:block; cursor:pointer; top:127px; left:360px; background:url(images/btmaison3.png) 0 0px no-repeat; }
#download_4  { position:absolute; width:208px; height:99px; display:block; cursor:pointer; top:112px; left:426px; background:url(images/btmaison4.png) 0 0px no-repeat; }
#download_5  { position:absolute; width:354px; height:106px; display:block; cursor:pointer; top:162px; left:173px; background:url(images/btmaison5.png) 0 0px no-repeat; }
#download_6  { position:absolute; width:275px; height:101px; display:block; cursor:pointer; top:271px; left:205px; background:url(images/btmaison6.png) 0 0px no-repeat; }
.tooltip { display:none; background:url(images/tooltip.png) no-repeat; height:262px; padding:30px; width:442px; font-size:13px; color:#fff;z-index:2; }

.entry    { padding:0 20px 20px; margin:0px; font-size:12px; color:#666; }

.carte1   { position:relative; margin:0 auto; width:980px; height:271px; background:url(images/carte-fnd2.png) no-repeat; }
.carte1 h3 { padding:0px; margin:0px; }
#Consult { position:absolute; top:40px; right:70px; width:210px; height:150px; }
#Consult p { padding:10px 0px; margin:0px; font-size:13px; color:#333; }
#Consult a { font-size:13px; color:#FFF; font-weight:bold; text-decoration:none; }
#Consult a:hover { text-decoration:underline; }

/*-- Le Footer --*/

#FooterPage  { position:relative; width:980px; height:30px; margin:0 auto; background:url(images/footer-page.png) no-repeat; }

#footer  { position:relative; height:300px; margin:auto; color:#666; background:url(images/bg-footer.gif) repeat-x; overflow:hidden; }
.footercontent  { position:relative; width:400px; margin:0 auto; text-align:center; font-size:10px; font-weight:bold; color:#666; line-height:20px; }
.footercontent a { color:#333; text-decoration:none; font-weight:bold; }
.footercontent a:hover { text-decoration:underline; }