/* Page offrir */

.offrir a { display: block; color: #C0C;  text-decoration: none;
font: 16px verdana,arial,sans-serif;
 font-weight: bold; padding: 25px; }
.offrir a:hover  { color: #229; }

#compositionbeaute, #compositionalimentaire { position: absolute; top: 150px;
width: 250px; height: 250px; text-align: center;}
#compositionbeaute      { left:20px;
background: url("../compositions/coffret_sel_bain_moussant250.jpg") ;
background-repeat: no-repeat;  }
#compositionalimentaire { right: 20px;
background: url("../compositions/panier_aromates250.jpg") ;
background-repeat: no-repeat;  }
#composition  { position: absolute; top: 200px; left: 430px; width: 200px;
height: 100px;text-align: center; background: url("../images/bouton200x80.jpg");
background-repeat: no-repeat;  }
.offrir2 { font:13px verdana,arial,sans-serif; color:#229; font-weight: bold; }
.offrir4{ font:25px cataneo bt,verdana,arial,sans-serif;  color:#8866CC;
font-weight: bold; }

/* Page offrirbeaute et alimentaire */

.cadre_composition {float: left; width: 700px; margin-top:0px;
margin-left: 130px;  text-align:left; background-color: #EEE;
border: 2px solid white; }
.cadre_photo_compositionL {float: left; width: 300px; height:240px;
padding: 5px; border: 0px}
.cadre_photo_compositionE {float: left; width: 150px; height:240px;
padding: 5px; border: 0px}
.cadre_photo_compositionH {float: left; width: 240px; height:300px;
padding: 5px; border: 0px}
.cadre_photo_composition {float: left; width: 240px; height:240px;
padding: 5px; border: 0px}

.retour_offrir {position: absolute;  right :230px; width: 200px;
height: 20px; border: 0px; }
.savoir_plus {position: absolute; left: 450px; width: 150px; height: 20px;
border: 0px;}

.savoir_plus a, .retour_offrir a {color: #88F; font-weight: bold;
font-size:13px;}
.savoir_plus a:hover, .retour_offrir a:hover { color: #FFF;
background-color: #AAF;}
.cadre_photoN { float: left; width: 500px; height:500px; padding-right: 20px;}
.cadre_photoL {float: left;  width: 500px; height:350px; padding-right: 20px;}
.cadre_photoH {float: left;  width: 500px; height:500px; padding-right: 20px;}
.cadre_photoE {float: left;  width: 350px; height:500px; padding-right:20px; }

/*.engros {font-weight: bolder ;  text-align:right;}   */
.presentation h3    { font-size: 20px ; font-weight: bold;}
.presentation h4    { font-size: 16px ; font-weight: bold;}
.presentation h5    { font-size: 13px ; font-weight: bold;}
.presentation h6    { font-size: 12px ; font-weight: bold;}
.presentation h2    { font-size: 16px ; font-weight: bold; text-align: center;
color: #88F;}

.presentation {float: left;  width:770px;  text-align:left;  font-size: 12px;
padding: 10px; background-color: #EEE; }
#boite      {float: left;  width:770px; }