* {margin: 0% 0%; padding: 0% 0%}

body {font-family: 'book antiqua', verdana, serif; font-size: 76%; font-weight: normal; background: #BAAD76 url('../images/fond.jpg') 0 0 no-repeat fixed; color: black; text-align: center}

p {font-size: 1.5em}

img.preload {display: none}

hr {width: 80%; text-align: center; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: 25px}

table {font-size: 1.0em; margin-left: auto; margin-right: auto; margin-bottom: 25px}

table.panier thead, tbody {font-size: 1.3em; font-family: verdana, serif; font-weight: bold; background-color: transparent; color: black; text-align: center}

table.panier th {padding-bottom: 5px; padding-left: 15px; padding-right: 15px; text-decoration: underline}

table.panier td {padding-bottom: 5px}

table.panier td select.quantite {text-align: left; width: 40px; font-size: 14px}

table.panier td select.langue {text-align: left; width: 55px; font-size: 14px}

table.recap td {vertical-align: text-top}

table.recap td.gauche {width: 400px}

form {margin-bottom: 20px}

form.commande select.pays {text-align: left; width: 175px; font-size: 14px}

form.commande span {margin-left: 20px}

form.commande p.note {font-size: 1.0em}

p span.note {margin-left: 0px; font-size: 0.7em}

sup {vertical-align: text-top}

a img {border: none; margin: 0% 0%}

a:link, a:visited, a:active {background-color: transparent; color: blue; text-decoration: none}

a:hover {background-color: transparent; color: orange; text-decoration: none}

p.erreur_admin {background-color: transparent; color: red}

p.erreur {background-color: transparent; color: red; text-align: center; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: 25px}

div.page {background: #AAB6B2 url('../images/fond_page.jpg') 0 0 no-repeat fixed; color: black; border: none; width: 779px; text-align: left; margin: auto auto}

div.banniere {background: url('../images/banniere.jpg'); width: 779px; height: 185px; text-align: center; margin: auto auto}

div.banniere p {display: none}

div.menu-fr, div.menu-uk {text-align: left; margin: auto auto}

div.menu-fr ul {position: relative; list-style : none; width: 779px; height: 59px; background: url('../images/menu_fr.jpg')}

div.menu-uk ul {position: relative; list-style : none; width: 779px; height: 59px; background: url('../images/menu_uk.jpg')}

div.menu-fr li, div.menu-uk li {position: absolute; list-style: none; display: block; margin-top: 12px; margin-left: 6px}

div.menu-fr li a, div.menu-uk li a {display: block}

div.menu-fr li a span, div.menu-uk li a span {display: none}

div.menu-fr li.news, div.menu-fr li.news a, div.menu-fr li.news-selected a, div.menu-uk li.news, div.menu-uk li.news a, div.menu-uk li.news-selected a {background: transparent; color: black; width: 91px; height: 34px}

div.menu-fr li.news a:hover, div.menu-fr li.news-selected {background: url('../images/news_fr_hover.jpg'); width: 91px; height: 34px}

div.menu-uk li.news a:hover, div.menu-uk li.news-selected {background: url('../images/news_uk_hover.jpg'); width: 91px; height: 34px}

div.menu-fr li.jeux, div.menu-fr li.jeux-selected, div.menu-uk li.jeux, div.menu-uk li.jeux-selected {margin-left: 97px}

div.menu-fr li.jeux, div.menu-fr li.jeux a, div.menu-fr li.jeux-selected a, div.menu-uk li.jeux, div.menu-uk li.jeux a, div.menu-uk li.jeux-selected a {background: transparent; color: black; width: 145px; height: 34px}

div.menu-fr li.jeux a:hover, div.menu-fr li.jeux-selected {background: url('../images/jeux_fr_hover.jpg'); width: 145px; height: 34px}

div.menu-uk li.jeux a:hover, div.menu-uk li.jeux-selected {background: url('../images/jeux_uk_hover.jpg'); width: 145px; height: 34px}

div.menu-fr li.icari, div.menu-fr li.icari-selected, div.menu-uk li.icari, div.menu-uk li.icari-selected {margin-left: 242px}

div.menu-fr li.icari, div.menu-fr li.icari a, div.menu-fr li.icari-selected a, div.menu-uk li.icari, div.menu-uk li.icari a, div.menu-uk li.icari-selected a {background: transparent; color: black; width: 283px; height: 34px}

div.menu-fr li.icari a:hover, div.menu-fr li.icari-selected {background: url('../images/icari_fr_hover.jpg'); width: 283px; height: 34px}

div.menu-uk li.icari a:hover, div.menu-uk li.icari-selected {background: url('../images/icari_uk_hover.jpg'); width: 283px; height: 34px}

div.menu-fr li.goodies, div.menu-fr li.goodies-selected, div.menu-uk li.goodies, div.menu-uk li.goodies-selected {margin-left: 525px}

div.menu-fr li.goodies, div.menu-fr li.goodies a, div.menu-fr li.goodies-selected a, div.menu-uk li.goodies, div.menu-uk li.goodies a, div.menu-uk li.goodies-selected a {background: transparent; color: black; width: 131px; height: 34px}

div.menu-fr li.goodies a:hover, div.menu-fr li.goodies-selected {background: url('../images/goodies_fr_hover.jpg'); width: 131px; height: 34px}

div.menu-uk li.goodies a:hover, div.menu-uk li.goodies-selected {background: url('../images/goodies_uk_hover.jpg'); width: 131px; height: 34px}

div.menu-fr li.contact, div.menu-fr li.contact-selected, div.menu-uk li.contact, div.menu-uk li.contact-selected {margin-left: 656px}

div.menu-fr li.contact, div.menu-fr li.contact a, div.menu-fr li.contact-selected a, div.menu-uk li.contact, div.menu-uk li.contact a, div.menu-uk li.contact-selected a {background: transparent; color: black; width: 118px; height: 34px}

div.menu-fr li.contact a:hover, div.menu-fr li.contact-selected {background: url('../images/contact_fr_hover.jpg'); width: 118px; height: 34px}

div.menu-uk li.contact a:hover, div.menu-uk li.contact-selected {background: url('../images/contact_uk_hover.jpg'); width: 118px; height: 34px}

div.contenant {position: relative; overflow: hidden}

div.contenu {width: 550px; margin-left: 30px; margin-top: 35px; text-align: center; min-height: 558px}

/*body.asso div.contenu {text-align: left}*/

div.contenu p {margin-bottom: 25px; text-align: justify; text-indent: 1em; clear: right}

/*body.asso div.contenu p {margin-bottom: 25px; text-align: justify; text-indent: 1em; clear: none}*/

div.contenu p.centre {text-align: center; clear: both; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: 25px}

/*body.asso div.contenu p.centre {text-align: center; clear: both; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 25px}

body.asso div.contenu p.centre-margehaut {text-align: center; clear: both; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 25px}*/

div.contenu p.commander {float: right; display: inline; margin-right: 40px; margin-bottom: 25px}

div.contenu p.titre {text-decoration: underline}

/*div.contenu p.detailphase {width: 250px; float: right; display: inline; margin-right: 25px; margin-bottom: 60px}*/

div.contenu p.detailphase {width: 440px; margin-left: auto; margin-right: auto; margin-bottom: 25px; font-style: italic}

div.contenu div.img-jeux {/*border: 1px solid white; width: 400px; height: 300px;*/ margin-bottom: 25px; margin-left: auto; margin-right: auto}

div.contenu div.imgfake {border: 1px solid white; font-size: 1.2em; width: 300px; height: 270px; margin-bottom: 25px; margin-left: auto; margin-right: auto; text-align: left}

div.contenu div.phase1 {background: url('../images/phase1.png'); width: 440px; height: 58px; margin-bottom: 15px; margin-left: auto; margin-right: auto}

div.contenu div.phase1-gray {background: url('../images/phase1_gray.png'); width: 440px; height: 58px; margin-bottom: 15px; margin-left: auto; margin-right: auto}

div.contenu div.phase1 a {width: 440px; height: 57px; display: block}

div.contenu div.phase2 {background: url('../images/phase2.png'); width: 440px; height: 55px; margin-bottom: 15px; margin-left: auto; margin-right: auto}

div.contenu div.phase2-gray {background: url('../images/phase2_gray.png'); width: 440px; height: 55px; margin-bottom: 15px; margin-left: auto; margin-right: auto}

div.contenu div.phase2 a {width: 440px; height: 54px; display: block}

div.contenu div.phase3 {background: url('../images/phase3.png'); width: 440px; height: 62px; margin-bottom: 15px; margin-left: auto; margin-right: auto}

div.contenu div.phase3-gray {background: url('../images/phase3_gray.png'); width: 440px; height: 62px; margin-bottom: 15px; margin-left: auto; margin-right: auto}

div.contenu div.phase3 a {width: 440px; height: 60px; display: block}

div.contenu div.phase4 {background: url('../images/phase4.png'); width: 440px; height: 62px; margin-bottom: 35px; margin-left: auto; margin-right: auto}

div.contenu div.phase4-gray {background: url('../images/phase4_gray.png'); width: 440px; height: 62px; margin-bottom: 35px; margin-left: auto; margin-right: auto}

div.contenu div.phase4 a {width: 440px; height: 60px; display: block}

/*div.contenu div.phaseimgfake {border: 1px solid white; font-size: 1.2em; float: left; display: inline; width: 250px; height: 30px; text-align: left}*/

div.contenu div.phaseimgfake {border: 1px solid white; font-size: 1.2em; width: 440px; height: 50px; text-align: left; margin: auto auto}

/*div.contenu hr.separationphases {clear: both; visibility: hidden}*/

div.contenu ul {list-style : circle inside; margin-bottom: 25px; text-align: left; margin-left: 30px}

div.contenu li {font-size: 1.3em; margin-bottom: 5px}

div.contenu li ul, div.contenu li ul li {font-size: 1.0em; margin-bottom: 5px}

div.contenu p.titre-wallpapers {font-size: 1.1em; text-align: center; margin-top: 5px; margin-left: auto; margin-right: auto}

div.contenu p.nobr {margin-bottom: 5px}

div.contenu input.bouton {font-size: 14px; padding-left: 15px; padding-right: 15px; width: auto}

/*div.contenu input.fakelink {background-color: transparent; border: transparent; color: blue; font-family: verdana, serif; font-weight: bold; font-size: 1.3em; cursor: pointer; padding-left: 0px; padding-right: 0px; width: auto}

div.contenu input.fakelink:hover {background-color: transparent; color: white}*/

div.raccourcis {background-image: url('../images/fond_raccourcis.jpg'); text-align: center; width: 161px; height: 100%; border-left: 2px black solid; position: absolute; margin: 0px 598px; z-index: 40 /*width: 150px; margin-right: 9px; float: right; display: inline*/ }

div.raccourcis ul {list-style : none outside; text-align: center; margin-top: 0px}

div.raccourcis li {font-size: 1.2em; font-weight: bold; margin-bottom: 10px}

div.raccourcis li span {display: none}

div.raccourcis li.langues {margin-top: 15px; margin-bottom: 5px; height: 15px}

div.raccourcis li.langues ul {position: relative; list-style: none; width: 66px; height: 15px; margin: 0px auto}

div.raccourcis li.langues li {position: absolute; list-style: none; display: block; margin-top: 0px}

div.raccourcis li.langues a {display: block}

div.raccourcis li.langues li.fr {margin-left: 0px}

div.raccourcis li.langues li.fr a {background: url('../images/fr.gif'); width: 23px; height: 15px}

div.raccourcis li.langues li.uk {margin-left: 43px}

div.raccourcis li.langues li.uk a {background: url('../images/uk.gif'); width: 23px; height: 15px}

div.raccourcis li.astoria-fr, div.raccourcis li.astoria-uk, div.raccourcis li.panier-fr, div.raccourcis li.panier-uk, div.raccourcis li.associations, div.raccourcis li.auteurs {margin-bottom: 0px}

div.raccourcis li.astoria-fr a {background: url('../images/astoria_fr.png'); width: 156px; height: 117px; margin: auto auto; display: block}

div.raccourcis li.astoria-fr a:hover {background: url('../images/astoria_fr_hover.png')}

div.raccourcis li.astoria-uk a {background: url('../images/astoria_uk.png'); width: 156px; height: 117px; margin: auto auto; display: block}

div.raccourcis li.astoria-uk a:hover {background: url('../images/astoria_uk_hover.png')}

div.raccourcis li.panier-fr a {background: url('../images/panier_fr.png'); width: 156px; height: 77px; margin: auto auto; display: block}

div.raccourcis li.panier-fr a:hover {background: url('../images/panier_fr_hover.png')}

div.raccourcis li.panier-uk a {background: url('../images/panier_uk.png'); width: 156px; height: 77px; margin: auto auto; display: block}

div.raccourcis li.panier-uk a:hover {background: url('../images/panier_uk_hover.png')}

div.raccourcis li.associations a {background: url('../images/associations.png'); width: 156px; height: 77px; margin: auto auto; display: block}

div.raccourcis li.associations a:hover {background: url('../images/associations_hover.png')}

div.raccourcis li.auteurs a {background: url('../images/auteurs.png'); width: 156px; height: 77px; margin: auto auto; display: block}

div.raccourcis li.auteurs a:hover {background: url('../images/auteurs_hover.png')}

div.raccourcis li.concours a {background: url('../images/concours.png'); width: 156px; height: 77px; margin: auto auto; display: block}

div.raccourcis li.concours a:hover {background: url('../images/concours_hover.png')}

div.raccourcis li.rubrique {margin-top: 20px}

div.raccourcis li.rubrique a {text-decoration: underline; background-color: transparent; color: black}

div.raccourcis li.rubrique a:hover {background-color: transparent; color: orange}

div.colonne-gauche {border: 0px solid lime; background: url('../images/colonne-gauche.png') repeat-y; width: 22px; height: 100%; position: absolute; margin: 0px 0px; z-index: 40}

div.colonne-droite {border: 0px solid lime; background: url('../images/colonne-droite.png') repeat-y; width: 22px; height: 100%; position: absolute; margin: 0px 757px; z-index: 40}

div.ombre {border: 0px solid lime; background: url('../images/ombre.png'); height: 19px; width: 100%; position: absolute; margin: 0px 0px; z-index: 30}

div.ombre-colonne-gauche {color: white; background: black; opacity: 0.5; height: 2px; width: 18px; position: absolute; margin: 0px 0px; z-index: 50}

div.ombre-colonne-droite {color: white; background: black; opacity: 0.5; height: 2px; width: 18px; position: absolute; margin: 0px 4px; z-index: 50}

div.ombre-raccourcis {color: white; background: black; opacity: 0.4; height: 2px; width: 100%; position: absolute; margin: 0px 0px; z-index: 50}

div.copyright {width: 779px; height: 35px; text-align: center; background: url('../images/copyright.jpg'); padding: 10px 0px; z-index: 50}

div.copyright p {background-color: transparent; color: white; font-size: 1.15em; font-weight: bold}