
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: auto;
padding: 0;
color: #ffffff;
background-color:#ffffff;
background: url(img/fond-bdx-ski.jpg);
background-repeat: no-repeat;
background-position: top center;
}

h1 {font-family:verdana; font-size:10px; color:#ffffff; font-weight:bold;}
h2 {font-family:verdana; font-size:10px; color:#000000; font-weight:normal;}
h3 {font-family:verdana; font-size:10px; color:#ffffff; font-weight:normal;}
h3.moteur {font-family:verdana; font-size:14px; color:#555555; font-weight:bold; line-height: 18px;}
.texte {font-family:Verdana; font-size:10px; color:#ffffff; font-weight:normal;}
.texte2012 {font-family:Verdana; font-size:12px; color:#3A3A3A; font-weight:normal;}
.slide {font-family:Verdana; font-size:10px; color:#ffff99; font-weight:bold;}
.textew {font-family:Verdana; font-size:10px; color:#000000; font-weight:normal;}
.textez {font-family:Verdana; font-size:10px; color:#888888; font-weight:normal;}
.description {font-family:Verdana; font-size:10px; color:#e9e9e9; font-weight:normal;}
.description2 {font-family:Verdana; font-size:12px; color:#000099; font-weight:normal;}
.sitemap {font-family:verdana; font-size:12px; color:#ffffff; font-weight:bold;}
.titrerub {font-family:Verdana; font-size:10px; color:#ccffff; font-weight:bold; text-decoration:none; background-color:#000000; text-align: center;}
.moteur {font-family:Verdana; font-size:10px; color:#555555; font-weight:bold; text-decoration:none;}
A.liens {font-family:Verdana; font-size:10px; color:#CCFFFF; font-weight:bold; text-decoration:none;}
A:hover.liens {font-family:Verdana; font-size:10px; color:#3399CC; font-weight:bold; text-decoration:none;}
A.moteur {font-family:verdana; font-size:14px; color:#0000FF; font-weight:bold; text-decoration:none;}
A:hover.moteur {font-family:verdana; font-size:14px; color:#555555; font-weight:bold; text-decoration:none;}
A.liensmoteur {font-family:Verdana; font-size:10px; color:#0000FF; font-weight:bold; text-decoration:none;}
A:hover.liensmoteur {font-family:Verdana; font-size:10px; color:#555555; font-weight:bold; text-decoration:none;}
A.lienspro {font-family:Verdana; font-size:14px; color:#0000FF; font-weight:bold; text-decoration:none;}
A:hover.lienspro {font-family:Verdana; font-size:14px; color:#555555; font-weight:bold; text-decoration:none;}
A.link {font-family:Verdana; font-size:10px; color:#0099FF; font-weight:bold; text-decoration:none;}
A:hover.link {font-family:Verdana; font-size:10px; color:#3300CC; font-weight:bold; text-decoration:none;}
A.link2 {font-family:Verdana; font-size:10px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
A:hover.link2 {font-family:Verdana; font-size:10px; color:#3300CC; font-weight:bold; text-decoration:none;}
A.link3 {font-family:Verdana; font-size:10px; color:#FFFFCC; font-weight:bold; text-decoration:none;}
A:hover.link3 {font-family:Verdana; font-size:10px; color:#3300CC; font-weight:bold; text-decoration:none;}
A.link4 {font-family:Verdana; font-size:10px; color:#663399; font-weight:bold; text-decoration:none;}
A:hover.link4 {font-family:Verdana; font-size:10px; color:#3300CC; font-weight:bold; text-decoration:none;}
A.link5 {font-family:Verdana; font-size:10px; color:#FFFF66; font-weight:bold; text-decoration:none;}
A:hover.link5 {font-family:Verdana; font-size:10px; color:#FF6600; font-weight:bold; text-decoration:none;}
A.linkyellow {font-family:Verdana; font-size:10px; color:#FFFF66; font-weight:bold; text-decoration:none;}
A:hover.linkyellow {font-family:Verdana; font-size:10px; color:#3300CC; font-weight:bold; text-decoration:none;}
A.footer {font-family:Verdana; font-size:9px; color:#000000; font-weight:normal; text-decoration:none;}
A:hover.footer {font-family:Verdana; font-size:9px; color:#000000; font-weight:normal; text-decoration:none;}
A.black {font-family:Verdana; font-size:9px; color:#ffffff; font-weight:normal; text-decoration:none;}

.titre-menu {font-family:Verdana; font-size:10px; color:#000000; font-weight:bold;}
.evidence {font-family:verdana; font-size:12px; color:#fff; text-decoration: none; font-weight:bold; background-color: #000000; width:100%;}
.evidence2 {font-family:verdana; font-size:12px; color:#fff; text-decoration: none; font-weight:bold; background-color: #000000; line-height:20px;}
.evidence3 {font-family:verdana; font-size:12px; color:#FFFFCC; text-decoration: none; font-weight:bold; line-height:30px; margin-left:5px;}
.promo {font-family:verdana; font-size:12px; color:#fff; text-decoration: none; font-weight:bold; background-color: #ff0000;}

#flashContent { width:100%; height:100%; background-color: #ffffff;}

#bordeaux{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
}

#animation{
    position:absolute;
    top:1px;
    left:190px;
    width:75px;
    height:80px;
    z-index:1010;

}

#bandeau-anim{
    position:absolute;
    top:0px;
    left:0px;
    width:1024px;
    height: 600px;
    z-index:1000;
    visibility: hidden;
}


#bordeaux-restaurant{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/fond-bdx-restaurant.jpg);
}

#bordeaux-commerce{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/fond-bdx-commerce.jpg);
}

#bordeaux-restaurant-uk{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/fond-bdx-restaurant-uk.jpg);
}

#bordeaux-restaurant-es{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/fond-bdx-restaurant-es.jpg);
}

#bordeaux-index{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/bordeaux-index.jpg);
}

#bordeaux-index-uk{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/bordeaux-index-uk.jpg);
}

#bordeaux-sortie{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/bordeaux-sortie.jpg);
}

#bordeaux-pro{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/fond-bdx-pro-2012.jpg);
}

#bordeaux-informations{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/bordeaux-informations.jpg);
}

#bordeaux-almanach{
	 width: 730px;
     padding: 5px;
     border: 1px solid #000;
     color: #000000;
     -moz-border-radius: 2px;
     border-radius: 2px;
     }

#bordeaux-index-UK{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/bordeaux-index-UK.jpg);
}

#bordeaux-index-ES{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/bordeaux-index-ES.jpg);
}

#bordeaux-pubpro{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/fond-bdx-pubpro.jpg);
}

#bordeaux-pubpro-UK{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/pubpro-UK.jpg);
}

#bordeaux-pubpro-ES{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/pubpro-UK.jpg);
}

#bordeaux-concert{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
     background: url(img/fond-concert-2010.jpg);
}

#langues{
    position:absolute;
    top:173px;
    left:5px;
    width:150px;
    height:32px;
    z-index:1000;
}

#langues2012{
    position:absolute;
    top:83px;
    left:5px;
    width:150px;
    height:32px;
    z-index:1000;
}

#head{
	 position:absolute;
     left: 50%;
     width: 1024px;
     margin-left: -512px; /* moiti&eacute; de la largeur */
     border: 0px solid #fff;
	 z-index:3;
	 background-color: #ffffff;
     height:800px;
}

#fond{
position:absolute;
top:2px;
width:1024px;
background-color: #ffffff;
z-index:2;
height:800px;
}

a span.fnac {
  display: block;
  width:284px;
  height:53px;
  background: url(img/bt-fnac.jpg) no-repeat;
  padding-top: 17px;
  padding-left: 20px;
  font-size: 12px;
}

#cadre1{
position:absolute;
top:202px;
left:5px;
width:1280px;
z-index:300;
}

#cadre2012{
position:absolute;
top:115px;
left:5px;
width:1280px;
z-index:300;
}

#cadre1-UK{
position:absolute;
top:200px;
left:4px;
width:1024px;
height:32px;
z-index:1000;
}

#titre{
position:absolute;
top:60px;
left:240px;
width:800px;
height:32px;
border:1px;
z-index:1000;
}

#pub120{
position:absolute;
top:103px;
left:762px;
width:120px;
height:60px;
z-index:500;
}

#pub234{
position:absolute;
top:103px;
left:11px;
width:234px;
height:60px;
z-index:500;
}

#bandeau{
position:absolute;
text-align: center;
top:103px;
left:264px;
width:468px;
height:60px;
z-index:100;
}

#bandeau-ads{
position:absolute;
text-align: center;
top:103px;
left:264px;
width:468px;
height:60px;
z-index:100;
}

#gironde-bordeaux{
position:absolute;
text-align: center;
top:138px;
left:2px;
width:720px;
height:585px;
z-index:100;
}

#dessus-video{
position:absolute;
top:257px;
left:85px;
width:400px;
height:20px;
z-index:101;
}

#dessus-cinema{
position:absolute;
top:282px;
left:85px;
width:400px;
height:20px;
z-index:101;
}

#titre-pro{
position:absolute;
top:170px;
left:520px;
width:490px;
height:15px;
z-index:101;
font-size: 14px;
text-align: center;
color: #000099;
}

#adresse-pro{
position:absolute;
top:198px;
left:520px;
width:490px;
height:15px;
z-index:101;
font-size: 12px;
padding-left: 48px;
color: #000099;
}

#tel-pro{
position:absolute;
top:243px;
left:500px;
width:30px;
height:15px;
z-index:101;
font-size: 14px;
padding-left: 48px;
color: #000099;
}

#fax-pro{
position:absolute;
top:243px;
left:658px;
width:30px;
height:15px;
z-index:101;
font-size: 14px;
padding-left: 48px;
color: #000099;
}

#plan-pro{
position:absolute;
top:201px;
left:740px;
width:30px;
height:15px;
z-index:101;
font-size: 14px;
padding-left: 48px;
color: #000099;
}

#site-pro{
position:absolute;
top:243px;
left:805px;
width:200px;
height:15px;
z-index:101;
font-size: 14px;
padding-left: 48px;
color: #000099;
}

#carte-pro{
position:absolute;
top:275px;
left:510px;
width:500px;
height:260px;
z-index:101;
font-size: 12px;
padding: 5px;
color: #000000;
}

#infos-sub-pro{
position:absolute;
top:550px;
left:535px;
width:450px;
height:225px;
z-index:101;
font-size: 12px;
padding: 5px;
color: #000099;
border: 0px solid #000;
}


#dessus-video-adresse{
position:absolute;
top:252px;
left:550px;
width:200px;
height:65px;
z-index:101;
}

#dessus-video-telephone{
position:absolute;
top:270px;
left:720px;
width:200px;
height:60px;
z-index:101;
}

#dessus-video-liens{
position:absolute;
top:252px;
left:890px;
width:150px;
height:60px;
line-height: 15px;
z-index:101;
}

#video{
position:absolute;
top:275px;
left:35px;
width:500px;
height:350px;
z-index:101;
background: url(img/bg-video.jpg);
}

#video2012{
position:absolute;
top:205px;
left:5px;
width:500px;
height:350px;
z-index:101;
background: url(img/bg-video.jpg);
}

#player{
z-index:101;
}

#contenu-infos{
position:absolute;
top:320px;
left:555px;
width:440px;
height:350px;
z-index:101;
}

#contenu-regional{
position:absolute;
top:200px;
left:520px;
width:490px;
height:350px;
z-index:101;
}

#contenu-salle{
position:absolute;
top:550px;
left:515px;
width:440px;
height:350px;
z-index:101;
}

#contenu-reportage{
position:absolute;
top:710px;
left:515px;
width:440px;
height:350px;
z-index:101;
}

#contenu-cinema{
position:absolute;
top:303px;
left:34px;
width:770px;
padding:10px;
height:332px;
z-index:101;
overflow: auto;
border: 1px solid #000;
}

#contenu-garo{
position:absolute;
top:15px;
left:190px;
width:250px;
height:150px;
z-index:101;
}

#dessous-video{
position:absolute;
top:645px;
left:37px;
width:520px;
height:100px;
z-index:101;
}

#dessous-video-sortie{
position:absolute;
top:565px;
left:5px;
width:500px;
height:120px;
z-index:101;
}

#dessous-video-pro{
position:absolute;
top:580px;
left:5px;
width:500px;
height:200px;
z-index:101;
overflow: auto;
border: 0px solid #000;
color: #000000;
}

#dessous-infossup{
position:absolute;
top:645px;
left:37px;
width:500px;
height:100px;
z-index:101;
}

#dessous-infossup2{
position:absolute;
top:635px;
left:37px;
width:500px;
height:100px;
z-index:101;
}

#titre-resultat{
position:absolute;
top:165px;
left:5px;
width:772px;
height:40px;
z-index:101;
background: url(img/bg-commerce-top-2012.jpg);
}

#titre-sortie{
position:absolute;
top:165px;
left:5px;
width:500px;
height:40px;
z-index:101;
background: url(img/bg-sortie-top-2012.jpg);
}

#resultat-commerce{
position:absolute;
top:205px;
left:5px;
width:770px;
height:515px;
z-index:101;
overflow: auto;
border: 1px solid #2989cc;
}

#dessous-moteur{
position:absolute;
top:720px;
left:5px;
width:772px;
height:10px;
z-index:101;
background: url(img/bg-commerce-down-2012.jpg);
}

td.moteur{
background-image: url(img/bg-img-moteur.jpg);
width:180px;
height:150px;
vertical-align: middle;
max-width: 180px;
background-repeat:no-repeat;
background-position:left;
text-align: center;
}


#resultat{
position:absolute;
top:255px;
left:15px;
width:750px;
height:475px;
z-index:101;
overflow: auto;
border: 1px solid #000;
}

#annonces{
position:absolute;
top:273px;
left:10px;
width:1000px;
height:500px;
z-index:101;
overflow: auto;
border: 1px solid #000;
}

#annonces-gratuites{
position:absolute;
top:255px;
left:35px;
width:750px;
height:480px;
z-index:101;
overflow: auto;
border: 1px solid #000;
}

#dessous-resultat{
position:absolute;
top:745px;
left:35px;
width:950px;
height:40px;
z-index:101;
}

#dessous-resultats{
position:absolute;
top:745px;
left:5px;
width:780px;
height:40px;
z-index:101;
}

#dessous-annonces{
position:absolute;
text-align:center;
top:780px;
left:35px;
width:980px;
height:20px;
z-index:101;
}

#restaurant-droit{
position:absolute;
top:305px;
left:780px;
width:240px;
height:500px;
z-index:101;
}

#pub-droit{
position:absolute;
top:165px;
left:777px;
width:240px;
height:120px;
z-index:101;
}
<!--[if lt IE 7]>
  <STYLE type=text/css>
    html, body {height:100%;}
    #pub-droit {
      position:absolute; height:100%;
    }
  </STYLE>
<![endif]-->

#pub-droit-sortie{
position:absolute;
top:538px;
left:775px;
width:240px;
height:120px;
z-index:101;
border: 0px solid #00f;
}

#pub-droit-index{
position:absolute;
top:420px;
left:500px;
width:480px;
height:60px;
z-index:101;
border: 0px solid #00f;
}

#meteo{
position:absolute;
top:106px;
left:890px;
width:140px;
height:60px;
z-index:100;
font-size: 10px;
font-weight: bold;
text-align: center;
}

#meteo2012{
position:absolute;
top:15px;
left:890px;
width:140px;
height:60px;
z-index:100;
font-size: 10px;
font-weight: bold;
text-align: center;
}

#infostop{
position:absolute;
top:171px;
left:145px;
width:142px;
height:20px;
z-index:100;
font-size: 10px;
font-weight: bold;
text-align: center;
background-color: #000099;
vertical-align: middle;
padding-top: 8px;
}

#infostop2012{
position:absolute;
top:82px;
left:145px;
width:142px;
height:20px;
z-index:100;
font-size: 10px;
font-weight: bold;
text-align: center;
background-color: #000099;
vertical-align: middle;
padding-top: 8px;
}

#recherche{
position:absolute;
top:171px;
left:291px;
width:723px;
height:25px;
z-index:100;
font-size: 10px;
font-weight: bold;
text-align: LEFT;
background-color: #000099;
vertical-align: middle;
padding-top: 3px;
padding-left: 8px;
}

#recherche2012{
position:absolute;
top:82px;
left:291px;
width:722px;
height:25px;
z-index:100;
font-size: 10px;
font-weight: bold;
text-align: LEFT;
background-color: #000099;
vertical-align: middle;
padding-top: 3px;
padding-left: 8px;
}

#agenda{
position:absolute;
top:517px;
left:462px;
width:552px;
height:267px;
z-index:101;
overflow: auto;
border-left: 0px solid #2989cc;
background-color: transparent;
}

#agenda-sortie{
position:absolute;
top:232px;
left:512px;
width:502px;
height:267px;
z-index:101;
overflow: auto;
border-left: 0px solid #2989cc;
background-color: transparent;
}

#actualites{
position:absolute;
top:177px;
left:462px;
width:460px;
height:233px;
z-index:101;
}

#videoIndex{
position:absolute;
top:155px;
left:0px;
width:460px;
height:380px;
background-color: #FFFFFF;
z-index:101;
}

#pubIndex{
position:absolute;
top:35px;
left:5px;
width:450px;
height:120px;
}

#pubIndexMiddle{
position:absolute;
top:423px;
left:456px;
width:270px;
height:120px;
}

#pubIndexBottom{
position:absolute;
top:535px;
left:5px;
width:450px;
height:120px;
}

#pubIndexSortie{
position:absolute;
top:675px;
left:35px;
width:450px;
height:120px;
z-index:101;
}

#IndexBottom{
position:absolute;
top:403px;
left:3px;
width:714px;
height:179px;
border: 5px;
border-color: #000000;
}

#infosRaison{
position:absolute;
top:70px;
left:5px;
width:730px;
height:150px;
text-align:left;
color:#ECECFF;
font-size:12px;
}

#infosEditeur{
position:absolute;
top:65px;
left:752px;
width:250px;
height:50px;
text-align:center;
color:#ECECFF;
font-size:12px;
}

#infosProposer{
position:absolute;
top:102px;
left:744px;
width:274px;
height:85px;
text-align:center;
color:#ECECFF;
font-size:12px;
}

#infosVideo{
position:absolute;
top:220px;
left:13px;
width:300px;
height:360px;
}

#infosQualite{
position:absolute;
top:230px;
left:340px;
width:390px;
height:360px;
text-align: left;
color:#ECECFF;
font-size:12px;
}

#infosReferencement{
position:absolute;
top:230px;
left:748px;
width:270px;
height:360px;
text-align: left;
color:#6666CC;
font-size:10px;
}

#selection-mois{
position:absolute;
top:563px;
left:733px;
width:265px;
height:120px;
z-index:101;
}

#partenaires{
position:absolute;
top:580px;
color:#000000;
left:755px;
width:265px;
height:230px;
z-index:101;
}

#footer{
position:absolute;
top:800px;
left:10px;
width:1000px;
height:20px;
z-index:102;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#box-sortie
{
	width: 300px ;
	height: 60px ;
	margin: 1px ;
	background: url(img-archi/sortie.gif) no-repeat left top;
	z-index:101;
}

#box-shopping
{
	width: 300px ;
	height: 60px ;
	margin: 1px ;
	background: url(img-archi/shopping.gif) no-repeat left top;
	z-index:101;
}

.lien-box
{
	width: 300px ;
	height: 60px ;
	left: 60px ;
	top: 43px ;
	position: relative ;
}

#menu {
position: absolute;
top:115px;
left:0px;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #6699ff;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: left;
background: #66ccff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

p {margin: 0 0 10px 0;}

.contentslide{
border-bottom-width: 0px;
padding: 5px;
width: 548px;
height: 205px;
z-index:101;
/* border-left: 1px solid #2989cc;
border-right: 1px solid #2989cc; */
}

.contentslide .contentdiv{
display: none;
color:#000000;
z-index:101;
font-size: 12px;
height: 205px;
overflow:auto;
}

.pagination{
width: 435px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: left;
background-color: #FFFFFF;
border: 1px solid navy;
border-width: 0 0px; /*Left/ right border width of pagination DIV.*/
padding: 5px;
z-index:101;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 433px; /*IE5 width*/
width: 442px; /*IE6 width*/
z-index:101;
}

.pagination a{
padding:0 5px;
text-decoration: none; 
color: #000000;
background-color: #999999;
z-index:101;
}

.pagination a:hover, .pagination a.selected{
color: #FFF;
background-color: #3300CC;
z-index:101;
}

/* Menu Mega Dropdown */

*{outline: none;}
img {border: 0;}
.container {
	width: 1024px;
	padding: 0;
	margin: 0 auto;
    z-index:300;
}
#nav_wrapper {
	clear: left;
    z-index:302;
}

span#menu_end {
	display:block;
	float:left;
	height:46px;
	width:10px;
}

span#menu_start {
	display:block;
	float:left;
	height:46px;
	width:52px;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
	font-size: 1em;
	background: url(back_nav.png) repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
    background: url(li_border.png) no-repeat right top;
}
ul#topnav li#last-li {
	background: none;
}
ul#topnav li#last-li a span.single_wrapper {
	float:left;
	margin:6px 6px 6px 10px;
	padding:0 10px;
}

ul#topnav li.liSub a, ul#topnav li a {
	color: white;
	float: left;
	height: 46px;
	line-height: 34px;
	padding: 0;
	text-decoration: none;
	text-shadow: 0 0 2px black;
	text-transform: uppercase;
	z-index: 9999;
}

span#menu_start a {
	background: url(home_nav.png) no-repeat left top;
	width: 52px; height: 46px;
	text-indent: -9999px;
	padding:0; margin:0;
}
span#menu_start a:hover  { background-position: left -46px; }
span#menu_start a:active { background-position: left -92px; }

span#menu_start a {	display:block; line-height: 46px; }

ul#topnav li .sub {
	position: absolute;
	top: 46px; left: 10px;
	background: #FFFFFF;
	background-color: #f8f8f8\9; /* le  \9  est un hack pour cibler IE8, IE7 et IE6 */
	border-bottom: 1px solid #cbcbcb\9;
	border-left: 1px solid #cbcbcb\9;
	border-right: 1px solid #cbcbcb\9;
	padding: 10px 10px 10px;
	float: left;

	border-bottom-right-radius:		    10px;
	-moz-border-radius-bottomright:     10px;
	-khtml-border-radius-bottomright:   10px;
	-webkit-border-bottom-right-radius: 10px;

	border-bottom-left-radius:		    10px;
	-moz-border-radius-bottomleft:      10px;
	-khtml-border-radius-bottomleft: 	10px;
	-webkit-border-bottom-left-radius:  10px;

	box-shadow:0px 0px 5px #5a5a5a;
	-moz-box-shadow:0px 0px 5px #5a5a5a;
	-webkit-box-shadow:0px 0px 5px #5a5a5a;
	display: none;
	z-index: 305;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px; z-index: 305;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	background: none;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a, ul#topnav .sub ul li h2 a:hover {
	padding: 5px 0;
	background-image: none;
	color: #c10707;
}
ul#topnav .sub ul li h2 a:hover {
	background-image: none;
	text-decoration: underline;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0;
	height: auto;
	background: url(navlist_arrow.png) no-repeat 0px 10px;
	padding: 0 0 0 18px;
	margin: 0 10px;
	display: block;
	text-decoration: none;
	color: #757575;
	font-size:1.1em;
	text-shadow: none;
	border-bottom: 1px solid #e6e6d8;
	text-transform: none;
	line-height:27px;
}
ul#topnav .sub ul li a:hover {
	color: #c50a0a;
	background: url(navlist_arrow_hover.png) no-repeat 0px 10px;
	text-decoration: underline;
}

span.dd_action {
	height:6px;
	padding:0 0 0 10px;
	width:9px;
}

span.single_wrapper {
	float:left;
	margin:6px 10px;
	padding:0 15px;
}

span.single_wrapper:hover, li.current a span.single_wrapper {
	background: white;
	color: black;

	/* -- CSS3 stuff -- */

	text-shadow: none;

	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFFFFFF, endColorstr=#FFe5e5e5);
	background-image: -moz-linear-gradient(	top, #FFFFFF, #e5e5e5);
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#FFFFFF), to(#e5e5e5));

	border-radius: 	       7px; /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */

	box-shadow:         0px 0px 2px #343333; /* Propriété CSS3 */
	-webkit-box-shadow: 0px 0px 2px #343333; /* Propriété CSS3 pour Firefox */
	-moz-box-shadow:    0px 0px 2px #343333; /* Propriété CSS3 pour navigateurs Webkit */
}

span.single_wrapper:active {
	background: white;
	color: black;

	/* -- CSS3 stuff -- */

	text-shadow: none;

	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe5e5e5, endColorstr=#FFFFFFFF);
	background-image: -moz-linear-gradient(	top, #e5e5e5, #FFFFFF);
	background-image: -webkit-gradient( linear, left top, left bottom, from(#e5e5e5), to(#FFFFFF));

	border-radius:         7px;
	-moz-border-radius:    7px;
	-khtml-border-radius:  7px;
	-webkit-border-radius: 7px;

	box-shadow:         0px 0px 2px #343333;
	-webkit-box-shadow: 0px 0px 2px #343333;
	-moz-box-shadow:    0px 0px 2px #343333;
}

span.dd_wrapper {
	float:left;
	margin:6px 10px 0;  /* 13 px reglage largeur des menus top */
	padding:0 11px 6px 18px;
}

li.liSub a:hover span.dd_wrapper, li.liSub:hover a span.dd_wrapper {
	z-index:      305;
	background:   white;
	color: 		  black;
	border-top:   1px solid #e5e5e5;
	border-right: 1px solid #989898;
	padding:	  0 10px 6px 18px;

	/* -- CSS3 stuff -- */

	text-shadow: none;

	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#dfdfdf, endColorstr=#f8f8f8); /* Pour IE */
	background-image: -moz-linear-gradient(	top, #e5e5e5, #FFFFFF); /* Pour Firefox */
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#e5e5e5), to(#FFFFFF)); /* Pour Webkit */

	border-top-right-radius:		 7px;
	-moz-border-radius-topleft: 	 7px;
	-webkit-border-top-left-radius:  7px;
	-khtml-border-radius-topleft: 	 7px;

	border-top-left-radius:		     7px;
	-moz-border-radius-topright: 	 7px;
	-webkit-border-top-right-radius: 7px;
	-khtml-border-radius-topright: 	 7px;
}

