@charset "iso-8859-15"; body { margin:0; padding:0; background:#6C4901; /*#600215 #EFF0ED*/ color:#669933; /*#6C4901 #646B5E*/ font-family:"Lucida Grande", "Trebuchet MS", Helvetica, FreeSans, sans-serif; font-size:90%; } /* 2- Style de l'en-tête header, avant le conteneur, mais avec les mêmes marges*/ #header { margin:0px 185px 0px 185px; width:1070px; height:400px; background:#b84a25 url(../imag12/fdheader061070x380.jpg) top center no-repeat;/*#EFF0ED*/ box-shadow:6px 6px 6px #588484; } /*Style du conteneur général parent des éléments et autres boites, enfant du */ #conteneur { position:relative; margin-top:0px; margin-left:185px; width:1070px; min-height:802px; background:#b84a25 url(../imag12/fdfleurs.jpg) no-repeat;/* #FFFCCD #e7de9d*/ font-size:15px; box-shadow:6px 6px 6px #588484; } /*Elements divers stylés ou pas et liens hypertextes*/ img {border-style:none;} a {text-decoration:none;} #basdepage a:hover {color:#CC3300;} /*Positionnement des images*/ img.papillon09 { position:absolute; left:939px; /*bottom:275px;*/ top:-345px; /*-83px*/ border-radius:10px; box-shadow:6px 6px 16px #990033; /*#CC3333 #CCCC66 #FFCC99 #FF9933 #588484;*/ -moz-transform: rotate(35deg); } /*Diaporama*/ /*Les imagettes du diaporama sont placées dans 3 tableaux distincts, gauche, droite, bas*/ table.gauche{ padding-top:20px; /*margin-top:0px; 20px*/ padding-left:8px; /*border:1px solid;*/ } table.droite { float:right; margin-top:-650px; padding-right:8px; /*border:1px solid;*/ } table.bas { margin-left:115px; margin-top:-82px; padding-left:8px;} /*Imagettes dans les cellules du tableau*/ td { width:100px; height:75px; padding:0px; margin:0px; } .img24 { width:75px; height:100px; padding-left:3px; } /*Le diaporama*/ /*Au survol de la souris, l'agrandissement, devient visible*/ img:hover + .grande { display:inline; } img:hover + .grande24bis { display:inline; } /*Rendre invisible les agrandissements en dehors du passage de la souris*/ img + .grande { display:none; } img + .grande24bis { display:none; } /*Grande image*/ img + .grande{ position:absolute; top:20px; /*100px;*/ left:280px; } img + .grande24bis{ position:absolute; top:20px; /*100px;*/ left:195px; } /*Rendre invisible les commentaires hors passage de la souris*/ .comment { display:none; width:510px; } /*Afficher les commentaires sous les grandes images au survol de la souris sur les imagettes*/ img:hover + .grande + .comment{ position:absolute; top:410px;/*400px;*/ left:285px; color:#FFFFCC; /*#CC6633*/ font-weight:bold; text-align:left; display:block; } img:hover + .grande24bis + .comment{ position:absolute; top:200px;/*400px;*/ left:590px; color:#FFFFCC; /*#CC6633*/ font-weight:bold; text-align:left; display:inline; } /*bas de de page* ok le 12/12/2011*/ #basdepage{ position: absolute; bottom: 0; left:0; width:1070px; text-align:center; color:#55802B; background-color:#CCCC99; /*#FFD377*/ font-family:Georgia; font-size:0.8em; }