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

}

.coup
{
  width:360px;
  height:110px;
  background:#E7E9D5;
  border:1px solid #AEB195;
  color:#545353;
  margin-top:15px;
}

    .photo{
      width:92px;
      height:92px;
      padding:2px;
      padding-left:0;
      padding-top:0;
      padding-top:4px;
      float:left;
    }


   #contenuTexte a.desig:link,#contenuTexte a.desig:visited{
      color:#8B301B;
      font-family:arial;
      font-size:12px;
      font-weight:bold;
      text-decoration:none;
    }
    #contenuTexte a.desig:hover,#contenuTexte a.desig:active{
      color:#C8644D;
    }

    a.desig2:link, a.desig2:visited{
      color:#8B301B;
      font-family:arial;
      font-size:12px;
      font-weight:bold;
      text-decoration:none;
    }
    a.desig2:hover, a.desig2:active{
      color:#C8644D;
    }

    .border{
      border-bottom:1px solid #59A200;
    }

    .coup p{
      font-size:11px;
    }

    .info{
      float:left;
      width:240px;

    }

    .pictos{

    }


        .titres{
          width:160px;
          height:70px;
          float:left;
        }

        .prix-prod{
          width:80px;
          height:70px;
          float:left;
          text-align:center;
        }

            .prix-promo-detail{
              font-size:16px;
              color:#009018;
              font-weight:bold;
              padding-top:5px;
              text-align:center;
            }

            .title-prix-old{
              font-size:14px;
              color:#545353;
              font-weight:bold;
              padding-top:10px;
              text-align:center;
             }


.clear{
  clear:both;
  height:1px;
  line-height:1px;
  font-size:1px;
}

#slogan{
  font-weight:bold;
  color:#545353;
}

#contenuTexte p.titre{
  float:left;
  color:#8B301B;
  font-size:14px;
  font-weight:bold;
}

.titre-line{
 float:left;
 background:url(../images/charte/titre-line.gif) repeat-x left 6px;
 height:11px;
 margin-left:9px;
 display:inline;
}

.nouveaute-ext{
  width:217px;
  float:left;
  /*background:#D5D8B8;*/
  background:#e9dcd6;
  border:1px solid #AAAD90;
  height:126px;
  padding:3px;
  margin-right: 0px;
}

.nouveaute-ext2{
  width:190px;
  float:left;
  background:#f4e8e8;
  border:1px solid #AAAD90;
  height:170px;
  padding:3px;
	margin-left: 8px;
	margin-top: 10px;
}

    .nouveaute-int{
        /*background:#E3E5CE;*/
        background:#f4e8e8;
        border:1px solid #AAAD90;
        height:124px;
        padding:0 5px;
    }
.nouveaute-int2{
        /*background:#E3E5CE;*/
        background:#f4e8e8;
        border:1px solid #AAAD90;
        height:168px;
        padding:0 5px;
    }

#contenuTexte p.center{
  text-align:center;
}

#contenuTexte p.title{
  font-size:12px;
  font-weight:bold;
  color:#59A200;
  margin-top:10px;
}

.color{
  font-weight:bold;
  color:#8B301B;
}

ul.list{
  margin:5px 0;
}

    ul.list li{
      list-style-type:none;
      background-image:url(../images/charte/bullet.gif);
      background-repeat: no-repeat;
      background-position: left 8px;
      padding:3px 0px 0 15px;
      font-family:arial;
      font-size:11px;
      line-height:20px;

    }

    ul.list li.element{
      float:left;
      width:170px;
      margin-right:10px;
    }


#contenuTexte p.information{
  font-size:12px;
  font-family:arial;
  line-height:20px;
  margin:20px 0 20px 10px;
}

#contenuTexte p.subtitre
{
  color:#303030;
  font-family:arial;
  font-weight:bold;
  font-size:12px;
  border-bottom:1px solid #d9d6d6;
}


#prix-detail
{
    width:308px;
    height:61px;
    border:solid 1px #AAAD90;
    background:#D8DBBB;
}

    .prix-box{
      width:274px;
      float:left;
      border:solid 1px #AAAD90;
      background:#E7E9D5;
      margin:3px 0;
      height:20px;
      float:left;
      display:inline;
      padding:0 10px;
      margin-top:5px;
    }


#contenuTexte p.prix-label
{
    color:#8B301B;
    text-align:center;
    margin-top:5px;
}

#form-detail{
    width:303px;
    height:85px;
    padding-top:6px;
    border:solid 1px #AAAD90;
    background:#D8DBBB;
}


.login-box{
  clear:both;width:450px;height:200px;margin:0 auto;
  border: 1px solid #AAAD90;
  background:#D8DBBB;
}

.photo-box{
    width:109px;
    height:108px;
    background:url(../images/charte/bg-photo.gif) no-repeat top left;
    float:left;
    padding-left:9px;
    padding-top:23px;
    display:inline;
}

#divMiddle{
   float:left;
   width:310px;
}

#divRight{
  float:left;
  width:210px;
  padding-left:10px;
}

.divLeft{
  float:left; width:215px;
}




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


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


.mail_input{
	width:90px;
	float:left;
	margin-top:5px;
	color:#000;
	}
.inputForm{
    background:#CACFAD;
    border:solid 1px #AAAD90;
	width:120px;
	font-family:arial;
	font-size:11px;
	color:#7C7C79;
	padding:1px 1px;
	}
.inputForm1{
    background:#CACFAD;
    border:solid 1px #AAAD90;
    float:left;
    width:120px;
    height:16px;
	font-family:arial;
	font-size:11px;
	color:#000000;
	padding:1px 1px;
    }
.inputFormOver{
    border:solid 1px #AAAD90;
    padding:0 2px;
    background:#D8DBBB;
    color:#7C7C79;
	width:120px;
	font-family:arial;
	font-size:11px;
    padding:1px 1px;
    }
.inputFormOver1{
    border:solid 1px #A8ACAD;
    float:left;
    height:16px;
    background:#FFFFFF;
    color:#000000;
	width:120px;
	font-family:arial;
	font-size:11px;
    padding:1px 1px;
    }
.button{
    border:1px solid #AAAD90;
	background-color:#CACFAD;
    font-weight:bold;
	width:90px;
    margin-left:5px;
    display:inline;
    color:#7C7C79;
	font-family: tahoma;
    padding:2px 0;
	font-size: 11px;
	cursor:pointer;
    float:left;
	}
.button1{
    border:1px solid #F3D406;
	background-color:#A8ACAD;
    color:#000000;
	font-family: tahoma;
    padding:2px 0;
	font-size: 11px;
	cursor:pointer;
	}
.buttonOver{
	border:1px solid #AAAD90;
    background-color: #C0C19D;
    font-weight:bold;
	width:90px;
    margin-left:5px;
    display:inline;
    padding:2px 0;
	color:#7C7C79;
	font-family: tahoma;
	font-size: 11px;
	cursor:pointer;
    float:left;
    	}
.buttonOver1{
	border:1px solid #F3D406;
    background-color:#A8ACAD;
    padding:2px 0;
	color:#ffffff;
	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:240px;
	margin:0 auto;
	clear:both;
	font-size:10px;
    font-family:arial;
	}

#formbox{
  width:445px;
  margin-left:20px;
  float:left;
  display:inline;
}