<!--
/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;font-family:trebuchet ms}
body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font-weight:normal;color:#000;}
img{border:0; display:block}
a{text-decoration:underline;outline:none;} a:hover{text-decoration:none;}
select option{padding:0 3px;}
hr{display:none;}
fieldset{border:none;} fieldset legend{display:none;}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
			#top{position:relative; width:100%; z-index:2}
			#middle{position:relative; background:url(../images/bg-middle.gif) repeat-y right; width:100%}
			#bottom{position:relative;width:100%;clear:both;}

/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/
		body{background:#7B492B url(../images/bg_repeatx.gif) repeat-x; padding-left:25px}
		
		/*body{background:#8E1A1A}*/

		/*-------------------------- STRUCTURE PAGES ---------------------------*/
		#global{position:relative;width:930px;text-align:left;margin:0 auto; margin-top:30px}
		#main{position:absolute; width:780px; left:0; height:490px; overflow:hidden}
		
		#main-contenu{width:100%; position:absolute; z-index:2; font-size:11px; color:#6D7900}
		#main-contenu a{color:#6D7900}
		#fond-contenu{height:532px; background:#fff}
		#texte-contenu{position:absolute; padding:0 0 0 0;  width:800px; height:480px;  overflow:hidden; bottom:0; z-index:1}
		#texte-contenu .conteneur{height:348px}
		
		.motif01{position:absolute; left:0; display:inline; z-index:1}
		
		h1{ color:#697500}
		h1 a.titreint{background:url(/images/titre1.png) ;width:550px; height:60px; display:block; 
    position:absolute; z-index:5; right:0; cursor:pointer}
		h1 a.titreint span{display:none}
		.titrefleur{border-bottom:1px solid #CDE700; width:350px; float:left; display:inline}
		
		h1.titrehome{background:url(/images/titre2.png) ;width:468px; height:115px; display:block; position:absolute; z-index:5; right:0}
		h1.titrehome span{display:none}
    
    #filariane a{color:#718237; text-decoration:underline}
    #filariane{color:#718237}
    
		/*-------------------------- FOND DE PAGE ---------------------------*/
		#fond div{float:left; display:inline; width:60px; height:60px}
		#imagefond{position:absolute; z-index:3}


		/*-------------------------- BARRE DU BAS ---------------------------*/
		.barrebas{line-height:2.0em; position:absolute; bottom:0; width:100%; text-align:center; z-index:4; background:#000; color:#444}
		.barrebas a{color:#666; text-decoration:none; font-size:9px}
		.barrebas a:hover{color:#999}

		/*-------------------------- HOMEPAGE ---------------------------*/


		#fond-actu{position:absolute; bottom:0; background:#fff; height:246px; z-index:1; width:100%}
		#blocactu dl{position:absolute; font-size:15px; font-weight:bold; right:10px; z-index:2; width:400px; height:200px; bottom:40px}

		#blocactu dt{position:absolute; left:0; top:70px; font-size:13px}
		#blocactu dd.mois{font-size:80px; position:absolute; left:0; top:-10px; line-height:80px}
		#blocactu dd.mois .annee{font-size:18px; position:absolute; top:-22px}

		#blocactu dd.contenu{position:absolute; left:90px; top:100px; font-size:11px}
		#blocactu dd.contenu .descri{display:block; margin-top:5px; width:200px}
		#blocactu .lien{float:right; display:inline; margin-right:20px}


		/*-------------------------- MENUS ---------------------------*/
		#menu01{position:absolute; right:-4px; top:0; display:block; width:154px; background:#fff; z-index:7}
		#menu01 p.rubinact, #menu01 a.rubinact{font-size:13px; background:#fff; color:#95AA00; padding:2px 0 0 10px; width:144px;font-weight:bold; display:block}
		#menu01 p.rubact{font-size:13px; background:#95AA00; color:#fff; padding:5px 0 5px 10px; width:144px}
		#menu01 ul{position:relative; width:154px; overflow:hidden; background:#E6FF33; clear:both}
		#menu01 ul li{float:left; display:inline; width:154px; display:block}
		#menu01 ul li a{font-size:10px; display:block; padding:2px 0 0 20px; line-height:1.6em; width:154px; color:#778400}
		#menu01 a.pole{font-size:11px; color:#98AB00; display:block; line-height:1.7em; clear:both; width:154px; 
		padding:2px 0 2px 15px; width:140px}
		
		#menu01 p.actifssmenu{background:#D5F200; color:#5E6A00; padding:3px 10px 3px 30px; font-weight:bold; 
		font-size:10px; width:144px;  text-align:left}
		#menu01 a.pole:hover{background:#E6FF33; color:#778400}
		#menu01 p.actifpole{background:#A2B900; color:#fff; padding:2px 14px 2px 15px; width:125px; 
		text-transform:uppercase; font-weight:bold; font-size:10px; text-align:left}
		
		#menu01 ul li a.actif{text-transform:lowercase}
		#menu01 a:hover{background:#E6FF33; color:#94A400}
		   
		#menu01 .motifbs{background:url(/images/motif_menu_bas.png); position:absolute; bottom:-43px; 
		right:0; z-index:8; height:43px; width:154px}
		#motifcoteG{background:url(/images/cote_G.png); position:absolute; left:-58px; width:58px; height:480px}
		#motifcoteD{background:url(/images/cote_D1.png); position:absolute; right:50px; width:100px; height:480px}

		
		.transp1{background-image:url(/images/transp1.png); width:60px; height:60px}
		.transp2{background-image:url(/images/transp2.png); width:60px; height:60px}
		.transp3{background-image:url(/images/transp3.png); width:60px; height:60px}
		.transp4{background-image:url(/images/transp4.png); width:60px; height:60px}
		.transp5{background-image:url(/images/transp5.png); width:60px; height:60px}
		.transp6{background-image:url(/images/transp6.png); width:60px; height:60px}
		
		.fleur1{width:480px; height:480px;background:url(/images/fleur1.png)}
		.fleur2{width:480px; height:480px;background:url(/images/fleur2.png)}
		.fleur3{width:480px; height:480px;background:url(/images/fleur3.png)}
		.fleur4{width:480px; height:480px;background:url(/images/fleur4.png)}
		.fleur5{width:480px; height:480px;background:url(/images/fleur5.png)}
		.fleur6{width:480px; height:480px;background:url(/images/fleur6.png)}
		.fleur7{width:480px; height:480px;background:url(/images/fleur7.png)}
		
		.fleurint{background:url(/images/fleu_int.png) no-repeat;position:absolute; bottom:70px; width:350px; height:141px; left:30px}
		
		.visumag1{position:absolute; z-index:5; right:40px; top:60px}
		.struct1 .conteneur{position:relative; height:150px}
		.struct1 .conteneur .bloc1{position:relative; width:480px; margin:35px 0 0 30px; height:140px}
		.struct1 .conteneur .bloc2{position:absolute; top:0; right:40px; width:275px; height:295px; 
		text-align:right; padding-right:20px}
		.struct1 .conteneur .bloc1{position:relative; width:480px; margin:35px 0 0 30px; height:140px}
		
		.struct1 .conteneur .bloc2 div{border:1px solid #CDE700; width:180px; float:right; padding:65px 10px 0 10px; height:250px; background:#fff}
		.struct1 .conteneur .bloc2 div .telephone{color:red}
		
		#texte-contenu.struct1{position:absolute; padding:0 0 0 0;  width:800px; height:480px;  overflow:hidden; bottom:0}
		#texte-contenu.struct1 .conteneur{height:328px}
		#texte-contenu.struct1 .bloc1 #histoire1, #texte-contenu.struct1 .bloc1 #histoire2{position:relative; height:270px}
		#texte-contenu.struct2 .bloc1 , #texte-contenu.struct2 .bloc2{position:relative; height:270px}
		
		.struct2 .conteneur .bloc1{position:relative; width:350px; margin:5px 0 0 0; height:310px; float:right; display:inline; border-left:1px solid #CDE700;
		padding-left:20px}	
		.struct2 .link01{position:absolute; right:0}
		.struct2  #fleurint1{display:none}	
		
		.struct2 #precedsuiv{position:absolute; left:0; bottom:50px; width:100%}
		.struct2 #precedsuiv *{float:left; display:inline; font-size:10px;}
		.struct2 #precedsuiv .preced{background:url(/images/bg-flecheG.gif) no-repeat 0 50%; padding-left:30px; display:block; line-height:2.0em;}
		.struct2 #precedsuiv .suiv{background:url(/images/bg-flecheD.gif) no-repeat  100% 50%; line-height:2.0em; display:block;  padding-right:30px}
		.struct2 #precedsuiv .separ{line-height:2.0em; margin:0 5px}
		.struct2 #precedsuiv a:hover span{color:red}
		.struct2 #precedsuiv a:hover{text-decoration:underline}
		
		.struct2 .visuproduit{display:none}
		
		#texte-contenu .btzoom{display:block; width:50px; height:20px; background:#454545; font-size:10px; 
    margin:5px 0 0 0; color:#fff; line-height:2em; padding-left:10px; float:left; display:inline; border-left:5px solid #CDE700}
		#texte-contenu .btzoom:hover{background:#CDE700; color:#454545}
    
	    .prixfleurs{background:#CDE700; padding:1px 20px}
	    .mention{position:absolute; bottom:0; left:20px;}
		
		
		#navfleurs{position:relative; float:left; display:inline; overflow:hidden;z-index:2; line-height:2.0em; width:385px; margin-top:7px}
		#navfleurs a, #navfleurs .numeroactif{display:block; height:20px; width:20px; font-size:10px; color:#000; line-height:2.0em; 
    text-align:center; float:left; display:inline; background:#E0FF06; margin-right:5px; font-weight:bold}
    
		#navfleurs .numeroactif, #navfleurs a:hover{background:#CDE700;}
		#navfleurs .numeroactif{height:30px; width:30px; font-size:13px; color:#000; line-height:2.0em}
		#fleurstitres{font-style:italic; color:#B8B870}
		
		
		.boutsuivprece01{position:absolute; right:0; bottom:80px; z-index:5}
		.boutsuivprece01 .suiv{background:url(/images/bg-flecheD.gif) no-repeat 100% 50%; text-align:right; 
		cursor:pointer; display:block; padding-right:25px}
		.boutsuivprece01 .preced{background:url(/images/bg-flecheG.gif) no-repeat 0 50%; text-align:right; padding-left:25px}
		.boutsuivprece01 a{height:18px; font-weight:bold; display:block; background:red}
		.boutsuivprece01 a:hover{color:red}
			
		
		#lexique div{float:left; display:inline; margin-right:20px; width:220px; color:#728200}
		#lexique *{float:left; display:inline}
		#lexique strong{width:100px}
		#lexique span{font-style:italic}
		
		#couleurs {color:#728200; width:700px}
		
		#couleurs {color:#728200; width:700px}
		#annivs div .colonne{float:left; display:inline; margin-right:20px; width:165px; color:#728200}
		
		#annivs .colonne strong{width:55px}
		#annivs .colonne span{width:100px}
		#annivs *{float:left; display:inline}
		#annivs span{font-style:italic}

		#pagehistoire .pagination01{right:120px}
		#pagehistoire .boutsuivprece01{right:0}

		.pagination01 strong{color:red; font-weight:bold}
		.pagination01 span{color:#969696; width:auto}
		.pagination01 {position:absolute; width:60px; bottom:80px; right:350px}
		.pagination01 strong, .pagination01 span{width:10px; float:left; display:inline}
		.boutsuivprece01{right:50px}
		
		.acceslexique{float:right; margin:20px 180px 0 0}
		.acceslexique a{display:block; margin:5px 0 0 0}
		
		#numerocontacter{position:absolute; bottom:15px; left:20px}
		#numerocontacter .numero{color:#FF0000; font-size:19px}
		
		
		/* Zoom produit */
		#divz0{position: absolute;  width: 167.538px; height: 167.538px;  opacity: 0.3; top: 20px; left: 500px; 
		background: #fff none repeat scroll 0% 0%; z-index:10}
		#zoomable1{}
		#divz1{background: white none repeat scroll 0% 0%; overflow: hidden; position: absolute; width: 300px; height:200px; top:100px}
		#divz2{position: relative; left: 0px; top: 0px; z-index: 5; left: 150px; bottom: 20px;}
		#divz2 table{background: transparent url(/images/catalogue/blatt/JMJ0081177-S.jpg) no-repeat scroll center center}
		#divz2 table img{display:block; border:none}
		#divz2 table td{padding:0; overflow:hidden}