@charset "UTF-8";

/*****************************/
/* Page technique*/
/*****************************/
.prix_categorie {color:#BB3632; font-size:1.2em}

/*****************************/
/* Page technique */
/*****************************/
#description-page { background-color:#F0FAFF; padding:20px; margin:-10px 2px 0 2px; font-size:1.4em; color:#0098AF}

.technique h3 {
	background: url(/images/structure/fond-soustitre.png) no-repeat 5px 5px #9DC22A;
	color:white;
	padding:3px 12px 2px 30px;
	margin-bottom:0.5em;
 	-moz-border-radius: 7px; 
     -webkit-border-radius: 7px; 
     border-radius: 7px ;          
     -webkit-border-top-left-radius: 7px; /* pour Chrome */ 
     -webkit-border-top-right-radius: 7px; /* pour Chrome */ 
	display:inline-block;
}

.technique h4 {
		
				color:#0098AF;


}

.technique a {color:#BB3632;}

/*****************************/
/* Menu Affiner page categorie et sous categorie */
/*****************************/
	#content #affinage div { margin:1em; border: 1px solid #F0FAFF; }
	#content #affinage h3 { margin:1px; padding:0; font-size:1.3em;  }
	#content #affinage h4 { margin:1px; padding:0; font-size:1.2em;  }
	#content #affinage h3 a { padding:0.5em 5em 0.5em 0.5em; margin:0; color:#006987;   background:url(/images/structure/menu-lateral/poisson_logo.png) no-repeat top right #CCEEFF;
	}
	#content #affinage h4 a {background-color:#F0FAFF;}
	 #content #affinage h3 a:hover { color:#111; background:url(/images/structure/menu-lateral/poisson_logo.png) no-repeat top right #A0DDFF; }

	#content #affinage ul, #content #affinage ol { margin:0; padding: 0; list-style:none;}
	#content #affinage li { margin:0; padding:0;}
	#content #affinage ol li { margin:0; padding:0; border-top:1px dotted #EEE;}
	#content #affinage a { display:block; margin:0; padding:0.5em 1em; text-decoration:none; color:#666666;}
	#content #affinage li a {padding: 0.5em 2em;}
	#content #affinage ol li a {padding: 0.5em 3em;}
	#content #affinage li a:hover {background:url(/images/structure/menu-lateral/fleche-gauche.png) no-repeat  5px 6px #A0DDFF; color:#333}
	#content #affinage ol li a:hover {background-position: 10px 3px}
	#content #affinage h4.drop a{background:url(/images/structure/menu-lateral/fleche-bas.png) no-repeat 5px 6px #F0FAFF;}

/*	#content #affiner li a.go:hover{ }
	#content #affiner li li a:hover{ background-color:#DDEEFF; color:#333}
	#content #affiner li a.go {background:url(/images/techniques/toogle/structure/menu-lateral/fleche-gauche.png) no-repeat 0px 3px;}
#content #affiner a{ color:#0098AF;}

/*
#presentation_technique { clear:both; font-size:1.1em; margin:10px; padding:10px; border: 3px double #CCC;}
#presentation_technique h4{ color:#BB3632;}
#presentation_technique img { float:left; }
#presentation_technique .chapeau { color:#F60; font-size:1.1em; font-style:italic; }
*/
#photos { background:white; padding:0px; width:256px;float:right; margin: 0 10px ;}
#photos ul {  padding:0; margin:10px;}
#photos li { background:url(/images/techniques/ombre_photos_petites.png) no-repeat  bottom left #EFEEE6; padding:0 0 6px 0; margin:20px;list-style-type:none; width:216px;}
#photos img {border:8px solid #EFEEE6; }

/*
#articles_technique { padding:0.5em}
#articles_technique li{ list-style:none; float:left;margin:0.5em; border:none; padding:0; background-color:#BDE25A;}
#articles_technique img {  margin:0;  background-color:white;}
#articles_technique li a img{ border:5px solid #BDE25A; max-width:100px; padding:10px;}
#articles_technique li a:hover img{ border:5px solid white; max-width:120px; padding:0;}
*/

ul#articles_technique {
		list-style-type:none;
		padding: 10px;
		margin:0;
		height:200px;

}



#content #articles_technique li {
		list-style-type:none;
		float:left;
		padding:0px;
		margin:0 1px  0 0;
		width:117px;
		height:200px;
		background-color:white;
		position:relative;
}
#content #articles_technique li a {
		float:left;
		padding:0px;
		margin:0;
		background-color:white;
		text-decoration:none;
		border:3px solid #EEE;
		height:194px; width:111px;

}
#content #articles_technique li a:hover {
		text-decoration:none;
		border:3px solid #CCC;
}

#articles_technique  img {
		max-width:109px;
		max-height:105px;
}
#articles_technique .visuel {  position:absolute; top:60px; left:5px; padding:0; margin:0;}
#articles_technique .nom {
		padding:5px; margin:0;
		color:#0098AF; background:none; font-size:1.2em;
}
#articles_technique .prix { position:absolute; top:162px;left:3px; width:95px;padding:5px; margin:0; color:white; background:#0098AF;
		font-size:1.4em; border:3px double white; }
#articles_technique li a:hover .prix { background:#BB3632;}

/*
Name: Sliding bt_art_ass Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
*/
/*sliding panel */
#content #toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 2px;
    left:1px;
    z-index:999;
    padding:0px;
     margin:0;
	width:728px;
}

#content .tab {
	position: relative;
    top: 0px;
    left:490px;
     margin:0;
	padding:10px;
    z-index: 999;
}


#content #panel {
	background: #9DC22A;
	overflow: hidden;
	position: relative;
	top:0px;
	left:0px;
	margin:0px;
	padding:0;
	z-index: 3;
	display: none;
}

.tab ul.bt_art_ass {
	display: block;
	position: relative;
  	height: 44px;
	width: auto;
	line-height: 36px;
	margin: 0;
	top:-10px;
	right: 0px;
  	color: white;
	padding:0 18px 0 5px;
  	background: url(/images/techniques/toogle/tab_m.png) repeat-x bottom;
	width:180px;
	font-size:1.2em;
	text-indent:1em;
}


.tab ul.bt_art_ass li {
 	text-align: center;
  	padding: 0px;
	display: block;
	float: left;
	height: 50px;
}

.tab ul.bt_art_ass li a {
	color:white;
	text-decoration:none;
}

.tab ul.bt_art_ass li a:hover {
	color:#336600;
}


.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 10px !important;
	cursor: pointer;
	display: block;
	position: relative;
	top: 11px;
	width:200px;
}

.tab a.open {background: url(/images/techniques/toogle/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(/images/techniques/toogle/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(/images/techniques/toogle/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(/images/techniques/toogle/bt_close.png) no-repeat left -19px;}