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







.coup

{

  width:360px;

  height:110px;

  background:#E7E9D5;

  border:1px solid #AEB195;

  color:#545353;

  margin-top:15px;

}



    .photo{

      padding:3px;

      width: 160px;

      float: left;

      background-color:#E0ECC4;

      border:solid 1px #A8E521;

      text-align: center;





    }



     .nouveaute-ext a{

      color:#C5F73C;

      font-family:arial;

      font-size:11px;

      font-weight:bold;

      text-decoration:none;

    }



        .nouveaute-ext a:hover{

      color:#ffffff;

      font-family:arial;

      font-size:11px;

      font-weight:bold;

      text-decoration:none;

    }



       .detail{

      color:#80AB22;

      font-family:arial;

      font-size:12px;

      font-weight:bold;

      text-decoration:none;

    }

    .detail:hover{

      color:#C8644D;

    }





   #contenuTexte a.desig:link,#contenu a.desig:visited{

      color:#ffffff;

      font-family:arial;

      font-size:12px;

      font-weight:bold;

      text-decoration:none;

    }

    #contenuTexte a.desig:hover,#contenu a.desig: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:11px;

              color:#EF330E;

              font-weight:bold;

              padding-top:5px;

              text-align:center;



            }



            .title-prix-old{

              font-size:11px;

              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:#573821;

  border:1px solid #AAAD90;

  height:126px;

  padding:3px;

}



    .nouveaute-int{

        background:#E0ECC4;

        border:1px solid #AAAD90;

        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:#481105;

}



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:330px;

    height:58px;

    border:solid 1px #A8E521;

    background:#80AB22;

}



    .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:325px;

    height:85px;

    margin-top: 5px;

    padding-top:6px;

   border:solid 1px #A8E521;

    background:#80AB22;

}





.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:330px;

}



#divRight{

  float:left;

  width:150px;

  padding-left:10px;

}



.divLeft{

  float:left;

  width:350px;



}









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





#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;

    	}







.inputForm3{

border:1px solid #432A18;

background-color: #FFFFFF;

width:170px;

color: Black;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color:#000000;

}

.inputForm3Over{

border:1px solid #432A18;

background-color: #F5F4F4;

width:170px;

font-family: Arial, Helvetica, sans-serif;

color: Black;

font-weight:normal;

font-size: 12px;

color:#000000;

}

.button3{

border:1px solid #000000;

padding: 2px 0px 2px 0px;

background-color: #432A18;

width:65px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

color:#FFFFFF;

}

.button3Over{

border:1px solid #000000;

background-color: #000000;

padding: 2px 0px 2px 0px;

width:65px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

cursor:pointer;

color:#FFFFFF;

}



.frmContact3{ /* dedicated ID for "contact form"*/



	text-align:center;

	background-color:#6A4327;

	font-size:11px;

  width: 580px;

	border:1px solid #432A18;

}



.frmContact3 .Label, .frmContact3 label{

  	font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

white-space:nowrap;



}



.notice{



	font-size:11px;

	padding:0px;

}

































#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;

}



  .lines2 {

line-height: 12px;

}



.ajout2{

float:left;

clear:left;

width:65px;

padding-top:2px;

}



.lines3 {

line-height: 12px;

float: left;

width: 60px;

text-align: center;

}



/* ***************** MODULE ACTUALITES ***************** */
#contenu h1.IDEO_sans {
margin:0;
}

.IDEO_actualite{
	float:left;
	margin-bottom:10px;
	border-bottom:1px dotted #CCC;
}

#contenu .IDEO_actualite .IDEO_visuel{
	float:left;
	height: 146px;/* hauteur de la zone visuel  */
	width: 146px;/* longueur de la zone visuel  */
	background: url("../images/fond-vignette.png") no-repeat left top;/* Image de fond du visuel  */
	margin-right:10px;
	text-align:center;
	padding-bottom:5px;
}
#contenu .IDEO_actualite .IDEO_visuel img {
	margin:0 5px 0 0;
}
#contenu .IDEO_actualite .IDEO_visuel a {
	position:relative;
}
.IDEO_actualite .IDEO_actualite-droite{
	float:left;
	width:490px;/* Longueur la zone droite  */
}
#contenu .IDEO_actualite .IDEO_titre{
	font-size:14px;
	font-variant:small-caps;
	font-weight:bold;
}

#contenu a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00;
 opacity:1.00;
 }

#contenu a:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.70;
 opacity:0.70;
 }


/* ***************** FIN MODULE ACTUALITES ***************** */