/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

.invisible
{
    display:none;

}

/*____________________________ */

#contenuTexte h1.design
{
    margin:0;
    width:303px;
    padding:14px 5px 7px 17px;
    border-bottom:solid 1px #ffffff;
    border-right:solid 1px #ffffff;
}

.line{
  border-bottom:solid 1px #ffffff;
  line-height:0px;
  height:0px;
  font-size:0px;
  margin-top:5px;
}

#text{
    margin-top:10px;
    padding:0 10px;
    width:360px;
}

.sep{
  margin:5px 0;
}

.product{
  width:191px;
  float:left;
  margin:30px 0;
}

    .prod-title{
      width:100%;
      height:26px;
      background:#D9B4D9;
      margin-bottom:5px;
      color:#530058;
      font-size:11px;
      font-family:arial;
      font-weight:bold;
      line-height:13px;
      text-align:center;
    }

    .prod-info{
      width:190px;
      border:solid 1px #D9B4D9;
      border-left:0;
    }

        .photo-box{
           width:80px;
           float:left;
           height:80px;
           padding:10px 0;
        }

        .product-dates{
          width:110px;
          float:left;
          position:relative;
        }


        .nouveaute{
          position:absolute;
          left:93px;
        }

        .indisponible{
          position:absolute;
          left:73px;
        }

        #contenuTexte p.titre
        {
           font-size:11px;
           line-height:15px;
           padding: 0 5px;
        }


        .prix{
         width:50px;
         height:24px;
         float:left;
         padding:2px 7px 2px 2px;
        }

            #contenuTexte p.prix-promo
            {
                margin:0;
                padding:0;
                font-size:11px;
                color:#5E5E5E;
                text-decoration: line-through;
                text-align:right;
                font-family:Arial;
                line-height:13px;
                height:13px;
            }

            #contenuTexte p.prix-vente
            {
               margin:0;
               padding:0;
               font-size:12px;
               color:#8E0597;
               text-align:right;
               font-family:Arial;
               line-height:13px;
            }

            .ajout{
              width:43px;
              height:24px;
              float:left;
            }




           #contenuTexte p.titre-detail, .titre-detail
           {
                font-size:14px;
                font-family:arial;
                font-weight:bold;
                color:#5E1163;
           }




          #contenuTexte p.promo-price{
                margin-top:10px;
                text-decoration:line-through;
                font-size:14px;
          }

          #contenuTexte p.new-price{
                margin-bottom:10px;
                font-size:20px;
          }


          #contenuTexte a.envoyer-link:link, #contenuTexte a.envoyer-link:active
          {
            font-size:12px;
            text-decoration:none;
            color:#000000;
            line-height:31px;
          }

          #contenuTexte a.envoyer-link:hover, #contenuTexte a.envoyer-link:visited
          {
             font-size:12px;
             text-decoration:underline;
             color:#000000;
          }

          #contenuTexte a.contact:link, #contenuTexte a.contact:active
          {
            font-size:12px;
            text-decoration:underline;
            color:#C052C0;
          }

          #contenuTexte a.contact:hover, #contenuTexte a.contact:visited
          {
             font-size:12px;
             text-decoration:none;
             color:#C052C0;
          }

          .photo-cadre{
            width:290px;
            height:265px;
            border:solid 1px #D9B4D9;
            border-left:0;
            margin:0 auto;
            padding-top:15px;
            margin-bottom:30px;
            position:relative;
          }

          .product1{
            width:101px;
            height:170px;
            float:left;
            margin-bottom:40px;
            bottom:35px;
          }

          .prod-info1{
            width:100px;
            height:135px;
            border:solid 1px #D9B4D9;
            border-left:0;
            position:relative;
            margin-bottom:5px;
          }

          .photo-box1{
           width:80px;
           height:80px;
           margin:0 auto;
        }

        #contenuTexte .couleur
        {
          font-weight:bold;
          color:#DE0076;
        }


        ul.list{
          margin:10px;
        }

            ul.list li{
              list-style-type:none;
              background-image:url(../images/charte/bullet.gif);
              background-repeat:no-repeat;
              background-position:left 6px;
              padding-left:15px;
              font:normal 12px arial;
              line-height:19px;
              text-align:justify;
              text-align:justify;
            }


        table.prestations tr.par{
           background:#F1E4F2;
        }

        table.prestations{
            font:normal 11px arial;
        }

        table.prestations tr{
            height:15px;

        }


        .livre-box{
          width:348px;
          background:#CEB0CF;
          border:solid 1px #B797B8;
          margin:0 auto;
        }


/*-------------------------------------*/


#contact_adresse{
	width:220px;
	height:139px;
	float:left;
	margin-top:10px;
	padding-top:15px;
	margin-left:35px;
	}
.mail_label{
	width:110px;
	float:left;
	margin-top:8px;
	color:#ffffff;
	font:normal 11px arial;
	text-align:left;
	padding-left:5px;
	}


.mail_input{
	width:90px;
	float:left;
	margin-top:5px;
	color:#000;
	}
.inputForm{
    background:#ffffff;
    border:solid 1px #CE9FD1;
	width:120px;
	font-family:arial;
	font-size:12px;
	color:#5E1163;
	padding:1px 1px;
	}
.inputForm1{
    background:#F4D1F5;
    border:solid 1px #F3CEF3;
    float:left;
    width:193px;
    height:16px;
	font-family:arial;
	font-size:11px;
	color:#5E1163;
	padding:1px 1px;
    }
.inputFormOver{
    border:solid 1px #CE9FD1;
    padding:0 2px;
    background:#FFEEFF;
    color:#5E1163;
	width:120px;
	font-family:arial;
	font-size:12px;
    padding:1px 1px;
    }
.inputFormOver1{
    border:solid 1px #F3CEF3;
    float:left;
    height:16px;
    background:#FFFFFF;
    color:#5E1163;
	width:193px;
	font-family:arial;
	font-size:11px;
    padding:1px 1px;
    }
.button{
    border:1px solid #452E46;
	background-color:#7A387E;
    font-weight:bold;
	width:90px;
    margin-left:5px;
    display:inline;
    color:#ffffff;
	font-family: arial;
    padding:2px 0;
	font-size: 10px;
	cursor:pointer;
    float:left;
	}
.button1{
    border:1px solid #F4D1F5;
	background-color:#F4D1F5;
    color:#5E1163;
	font-family: tahoma;
    padding:2px 0;
	font-size: 11px;
	cursor:pointer;
	}
.buttonOver{
	border:1px solid #452E46;
    /*background-color: #A45EA3;*/
    background-color: #DE0077;
    font-weight:bold;
	width:90px;
    margin-left:5px;
    display:inline;
    padding:2px 0;
	color:#FFFFFF;
	font-family: arial;
	font-size: 10px;
	cursor:pointer;
    float:left;
    	}
.buttonOver1{
	border:1px solid #F4D1F5;
    background-color:#BE9BB6;
    padding:2px 0;
	color:#5E1163;
	font-family: tahoma;
	font-size: 11px;
	cursor:pointer;
    	}
#contact-adresse{
	width:150px;
	background:url(../images/map/bg-contact.jpg) no-repeat left 35px;
	text-align:left;
	float:left;
	}
#contact-phone{
	width:150px;
	background:url(../images/map/bg-contact.jpg) no-repeat left 35px;
	text-align:left;
	padding:0px;
	}
#text-obligatoire{
	text-align:center;
	width:265px;
    padding-left:45px;
    float:left;
	font-size:10px;
    font-family:arial;
    margin-top:8px;
	}

#formbox{
  width:296px;
  padding:2px;
  margin:0 auto;
  margin-bottom:10px;

}

.fiche-info{
  color:#5E5E5E;
  font-size:12px;
}

.contact-info{
width:388px;
margin:80px auto;
border:solid 1px #D9B4D9;
border-left:0;
}

/*------------plan-------------*/

#map_top{
width:500px;
height:79px;

}

#map_middle{
margin:0;
padding:0;
width:500px;
height:392px;
}

#imprimer{
	position:absolute;
	margin-top:471px;
	}
#fermer-plan{
	position:absolute;
	margin-top:471px;
    margin-left:469px;
}

#plus{
	position:absolute;
	margin-top:49px;
	margin-left:402px;
	}

#minus{
	position:absolute;
	margin-left:298px;
    margin-top:49px;
	}
#adresse_map{
	position:absolute;
	text-align:center;
    width:169px;
    font:bold 12px arial;
    color:#530058;
    line-height:13px;
    margin-left:313px;
    margin-top:10px;
}

#adresse_map1{
	position:absolute;
    width:170px;
    margin-left:75px;
    margin-top:5px;
    font:normal 14px arial;
    font-weight:bold;
    line-height:17px;
}

#adresse_map span{
margin-top:15px;
margin-bottom:15px;
font-size:18px;
}



.underline{
  border-bottom:1px dotted #215e83;
  width:670px;
}

.bloc-ref{
  width:675px;
  height:17px;
  background:#E7E7E9;
  color:#262692;
  text-align:center;
  margin:10px 0;
  font-size:1.4em;
  font-weight:bold;
  padding-top:3px;

}

#box-c{
    border:solid 1px #D7BCD8;
    border-left:0;
    position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;

}

#contenuTexte a.cat-link:link, #contenuTexte a.cat-link:visited
{
   font-size:12px;
   font-weight:bold;
   text-transform:uppercase;
   line-height:18px;
}