@charset "iso-8859-1";

@import url(gallery.css);
@import url(_elements.css);
@import url(structure.css);
@import url(navigation_elements.css);
@import url(form.css);
@import url(boxes.css);
@import url(account.css);
@import url(catalog.css);

@import url(publication_methods.css);
@import url(search.css);
@import url(board.css);

/* -------------------------------------------------- */
/* COMMON STYLES                                      */
/* reset d'un certain nombre de styles css par defaut */
/* -------------------------------------------------- */

* {
    text-decoration: none;
    font-style: normal;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: #A1D0EA;
    line-height: 150%;
    font-size: 12px;
    color: #031B41;
}

img {
    vertical-align: bottom;
    border: 0px;
}

.clear {
    visibility: hidden;
    line-height: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    height: 0px;
    clear: both;
}


/* --------------------------- */
/* *************************** */
/* CONTEXTUALISATION DES PAGES */
/* *************************** */
/* --------------------------- */


/* -------------- */
/* PAGE D'ACCUEIL */
/* -------------- */

.rubrique_sommaire_ { background: #C5B697; }

.rubrique_sommaire_ #page { width: 100%; }

.rubrique_sommaire_ #page #conteneur { width: 100%; }

.rubrique_sommaire_ #page #text { padding: 0px; }

.rubrique_sommaire_ #page #text h1 {
    padding: 140px 10px 0px 10px;
    margin: 0px;
}

.rubrique_sommaire_ #page #text p {
    padding: 10px;
    margin: 0px;
}

/* -------------------------- */
/* PLONGEZ DANS LA COLLECTION */
/* -------------------------- */

.plongez_dans_la_collection #main .deux_colonnes {
    position: relative;
    padding: 0px 6px;
    display: block;
    float: left;
    width: 230px;
    clear: none;
}

.plongez_dans_la_collection #main .clear {
    display: none;
    clear: none;
}

.plongez_dans_la_collection #main hr {
    visibility: hidden;
    border: 0px;
    margin: 0px;
    height: 0px;
    clear: both;
}

.plongez_dans_la_collection #main .deux_colonnes .colleft {
    padding: 0px;
    float: none;
    width: auto;
}


.plongez_dans_la_collection #main .deux_colonnes .colleft p { padding: 0px 10px 0px 0px; }

.plongez_dans_la_collection #main .deux_colonnes .colleft .textAndImages {
    background: transparent url(/media/bgfichecollection__073285900_1622_09012009.gif) no-repeat right bottom;
    height: 650px;
}

.plongez_dans_la_collection #main .deux_colonnes .colleft .above_center {
    background: transparent url(/media/pictozoom__038683800_1628_09012009.gif) no-repeat 160px 395px;
    height: 480px;
    width: 230px;
}

.plongez_dans_la_collection #main .deux_colonnes .colleft .above_center img {
    position: absolute;
    bottom: 255px;
    left: 0px;
}

.plongez_dans_la_collection #main .deux_colonnes .colright {
    position: absolute;
    height: 66px;
    width: 230px;
    padding: 0px;
    float: none;
    top: 415px;
    left: 6px;
}

.plongez_dans_la_collection #main .deux_colonnes .colright .medias { margin: 0px; }

.plongez_dans_la_collection #main .deux_colonnes .colright .medias .gallery { padding: 0px; }

.plongez_dans_la_collection #main .deux_colonnes .colright .medias .gallery .lightbox {
    margin: 0px 10px 0px 0px;
    background: white;
    overflow: hidden;
    display: block;
    padding: 3px;
    width: 60px;
    float: left;
}

.plongez_dans_la_collection #main .deux_colonnes .colright .medias .gallery .lightbox img {
    height: 60px;
    width: 60px;
    margin: 0px;
}

/* PAGER */

.plongez_dans_la_collection #main ol {
    background: transparent url(/media/bgpagercollection__051950100_1222_09012009.gif) no-repeat center center;
    margin: 20px auto 0px auto;
    text-align: center;
    line-height: 22px;
    list-style: none;
    width: 235px;
}

.plongez_dans_la_collection #main ol li {
    border-right: 1px solid white;
    padding: 0px 5px;
    display: inline;
    color: white;
}

.plongez_dans_la_collection #main ol li:first-child, .plongez_dans_la_collection #main ol li:last-child { border: none; }

.plongez_dans_la_collection #main ol li a {
    font-weight: normal;
    color: white;
}

/* ------------------------- */
/* JOUEZ AVEC PROSPER ET LEA */
/* ------------------------- */


.jouez_avec_prosper_et_lea #contents #main table, .jouez_avec_prosper_et_lea #contents #main table tr {
    border: 1px solid #A1D0EA;
}

.jouez_avec_prosper_et_lea #contents #main table tr td {    
    border: 1px solid #A1D0EA;
    text-align: center;
}

.masque #contents #main .colleft, .masque #contents #main .colright { text-align: center; }
.masque #contents #main .colleft img, .masque #contents #main .colright img { padding-bottom: 10px; }
.masque #contents #main .colleft a, .masque #contents #main .colright a { text-decoration: none; }

.coloriage #contents #main .colleft, .coloriage #contents #main .colright { text-align: center; }
.coloriage #contents #main .colleft img, .coloriage #contents #main .colright img { padding-bottom: 10px; }
.coloriage #contents #main .colleft a, .coloriage #contents #main .colright a { text-decoration: none; }

/* ---------- */
/* ACTUALITES */
/* ---------- */

.actualites #main { padding: 130px 10px 0px 10px; }
.actualites #main #text { padding: 0px; }


/* --------------------------- */
/* INSCRIPTION A LA NEWSLETTER */
/* --------------------------- */

.inscription_a_la_newsletter #page #conteneur { padding: 130px 10px 0px 10px; }
.inscription_a_la_newsletter #page #conteneur .group_multi_radio { padding:0 0 0 260px; }

/* -------------- */
/* CONTACTEZ NOUS */
/* -------------- */

.contactez_nous .colleft {
    background: url(/media/tampon_elle_est_ou_la_mer__045869300_1108_09012009.gif) no-repeat 410px 35px;
}

.contactez_nous .colleft a:after { display: none; }

.contactez_nous fieldset {
    background: #BADFF2;
    margin-top: -20px;
    padding: 20px;
    border: none;
}

.contactez_nous fieldset legend {
    background: #031B41 url(/media/coinformulairegif__061185300_1125_09012009.gif) no-repeat right bottom;
    margin: 22px 0px 0px -20px;
    font-weight: normal;
    padding: 2px 15px;
    font-size: 1.2em;
    color: white;
}

.contactez_nous fieldset label { font-size: 0.9em; }

.contactez_nous fieldset input, .contactez_nous fieldset select, .contactez_nous fieldset textarea { border: none; }

.contactez_nous fieldset .row .group_multi_radio { padding: 0px 0px 0px 31%; }

.contactez_nous #captcha {
    background: #BADFF2;
    padding: 10px 0px 20px 0px;
    border: none;
}

.contactez_nous #captcha span {
    padding-top: 10px;
    display: block;
}

.contactez_nous #captcha span input {
    border: none;
    width: 50%;
}

.contactez_nous .submit input {
    background: transparent url(/media/boutonformulairecontact__071997900_1137_09012009.gif) no-repeat center center;
    padding: 2px 0px !important;
    font-weight: normal;
    font-size: 1.2em;
    cursor: hand;
    border: none;
    color: white;
    width: 90px;
}

.contactez_nous .submit #reset { display: none; }

.contactez_nous .error_form {
    text-decoration: blink;
    text-align: center;
    font-weight: bold;
    padding-left: 32%;
    font-size: 1em;
}