* { margin: 0; padding: 0; }
img { border: 0; }
p { margin: 3px 0; }
h2 { margin: 0; font-size: 14px; }
ul  { margin: 0; padding: 0; }
a { text-decoration: none; color: #26A9E0; font-weight: bold; }
a:hover { color: #FF1500; }
h1 { font-size: 20px; }

.size22 { font-size: 18px; }
.size26 { font-size: 18px; }
.size38 { font-size: 20px; }
.paddingindex { padding-top: 75px; }
.index h2 { color: #FF0000; }
.index h2 a { color: #FF0000; }

.size24 { font-size: 24px; }
.size28 { font-size: 28px; }
.size40 { font-size: 40px; }
.center { text-align: center; }
.no-display { display: none; }
.directive { margin: 10px auto 10px; width: 700px; font-weight: bold; text-align: center; }
.information { color: #666666; font-size: 10px; }
.asterix { font-size: 12px; }

body { background: #000000; font-family: Verdana; font-size: 12px;  color: #FFFFFF; }

#page { width: 900px; margin: 1% auto; }

.header { width: 900px; height: 16px; background: url('images/header.gif') no-repeat; }

.contenu {}
.contenu .gauche { float: left; display: inline; }
.contenu-haut .gauche { width: 420px; height: 434px; background: url('images/gauche.jpg') center bottom no-repeat; }

.contenu .droite { float: right; display: inline; }
.contenu .sous-droite { width: 480px; height: 434px; }

.contenu .index { background: url('images/droite-index.jpg') no-repeat top center; position: relative; }
.contenu .index .haut { padding: 10px 0 0 25px; }
.contenu .index .haut img { margin: 10px 0 0 18px; }
.contenu .index .bas { color: #FE0000; text-align: center; font-weight: bold; width: 140px; height: 110px; position: absolute; top: 227px; right: 39px; }

.contenu .index .pdf { position: absolute; top: 170px; right: 55px; z-index: 1000; }

.contenu .positionnement { background: url('images/positionnement.jpg') no-repeat top center; }
.contenu .positionnement .haut { padding: 190px 0 0; text-align: center; font-size: 16px; font-weight: bold; }

.contenu .performances { background: url('images/performances.jpg') no-repeat top center; }
.contenu .performances .haut { padding: 220px 0 0; text-align: center; font-size: 16px; font-weight: bold; }
.contenu .performances .haut img { margin-top: 10px; }

.contenu .personnalisation { background: url('images/personnalisation.jpg') no-repeat top center; }
.contenu .personnalisation .haut { padding: 10px 0 0 20px; text-align: left; font-size: 16px; font-weight: bold; }

.contenu .produits-derives { background: url('images/produits-derives.jpg') no-repeat top center; }
.contenu .produits-derives .haut { padding: 30px 0 0; text-align: center; font-size: 22px; font-weight: bold; text-transform: uppercase; color: #000000; }

.contenu .menu { width: 900px; height: 100px; background: url('images/fond-menu.gif') no-repeat top left; }
.contenu .menu ul { float: left; display: inline; margin-top: 9px; }
.contenu .menu ul li { float: left; display: inline; text-transform: uppercase; background: url('images/onglet-gauche.gif') no-repeat top left; }
.contenu .menu ul li.first { background: url('images/onglet-gauche-first.gif') no-repeat top left;}
.contenu .menu ul li a { color: #000000; font-size: 12px; font-weight: bold; background: url('images/onglet-droite.gif') no-repeat top right; height: 82px; padding: 6px 12px 0 7px; height: 84px; display: block; }
.contenu .menu ul li a:hover, .contenu .menu ul li.selected a { color: #FE0000; }
.contenu .menu ul li.first a { background: url('images/onglet-droite.gif') no-repeat top right; padding-left: 12px; }
.contenu .menu ul li.last a { background: url('images/onglet-droite-last.gif') no-repeat top right; padding-right: 42px; }

.contenu-bas { background: #FFCE00; color: #000000; }
.contenu-bas .gauche { width: 460px; }
.contenu-bas .gauche-performances { width: 420px; }
.contenu-bas .droite { width: 395px; color: #000000; padding: 0 20px; text-align: justify; }
.contenu-bas .droite h3 { color: #FF1500; font-size: 12px; margin-bottom: 10px; }
.contenu-bas .droite p { margin: 0 0 10px; }
.contenu-bas .droite-performances { width: 430px; color: #000000; padding: 0 20px; text-align: justify; }
.contenu-bas .droite-performances p { font-weight: bold; text-align: left; }
.contenu-bas .droite-performances p.center { text-align: center; }
.contenu-bas .droite-performances img { vertical-align: middle; margin: 0 20px 0 0; }
.contenu-bas .etoile { font-size: 10px; }
.contenu-bas .personnalisation { background: transparent; }
.contenu-bas .personnalisation .commande { margin-top: 20px; text-align: right; font-size: 20px; }
.contenu-bas .personnalisation h3 { margin-top: 50px; font-size: 20px; }
.contenu-bas h2 { margin: 10px 0; color: #26A9E0; font-size: 18px; }
.contenu-bas .droite table { width: 100%; text-align: center; }
.contenu-bas .rouge { background: #FF1500; color: #FFFFFF; padding: 2px 10px; font-weight: bold; text-align: center; font-size: 18px; }
.contenu-bas .texte_complet { font-size: 11px; font-style: italic; }

.references { background: #FF1500; text-align: center; color: #000000; padding: 3px 0; }
.references p { font-size: 14px;  color: #FFFFFF; margin: 0px; padding: 2px 0; font-weight: bold; }

.formu { background: #FFCE00; color: #000000; }
.formu .gauche, .formu .droite { width: 340px; }
.formu h1 { text-align: center; margin: 0 0 20px; color: #FF1500; }
.formu h1 span { font-size: 12px; color: #000000; }
.formu h3 { color: #FF1500; font-style: italic; margin: 0 0 20px; }
.formu label { width: 130px; margin: 0px 5px; display: block; float: left; text-align: right; }
.formu p.checkbox label { float: none; width: 100%; text-align: left; margin-left: 25px; margin-bottom: 20px; }
.formu p.cgv label { width: auto; text-align: center; }
.formu p.checkbox label input { width: auto; margin-right: 4px; }
.formu p { clear: both; list-style-type: none; margin-bottom: 5px; }
.formu input{ width: 175px; border: 1px solid black; font-weight: bold; text-align: right; }
.formu textarea { width: 175px; border: 1px solid black; }
.formu input.checkbox, .formu input.button { width: auto; }
.formu p.submit { text-align: center; margin: 0; }
.formu p.submit input { background-color: #FF1500; color: #FFFFFF; font-size: 14px; border-color: #FFFFFF; padding: 2px 4px; }
.formu .obligatoire { color: #ff0000; }
.formu tr td input.not_a_number { background-color: #FF0000; color: #FFFFFF; }
.formu .information_utilisateur input { text-align: left; }
.formu .information_utilisateur .produits_derives { padding: 2px 10px; background: #26A9E0; color: #FFFFFF; text-align: center; font-size: 14px; }

.formerror { border: 2px solid #FF1500; color: #FF1500; background: #ffffff; padding: 5px; margin: 10px 0; width: 650px; }
.formerror p { margin-left: 25px; font-weight: bold; }
.formvalid { border: 2px solid #26A9E0; color: #26A9E0; text-align: center; font-weight: bold; font-size: 1.1em; background: #ffffff; padding: 5px; width: 700px; margin: 10px auto 0; }

.liste_produits { width: 700px; margin: 0 auto; }
.liste_produits table { width: 100%; }
.liste_produits table tr td { padding: 5px; }
.liste_produits table tr th { padding: 5px; background: #FF1500; color: #FFFFFF; }
.liste_produits table tr th.type { background: #26A9E0; color: #FFFFFF; text-align: left; }
.liste_produits table tr.pair td { background: #EED674; }
.liste_produits table tr.impair td { background: #FCEA9F; }
.liste_produits .total { margin-bottom: 25px; width: 300px; float: right; }
.liste_produits .total #minimum_commande { color: #FF0000; text-align: center; font-weight: bold; }
.minimum_commande, .minimum_commande_produit { color: #FF1500; font-weight: bold; }
.minimum_commande_produit { display: block; }

.footer { background: #000000; text-align: center; }
.footer a { color: #FFFFFF; }
.footer p.copyright { font-size: 10px; margin: 10px 0 0; }
.footer p.copyright a { color: #C0C0C0; }

.contenu .menu:after,
.contenu-bas:after,
.information_utilisateur:after,
.total-container:after,
.contenu-haut:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}