/* Général */
img { display:block; border:none;}
a { border:none;}

body {
	/*background-image:url(../images/logo_fond.gif);*/
	font-family:"Times New Roman", Times, serif;
	color:#622c80;
}
.clear {clear:both}


#main {margin:0 auto; width:978px; }

#main #header { width:978px; height:48px; position:relative}
#main #header .logo { float:left; height:40px;  }
#main #header .fil { float:right; height:40px; width:374px; }

#bottomNav { clear:both; width:978px; height:20px; font-size:12px; text-align:center; padding-top:3px; margin:0 auto;}
#bottomNav a { text-decoration:none; color:#000}
#bottomNav a:hover { text-decoration:underline;}

/* page Identification */
#main #top00 {clear:both; height:67px; width:978px; background:url("../images/00_top.jpg"); text-align:center; color:#323232; font-size:28px; font-weight:bold; padding-top:100px; }
#main #middle00 {width:978px; background:url("../images/00_middle_fond.jpg"); height:361px; text-align:center }
#main #middle00 .riso { float:left; width:232px; height:361px}
#main #middle00 .boxVideo { float:left; width:432px; height:361px; position:relative}
#main #middle00 .boxVideo .annonce { position:absolute; left:3px; top:15px; width:410px; height:109px}
#main #middle00 .boxVideo .video { position:absolute; left:23px; top:120px; width:384px; height:160px; text-align:center; }
#main #middle00 .boxNumber { width:314px; height:361px; background:url("../images/00_identification_fond.gif"); margin:0 auto; text-align:center; float:left; position:relative; }
#main #middle00 .boxNumber .idLien { position:absolute; top:120px; left:2px; width:300px; height:35px; font-weight:bold; }
#main #middle00 .boxNumber .idLien a { color:#000; text-decoration:underline; font-size:17px }
#main #middle00 .boxNumber .id { position:absolute; top:210px; left:5px; width:300px; height:60px; }
#main #middle00 .boxNumber .id input {height:46px; margin-right:5px; font-size:44px; border:3px solid #F00  }
#main #middle00 .boxNumber .id input.short { width:25px; height:50px; margin-right:5px; padding-top:5px }
#main #middle00 .boxNumber .id input.medium { width:50px; height:50px; margin-right:5px; padding-top:5px}
#main #middle00 .boxNumber .id input.large { width:75px; height:50px; margin-right:5px; padding-top:5px }
#main #middle00 .boxNumber .bouton {position:absolute; top:280px; left:10px; width:281px; height:76px}
#main #bas00 {clear:both; height:41px; width:978px; }
#main #fondOrange00 { height:80px; width:978px; background:url("../images/00_fond.png"); }
#main #bottom00 { height:22px; width:978px;}

/* page 01 */
#main #top01 {clear:both; height:211px; width:978px; color:#000 }
#main #top01 .left {float:left; width:30px;}
#main #top01 .middle {float:left; width:918px; height:125px; background:url("../images/01_top_fond.gif"); text-align:center; padding-top:86px; }
#main #top01 .middle .condition  { color:#e0051c; font-size:18px;  }
#main #top01 .middle .sweep  { font-size:28px; line-height:40px  }
#main #top01 .middle .somme  { font-size:58px; font-weight:bold; line-height:56px }
#main #top01 .right {float:left; width:30px;}

#main #topcheque01 {height:78px; width:978px;}
#main #topcheque01 .left {float:left; width:30px;}
#main #topcheque01 .middle {float:left; width:918px; height:68px; text-align:center; font-size:18px; color:#000000; padding-top:10px; background-color:#fffaec}
#main #topcheque01 .right {float:left; width:30px;}

#main #cheque01 {height:335px; width:978px; font-family:"Arial Black", Gadget, sans-serif}
#main #cheque01 .left {float:left; width:30px;}
#main #cheque01 .middle {float:left; width:918px; height:335px; background:url("../images/01_cheque_fond.jpg"); text-align:center; font-size:18px; color:#000000; position:relative;}
#main #cheque01 .middle .nom { position:absolute; top:143px; left:197px; font-weight:bold; width:350px; text-align:left}
#main #cheque01 .middle .numero { position:absolute; top:240px; left:106px; font-size:50px; font-weight:bold; letter-spacing:10px; color:#fff717; }
#main #cheque01 .right {float:left; width:30px;}

#footer01 {height:131px; width:978px; margin:0 auto;}
#footer01 .left {float:left; width:30px; height:131px; background:url("../images/01_bottom_left.png"); position:relative}
#footer01 .left .coins { position:absolute; z-index:5px; left:-23px; width:23px; height:177px;}
#footer01 .middle {float:left; width:918px; height:131px; background:url("../images/01_bottom_fond.gif"); text-align:center; font-size:18px; color:#000000; position:relative;}
#footer01 .middle .bouton { position:absolute; top:5px; left:210px; font-weight:bold; font-style:italic }
#footer01 .right {float:left; width:30px; height:131px; background:url("../images/01_bottom_right.png"); position:relative}
#footer01 .right .coins { position:absolute; z-index:7px; right:-23px; width:23px; height:177px;}

/* page 02 */
#main #top02 {clear:both; height:188px; width:978px; color:#000 }
#main #top02 .left {float:left; width:30px;}
#main #top02 .middle {float:left; width:918px; height:100px; background:url("../images/02_top_fond.jpg"); text-align:center; padding-top:88px; line-height:28px; }
#main #top02 .middle .sweep  { font-size:22px; }
#main #top02 .middle .important  { font-size:22px; color:#e0051c; }
#main #top02 .middle .somme  { font-size:58px; font-weight:bold; line-height:56px }
#main #top02 .right {float:left; width:30px;}

#main #identification02 { clear:both; width:978px;}
#main #identification02 .top {width:978px; height:26px; background:url("../images/02_identification_top_fond.gif"); text-align:center; font-size:20px; font-weight:bold}
#main #identification02 .left {float:left; width:30px; height:165px;}
#main #identification02 .illus01 {float:left; width:479px; height:165px;}
#main #identification02 .illus02 {float:left; width:439px; height:165px;}
#main #identification02 .right {float:left; width:30px; height:165px;}

#roue02 { clear:both; width:978px; height:363px; margin:0 auto;}
#roue02 .left {float:left; width:30px;}

#roue02 .middle {float:left; width:908px; height:314px;}
#roue02 .middle .top {width:908px; height:49px; background:url("../images/02_roue_top_fond.gif"); position:relative}
#roue02 .middle .top .perso { height:25px; position:absolute; font-size:20px; font-weight:bold; top:21px; left:340px}
#roue02 .middle .anime {width:908px; height:314px;}

#roue02 .right {float:left; width:40px;}

#footer02 { clear:both; height:42px; width:978px; margin:0 auto; background:url("../images/02_bottom_fond.gif"); position:relative}
#footer02 .leftCoins { position:absolute; z-index:9px; left:-28px; top:-30px; width:28px; height:117px; }
#footer02 .rightCoins { position:absolute; z-index:9px; left:978px; top:-30px; width:28px; height:117px; }

/* page 03 */
#main #top03 {clear:both; height:177px; width:978px; color:#000 }
#main #top03 .left {float:left; width:30px;}
#main #top03 .middle {float:left; width:918px; height:90px; background:url("../images/03_top_fond.jpg"); text-align:center; padding-top:87px; line-height:26px; }
#main #top03 .middle .sweep  { font-size:22px; }
#main #top03 .middle .important  { font-size:22px; color:#e0051c; }
#main #top03 .right {float:left; width:30px;}

#main #mags03 { clear:both; width:978px;}
#main #mags03 .left {float:left; width:30px; height:230px;}
#main #mags03 .illus01 {float:left; width:251px; height:230px;}
#main #mags03 .illus02 {float:left; width:655px; height:230px; background-color:#FFF; margin:0 auto; text-align:center}
#main #mags03 .right {float:left; width:42px; height:230px;}

#main #commande03 {clear:both; height:274px; width:978px; }
#main #commande03 .left {float:left; width:30px; height:274px}
#main #commande03 .middle {float:left; width:918px; height:260px; background-color:#fffaec; padding-top:14px; }
#main #commande03 .middle .coords {float:left; width:538px; height:220px; margin:5px 14px 0 14px; background-color:#FFF}
#main #commande03 .middle .coords .coordstop { width:538px; height:57px;}
#main #commande03 .middle .coords .coordsMiddle { height:147px; width:538px; font-size:11px; }
#main #commande03 .middle .coords .coordsMiddle .ligne { width:530px; border-bottom:1px solid #FFF; height:47px; background-color:#f1ebeb;  margin:0 auto; font-weight:bold}
#main #commande03 .middle .coords .coordsMiddle .ligne td { padding:5px 0 0 5px}
#main #commande03 .middle .coords .coordsMiddle .ligne input { background-color:#CCC; border:none; padding:0 2px 0 2px; color:#8c8c8c; height:20px }
#main #commande03 .middle .coords .coordsMiddle .ligne .inputEmail { background-color:#fff; border:1px solid #F00; padding:0 2px 0 2px; color:#8c8c8c; }
#main #commande03 .middle .panier {float:left; width:338px; height:220px; margin:5px 0; background-color:#FFF}
#main #commande03 .middle .panier .paniertop { width:338px; height:37px;}
#main #commande03 .middle .panier .panierMiddle { width:338px; height:118px; font-size:11px; }
#main #commande03 .middle .panier .panierMiddle .ligne01 { width:330px; border-bottom:1px solid #FFF; height:30px; background-color:#d8d8d8;  margin:0 auto; }
#main #commande03 .middle .panier .panierMiddle .ligne01 td { border-right:1px solid #FFF; height:30px; padding:0 0 0 2px }
#main #commande03 .middle .panier .panierMiddle .ligne02 { width:330px; border-bottom:1px solid #FFF; height:28px; background-color:#f1ebeb;  margin:0 auto;}
#main #commande03 .middle .panier .panierMiddle .ligne02 td { border-right:1px solid #FFF; height:28px; padding:0 0 0 2px}
#main #commande03 .middle .panier .panierMiddle .ligne02 .paiements3 { color:#F00; font-weight:bold}
#main #commande03 .middle .panier .panierBottom { width:338px; height:63px;}
#main #commande03 .middle .mentions { clear:both; width:900px; font-size:11px; text-align:center}
#main #commande03 .right {float:left; width:30px; height:274px}

#footer03 {height:95px; width:978px; margin:0 auto;}
#footer03 .left {float:left; width:33px;}
#footer03 .middle {float:left; width:915px; height:95px; background:url("../images/03_bottom_fond.jpg"); text-align:center; font-size:18px; color:#000000; position:relative;}
#footer03 .middle .bouton03 { width:438px; height:95px; position:absolute; top:0px; left:10px; }
#footer03 .middle .bouton04 { width:438px; height:95px; position:absolute; top:0px; left:458px; }
#footer03 .right {float:left; width:30px;}
#footer03 .bottom { clear:both; height:48px; width:978px; margin:0 auto; background:url("../images/03_bottom.gif"); position:relative}
#footer03 .bottom .leftCoins { position:absolute; z-index:10px; left:-24px; top:-94px; width:24px; height:143px; }
#footer03 .bottom .rightCoins { position:absolute; z-index:10px; left:978px; top:-94px; width:22px; height:143px; }

/* page 04 */
#main #top04 {clear:both; height:158px; width:978px; }
#main #top04 .left {float:left; width:30px;}
#main #top04 .middle {float:left; width:918px; height:65px; padding-top:93px; background:url("../images/04_top_fond.jpg"); text-align:center; font-size:22px; color:#000 }
#main #top04 .middle .sweep  { font-size:22px; }
#main #top04 .middle .important  { font-size:22px; color:#e0051c; }
#main #top04 .right {float:left; width:30px;}

#main #commandeRecap04 { clear:both; width:978px;}
#main #commandeRecap04 .top {width:935px; height:26px; background:url("../images/04_commandeRecap_top_fond.gif"); padding-left:43px; font-size:20px; font-weight:bold}
#main #commandeRecap04 .left {float:left; width:43px; height:298px;}
#main #commandeRecap04 .middle { float:left; width:892px; height:293px; background-color:#FFF; padding-top:5px}
#main #commandeRecap04 .middle .coords {float:left; width:538px; height:150px; margin:10px 6px 0 0; background-color:#FFF}
#main #commandeRecap04 .middle .coords .coordsMiddle { height:147px; width:538px; font-size:11px; }
#main #commandeRecap04 .middle .coords .coordsMiddle .ligne { width:530px; border-bottom:1px solid #FFF; height:47px; background-color:#f1ebeb;  margin:0 auto; font-weight:bold}
#main #commandeRecap04 .middle .coords .coordsMiddle .ligne td { padding:5px 0 0 5px}
#main #commandeRecap04 .middle .coords .coordsMiddle .ligne input { background-color:#CCC; border:none; padding:0 2px 0 2px; color:#8c8c8c; height:20px }
#main #commandeRecap04 .middle .panier {float:left; width:338px; height:150px; margin:10px 0; background-color:#FFF}
#main #commandeRecap04 .middle .panier .panierMiddle { width:338px; height:103px; font-size:11px; }
#main #commandeRecap04 .middle .panier .panierMiddle .ligne01 { width:330px; border-bottom:1px solid #FFF; height:30px; background-color:#d8d8d8;  margin:0 auto; }
#main #commandeRecap04 .middle .panier .panierMiddle .ligne01 td { border-right:1px solid #FFF; height:30px; padding:0 0 0 2px }
#main #commandeRecap04 .middle .panier .panierMiddle .ligne02 { width:330px; border-bottom:1px solid #FFF; height:23px; background-color:#f1ebeb;  margin:0 auto;}
#main #commandeRecap04 .middle .panier .panierMiddle .ligne02 td { border-right:1px solid #FFF; height:23px; padding:0 0 0 2px}
#main #commandeRecap04 .middle .panier .panierMiddle .ligne02 .paiements3 { color:#F00; font-weight:bold}
#main #commandeRecap04 .middle .recap { clear:both; width:870px; height:117px;}
#main #commandeRecap04 .right {float:left; width:43px; height:298px;}

#main #participationRecap04 { clear:both; width:978px}
#main #participationRecap04 .top {width:935px; height:27px; background:url("../images/04_participationRecap_top_fond.gif"); padding:30px 0 0 43px; font-size:20px; font-weight:bold}
#main #participationRecap04 .left {float:left; width:43px; height:102px;}
#main #participationRecap04 .middle { float:left; width:872px; background-color:#FFF; height:62px; padding: 40px 0 0 20px}
#main #participationRecap04 .middle .sweep  { font-size:22px; }
#main #participationRecap04 .middle .important  { font-size:22px; color:#e0051c; font-weight:bold }
#main #participationRecap04 .right {float:left; width:43px; height:102px;}

#footer04 { clear:both; height:116px; width:978px; margin:0 auto;}
#footer04 .left {float:left; width:48px;}
#footer04 .middle {float:left; width:882px; height:116px; background:url("../images/04_bottom_fond.gif"); text-align:center; font-size:18px; color:#000000; position:relative;}
#footer04 .middle .bouton05 { width:431px; height:77px; position:absolute; top:35px; left:5px; }
#footer04 .middle .bouton06 { width:431px; height:77px; position:absolute; top:35px; left:450px; }
#footer04 .right {float:left; width:48px;}
#footer04 .bottom { clear:both; height:41px; width:978px; margin:0 auto; background:url("../images/04_bottom.gif"); position:relative}
#footer04 .bottom .leftCoins { position:absolute; z-index:11px; left:-24px; top:-86px; width:24px; height:127px; }
#footer04 .bottom .rightCoins { position:absolute; z-index:11px; left:978px; top:-86px; width:22px; height:127px; }

/* page CONFIRMATION */
#main #topConfirmation {clear:both; height:158px; width:978px; }
#main #topConfirmation .left {float:left; width:30px;}
#main #topConfirmation .middle {float:left; width:918px; height:100px; padding-top:58px; background:url("../images/conf_top_fond.jpg"); text-align:center; font-size:22px }
#main #topConfirmation .middle .sweep  { font-size:22px; }
#main #topConfirmation .middle .important  { font-size:22px; color:#e0051c; }
#main #topConfirmation .right {float:left; width:30px;}

/* page STATIQUE */
#main #topStatique {clear:both; height:127px; width:978px; }
#main #topStatique .left {float:left; width:30px; }
#main #topStatique .middle {float:left; width:918px; height:127px; background:url("../images/statique_top_fond.jpg"); text-align:center; }
#main #topStatique .right {float:left; width:30px;}

#main #statique { clear:both; width:978px; color:#000}
#main #statique .middle { float:left; width:868px; background-color:#FFF; background:url("../images/statique_middle_fond.gif"); min-height:100px; padding:15px 50px 15px 60px}
#main #statique .middle .sweep  { font-size:22px; }
#main #statique .middle .important  { font-size:18px; color:#e0051c; font-weight:bold }

#footerStatique { clear:both; height:98px; width:978px; margin:0 auto;}
#footerStatique .left {float:left; width:48px;}
#footerStatique .middle {float:left; width:882px; height:98px; background:url("../images/statique_bottom_fond.gif"); text-align:center; font-size:18px; color:#000000; position:relative;}
#footerStatique .right {float:left; width:48px;}
#footerStatique .bottom { clear:both; height:41px; width:978px; margin:0 auto; background:url("../images/04_bottom.gif"); position:relative}
#footerStatique .bottom .leftCoins { position:absolute; z-index:11px; left:-24px; top:-86px; width:24px; height:127px; }
#footerStatique .bottom .rightCoins { position:absolute; z-index:11px; left:978px; top:-86px; width:22px; height:127px; }

/* LIGHT BOX */

#box01 { width:485px;display:none;  }
#box01 .top { width:485px; height:10px }
#box01 .middle { width:485px; background:url("../images/box01_fond.png"); }
#box01 .middle .exclam { float:left; width:66px; height:108px; padding-left:15px}
#box01 .middle .message { float:left; font-size:20px; width:400px; padding-top:10px }
#box01 .bottom { clear:both; width:485px; height:40px }

#box02 { width:690px;display:none;  }
#box02 .top { width:690px; height:10px }
#box02 .middle { width:630px; background:url("../images/box02_fond.png"); font-size:20px; padding:0 30px 0 30px }
#box02 .middle .image { width:396px; height:287px; margin:0 auto;}
#box02 .bottom { clear:both; width:690px; height:40px }

#box03 { width:560px;display:none;  }
#box03 .top { width:560px; height:10px }
#box03 .middle { width:560px; background:url("../images/box03_fond.png"); min-height:160px; position:relative }
#box03 .middle .exclam { float:left; width:66px; height:108px;padding-left: 11px;}
#box03 .middle .message { float:left; font-size:20px; width:480px; padding-top:30px }
#box03 .middle .boutonOui { position:absolute; top:110px; left:25px; width:253px; height:49px;}
#box03 .middle .boutonNon { position:absolute; top:110px; left:285px; width:253px; height:49px;}
#box03 .bottom { clear:both; width:560px; height:40px }

#box04 { width:690px;display:none; }
#box04 .top { width:690px; height:10px }
#box04 .middle { width:630px; background:url("../images/box02_fond.png"); font-size:20px; padding:0 30px 0 30px }
#box04 .middle .image { width:396px; height:287px; margin:0 auto;}
#box04 .bottom { clear:both; width:690px; height:40px }

#box05 { width:690px;display:none; }
#box05 .top { width:690px; height:10px }
#box05 .middle { width:644px; background:url("../images/box02_fond.png"); font-size:20px; padding-left:30px; margin-left: 3px; }
#box05 .middle .image { width:396px; height:287px; margin:0 auto;}
#box05 .middle .exclam { float:left; width:66px; height:108px;padding-left: 11px;}
#box05 .middle .message { float:left; font-size:20px; width:480px; padding-top:30px }
#box05 .bottom { clear:both; width:690px; height:40px }

.modalContainerError{position: absolute;display:none;position: fixed;background-color:#000;z-index: 99998;top: 0pt;left: 0pt;width: 100%;opacity: .5;filter:alpha(opacity=50);}
.modalError{display:none;z-index: 999999;position: fixed;top:30%;left:35%;width:400px;}