/* Réalisation e-Lixir */
*    { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
HTML { height: 100%; }
BODY { height: 100%; font-size: 12px; background: #707070 url('../pics/charte/bg-body.png') left top repeat-x; color: #FFF; }
A  { color:#fff; text-decoration:underline; }
A IMG { border: none; }

/* Global */
#global { background: #aaa; position: absolute; width: 972px; margin: 42px 0 0 -486px; left: 50%; }

/* Header */
#header { height: 29px; background: url(../pics/charte/bg-header.png) left top no-repeat; padding: 140px 0 0 180px; }

A#logoLink { position: absolute; left: 25px; top: 30px; display: block; width: 151px; height: 110px; font-size: 0px; line-height: 0px; text-decoration: none; text-indent: -10000px; }

/* Menu */
#header UL { list-style: none; }
#header UL LI { list-style: none; float: left; padding: 0 10px 0 0; }
#header UL LI A { display: block; float: left; width: 115px; height: 29px; text-indent: -10000px; font-size: 0px; line-height: 0px; text-decoration: none; }
#header UL LI A:hover { }

/* header -> Home */
#headerHome { height: 155px; background: url(../pics/charte/bg-header.png) left top no-repeat; padding: 14px 0 0 180px; }
#headerHome UL { list-style: none; }
#headerHome UL LI { list-style: none; float: left; padding: 0 10px 0 0; }
#headerHome UL LI A { display: block; float: left; width: 115px; height: 29px; text-indent: -10000px; font-size: 0px; line-height: 0px; text-decoration: none; }
#headerHome UL LI A:hover { }
#headerHome #encartFlashHome { height: 126px; }

#banniereSmall { position:absolute; width:468; top: 40px; left : 260px; }
#banniereBig   { position:absolute; width:728px; top: 30px; left : 180px; }

#recompenses { position: absolute; left: 86px; top: 722px; width: 80px; height: 80px; }

#recompenses IMG { margin: 0 0 15px 0; }

A#item1 { background: url(../pics/charte/bg-menu-item1.png) left top no-repeat; }
A#item2 { background: url(../pics/charte/bg-menu-item2.png) left top no-repeat; }
A#item3 { background: url(../pics/charte/bg-menu-item3.png) left top no-repeat; }
A#item4 { background: url(../pics/charte/bg-menu-item4.png) left top no-repeat; }
A#item5 { background: url(../pics/charte/bg-menu-item5.png) left top no-repeat; }
A#item6 { background: url(../pics/charte/bg-menu-item6.png) left top no-repeat; }

A#item1:hover,A#item2:hover,A#item3:hover,A#item4:hover,A#item5:hover,A#item6:hover { background-position: left bottom !important; }

A#item1En { background: url(../pics/charte/bg-menu-item1En.png) left top no-repeat; }
A#item2En { background: url(../pics/charte/bg-menu-item2En.png) left top no-repeat; }
A#item3En { background: url(../pics/charte/bg-menu-item3En.png) left top no-repeat; }
A#item4En { background: url(../pics/charte/bg-menu-item4En.png) left top no-repeat; }
A#item5En { background: url(../pics/charte/bg-menu-item5En.png) left top no-repeat; }
A#item6En { background: url(../pics/charte/bg-menu-item6En.png) left top no-repeat; }

A#item1En:hover,A#item2En:hover,A#item3En:hover,A#item4En:hover,A#item5En:hover,A#item6En:hover { background-position: left bottom !important; }

/* Header: en haut à droite */
#blocHeader { position: absolute; top:0; left: 817px; height: 130px; width: 135px; padding: 20px 0 0 0; font-size: 12px; }
#blocHeader P#lang { text-align: right; color: #000; }
#blocHeader P#lang A { color: #000; }
#blocHeader P#lang A:hover { }
#blocHeader P#lang A.flags { display: block; float: right; height: 15px; width: 25px; text-indent: -10000px; font-size: 0px; line-height: 0px; text-decoration: none; z-index: 15; text-decoration: none; color: #CBCBCB; }
#blocHeader P#lang A#en    { background: url(../pics/charte/flag-en.gif) top left no-repeat;  }
#blocHeader P#lang A#fr    { background: url(../pics/charte/flag-fr.gif) top left no-repeat;  }


/*#blocHeader A#addCaddy { display: block; width: 118px; height: 23px; background: url(../pics/charte/bg-caddy.jpg) left top no-repeat; text-indent: -10000px; font-size: 0; line-height: 0; text-decoration: none; margin: 10px 0 10px 20px; }*/
#blocHeader A#addCaddy { display: block; width: 80px; height: 23px; background: url(../pics/charte/bg-panier.gif) left top no-repeat; text-indent: -10000px; font-size: 0; line-height: 0; text-decoration: none; margin: 20px 0 10px 50px; }
#blocHeader A#addCaddyEn { display: block; width: 80px; height: 23px; background: url(../pics/charte/bg-panierEn.gif) left top no-repeat; text-indent: -10000px; font-size: 0; line-height: 0; text-decoration: none; margin: 20px 0 10px 50px; }

#blocHeader LABEL { color: #000; font-weight: bold; display: block; margin: 0 0 2px 0; }
#blocHeader FORM#search P { text-align: right; }
#blocHeader FORM#search SELECT { width: 95px; font-size: 11px; padding: 1px 0 1px 0;  }
#blocHeader FORM#search INPUT#btnOk { width: 20px; height: 20px; vertical-align: middle; cursor: pointer; background: url('../pics/charte/bg-ok.gif') left top no-repeat; border: none; margin: 1px 0 0 5px; }

/* Contenu */
#contenu { height: 580px; background: #000; padding: 10px 0 0 0; }
*> #contenu { min-height: 580px; height: auto !important; }

/* Article */
#article { padding: 30px 10px 0 20px; overflow: hidden; }
#article H1 { font-size: 23px; color: #DB7010; margin: 0 0 6px 0; }
#article H2 { font-size: 17px; color: #DB7010; margin: 0 0 11px 0; }
#article H2 A { color: #DB7010; }
#article P  { margin:0 0 15px 0; font-size: 14px !important; }
#article UL { margin:0 0 15px 30px; line-height:18px; list-style:outside; font-size: 13px !important; }
#article UL LI {  }

/* Home page */
#article #homeLeft   { float: left; height: 300px; width: 238px; }
#article #homeLeft IMG { border: 1px solid #FFF; }

#article #homeCenter { float: left; width: 550px; }
#article #homeCenter P { font-size: 14px !important;  }
#article #homeCenter IMG { float: left; border: 1px solid #FFF; }
#article #homeCenter .homeCenterEncarts { float: right; width: 429px; height: 141px; margin: 0 0 21px 0; background: url(../pics/charte/homeCenterEncarts-bg.png) right bottom no-repeat; }
*> .homeCenterEncarts { min-height: 141px; height: auto !important; }
#article #homeCenter .homeCenterEncarts H2 { font-size: 14px; color: #CB1313; margin: 0 0 7px 0; font-weight: normal; }
#article #homeCenter .homeCenterEncarts H2 SPAN { display: block; color: #D8890E; margin: 3px 0 0 0; font-style: italic; }
#article #homeCenter .homeCenterEncarts P { line-height: 13px; margin: 0 0 5px 0; }
#article #homeCenter .homeCenterEncarts A { color: #EB1313; }

#article #homeRight  { float: right; width: 135px; height: 305px; padding: 5px 0 0 0; background: url(../pics/charte/newsletter-bg.png) left top no-repeat; }
#article #homeRight P { font-size: 10px; }
#article #homeRight A { color: #000; text-decoration: underline; }
#article #homeRight IMG { display: block; margin: 5px auto 0 auto; }
#article #homeRight FORM { padding: 40px 0 0 0; margin: 7px 0 0 0; background: url(../pics/charte/newsletter-form-bg.png) center top no-repeat; }
#article #homeRight FORM P { }
#article #homeRight FORM P INPUT { width: 120px; padding: 1px 0 1px 2px; color: #858383; font-size: 10px; border-top: 1px solid #4A4A4A; border-left: 1px solid #4A4A4A; border-bottom: 1px solid #4A4A4A; border-right: 1px solid #4A4A4A; }
#article #homeRight FORM P INPUT.btn { width: 27px; height: 27px; background: url(../pics/charte/newsletter-form-submit-bg.png) left top no-repeat; border: none; margin: 9px 0 0 0; }

/* Diaporama */
#diaporama            { background:url(../pics/charte/bg-diaporama.jpg) top center no-repeat; height:168px; padding:24px 8px 0 8px; }
.diapoNav             { float:left; width:32px; height:142px; padding:4px 0 0 0; font-size:0; text-indent:-9000px; cursor:pointer; }
/*#prevFilms            { background:url(../pics/charte/diaporama-prev.jpg) top center no-repeat; }*/
#prevFilms            { background:url(../pics/charte/diaporama-prev.png) top center no-repeat; }
/*#nextFilms            { background:url(../pics/charte/diaporama-next.jpg) top center no-repeat; padding:4px 0 0 2px; }*/
#nextFilms            { background:url(../pics/charte/diaporama-next.png) top center no-repeat; padding:4px 0 0 2px; }
#nextFilms:hover, #prevFilms:hover { background-position: bottom center !important; }
#filmsSliderContainer { float:left; width:875px; height:146px; margin:0 0 0 15px; overflow:hidden; position:relative; }
#filmsSlider          { height: 146px; position:absolute; width:875px; }
.film                 { float: left; width:110px; margin:0 15px 0 0; }

/* Fiche Documentaire */
#docsIntro       { background: url(../pics/charte/bg-docsIntro.gif) left top repeat-y; overflow: auto; }
#docsAffiche     { float: left; width:272px; border-bottom:1px solid #C3C3C3; margin:0 0 0 2px; background: url(../pics/charte/bg-docsIntroText.png) right top no-repeat; }
#docsIntro IMG   { float: left; margin: 0 0 0 0; border:1px solid #C6C6C6; border-bottom:none; }
#docsIntroText   { float: left; width: 330px; margin: 1px 0 0 0; padding: 0 0 0 20px; }
#docsIntroText P { color: #808080; line-height: 18px; margin-bottom: 15px; }

#docsVideo { width: 321px; height: 260px; background: url(../pics/charte/bg-docsVideo.gif) left top no-repeat; margin: 0 0 0 215px; padding: 52px 0 70px 307px; }
#docsVideo OBJECT, #docsVideo EMBED { width: 319px !important; height: 258px !important; }

#centrage { padding: 0 160px 0 50px; }
#centrage P {  line-height: 17px; }

/* Recherche dans catalogue */
#article .encartSearch { width: 550px; margin: 0 auto 0 auto; background: url(../pics/charte/homeCenterEncarts-bg.png) right bottom no-repeat; overflow: hidden; }
#article .encartSearch IMG { float: left; border: 1px solid #FFF; }
#article .encartSearch .descriptionEncarts { float: right; width: 429px; height: 141px; margin: 0 0 21px 0; }
*> .homeCenterEncarts { min-height: 141px; height: auto !important; }
#article .encartSearch .descriptionEncarts H2 { font-size: 14px; color: #CB1313; margin: 0 0 7px 0; font-weight: normal; }
#article .encartSearch .descriptionEncarts H2 SPAN { display: block; color: #D8890E; margin: 3px 0 0 0; font-style: italic; }
#article .encartSearch .descriptionEncarts P { line-height: 13px; margin: 0 0 5px 0; }
#article .encartSearch .descriptionEncarts A { color: #EB1313; }

.descriptionEncarts { height: 120px !important; }
*> .descriptionEncarts { min-height: 120px; height: auto !important; }
#contResults { padding: 60px 0 0 0; }
.encartSearch { margin-bottom: 30px !important; overflow: hidden; }
#alphabet { padding: 5px 0 0 35px; float: left; }
#alphabet A { color: #FFF; text-decoration: none; display: block; float: left; padding: 0 8px 0 0; outline: none; }
#alphabet SPAN { display: block; float: left; padding: 0 8px 0 0; color: #444; }
#alphabet STRONG { display: block; float: left; padding: 0 8px 0 0; color: #9B2C2C; }

.proResults { width: 500px; margin: 0 auto 40px auto; overflow: hidden; }
.proResults IMG { float: left; margin: 0 10px 0 0; }
.proResults UL  { float: left; width: 300px; }

/* VOD */
#vodIntro        { position:relative; height:295px; background:url(../pics/charte/bg-vodIntro.jpg) top left no-repeat; }
*> #vodIntro     { min-height: 295px; height: auto !important; }
/* Fiche film */
#filmIntro        { position:relative; height:295px; background:url(../pics/charte/bg-filmIntro.gif) top left no-repeat; }
*> #filmIntro     { min-height: 295px; height: auto !important; }
#filmAffiche      { float:left; border:1px solid #fff; border-bottom:none; }
#filmAffiche IMG  { border-bottom:1px solid #fff; }
#filmSortie       { position:absolute; top:200px; left:212px; width:109px; text-align:center; }
#annneSortie      { color:#DB7010; font-weight:bold; font-size:18px; margin-top:60px !important; }

.libelle     { float:left; display:block; color:#9E1C20; font-weight:bold; font-size:12px; width:106px; text-align:right; padding:0 16px 0 0; }
.libelleTech { display:block; clear:both; width:151px!important; text-align:right; padding:0 12px 5px 0; margin-right: 14px !important;  background: #C00;}


/* Conteneur d'une fiche film */

DIV.contfichtech { width: 400px; float: left; }
.techGauche { float: left; width: 150px !important; text-align: right; margin-bottom: 2px; font-size: 14px; }
.techDroite { float: right; width: 225px !important; margin-bottom: 5px; font-size: 14px; }

#filmPresentation           { float:left; width:600px; padding:26px 0 0 0; color:#999797; }
#filmPresentation H1        { margin:0 0 11px 0; padding:0 0 0 123px; }
#filmPresentation H2        { margin:0 0 10px 0; padding:0 0 0 123px; }
#filmPresentation H3        { margin:0 0 10px 0; padding:0 0 0 123px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#filmPresentation H3 A      { color:#DB7010; }
#filmPresentation .titre    { padding:11px 16px 0 0; }
#filmPresentation .rea      { padding:4px 16px 0 0; }
#filmPresentation .synopsis { padding:0 150px 15px 123px; font-size:12px; line-height:18px; }

/*#filmPreview     { position:absolute; left:97px; background:url(../pics/charte/bg-filmPreview.jpg) top left no-repeat; padding:53px 0 0 0; }
#filmPreview DIV { border:1px solid #fff; padding:1px; width:318px; height:258px; }*/

#filmPreview     { position:absolute; left:97px; background:url(../pics/charte/bg-filmPreview.jpg) top left no-repeat; padding:53px 0 0 0; }
#filmPreview #diapo { border:1px solid #FFF; padding:1px; width:318px; height:258px; }

/* Diaporama */
#diapo DIV.controls   { }
#diapo DIV.controls P { text-align: justify; margin: 1px 0 0 0 !important; }
#diapo DIV.controls A { display: block; float: left;  margin: 0 15px 0 0; padding: 3px 0 0 0; font-size: 10px; color: #3B3B3B; text-decoration : none; outline: 0; display:inline; }
#diapo DIV.controls A:hover, #diapo DIV.controls A.active { color: #FFF; }
#diapo DIV.controls A.last { margin: 0 !important; }

#diapo DIV.scroller { overflow: hidden; width: 318px; }
#diapo DIV.scroll { width: 10000px; }
#diapo DIV.section { float: left; overflow: hidden; width: 524px; }

#docsVideo DIV.controls   { }
#docsVideo DIV.controls P { text-align: justify; margin: 1px 0 0 0 !important; }
#docsVideo DIV.controls A { display: block; float: left;  margin: 0 15px 0 0; padding: 3px 0 0 0; font-size: 10px; color: #3B3B3B; text-decoration : none; outline: 0; display:inline; }
#docsVideo DIV.controls A:hover, #diapo DIV.controls A.active { color: #FFF; }
#docsVideo DIV.controls A.last { margin: 0 !important; }

#docsVideo DIV.scroller { overflow: hidden; width: 318px; }
#docsVideo DIV.scroll { width: 10000px; }
#docsVideo DIV.section { float: left; overflow: hidden; width: 524px; }

/* Diaporama */
#illus           { float:right; width: 311px; margin: 2px 22px 0 0; line-height: 13px !important; }
#illus DIV.controls   { padding :0 0 0 0; }
#illus DIV.controls P { text-align: justify; margin: 1px 0 0 0 !important; width: auto !important; padding: 0 0 0 10px; }
#illus DIV.controls A { display: block; float: left;  margin: 0 15px 0 0; padding: 3px 0 0 0; font-size: 10px; color: #3B3B3B; text-decoration : none; outline: 0; display:inline; }
#illus DIV.controls A:hover, #diapo DIV.controls A.active { color: #FFF !important; }
#illus DIV.controls A.last { margin: 0 !important; }

#illus DIV.scroller { overflow: hidden; width: 311px; }
#illus DIV.scroll { width: 10000px; }
#illus DIV.section { float: left; overflow: hidden; width: 311px; }

/* fin */

#ficheTechnique        { color:#999797; clear:both; height:322px; padding:0 0 20px 185px; background:url(../pics/charte/bg-filmFicheTechnique.jpg) top left no-repeat; font-size:12px; line-height:18px; }
*> #ficheTechnique     { min-height: 322px; height: auto !important; }
#ficheTechnique .fiche { padding:20px 0 40px 100px; }
#ficheTechnique P      { float:left; width:240px; margin-bottom:0!important; }

#contCritiquesFestivals { overflow: hidden; background: url(../pics/charte/bg-contCritiquesFestivals.gif) left top repeat-y; }
#critiquesFestivals    { background:url(../pics/charte/bg-filmCritiques.jpg) left bottom no-repeat; padding-bottom:50px; }
*> #critiquesFestivals { min-height:540px; height:auto!important; }
#critiquesFestivals STRONG { color:#BB873C; }

#filmCritiques            { padding:0 0 0 320px; }
#filmCritiques .critiques { float:left; display:block; color:#9E1C20; font-weight:bold; font-size:12px; width:116px; text-align:right; vertical-align:middle; padding:18px 28px 0 0; display: block; background: url(../pics/charte/bg-span-critiques.gif) right top no-repeat; }
#filmCritiques #critiques { padding:18px 0 40px 20px; margin:0 0 0 142px; line-height:18px; }

#filmFestivals            { padding:0 160px 20px 440px; background:url(../pics/charte/bg-filmFestivals.gif) top left no-repeat; }
#filmFestivals .festivals { margin:0 0 30px 0; }
#filmFestivals P          { clear:left; padding:0 0 0 44px; }

#filmBonus            { padding:0 160px 0 440px; background:url(../pics/charte/bg-filmFestivals.gif) top left no-repeat; }
#filmBonus .festivals { margin:0 0 30px 0; }
#filmBonus P          { clear:left; padding:0 0 0 44px; }

A.panier  { position: absolute;  left: 815px; display:block; width:110px; height: 36px; background: url(../pics/charte/buy.png) top center no-repeat; text-indent: -10000px; font-size: 0; line-height: 0; text-decoration: none; margin: 30px 0 0 0; z-index: 10; }
A.panier:hover { background-position: left bottom !important; }

A.panierEn  { position: absolute;  left: 815px; display:block; width:110px; height: 36px; background: url(../pics/charte/buyEn.png) top center no-repeat; text-indent: -10000px; font-size: 0; line-height: 0; text-decoration: none; margin: 30px 0 0 0; z-index: 10; }
A.panierEn:hover { background-position: left bottom !important; }

A.event  { position: absolute; left: 815px; display:block; width:110px; height: 36px; background: url(../pics/charte/see-actus.png) top center no-repeat; text-indent: -10000px; font-size: 0; line-height: 0; text-decoration: none; margin: 75px 0 0 0; z-index: 10;}
A.event:hover { background-position: left bottom !important; }

A.eventEn  { position: absolute; left: 815px; display:block; width:110px; height: 36px; background: url(../pics/charte/see-actusEn.png) top center no-repeat; text-indent: -10000px; font-size: 0; line-height: 0; text-decoration: none; margin: 75px 0 0 0; z-index: 10;}
A.eventEn:hover { background-position: left bottom !important; }

.vodLink  { display:block; width: 53px; height: 34px; background:url(../pics/charte/vod.png) top center no-repeat; text-indent: -10000px; font-size: 0 !important; line-height: 0; position:absolute; right:60px; z-index:1000; margin-top: 30px; }
INPUT.panier  { display:block; width:83px; padding:65px 0 0 0; background:url(../pics/charte/panier.jpg) top center no-repeat; border: none; color:#fff; text-decoration:none; font-weight:bold; line-height:14px; font-size:14px; text-align:center; float:right; margin-right:30px; cursor: pointer; z-index:1000; }

A#return { display: block; float: right; width: 110px; height: 36px; background:url(../pics/charte/return.png) left top no-repeat; text-indent:-10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#return:hover { background-position: left bottom !important; }

A#returnEn { display: block; float: right; width: 110px; height: 36px; background:url(../pics/charte/returnEn.png) left top no-repeat; text-indent:-10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#returnEn:hover { background-position: left bottom !important; }

/* Fiche actualité */
DIV.actuGauche { float: left; width: 220px; }
DIV.actuDroite { float: right; width: 680px; padding: 0 40px 0 0; }

/* Espace pro */
#espacePro { width:320px; margin:0 auto 0 auto; font-size:12px; color:#aaa; }
#espacePro H1 { color:#aaa!important; font-size:12px; float:left; margin:0 0 20px 100px; }
#espacePro P { clear:both; }
#espacePro INPUT { display:block; float:right; width:200px; height:14px; border:1px solid #fff; background:#666; margin:15px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; padding:0 1px 1px 1px; }
#espacePro TEXTAREA { display:block; overflow: auto; float:right; width:200px; height:100px; border:1px solid #fff; background:#666; margin:15px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; padding:0 1px 1px 1px; }
#espacePro LABEL { display:block; float:right; margin:15px 5px 0 0; }
#espacePro .btn  { display:block; width:25px; height:25px; background:url(../pics/charte/check.jpg) top left no-repeat; border:none; cursor:pointer; float:right; margin:30px 85px 50px 0!important; }
#espacePro INPUT.chk { width: auto; border: none; background: none; vertical-align: middle; float: left; }
#espacePro P.nolabel { text-align : center; padding: 0 0 0 100px; }
#espacePro LABEL.inline { float: none; display: inline; margin: 0 0 0 15px; }


/* Résultats de recherche */
.contActRealFilms { overflow: hidden; margin: 0 0 20px 0; }
H3.titreRecherche { font-size: 14px; color: #BB873C; margin: 0 0 30px 0; padding: 0 0 0 100px; width: 400px; }

/* Contact */
#contact { width:310px; margin:0 auto 20px auto; font-size:12px; color:#aaa; }
#contact P { clear:both; }
#contact INPUT { display:block; float:right; width:190px; height:14px; border:1px solid #fff; background:#666; margin:15px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; padding:0 1px 1px 1px; }
#contact TEXTAREA { display:block; float:right; width:190px; height:100px; overflow: auto; border:1px solid #fff; background:#666; margin:15px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; padding:0 1px 1px 1px; }
#contact LABEL { display:block; float:right; margin:15px 5px 0 0; }
#contact .btn  { display:block; width:25px; height:25px; background:url(../pics/charte/check.jpg) top left no-repeat; border:none; cursor:pointer; float:right; margin:20px 85px 0 0!important; }
#contact .nolabel { padding: 0 0 0 100px; text-align: center; }

#forgot { width:400px; margin: 80px auto 20px auto; font-size:12px; color:#aaa; }
#forgot P { clear:both; }
#forgot INPUT { width:200px; height:14px; border:1px solid #fff; background:#666; margin: 0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; padding:0 1px 1px 1px; }
#forgot LABEL { display:block; float:left; width: 110px; }
#forgot .btn  { display:block; width:25px; height:25px; background:url(../pics/charte/check.jpg) top left no-repeat; border:none; cursor:pointer; margin: 10px 0 0 0!important; }
#forgot .nolabel { padding: 0 0 0 110px; text-align: center; }

/* Tableau du panier */
TABLE.panier { width: 800px; margin: 50px auto 50px auto; }
TABLE.panier A { text-decoration: none; color: #DB7010; }
TABLE.panier TD.denomination A:hover { text-decoration: underline; }
TABLE.panier TR.entete TH { border-bottom: 2px solid #502307; text-align: left; padding: 0 0 7px 0; font-size: 14px; font-weight: normal; }
TABLE.panier TR.entete TH.denomination { text-align: left; padding: 0 0 0 10px; }
TABLE.panier TR TD { padding: 5px 0 5px 0; border-bottom: 1px solid #502307; }
TABLE.panier TR.alt TD { }
TABLE.panier TR.subtotal TD { border-bottom: none; padding-top: 15px !important; }

TABLE.panier TD.denomination { width: 390px; padding: 0 0 0 10px; }
TABLE.panier TD.pu { width: 45px; padding: 5px 60px 5px 0; text-align: right; }
TABLE.panier TD.qte    { width: 95px; padding: 5px 45px 5px 0; }
TABLE.panier TD.qte SELECT { width: 75px; font-size: 11px; border: 1px solid #000; }
TABLE.panier TD.total  { width: 60px; text-align: right; padding: 5px 45px 5px 0; }
TABLE.panier TD.action { width: 50px; text-align: center; padding: 5px 0 5px 0; }

.boutonXL { padding: 3px 10px 3px 10px !important; height: auto !important; width: auto !important; cursor: pointer !important; border-top: 1px solid #FFF !important; border-left: 1px solid #FFF !important; border-bottom: 1px solid #777 !important; border-right: 1px solid #777 !important; background: #502307 !important; color: #fff !important; }

/* Page connexion.php */
FORM#formConnexion { width: 410px; float: left; padding: 50px 0 0 50px; }
FORM#formConnexion H2, FORM#connexionRight H2 { margin: 0 0 30px 0; }
FORM#formConnexion P,  FORM#connexionRight P  { line-height: 18px; }
FORM#formConnexion LABEL { display: block; float: left; width: 150px; }
FORM#formConnexion INPUT { width:200px; height:16px; border:1px solid #fff; background:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0 1px 1px 1px; }

FORM#connexionRight { width: 390px; float: right; padding: 50px 30px 0 0; }
FORM#connexionRight INPUT { margin: 16px 0 0 0; }

/* Formulaire d'inscription */
FORM#user { padding: 0 0 50px 0; }
FORM#user H2 { margin: 0 0 30px 0; }
H3 { font-size: 13px; color: #E49305; margin: 0 0 15px 0; padding: 15px 0 0 0; }
FORM#user P  { line-height: 18px; }
FORM#user LABEL { display: block; float: left; width: 200px; }
FORM#user INPUT { width:200px; height:16px; border:1px solid #fff; background:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0 1px 1px 1px; }
FORM#user SELECT { width:200px; height:18px; border:1px solid #fff; background:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0 1px 1px 1px; }
FORM#user INPUT.chk { width: auto; border: none; background: none; vertical-align: middle; }
FORM#user P.nolabel { padding: 0 0 0 200px; }
FORM#user LABEL.inline { float: none; display: inline; margin: 0 0 0 15px; }

/* Formulaire d'édition des adresses */
#form_adr_facturation { padding: 0 0 50px 0; width: 450px; float: left; }
FORM#form_adr H2 { margin: 0 0 30px 0; }
H3 { font-size: 13px; color: #E49305; margin: 0 0 15px 0; padding: 15px 0 0 0; }
FORM#form_adr P  { line-height: 18px; }
FORM#form_adr LABEL { display: block; float: left; width: 200px; }
FORM#form_adr INPUT { width:200px; height:16px; border:1px solid #fff; background:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0 1px 1px 1px; }
FORM#form_adr SELECT { width:200px; height:18px; border:1px solid #fff; background:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0 1px 1px 1px; }
FORM#form_adr INPUT.chk { width: auto; border: none; background: none; vertical-align: middle; }
FORM#form_adr P.nolabel { padding: 0 0 0 200px; }
FORM#form_adr LABEL.inline { float: none; display: inline; margin: 0 0 0 15px; }

#form_adr_livraison { padding: 0 0 50px 0; width: 450px; float: right; }

/* Formulaire d'acceptation des CGV */
FORM#formCgv { padding: 0 0 50px 0; }
FORM#formCgv P  { line-height: 16px; }
FORM#formCgv LABEL { margin: 0 0 0 15px; }
FORM#formCgv INPUT { width:200px; height:16px; border:1px solid #fff; background:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0 1px 1px 1px; }
FORM#formCgv INPUT.chk { width: auto; border: none; background: none; vertical-align: middle; }
FORM#formCgv TEXTAREA { width:200px; height:100px; overflow: auto; border:1px solid #fff; background:#666; margin:15px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; padding:0 1px 1px 1px; }

/* Offres associés aux produits */
TABLE.offres    { width: 750px; padding: 5px 0 5px 0; margin: 0 auto 0 auto; }
TABLE.offres TR { }
TABLE.offres TD { vertical-align: top; padding-bottom: 30px !important; }
TABLE.offres TD A { }

TABLE.offres TD.illu       { width: 290px; padding: 0 30px 0 0; }
TABLE.offres TD.descriptif { width: 430px; padding: 0 0 0 0; text-align: justify; }
TABLE.offres TD.descriptif P.title { margin-bottom: 5px !important; font-size: 16px !important; }
.details { padding: 15px 0 0 0; }
.details INPUT.btn, IMG.predispo    { float: right; width: 111px; height: 30px; background: url('../pics/charte/bouton-panier.png') left top no-repeat; border: none; cursor: pointer; }
.details INPUT.btnEn, IMG.predispo  { float: right; width: 111px; height: 30px; background: url('../pics/charte/bouton-panierEn.png') left top no-repeat; border: none; cursor: pointer; }


.details INPUT.btnPreorder     { float: right; width: 111px; height: 30px; background: url('../pics/charte/bouton-precommande.png') left top no-repeat; border: none; cursor: pointer; }
A.precommande { float: right; display: block; width: 111px; height: 30px; background: url('../pics/charte/bouton-precommande.png') left top no-repeat; border: none; cursor: pointer; text-indent: -10000px; font-size:0; text-decoration: none; }
A.precommandeEn { float: right; display: block; width: 111px; height: 30px; background: url('../pics/charte/bouton-precommandeEn.png') left top no-repeat; border: none; cursor: pointer; text-indent: -10000px; font-size:0; text-decoration: none; }

.details SPAN.dateDispo { display: block; float: left; text-align: left; width: 180px; font-size: 10px; padding: 8px 0 0 0; color: #DB7010; }
.details SPAN.dateDispo STRONG { color: #FFF; }
SPAN.prix { display: block; float: right; text-align: right; width: 111px; font-size: 16px; font-weight: bold; color: #DB7010; }
H2.dvd { padding: 0 0 0 98px; }

/* Footer */
#footer { clear:both; height: 40px; padding: 40px 0 0 0; background: #000 url(../pics/charte/bg-footer.jpg) left top no-repeat; }
#footer UL { list-style: none; width: 565px; margin: 0 auto 0 auto; }
#footer UL LI { display: inline; font-size: 13px; }
#footer UL LI A { color: #FFF; text-decoration: none; margin: 0 5px 0 5px; }
#footer UL LI A:hover { text-decoration: underline; }

#footerEn { clear:both; height: 40px; padding: 40px 0 0 0; background: #000 url(../pics/charte/bg-footer.jpg) left top no-repeat; }
#footerEn UL { list-style: none; width: 410px; margin: 0 auto 0 auto; }
#footerEn UL LI { display: inline; font-size: 13px; }
#footerEn UL LI A { color: #FFF; text-decoration: none; margin: 0 5px 0 5px; }
#footerEn UL LI A:hover { text-decoration: underline; }


/* Styles générique */
.spacer { clear: both !important; height: 1px; line-height:1px; font-size: 1px; }
.clear { clear: both !important; }
.textLeft, .left { text-align: left !important; }
.textRight, .right { text-align: right !important; }
.textCenter, .center { text-align: center !important; }
.orange { color: #E49305 !important; }
.rouge { color: #EB1313 !important; }
.or { color: #BB873C !important; }
.l { float: left; }
.r { float: right; }
.imgLeft { float: left; margin: 0 10px 10px 0; }

P.separator { height: 17px; clear: both; background: #000 url('../pics/charte/separator.png') left top no-repeat; width: 919px; margin: 0 auto 25px auto !important; }

/* Message d'erreur */
P.success { width: 840px; margin: 20px auto 0 auto; border: 1px solid #00ADEE; background: #D9F4FF url(../pics/charte/bg-success.gif) left top no-repeat; color: #008DC4 !important; font-size: 15px; padding: 23px 30px 23px 60px; clear:both; }
P.failed  { width: 840px; margin: 20px auto 0 auto; border: 1px solid #D8000C; background: #FFBABA url(../pics/charte/bg-failed.gif) left top no-repeat; color: #D6010E !important; font-size: 15px; padding: 23px 30px 23px 60px; clear:both; }
P.failed A { color: #D6010E !important; text-decoration: underline; }

/* Commande 2 : Choix des moyens de livraison */
.fdp { width: 270px; height: 90px; float: left; font-size: 11px; border: 2px solid #E49305; background: #FFF; color: #000; margin: 0 20px 10px 0; padding: 10px 10px 0 10px; }
.fdp IMG { float: left; margin: 0 15px 15px 0; }
.fdp INPUT { vertical-align: middle; }

/* Commande 2 : Présentation des adresses retenues pour la commande */
.adr { float: left; width: 350px; font-size: 11px; font-weight: bold; border: 2px solid #E49305; background: #FFF; color: #000; padding: 10px 10px 0 10px; margin: 0 20px 30px 0; }
H4 { color: #992C2C; font-size: 12px; margin: 0 0 5px 0; }

/* Commande 3 : Choix du moyen de paiement */
.moyenPaiement TABLE { width: 100%; }
.moyenPaiement TD { padding: 5px 5px 50px 5px; }
.moyenPaiement TD.choix { width: 150px; vertical-align: middle; }
.moyenPaiement TD.choix * { vertical-align: middle; }
.moyenPaiement INPUT { margin-right: 5px; }
.moyenPaiement IMG { cursor: pointer; margin: 0 0 0 10px; }
.moyenPaiement TD.moyenPaiement { cursor: pointer; }

/* Formulaire d'Edition de compte */
FORM#credentials { padding: 0 0 50px 0; }
FORM#credentials H2 { margin: 0 0 30px 0; }
H3 { font-size: 13px; color: #E49305; margin: 0 0 15px 0; padding: 15px 0 0 0; }
FORM#credentials P  { line-height: 18px; }
FORM#credentials LABEL { display: block; float: left; width: 200px; }
FORM#credentials INPUT { width:200px; height:16px; border:1px solid #fff; background:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0 1px 1px 1px; }
FORM#credentials SELECT { width:200px; height:18px; border:1px solid #fff; background:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0 1px 1px 1px; }
FORM#credentials INPUT.chk { width: auto; border: none; background: none; vertical-align: middle; }
FORM#credentials P.nolabel { padding: 0 0 0 200px; }
FORM#credentials LABEL.inline { float: none; display: inline; margin: 0 0 0 15px; }

/* Historique des commandes */
#article UL.histo { margin: 20px 0 0 13px; font-size: 11px; }
#article UL.histo LI { list-style: square; margin: 0 0 15px 0; }
#article UL.histo LI A { color: #E49305; font-weight: bold; text-decoration: none; font-size: 12px; }

/* Modal box */
/********** BOITE DE DIALOGUE DHTML **********/
#MB_overlay { position: absolute; top: 0; left: 0; margin: auto; width: 100%; height: 100%; z-index: 9999; background-color: #000 !important; }
#MB_overlay[id] { position: fixed; }
#MB_window { position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000; }
#MB_window[id] { position: fixed!important; }
#MB_frame { position: relative; height: 100%; background-color: #000 ; }
#MB_header { margin: 0; padding: 0; }
#MB_content { padding: 6px .75em; overflow: auto; }
#MB_caption { margin: 0; padding: .5em 2em .5em .75em; font: bold 100% "Lucida Grande", Arial, sans-serif; text-shadow: #600D0D 0 1px 0; text-align: left; }
#MB_close { position: absolute; top: 4px; right: 5px; display: block; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px; }
#MB_close:hover { background: transparent; }
#MB_loading { padding: 1.5em; text-indent: -10000px; background: transparent url(../pics/charte/spinner.gif) 50% 0 no-repeat; }
#MB_frame { padding-bottom: 7px; }
#MB_window { background-color: #EFEFEF; color: #000; }
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header { background-color: #600D0D; border-bottom: 1px solid #CCC; }
#MB_caption { color: #FFF; }
#MB_close { color: #777; }
#MB_close:hover { color: #FFF; }
.MB_alert { margin: 10px 0; text-align: center; }

.texteAuteur { width: 550px; margin: 0 auto 60px auto; text-align: justify; }

#doPrecommande { display: block; width: 111px; height: 30px; margin: 0 auto 0 auto; text-indent: -10000px; text-decoration: none; font-size:0px; background: url(../pics/charte/doPrecommande.png) left top no-repeat; }

#doPrecommandeEn { display: block; width: 111px; height: 30px; margin: 0 auto 0 auto; text-indent: -10000px; text-decoration: none; font-size:0px; background: url(../pics/charte/doPrecommandeEn.png) left top no-repeat; border: none; }

/* Formulaire de précommande */
#precommande { }
#precommande LABEL { display: block; float: left; width: 220px; }
#precommande TEXTAREA { width: 350px; height: 100px; border:1px solid #fff; background:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0 1px 1px 1px; font-size: 14px; }
#precommande SELECT { border:1px solid #fff; background:#666; font-size: 14px; color:#fff; }

#doPrecommande { display: block; width: 111px; height: 30px; margin: 0 auto 0 auto; text-indent: -10000px; text-decoration: none; font-size:0px; background: url(../pics/charte/doPrecommande.png) left top no-repeat; border: none; }