/* 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";


#encart{
	float:left;
	width:554px;
	min-height:170px;
	height:auto !important;
	height:170px;

}

/*---------------------------------------blocproduits----------------------------------*/
.bloc-partenaire{
	border:1px solid #c9c9c9;
	padding:10px;
	margin:0 20px 10px 0;
    background:#E5E7E9 url(../images/charte/bg-box.gif) repeat-x top left;
    width:490px;margin:0 auto;
    display:table;
}

.bloc-partenaire h3{/*------------------ titre*/

	width:120px;
	font-size:1.1em;
	font-weight:bold;
	line-height:15px;
	height:15px;
	text-align:left;
	color:#3291cb;
	text-indent:15px;
	background:url(../images/charte/puce-produit.gif) no-repeat left 2px;

}

.bloc-partenaire h4{/*------------------sous titre*/

	font-size:1em;
	font-weight:normal;
	line-height:20px;
	height:20px;
	text-align:left;
	color:#3291cb;


}


#bloc-produit{
	float:left;
	width:258px;
	height:255px;
	border:1px solid #c9c9c9;
	padding:5px;
	margin:0 0 8px 0;

}

.bloc-produit{
	float:left;
	width:245px;
	height:187px;
	border:1px solid #c9c9c9;
	padding:5px;
	background:#E5E7E9 url(../images/charte/bg-box.gif) repeat-x top left;
    margin-left:15px;
    display:inline;
}

#bloc-produit h3{/*------------------ titre*/
	float:left;
	width:120px;
	font-size:1.1em;
	font-weight:bold;
	line-height:15px;
	height:15px;
	text-align:left;
	color:#3291cb;
	text-indent:15px;
	background:url(../images/charte/puce-produit.gif) no-repeat left 2px;

}

#bloc-produit h3 a.ref-link:link,#bloc-produit h3 a.ref-link:visited{
 color:#3291cb;
 text-decoration:none;
}

#bloc-produit h3 a.ref-link:hover,#bloc-produit h3 a.ref-link:active{
 color:#3291cb;
 text-decoration:underline;
}


#bloc-produit h4{/*------------------sous titre*/
	float:left;
	width:250px;
	font-size:1em;
	font-weight:normal;
	line-height:15px;
	height:45px;
	text-align:left;
	color:#3291cb;
}

#bloc-produit h4 a.ref-link:link,#bloc-produit h4 a.ref-link:visited{
 font-weight:normal;
 color:#3291cb;
 text-decoration:none;

}

#bloc-produit h4 a.ref-link:hover,#bloc-produit h4 a.ref-link:active{
 font-weight:normal;
 color:#3291cb;
text-decoration:underline;
}

#bloc-produit h5{/*------------------prix*/
	float:right;
	width:125px;
	font-size:1.2em;
	font-weight:bold;
	line-height:15px;
	height:15px;
	text-align:right;
	color:#fcba07;

}
#photoproduit{
	float:left;
	width:152px;
	height:152px;

}
#descriptif{
	float:left;
	width:95px;
    color:#666666;
	text-align:left;
	padding:5px 0 0 5px;
    height:152px;
}

.color{
  font-size:12px;
  font-weight:bold;
  margin:10px 0;
}

ul.list{

}

ul.list li{
    list-style-type:none;
    background-image:url(../images/charte/puce-produit.gif);
    background-repeat:no-repeat;
    background-position:left 4px;
    font-size:11px;
    line-height:20px;
    color:#3E97CB;
    padding-left:15px;
}


/*---------------------------------------promotions----------------------------------*/
#promotions{
	float:right;
	width:195px;
	min-height:200px;
	height:auto !important;
	height:200px;
	background:url(../images/charte/bg-promos-y.gif) repeat-y top left;
}

#promotions2{
	float:right;
	width:195px;
	min-height:192px;
	height:auto !important;
	height:192px;
	text-align:center;
}


#promotions2 h3{/*------------------ titre*/
	font-size:1.1em;
	font-weight:bold;
	line-height:20px;
	xheight:20px;
	color:#3291cb;
	margin:5px 0 0 0;

}

#promotions2 h3 a:link,#promotions2 h3 a:visited{/*------------------ titre*/

	color:#3291cb;

    text-decoration:none;
}

#promotions2 h3 a:hover,#promotions2 h3 a:active{/*------------------ titre*/

	color:#3291cb;

    text-decoration:underline;
}

#promotions2 h4{/*------------------ prix*/
	font-size:1.5em;
	font-weight:bold;
	line-height:20px;
	height:20px;
	color:#f20039;

}
.ancienprix{
	font-size:1em;
	font-weight:normal;
	color:#000;
	text-decoration: line-through;
}
#promotions2 a:link,#promotions2 a:visited{
	font-size:1em;
}

.invisible
{
	display:none;
}

.prix-bare{
  text-decoration:line-through;
  float:right;
  text-align:right;
  font-size:11px;
  margin-right:5px;
}

#photo-cadre{
    width:322px;
    height:322px;
    background:#F9F9F9;
    border:solid 1px #C9C9C9;
    margin-bottom:5px;
    padding:5px;
}

.prod-reference{
  float:left;
  width:270px;
}

.prod-reference h4{/*------------------sous titre*/
    font-size:0px;
    height:0px;
    line-height:0px;
    margin:0;
    padding:0;
}

.prod-reference h4{/*------------------sous titre*/
    font-size:13px;
    font-weight:bold;
	line-height:15px;
	height:15px;
	text-align:left;
	color:#3291cb;
}

#value{
  font-size:13px;
    font-weight:bold;
	line-height:15px;
	height:15px;
	text-align:left;
	color:#3291cb;
}

.prod-price{
  width:110px;
  height:56px;
  float:right;
  background:url(../images/charte/prix-bg.gif) no-repeat top left;
}

.prix{
  text-align:center;
  color:#FF9A00;
}

.normal{
  font-size:12px;
  text-decoration:line-through;
}

.promo{
  font-size:20px;
  height:20px;
  line-height:20px;
}

.sep{
  margin:5px 0;
}

.line{
  clear:both;
  border-bottom:solid 1px #B9E550;
  height:1px;
  line-height:1px;
  font-size:1px;
}

.line1{
  border-bottom:solid 1px #B9E550;
  height:1px;
  line-height:1px;
  font-size:1px;
  width:560px;
}


.photobox{
  width:150px;
  height:150px;
  background:#F9F9F9;
  border:solid 1px #C9C9C9;
  float:left;
}

.form-box{

  height:99px;
  background:#F9F9F9;
  border:solid 1px #C9C9C9;
  float:left;
  padding:3px;
}

.form-box1{
  background:#F9F9F9;
  border:solid 1px #C9C9C9;
  padding:3px;
}

.inputForm1{
  background:#E9FF85;
  border:solid 1px #C9C9C9;
  padding:0 2px;
  color:#666666;
  font-size:11px;
}


.inputFormOver1{
  border:solid 1px #C9C9C9;
  padding:0 2px;
  background:#E9FFAD;
  color:#666666;
  font-size:11px;
  margin-top:2px;
}

.inputForm2{
  background:#FFD574;
  border:solid 1px #C9C9C9;
  padding:0 2px;
  color:#666666;
  font-size:11px;
}

.inputFormOver2{
  border:solid 1px #C9C9C9;
  padding:0 2px;
  background:#FFEFB1;
  color:#666666;
  font-size:11px;
}

.inputForm3{
  background:#ffffff;
  border:solid 1px #C9C9C9;
  padding:0 2px;
  color:#666666;
  font-size:11px;
  margin-top:2px;
}

.button{
  float:right
}

.inn{
  float:left
}

.button1{
    border:1px solid #E16912;
	background-color:#FF8000;
	width:65px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	}

.buttonOver1{
	border:1px solid #E16912;
	background-color: #FF9800;
	width:65px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	font-weight:bold;
	}

.arial_txt{
  color:#ffffff;
  font-weight:bold;
  text-align:center;
}


.mail_label1{
  font-size:11px;
  color:#7A7A7A;
  text-align:left;
}

.subtitre{
color:#439DD2;
font-weight:bold;
font-size:13px;
}

.login-box{
  width:300px;
  margin:0 auto;
}


/*-----------PANIER----------------*/

.commandes{

	width:105px;
	height:26px;
	cursor:pointer;
	margin-right:20px;
}

.commandesOver{

	width:105px;
	height:26px;
	cursor:pointer;
	margin-right:20px;
}

.informations{

	width:105px;
	height:26px;
	cursor:pointer;
	margin-right:20px;
}

.informationsOver{

	width:105px;
	height:26px;
	cursor:pointer;
	margin-right:20px;
}

.deconnection{

	width:105px;
	height:26px;
	cursor:pointer;
}

.deconnectionOver{

	width:105px;
	height:26px;
	cursor:pointer;
}

.txtpanier{
	background-image:url(../images/charte/panier_over_01.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:100px;
	height:28px;
}
.txtpanier_over{
	background-image:url(../images/charte/panier_01.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:100px;
	float:left;
	height:28px;
}
.txtpanier_selected{
	background-image:url(../images/charte/panier_select_01.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:100px;
	float:left;
	height:28px;
}
.txtidentification_selected{
	background-image:url(../images/charte/panier_select_02.gif);
	background-position:top left;
	float:left;
	background-repeat:no-repeat;
	width:100px;
	height:28px;
}
.txtrecapitulatif_selected{
	background-image:url(../images/charte/panier_select_03.gif);
	background-position:top left;
	float:left;
	background-repeat:no-repeat;
	width:100px;
	height:28px;
}
.txtlivrasion_selected{
	background-image:url(../images/charte/panier_select_04.gif);
	background-position:top left;
	float:left;
	background-repeat:no-repeat;
	width:100px;
	height:28px;
}
.txtpaiement_selected{
	background-image:url(../images/charte/panier_select_05.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:100px;
	height:28px;
}
.txtidentification{
	background-image:url(../images/charte/panier_over_02.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:100px;
	height:28px;
}
.txtidentification_over{
	background-image:url(../images/charte/panier_02.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:100px;
	height:28px;
}
.txtrecapitulatif{
	background-image:url(../images/charte/panier_over_03.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:100px;
	height:28px;
}
.txtrecapitulatif_over{
	background-image:url(../images/charte/panier_03.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:100px;
	float:left;
	height:28px;
}
.txtlivrasion{
	background-image:url(../images/charte/panier_over_04.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:100px;
	height:28px;
}
.txtlivrasion_over{
	background-image:url(../images/charte/panier_04.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:100px;
	height:28px;
}
.txtpaiement{
	background-image:url(../images/charte/panier_over_05.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:100px;
	height:28px;
}

.txtpaiement_over{
	background-image:url(../images/charte/panier_05.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:100px;
	height:28px;

}

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


#contact_adresse{
	width:220px;
	height:139px;
	float:left;
	margin-top:10px;
	padding-top:15px;
	margin-left:35px;
	}
.mail_label{
	width:95px;
	float:left;
	margin-top:7px;
	color:#666666;
	font:normal 10px, Helvetica, sans-serif;
	text-align:left;
	padding-left:10px;
	}
.mail_input{
	width:90px;
	float:left;
	margin-top:5px;
	color:#000;
	}
.inputForm{
    background:#ffffff;
    border:solid 1px #C9C9C9;
	width:100px;
	font-family:arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;;
	padding:1px 1px;

	}
.inputFormOver{
    border:solid 1px #C9C9C9;
    padding:0 2px;
    background:#E9FFAD;
    color:#666666;
	width:100px;
	font-family:arial, Helvetica, sans-serif;
	font-size:11px;
    padding:1px 1px;
    }
.button{
    border:1px solid #E16912;
	background-color:#FF8000;
    font-weight:bold;
	width:65px;
	color:#fff;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
    float:left;
	}
.buttonOver{
	border:1px solid #E16912;
   background-color: #FF9800;
    font-weight:bold;
	width:65px;
	color:#fff;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
    float:left;
    	}
#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:220px;
	margin:0 auto;
	padding-top:20px;
    margin-bottom:5px;
	clear:both;
	font-size:10px;
	}


.formbox{
width:554px;
background:#F9F9F9;
border:solid 1px #C9C9C9;
padding:3px;
 }

.max{
  width:115px;
}

#fermer a:link, #fermer a:visited{
  	color: #9A9A9A;
	text-decoration:none;
  font-size:14px;
  text-align:center;

}

#fermer a:hover, #fermer a:active{
  	color: #ffe08c;
  font-size:14px;
  text-align:center;
  text-decoration:underline;
}

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

#map_top{
width:500px;
height:61px;
}

#map_bottom{
margin:0;
padding:0;
width:149px;
height:382px;
float:left;
}

#map_middle{
margin:0;
padding:0;
width:351px;
height:382px;
float:right;

}

#imprimer{
	position:absolute;
	margin-top:280px;
	color:red;
	}
#fermer-plan{
	position:absolute;
	margin-top:257px;
	color:red;
}

#plus{
	position:absolute;
	margin-top:401px;
	margin-left:106px;
	}

#minus{
	position:absolute;
	margin-top:401px;

	}
#adresse_map{
	position:absolute;
	text-align:center;
    margin-top:85px;
    width:149px;
	color:#3381BD;
	font:normal 14px arial;
    line-height:24px;

}

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

#news-text{
color:#3366CC;
line-height:15px;
}

.news-link{
  color:#CC0000;
  text-decoration:none;
}

.news-link:hover{
 color:#FF0000;
 text-decoration:underline;
}




.titre-spe{
  color:#3291CB;
  font-size:1em;
  background:url(../images/charte/puce-produit.gif) no-repeat left 5px;
  line-height:20px;
  text-indent:20px;
  padding-right:5px;
  margin-left:2px;

}

.first{
  color:#464646;
  font-size:70%;
  background:url(../images/charte/puce-titre.gif) no-repeat left 4px;
  line-height:20px;
  height:20px;
  text-indent:25px;
  float:left;

}

.promo-link{
    font-weight:bold;
    color:#7A7A7A;
    text-decoration:none;
}

.promo-link:hover{
    font-weight:bold;
    text-decoration:underline;
}

#assoc p.title-assoc {
    font-size:1.1em;
	font-weight:bold;
	line-height:15px;

}

#assoc p.prix-assoc {
	font-size:1.2em;
	font-weight:bold;
	line-height:15px;
	height:15px;
    color:#fcba07;
}

#assoc p a.ref-link{
 color:#3291cb;
 text-decoration:none;
}

#assoc p a.ref-link:hover{
 color:#3291cb;
 text-decoration:underline;
}