* {font-family:Arial, Helvetica, sans-serif}

body, html {margin:0; padding:0}

body {background:url(images/fond.gif) no-repeat #F3BE30 top center}

#preload {display:none}
#accueil {width:812px; height:607px; background:url(images/accueil.jpg); margin:0 auto}
#rubrique.benefices {width:812px; height:619px; background:url(images/fond_benefices.jpg); margin:0 auto}
#rubrique.produit {width:812px; height:582px; background:url(images/fond_produit.jpg); margin:0 auto}
#rubrique.demo {width:812px; height:851px; background:url(images/fond_demo.jpg); margin:0 auto}
#rubrique.quiz {width:812px; height:913px; background:url(images/fond_quiz.jpg); margin:0 auto}
#rubrique.credits {width:812px; height:622px; background:url(images/fond_credits.jpg); margin:0 auto}
#rubrique.mentions {width:812px; height:792px; background:url(images/fond_mentions.jpg); margin:0 auto}
#rubrique.reglement {width:812px; min-height:792px; background:url(images/reglement.gif); margin:0 auto; padding-bottom:20px}
#rubrique.reglement .fond {width:812px; min-height:792px; background:url(images/fond_mentions.jpg) no-repeat; margin:0 auto}
#rubrique.bravo {width:812px; height:621px; background:url(images/fond_bravo.jpg); margin:0 auto}
#rubrique.inscription {width:812px; height:707px; background:url(images/fond_inscription.jpg); margin:0 auto}
#rubrique.editeur {width:812px; height:851px; background:url(images/fond_editeur.jpg); margin:0 auto}
#rubrique.presse1 {width:812px; height:707px; background:url(images/fond_presse.jpg); margin:0 auto}
#rubrique.presse2 {width:812px; height:1141px; background:url(images/fond_revue.jpg); margin:0 auto}
#rubrique.presse3 {width:812px; height:707px; background:url(images/fond_presse_contact.jpg); margin:0 auto}
#rubrique.distributeur {width:812px; height:624px; background:url(images/fond_distributeur.jpg); margin:0 auto}
#rubrique.contact {width:812px; height:1036px; background:url(images/fond_contact.jpg); margin:0 auto}
#rubrique.contact2 {width:812px; height:582px; background:url(images/fond_contact2.jpg); margin:0 auto}

#bas_rubrique {width:812px; height:19px; background:url(images/bas_rubrique.png) 6px 0 no-repeat; margin:0 auto}

/* HAUT ACCUEIL */

#accueil #tirage {position:absolute; width:240px; height:175px; margin:0 0 0 565px}
#accueil #tirage a {display:block; position:absolute; width:102px; height:48px; margin:127px 0 0 98px; background:url(images/participer.gif)}
#accueil #tirage a:hover {background:url(images/participer_up.gif)}

#accueil #menu {position:absolute; margin:197px 0 0 0; padding:0; list-style-type:none}
#accueil #menu .produit {width:55px; height:67px; display:block; position:absolute; margin:0 0 0 12px}
#accueil #menu .demo {width:47px; height:91px; display:block; position:absolute; margin:-24px 0 0 80px}
#accueil #menu .benefices {width:72px; height:54px; display:block; position:absolute; margin:13px 0 0 130px}
#accueil #menu .editeur {width:65px; height:78px; display:block; position:absolute; margin:-11px 0 0 210px}
#accueil #menu .devenir_distributeur {width:86px; height:63px; display:block; position:absolute; margin:5px 0 0 278px}

#menu img {border:0}

#accueil #menu li {position:absolute}

#accueil .titre1 {position:absolute; font-size:28px; color:#D30052; margin:156px 0 0 400px; font-weight:bold; font-style:italic; width:240px}
#accueil .titre2 {position:absolute; font-size:14px; color:#D30052; margin:171px 0 0 528px; font-weight:bold; font-style:italic; width:240px}
#accueil .titre3 {position:absolute; font-size:28px; color:#D30052; margin:185px 0 0 404px; font-weight:bold; font-style:italic; width:340px}
#accueil .titre4 {position:absolute; font-size:14px; color:#D30052; margin:199px 0 0 674px; font-weight:bold; font-style:italic; width:240px}

#accueil #machine {position:absolute; font-size:14px; color:#D30052; margin:377px 0 0 45px; width:142px; height:108px; background:url(images/machine.gif)}

#accueil #contact {position:absolute; font-size:14px; color:#D30052; margin:377px 0 0 230px; width:150px; height:59px; background:url(images/contact.gif)}
#accueil #contact:hover {background:url(images/contact_up.gif)}

#accueil #presse {position:absolute; margin:392px 0 0 424px; width:103px; height:91px; background:url(images/presse.gif)}
#accueil #presse:hover {background:url(images/presse_up.gif)}

/* FIN HAUT ACCUEIL */

/* HAUT RUBRIQUES */

#rubrique #tirage {position:absolute; width:240px; height:175px; margin:0 0 0 565px}
#rubrique #tirage a {display:block; position:absolute; width:102px; height:48px; margin:42px 0 0 131px; background:url(images/participer_rub.gif)}
#rubrique #tirage a:hover {background:url(images/participer_rub_up.gif)}

#rubrique #menu {position:absolute; margin:107px 0 0 0; padding:0; list-style-type:none}
#rubrique #menu .produit {width:55px; height:67px; background:url(images/produit_rub.gif); display:block; position:absolute; margin:0 0 0 12px}
#rubrique #menu .demo {width:47px; height:91px; background:url(images/demo_rub.gif); display:block; position:absolute; margin:-24px 0 0 80px}
#rubrique #menu .benefices {width:72px; height:54px; background:url(images/benefices_rub.gif); display:block; position:absolute; margin:13px 0 0 130px}
#rubrique #menu .editeur {width:65px; height:78px; background:url(images/editeur_rub.gif); display:block; position:absolute; margin:-11px 0 0 210px}
#rubrique #menu .devenir_distributeur {width:86px; height:63px; background:url(images/distributeur_rub.gif); display:block; position:absolute; margin:5px 0 0 278px}

#rubrique #menu .produit:hover {background:url(images/produit_rub_up.gif)}
#rubrique #menu .demo:hover {background:url(images/demo_rub_up.gif)}
#rubrique #menu .benefices:hover {background:url(images/benefices_rub_up.gif)}
#rubrique #menu .editeur:hover {background:url(images/editeur_rub_up.gif)}
#rubrique #menu .devenir_distributeur:hover {background:url(images/distributeur_rub_up.gif)}

#rubrique #menu li {position:absolute}

#rubrique .titre1 {position:absolute; font-size:28px; color:#D30052; margin:76px 0 0 420px; font-weight:bold; font-style:italic; width:240px}
#rubrique .titre2 {position:absolute; font-size:14px; color:#D30052; margin:90px 0 0 540px; font-weight:bold; font-style:italic; width:240px}
#rubrique .titre3 {position:absolute; font-size:28px; color:#D30052; margin:106px 0 0 424px; font-weight:bold; font-style:italic; width:340px}
#rubrique .titre4 {position:absolute; font-size:14px; color:#D30052; margin:119px 0 0 694px; font-weight:bold; font-style:italic; width:240px}

#rubrique #contact {position:absolute; font-size:14px; color:#D30052; margin:260px 0 0 360px; width:118px; height:49px; background:url(images/contact_rub.gif)}
#rubrique #contact:hover {background:url(images/contact_rub_up.gif)}

#rubrique #presse {position:absolute; margin:260px 0 0 258px; width:94px; height:48px; background:url(images/presse_rub.gif)}
#rubrique #presse:hover {background:url(images/presse_rub_up.gif)}

/* FIN HAUT RUBRIQUES */


#accueil #liste {position:absolute; margin:510px 0 0 30px; list-style-type:none; padding:0}

#accueil #liste li {padding-left:22px; width:600px; background:url(images/fleche.gif) 0 1px no-repeat; font-size:14px}
#accueil #liste li span {font-size:16px; color:#D30052; font-weight:bold; font-style:italic}


#accueil #liste .ligne1 {margin-left:20px}
#accueil #liste .ligne2 {margin-left:12px}
#accueil #liste .ligne3 {margin-left:7px}

#accueil #demo {position:absolute; font-size:14px; color:#D30052; margin:438px 0 0 640px; width:280px; height:267px; background:url(images/voir_demo.gif)}

#accueil #demo a {position:absolute; margin:62px 0 0 46px; width:116px; height:75px; background:url(bidon.gif)}

#footer {width:812px; margin:auto; padding-bottom:20px}
#footer, #footer * {font-size:11px; color:#D30052; text-decoration:none}

#footer p {text-align:center}

#footer div {text-align:left; position:absolute; padding-left:22px}

#footer a:hover {color:#383838}

#rubrique #logo {display:block; width:192px; height:76px; margin:5px 0 0 10px; position:absolute; background:url(bidon.gif)}


#contenu {padding-top:272px}

#contenu h1 {color:#D30052; font-size:36px; background:url(images/h1.gif) no-repeat; padding-left:110px; height:52px; line-height:52px; margin-left:-18px}

#contenu ul {font-size:18px; color:#E3822C; margin:0; padding:0; list-style-type:none; margin:0 0 0 93px; font-weight:bold}
#contenu ul li {padding-left:34px; background:url(images/fleche-orange.gif) no-repeat; margin-bottom:18px}

#contenu ul ul {font-size:12px; color:#043382; margin:10px 0 0 50px; padding:0; list-style-type:disc; font-weight:normal}
#contenu ul ul li {padding-left:0; background:none; margin-bottom:0}

#contenu object {margin:0 0 0 130px}

#rubrique.quiz #contenu h2 {font-size:14px; color:#D30052}
#rubrique.quiz #contenu label {font-size:14px; color:#003684}
#rubrique.quiz #contenu h2 {margin:20px 0 0px 140px}
#rubrique.quiz #contenu div {margin-left:180px}

#submit {width:98px !important; height:35px !important; border:0 !important; background:url(images/valider.gif) !important}
#rubrique.quiz #contenu #submit {margin-left:580px}

#rubrique.credits #contenu table td {vertical-align:top; width:320px}

#rubrique.credits #contenu table {margin:0 0 0 100px}

#rubrique.credits #contenu ul {padding:0; margin:0}
#rubrique.credits #contenu table p {margin-left:60px; color:#043382; font-weight:bold; font-size:12px}


#rubrique.credits #contenu .lien1 {color:#E3822C}
#rubrique.credits #contenu .lien2 {color:#D30052}

#rubrique.mentions #contenu p {color:#033383; font-size:12px; margin:10px 0 10px 110px; padding-left:12px; background:url(images/p_mentions.gif) no-repeat 0 5px; padding-right:45px; text-align:justify}

#rubrique.mentions #contenu p a {color:#033383}


#rubrique.inscription #contenu table, #rubrique.inscription #contenu table td {border-collapse:collapse}
#rubrique.inscription #contenu table td {padding-bottom:8px}

#rubrique.inscription #contenu table {width:540px; margin-left:130px}
#rubrique.inscription #contenu table .gauche {width:160px}

#rubrique.inscription #contenu table * {font-size:13px; color:#023583}

a img {
text-decoration: none !important;
}

#rubrique.inscription #contenu table input.input {width:360px; border:1px solid #043382; height:20px; line-height:24px; padding-top:4px; padding-left:10px}
#rubrique.inscription #contenu table select {width:375px; height:24px; line-height:24px; padding-left:10px}
#rubrique.inscription #contenu p {color:#D30052; font-size:12px; font-weight:bold; margin:0 0 0 130px}

#rubrique.editeur #contenu p {color:#043382; font-size:12px; margin:12px 0 12px 130px; text-align:justify}
#rubrique.editeur #contenu p.p1 {padding-right:240px}

#rubrique.editeur #contenu h2, #rubrique.distributeur #contenu h2 {margin-left:120px; font-size:12px; color:#043382; padding-left:12px; background:url(images/p_mentions.gif) 0 4px no-repeat}
#rubrique.distributeur #contenu h2 {margin-top:0; margin-bottom:0}

#rubrique #contenu ul.liste {margin-left:148px}
#rubrique.distributeur #contenu ul.liste {margin-left:148px; margin-top:14px}
#rubrique #contenu ul.liste * {font-size:12px; color:#043382; padding-left:12px; background:url(images/check.gif) 0 0px no-repeat; margin:0; font-weight:normal}
#rubrique.editeur #contenu p.fuschia {font-size:14px; color:#D71560; font-weight:bold}
#rubrique.editeur #contenu p.fuschia a {font-size:14px; color:#043382; font-weight:bold}


#danem {position:absolute; margin:-54px 0 0 636px}

#rubrique.editeur #contenu .partenaires a {position:absolute}
#rubrique.editeur #contenu .partenaires img { border:0}

#rubrique.editeur #contenu .logo1 {margin:0px 0 0 34px}
#rubrique.editeur #contenu .logo2 {margin:0 0 0 220px}
#rubrique.editeur #contenu .logo4 {margin:54px 0 0 430px}
#rubrique.editeur #contenu .logo3 {margin:78px 0 0 172px}



#inscrivez_vous {display:block; position:absolute; width:190px; height:110px; background:url(images/inscription.gif); margin:4px 0 0 330px}
#inscrivez_vous:hover {background:url(images/inscription_up.gif)}

#rubrique.contact #contenu ul {font-size:16px}





#rubrique.contact #contenu table, #rubrique.contact #contenu table td {border-collapse:collapse}
#rubrique.contact #contenu table td {padding-bottom:6px}

#rubrique.contact #contenu table {margin-left:130px; margin-bottom:10px}
#rubrique.contact #contenu table .gauche {width:160px}

#rubrique.contact #contenu table * {font-size:13px; color:#023583}

#rubrique.contact #contenu table input.input {width:360px; border:1px solid #043382; height:20px; line-height:24px; padding-top:4px; padding-left:10px}
#rubrique.contact #contenu table textarea {width:360px; border:1px solid #043382; height:80px; line-height:24px; padding-top:4px; padding-left:10px}
#rubrique.contact #contenu table select {width:375px; height:24px; line-height:24px; padding-left:10px}
#rubrique.contact #contenu p {color:#033383; font-size:12px; margin:0 40px 0 130px; text-align:justify}





#accueil object {position:absolute}

#minutes {margin:270px 0 0 478px}


.savoir_plus img {border:0}


.ppp {margin:0 0 0 300px}


.reglement p {padding:0 20px; text-align:justify}
.reglement p, .reglement p * {font-size:12px; color:#000}
.reglement h2 {font-size:18px; color:#E3822C; margin:10px 0 10px 0; padding:0; list-style-type:none; margin:0 0 0 40px; font-weight:bold}


.voir_reglement {padding-top:20px; color:#E3822C}
.voir_reglement a {color:#E3822C}



#onglets_presse {background:url(images/fond_onglets.png) no-repeat; margin:0 0 40px 40px !important; padding:9px 0 0 88px !important; overflow:hidden}
#onglets_presse li {background:url(images/onglet.png) no-repeat !important; width:126px; height:25px; padding:0 !important; margin:0 8px 0 0 !important; cursor:pointer; text-align:center; float:left}
#onglets_presse li.actif, #onglets_presse li:hover {background:url(images/onglet_up.png) no-repeat !important}
#onglets_presse li, #onglets_presse li * {color:#fff; font-size:13px; font-weight:bold; line-height:25px}

#contenu ul.communique li { margin-bottom:40px; }
ul.communique li {background:url(images/puce_communique.png) no-repeat !important; padding:0 20px 0 80px !important;}
ul.communique h2 {font-size:15px; margin:0 0 20px 0; color:#D30052}
ul.communique h3 {font-size:15px; margin:0; color:#D30052;}
ul.communique span, ul.communique span * {font-size:12px; color:#043382; font-weight:normal}

#contenu ul.revue li { margin-bottom:27px; }
ul.revue li {background:url(images/puce_revue.png) no-repeat !important; padding:10px 20px 0 80px !important}
ul.revue h2 {font-size:15px; margin:0 0 0px 0; color:#D30052; t ext-transform:uppercase}
ul.revue h3 {font-size:15px; margin:0}
ul.revue span, ul.revue span * {font-size:12px; color:#043382; font-weight:normal}

#contenu3 p {color:#D30052; font-size:14px; font-weight:bold; padding-left:128px}
#contenu3 p a {color:#033483; font-size:14px; font-weight:normal}

#logo_pertinence { position:absolute; display:block; margin-left:300px; margin-top:-40px; }

.cssforme {border-collapse:collapse; padding-top:30px!important; padding-left:20px; padding-right:10px;}
.cssforme  table * {font-size:13px; color:#023583}

.cssforme table input.input {
border:1px solid #043382;
height:20px;
line-height:24px;
padding-left:10px;
padding-top:4px;
width:200px;

}