/*###########################################################
 #	Copyright promo-depot - 2009 - Tous droits réservés  
###########################################################*/

* { font-family: Arial, Verdana, Times; font-size: 12px; color: #777; }

body { margin: auto; background: #c3d9ff; /*border: 1px solid red;*/ }

#bg-body { margin: 0; float: left; background: url(img/promo-depot-bg.jpg) #EEE repeat-x; width: 100%; }
#content-body { margin: auto; width: 910px; }
#bg-footer { float: left; background: url(img/footer-bg.jpg) repeat-x; width: 100%; }
#content-footer { margin: auto; width: 910px; }

a { text-decoration: underline; }
a:hover { text-decoration: none; color: #EEE; background: #ec711d; }

#logo { float: left; margin: 25px 0 0 30px; width: 278px; height: 52px; }
#logo a.logo { background: none; display: block; width: 278px; height: 52px; }

#pub { float: left; margin: 15px 0 0 73px; background: url(img/bg-pub.png) no-repeat; width: 470px; height: 60px; padding: 7px; }
#pub a { background: none; }

#menu { float: left; margin: 40px 0 10px 0; width: 330px; }
#menu .top { margin: 0; width: 330px; height: 32px; background: url(img/bg-titre-ptit.png) no-repeat; }
#menu .top h1 { margin: 0; padding-top: 6px; color: #c3d9ff; font-size: 1.33em; text-align: center; }
#menu .content { margin: 0; margin-left: 7px; width: 330px; height: 322px; background: url(img/bg-menu.png) no-repeat; }
#menu .bottom { margin: 0; margin-left: 7px; width: 330px; height: 46px; background: url(img/bg-menu-bottom.png) no-repeat; }

#menu #onglet { float: left; margin-left: 1px; width: 315px; border-bottom: 1px solid #4e7ab8; padding-top: 5px; }
#menu #onglet a.categorie { float: left; margin-left: 20px; width: 75px; padding: 3px; border: 1px solid #4e7ab8; border-bottom: none; background: #EEE; text-align: center; text-decoration: none; }
#menu #onglet a.all { float: left; margin-left: 10px; width: 150px; padding: 3px; border: 1px solid #4e7ab8; border-bottom: none; background: #EEE; text-align: center; text-decoration: none; }
#menu #onglet a.categorie:hover, #menu #onglet a.all:hover { background: #ec711d; color: #EEE; }
#menu #onglet a.current { background: #ec711d; color: #EEE; }

#menu #content { clear: both; padding: 15px 0 0 20px; color: #ec711d; }
#menu #content .search { font-size: 0.83em; width: 150px; }
#menu #content .searchOK { font-size: 0.83em; width: 30px; border: 1px solid #777; text-align: center; margin-left: 5px; }
#menu #content .alphabet { text-align: center; width: 275px; }
#menu #content .alphabet a { font-size: 0.83em; }
#menu #content .nbPages  { width: 275px; }
#menu #content .nbPages a { font-size: 0.83em; }
#menu #content p { color: #ec711d; margin-top: 15px }
#menu #content .current { background: #ec711d; color: #EEE; text-decoration: none; }

#contenu { float: left; margin: 40px 0 0 10px; width: 568px; }
#contenu .topMeilleuresPromos { margin: 0; width: 568px; height: 32px; background: url(img/bg-titre-gd.png) no-repeat; }
#contenu .topMeilleuresPromos h1 { margin: 0; padding-top: 6px; color: #c3d9ff; font-size: 1.33em; text-align: center; }
#contenu .contentMeilleuresPromos { margin: 0; margin-left: 7px; width: 554px; background: url(img/bg-content.png) no-repeat; }
#contenu .bottomMeilleuresPromos { margin: 0 0 10px 7px; width: 544px; height: 26px; background: url(img/bg-content-bottom.png) no-repeat; padding: 20px 10px 0 0; text-align: right; }
#contenu .bottomMeilleuresPromos a { font-size: 0.83em; }

#contenu .topMeilleuresBoutiques { margin: 0; width: 568px; height: 32px; background: url(img/bg-titre-gd.png) no-repeat; }
#contenu .topMeilleuresBoutiques h1 { margin: 0; padding-top: 6px; color: #c3d9ff; font-size: 1.33em; text-align: center; }
#contenu .contentMeilleuresPromos { margin: 0; margin-left: 7px; width: 554px; background: url(img/bg-content.png) no-repeat; }
#contenu .bottomMeilleuresPromos { margin: 0 0 10px 7px; width: 544px; height: 26px; background: url(img/bg-content-bottom.png) no-repeat; padding: 20px 10px 0 0; text-align: right; }
#contenu .bottomMeilleuresPromos a { font-size: 0.83em; }

#contenu .contentBoutique { margin: 0; margin-left: 7px; width: 554px; min-height: 150px; background: url(img/bg-content.png) no-repeat; }
#contenu .bottomBoutique { margin: 0 0 5px 7px; width: 544px; height: 26px; background: url(img/bg-content-bottom.png) no-repeat; padding: 20px 10px 0 0; text-align: right; }
#contenu .cmt{ clear: both; height: 60px; padding: 5px 5px 0 5px; text-align: center; font-size: 0.83em; }
#contenu .cmt a{ font-size: 1em; text-decoration: none; }

#redirection { clear: both; margin: auto; width: 554px; height: 75px; background: url(img/bg-content-2.png) no-repeat; color: #777; }
#redirection h1 { margin: 0; text-align: center; color: #ec711d; font-weight: bold; font-size: 1.33em; }
#redirection h2 { margin: 0; text-align: center; color: #777; font-weight: bold; font-size: 1em; }
#bottomRedirection { clear: both; margin: auto; width: 544px; height: 26px; background: url(img/bg-content-bottom.png) no-repeat; padding: 20px 10px 0 0; text-align: right; }

#contenu .topPromos { margin: 0; width: 568px; height: 32px; background: url(img/bg-titre-gd.png) no-repeat; }
#contenu .topPromos h1 { margin: 0; padding-top: 6px; color: #c3d9ff; font-size: 1.33em; text-align: center; }
#contenu .contentPromos { margin: 0; margin-left: 7px; width: 554px; background: url(img/bg-content-bottom2.png) no-repeat; }
#contenu .bottomPromos { margin: 0 0 10px 7px; width: 544px; height: 26px; background: url(img/bg-content-bottom.png) no-repeat; padding: 20px 10px 0 0; text-align: right; }
#contenu .bottomPromos img { border: none; }

#contenu #contentBoutique { clear: both; padding: 15px 20px 0 20px; color: #777; }
#contenu #contentBoutique .a { clear: both; float: left; margin-right: 10px; width: 380px; }
#contenu #contentBoutique .b { float: left; width: 120px; }
#contenu #contentBoutique .b a:hover { background: none; }
#contenu #contentBoutique h1 { margin: 0; padding: 0; color: #ec711d; font-weight: bold; font-size: 1.33em; }
#contenu #contentBoutique p { margin: 10px 0 10px 0; padding: 0; }
#contenu #contentBoutique .logo { float: right; margin: 0 0 10px 0; padding: 0; }
#contenu #contentBoutique .lien { text-align: center; margin: 20px 0 10px 0; }
#contenu #contentBoutique a img { border: 1px solid #EEE; margin-bottom: 5px; }
#contenu #contentBoutique a:hover img { border: 1px solid #4e7ab8; }

#contenu #contentBoutique .annuaire { padding-top: 10px; }
#contenu #contentBoutique .annuaire a:hover { text-decoration: none; color: #EEE; background: #ec711d; }
#contenu #contentBoutique .annuaire a img { border: none; margin-bottom: 0px; }
#contenu #contentBoutique .annuaire a:hover img { border: none; background: none;}

#contenu #contentPromos { clear: both; padding: 15px 20px 0 20px; color: #777; }
#contenu #contentPromos a img { border: none; }
#contenu #contentPromos a:hover { background: none; }
#contenu #contentPromos .nPromo { margin-bottom: 10px; clear: both; float: left; width: 150px; height: 30px; padding-top: 10px; background: url(img/bg-promo.gif) no-repeat; text-align: center; margin-right: 15px; }
#contenu #contentPromos .nPromo a { font-weight: bold; font-size: 1.33em; text-decoration: none; }
#contenu #contentPromos .nPromo a:hover { color: #ec711d; }
#contenu #contentPromos .dPromo { margin-bottom: 10px; float: left; width: 190px; height: 40px; margin-right: 15px; font-size: 0.92em; padding-top: 3px; }
#contenu #contentPromos .dPromo a { font-size: 0.92em; }
#contenu #contentPromos .dPromo a:hover { font-size: 0.92em; text-decoration: none; color: #EEE; background: #ec711d; }
#contenu #contentPromos .dPromo2 { margin-bottom: 10px; float: left; width: 190px; height: 40px; margin-right: 15px; font-size: 0.92em; }
#contenu #contentPromos .dPromo2 a:hover { text-decoration: none; color: #EEE; background: #ec711d; }
#contenu #contentPromos a.cPromo { margin-bottom: 10px; float: left; width: 140px; height: 35px; padding-top: 5px; background: url(img/code-promo.gif) no-repeat; text-align: center; font-weight: bold; color: #EEE; text-decoration: none; }
#contenu #contentPromos a.cPromo:hover { background: url(img/code-promo-hover.gif) no-repeat; }
#contenu #contentPromos .codePromo { margin-bottom: 10px; background: url(img/code-promo-hover.gif) no-repeat; text-align: center; font-weight: bold; color: #EEE; float: left; width: 140px; height: 40px; }
#contenu #contentPromos .codePromo p { padding-top: 13px; color: #EEE; }

#contenu #contentMeilleuresPromos { clear: both; padding: 15px 20px 0 20px; color: #777; }
#contenu #contentMeilleuresPromos img { padding: 0; margin: 0; border: none; display: block; margin: auto; }
#contenu #contentMeilleuresPromos table { width: 100%; }
#contenu #contentMeilleuresPromos .classement { width: 40px; font-size: 1.50em; }
#contenu #contentMeilleuresPromos td { border: 1px solid #4e7ab8; text-align: center; color: #777; font-size: 1.17em; font-weight: bold; }
#contenu #contentMeilleuresPromos td a { text-decoration: none; color: #777; font-size: 1em; font-weight: bold; }
#contenu #contentMeilleuresPromos td a:hover { text-decoration: none; background: none; color: #ec711d; }
/*#contenu #contentMeilleuresPromos tr.trhover:hover { background: #d0d8e4; }*/

#contenu .topTrame { margin: 0; margin-top: 3px; margin-left: 7px; width: 554px; height: 4px; background: url(img/bg-up-trame.png) no-repeat; }
#contenu .topTrame h1 { margin: 0; padding-top: 6px; color: #c3d9ff; font-size: 1.33em; text-align: center; }
#contenu .contentTrame { margin: 0; margin-left: 7px; width: 554px; background: url(img/bg-trame.png); }
#contenu .contentTrame p { margin: 0; padding: 0 10px 10px 10px; }
#contenu .contentTrame a {  font-size: 1em; text-decoration: none; }
#contenu .contentTrame a:hover { color: #ec711d; font-size: 1em; text-decoration: none; background: none; }
#contenu .contentTrame h1 { margin: 0; margin-bottom: 10px; padding: 0 0 0 10px; color: #ec711d; font-weight: bold; font-size: 1.33em; }
#contenu .bottomTrame { margin: 0 0 10px 7px; width: 554px; height: 4px; background: url(img/bg-down-trame.png) no-repeat; }

.pubBoutique { margin: 5px; text-align: center; }
.pubBoutique img { border: none; }
.pubBoutique a:hover { background: none; }

#footer { clear: both; margin: 10px 0 5px 7px; width: 896px; text-align: center; font-size: 0.83em; }
#footer a { font-size: 1em; }
#footer a.share:hover { background: none; }

p { margin: 0; padding : 0; }
form { margin: 0; padding : 0; }