body {
    font-family:        verdana, arial, helvetica, sans-serif;
}

img {
    border:             none;
}

a {
    text-decoration:    none; 
}
a:link {
    color:              #FF0094; 
}
a:visited {
    color:              #FF0094; 
}
a:hover {
    color:              #FFA19C; 
}

.page {
    margin-left:        10%;
    margin-right:       10%;
/*     border:             1px dotted #31231F; */
/*     border:             1px dashed #31231F; */
}
#content {
    clear:              both;
    padding-top:        20px;
}



/* ************************************************
 *                  Banniere 
 * ************************************************ */
#banner {
    background-color:   #FFD9D7;
    float:              left;
    width:              100%;
    padding-top:        22px;
    padding-bottom:     22px;
/*     border-bottom:      1px dotted #31231F; */
}
* html #banner {
    margin-left:        -1px;
}
.page#index #banner {
    border:             none;
}

#banner img {
    float:              left;
    margin-top:         0px;
    margin-bottom:      0px;
    margin-right:       3%;
}
#banner h1 {
    display:            block;
    float:              left;
    background-repeat:  no-repeat;
    height:             36px;
    margin-top:         10px;
    margin-bottom:      6px;
}
#banner h1 span{
    display:            none;
}

/* Nom de modele hauteur 52px */
#banner h1#title_index,
#banner h1#title_about,
#banner h1#title_sac_pochette,
#banner h1#title_disque,
#banner h1#title_portefeuille,
#banner h1#title_feutrine,
#banner h1#title_feutrine_naturel,
#banner h1#title_feutrine_naturel_rose {
    height:             52px;
    margin-top:         0px;
    margin-bottom:      0px;
}
#banner h1#title_index {
   background-image:    url('../images/index/website_title.png'); 
   width:               220px;
   margin-top:          4px;
}
#banner h1#title_about {
   background-image:    url('../images/about/about_title.png');
   width:               163px;
}
#banner h1#title_links {
   background-image:    url('../images/links_title.png');
   width:               114px;
}
#banner h1#title_contact {
   background-image:    url('../images/contact_title.png');
   width:               132px;
}


#banner h1#title_feutrine,
#banner h1#title_feutrine_naturel,
#banner h1#title_feutrine_naturel_rose {
   background-image:    url('../feutrines/images/feutrine_title.png'); 
   width:               282px;
}
#banner h1#title_cabas, 
#banner h1#title_cabas_velours,
#banner h1#title_cabas_molleton {
   background-image:    url('../cabas/images/cabas_title.png');
   width:               101px;
}
#banner h1#title_ruban {
   background-image:    url('../cabas/images/ruban_title.png');
   width:               197px;
}
#banner h1#title_backpack {
   background-image:    url('../backpacks/images/backpack_title.png');
   width:               182px;
}
#banner h1#title_besace {
   background-image:    url('../besaces/images/besace_title.png');
   width:               106px;
}
#banner h1#title_sac_pochette {
   background-image:    url('../pockets/images/sac_pochette_title.png');
   width:               214px;
}
#banner h1#title_sac_etoile {
   background-image:    url('../cabas/images/sac_etoile_title.png');
   width:               171px;
}
#banner h1#title_sac_vert {
   background-image:    url('../cabas/images/sac_vert_title.png');
   width:               244px;
}
#banner h1#title_disque {
   background-image:    url('../besaces/images/disques_title.png');
   width:               250px;
}
#banner h1#title_underwear {
   background-image:    url('../pockets/images/underwear_title.png');
   width:               272px;
}
#banner h1#title_trousse {
   background-image:    url('../accessories/images/trousse_title.png');
   width:               133px;
}
#banner h1#title_monnaie {
   background-image:    url('../accessories/images/monnaie_title.png');
   width:               281px;
}
#banner h1#title_portefeuille {
   background-image:    url('../accessories/images/portefeuille_title.png');
   width:               199px;
}


#banner ul {
    list-style-type :   none;
    float:              right;
    margin-left:        0px;
    padding-left:       0px;
    margin:             0;
}

#banner li {
    margin:             0;
    float:              left;
}
#banner li a {
    display:            block;
    float:              left;
    width:              86px;
    height:             38px;
    margin:             7px 6px;
}
* html #banner li a {
    margin:             7px 2px;
}
#banner li span.menu_text{
    display:            none;
}
#banner li#li_about a {
    background-image:   url('../images/bg_menu_about.png'); 
}
#banner li#li_contact a {
    background-image:   url('../images/bg_menu_contact.png'); 
}
#banner li#li_links a {
    background-image:   url('../images/bg_menu_links.png'); 
}
#banner li#li_home a {
    background-image:   url('../images/bg_menu_home.png'); 
}


/* ************************************************
 *                  Footer 
 * ************************************************ */
#footer {
    clear:              both;
    background-color:   #FFD9D7;
    margin-top:         20px;
    padding-bottom:     12px;
/*     height:             40px; */
/*     border-top:         1px dotted #31231F; */
/*     border:             1px dotted #31231F; */
}
ul#w3c_valid {
    list-style-type:    none;
    text-align:         center;
    margin:             28px 0 0 0;
    padding:            0;
    padding-top:        4px;
}
ul#w3c_valid li {
    display:            inline;
    margin:             0;
    padding:            0;
}
ul#w3c_valid li img {
    margin-top:         12px;
}

/* **** Lien interet **** */
p.interest {
    clear:              both;
    margin-top:         60px;
    text-align:         center;
    font-size:          0.7em;
}
p.interest a {
    font-weight:        bold;
}
p#link_home {
    margin:             0;
    padding:            0;
}

/* Lien accueil */
p#link_home a {
    float:              right;
    margin-top:         -30px;
    display:            block;
    margin-right:       20px;
    background-image:   url('../images/bg_menu_home.png');
    width:              86px;
    height:             38px;
}
p#link_home a span{
    display:            none;
}

/* ************************************************
 *                  Accueil 
 * ************************************************ */
.page#index #content{
    padding-top:        0px;
}
#post_banner {
    clear:              both;
    background-color:   #A89785;
    text-align:         right;
    width:              100%;
/*     border-bottom:      1px dotted #31231F; */
}
#post_banner p{
    font-size:          0.7em;
    margin:             0;
    padding:            4px 4px;
}

/* News */
#news { 
    clear:              both;
    margin-top:         20px;
    padding:            8px;
    width:              80%;
    margin-left:        8%;
    text-align:         center;
/*     background-color:   #E0FECD; */
/*     background-color:   #FFF5EA; */
/*     border:             1px dashed #FF66FF; */
    border:             1px dashed #FF7794;
}
#news p {
    font-size:          0.7em;
}


/* ***** Menu image ***** */
.page#index ul#bags_menu {
    margin:             0;
    text-align:         center;
    margin-top:         40px;
    list-style-type:    none;
    padding:            0;
    width:              100%;
}

.page#index ul#bags_menu li {
    display:            inline;
    margin:             0;
    padding:            0;
}

.page#index ul#bags_menu li img{
    margin:             8px;
    padding:            0px;
}



/* ******************************
 *          Modele
 * ****************************** */

/* ***** Presentation d'un sac ***** */
ul.bag_presentation {
    list-style-type:    none;
    text-align:         center;
}
ul.bag_presentation li{
    display:            inline;
}

ul.bag_presentation img{
    margin:             18px 2%;
}

ul.bag_presentation#presentation_besaces {
    margin-top:         20px;
}

.uniq_presentation {
    margin-left:        20%;
}
.uniq_presentation img{
    margin-top:         38px;
}


/* **** Detail des modeles ***** */
.details { 
    float:              left;
    padding:            10px;
/*     width:              30%; */
    width:              200px;
    margin-top:         60px;
/*     background-color:   #E0FECD; */
    background-color:   #D8A1AB;
/*     background-color:   #EBAFBA; */
    border:             1px dashed #694B42;
}
.details p {
    font-size:          0.7em;
}
.details p span.comments,
.details p span.dimensions{
    font-style:         italic;
}
.details p.p_comment {
    margin-top:         18px;
}
.details h2 {
    font-size:          0.8em;
    text-decoration:    underline;
    margin-top:         0;
}
.details h2#little_besace_title {
    margin-top:         2em;
}
    
.details#details_ruban,
.details#details_sac_pochette,
.details#details_sac_etoile {
    margin-top:         32px;
}
.details#details_besaces,
.details#details_underwear {
    margin-top:         22px;
}


/* **** Sac porté **** */
ul.wearing {
    list-style-type:    none;
    text-align:         center;
}
ul.wearing li{
    display:            inline;
}

ul.wearing img{
    margin:             18px 8px;
}

/* **** Accessoire assorti **** */
ul.assorted_accessory {
    list-style-type:    none;
    text-align:         center;
}
ul.assorted_accessory li{
    display:            inline;
}

ul.assorted_accessory img{
    margin:             18px 8px;
}



/* **** Autres versions **** */

/* 1 autre version */
/* Titre pour la presentation complete d'une autre version (h3. ...)*/
.other_version {
    padding-top:        20px;
    text-align:         center;
}
.other_version h3,
h3.other_version_title {
    background-image:   url('../images/version.jpg');
    width:              211px;
    height:             24px;
    margin-left:        auto;
    margin-right:       auto;
}
h3.other_version_title {
    margin-top:         4em;
}
.other_version h3 span,
h3.other_version_title span{
    display:            none;
}
.other_version ul {
    list-style-type:    none;
}
.other_version ul li{
    display:            inline;
    margin:             8px 2.5%;
}


/* Plusieurs autres versions */
.other_versions {
    padding-top:        20px;
    text-align:         center;
}
.other_versions h3{
    background-image:   url('../images/versions.jpg');
    width:              234px;
    height:             24px;
    margin-left:        auto;
    margin-right:       auto;
}
.other_versions h3 span {
    display:            none;
}
.other_versions ul {
    list-style-type:    none;
}
.other_versions ul li{
    display:            inline;
    margin:             8px 2.5%;
}

/* Tiny */
.other_tiny_versions {
    margin-top:         20px;
    text-align:         center;
    width:              200px;
    float:              right;
}
.other_tiny_versions h3{
    background-image:   url('../images/tiny_versions.jpg');
    width:              156px;
    height:             16px;
    margin-left:        auto;
    margin-right:       auto;
}
.other_tiny_versions h3 span {
    display:            none;
}
.other_tiny_versions ul {
    margin-left:        0;
    padding-left:       0;
    list-style-type:    none;
}
.other_tiny_versions ul li{
    display:            inline;
    margin:             8px 4px;
}


/* ******************************
 *         A PROPOS
 * ****************************** */
.page#about p{
    font-size:          0.8em;
}
.page#about ul#thanks {
    list-style-image:   url('../images/list_image.png');
    font-size:          0.8em;
}
.page#about ul#w3c_valid {
    margin-top:         52px;
}
.page#about h1#thank{
    background-image:   url('../images/about/thanks.jpg');
    width:              92px;
    height:             24px;
    margin-top:         32px;
}
.page#about h1#thank span{
    display:            none;
}


/* ******************************
 *            LIENS
 * ****************************** */
.page#links #content {
    width:              100%;
    height:             340px;
}

.page#links .links_categorie {
    float:              left;
    margin-right:       100px;
}
.page#links .links_categorie#misc_categorie {
    margin-bottom:      54px;
}
.page#links .links_categorie#tools_categorie {
    margin-right:       0%;
}
.page#links .links_categorie#tools_categorie ul.links_lists {
    float:              left;
}
.page#links .links_categorie#tools_categorie ul#system_links_list {
    margin-right:       60px;
    margin-left:        6px;
    margin-bottom:      20px;
}

.page#links #content ul.links_lists {
    list-style-type:    none;
    font-size:          0.8em;
    margin:             0;
    padding:            0;
}
.page#links #content p {
    font-size:          1em;
    margin:             8px 0px 8px 0px;
}
.page#links #content span.link_comments {
    font-size:          0.7em;
}
.page#links #content img {
    vertical-align:     middle;
}
.page#links #content h2 {
    font-size:          1.0em;
    color:              #31231F;
    margin-top:         2em;
    height:             36px;
    background-repeat:  no-repeat;
}
.page#links #content h2#sewing {
    background-image:   url('../images/links/couture.png');
    width:              88px;
    margin-left:        6px;
}
.page#links #content h2#misc {
    background-image:   url('../images/links/misc.png');
    width:              84px;
    margin-left:        18px;
}
.page#links #content h2#tools {
    background-image:   url('../images/links/tools.png');
    width:              239px;
}
.page#links h2#sewing span,
.page#links h2#misc span,
.page#links h2#tools span {
    display:            none;
}



/* ******************************
 *            CONTACT
 * ****************************** */
.page#contact {
}
.page#contact p{
    font-size:          0.75em;
}
.page#contact h2 {
    font-size:          0.9em;
    color:              #31231F;
}
.page#contact ul#errors_list, 
.page#contact ul#contact_list {
    list-style-image : url('../images/list_image.png');
    font-size:          0.75em;
}
.page#contact ul#errors_list {
    margin-left:        20px;
}
.page#contact #errors {
    margin-top:         20px;
    margin-bottom:      20px;
    border:             1px dotted #31231F;
    padding:            4px 12px 4px 12px;
}
.page#contact #errors p {
    margin-top:         4px;
    color:              #FF7794;
}
.page#contact #send_state {
    border:             1px dotted #31231F;
    background-color:   #D8A1AB;
    font-size:          0.75em;
    text-align:         center;
    margin-bottom:      20px;
}

.page#contact img{
    vertical-align:     middle;
}

/* Formulaire */
.page#contact form {
    float:              left;
    margin-left:        20px;
}
.page#contact fieldset{
    border:             none;
}
.page#contact label {
    width:              100px;
    float:              left;
}
.page#contact input {
    width:              280px;
    border:             1px solid #D8A1AB;
}
.page#contact textarea,
.page#contact select {
    border:             1px solid #D8A1AB;
}
.page#contact input#submit_contact_form {
    width:              auto;
    background-color:   #FFd9d7;
    color:              #31231F;
    border:             2px solid #D8A1AB;
    margin-left:        100px;
}
* html .page#contact input#submit_contact_form {
    margin-left:        102px;
}
    
.page#contact p#required_fields {
    clear:              both;
    font-size:          0.7em;
    margin-left:        16px;
}