﻿@charset "utf-8";
@import url(default.css);
/* CSS Document Cocteau Art */
h2#hActualite {
background: #8A8B8D url(../img/gb/h_actualite.gif) left top no-repeat;
height: 32px;
margin: 0;
padding: 0;
width: 990px;
}
h2#hAmi {
background: #8A8B8D url(../img/gb/h_ami.gif) left top no-repeat;
height: 32px;
margin: 0;
padding: 0;
width: 990px;
}
h2#hContact {
background: #8A8B8D url(../img/gb/h_contact.gif) left top no-repeat;
height: 32px;
margin: 0;
padding: 0;
width: 990px;
}
h2#hLien {
background: #8A8B8D url(../img/gb/h_lien.gif) left top no-repeat;
height: 32px;
margin: 0;
padding: 0;
width: 990px;
}
h2#hLettre {
background: #8A8B8D url(../img/gb/h_lettre.gif) left top no-repeat;
height: 32px;
margin: 0;
padding: 0;
width: 990px;
}
h3#h1958 {
background: #8A8B8D url(../img/gb/ceramique/h_1958.gif) left top no-repeat;
height: 102px;
width: 720px;
}
h3#hCeramTechnique {
background: #8A8B8D url(../img/gb/ceramique/h_technique.gif) left top no-repeat;
height: 42px;
width: 426px;
}
h3#hCatalogue {
background: #8A8B8D url(../img/gb/ceramique/h_catalogue.gif) left top no-repeat;
height: 42px;
width: 605px;
}
h3#hChronologie {
background: #8A8B8D url(../img/gb/ceramique/h_chronologie.gif) left top no-repeat;
height: 42px;
width: 236px;
}
h3#hBijouxTechnique {
background: #8A8B8D url(../img/gb/bijoux/h_technique.gif) left top no-repeat;
height: 42px;
width: 426px;
}


/**********************************/
/*** Navigation Pages Ceramique ***/
/**********************************/
div#navCeramique {
	background: #FFF;
	border: 0;
	height: 32px;
	margin: 0;
	padding: 0;
	width: 990px;
	}

div#navCeramique ul#menuCeramique {
	height: 32px;
	width: 990px;
	background: transparent url(../img/gb/ceramique/nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#navCeramique ul#menuCeramique li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menuCeramique li, ul#menuCeramique a {
/*border: 1px solid red;*/
	height: 32px;
	display: block;
	}
div#navCeramique ul#menuCeramique li a {
	text-indent: -9999px;
	text-decoration: none;
	}
#navCeram0	{left: 0; width: 237px;}	
#navCeram1	{left: 237px; width: 120px;}
#navCeram2	{left: 368px; width: 109px;}
#navCeram3 {left: 487px; width: 57px;}
#navCeram4 {left: 554px; width: 68px;}

#navCeram0 a:hover {background: transparent url(../img/gb/ceramique/nav.gif) 0 -32px no-repeat;}
#navCeram1 a:hover {background: transparent url(../img/gb/ceramique/nav.gif) -237px -32px no-repeat;}
#navCeram2 a:hover {background: transparent url(../img/gb/ceramique/nav.gif) -368px -32px no-repeat;}
#navCeram3 a:hover {background: transparent url(../img/gb/ceramique/nav.gif) -487px -32px no-repeat;}
#navCeram4 a:hover {background: transparent url(../img/gb/ceramique/nav.gif) -554px -32px no-repeat;}

/* "Vous etes ici" - Navigation principale */

body#pageCeramique0 #navCeram0 a {background: transparent url(../img/gb/ceramique/nav.gif) 0 -32px no-repeat;}
body#pageCeramique1 #navCeram1 a {background: transparent url(../img/gb/ceramique/nav.gif) -237px -32px no-repeat;}
body#pageCeramique2 #navCeram2 a {background: transparent url(../img/gb/ceramique/nav.gif) -368px -32px no-repeat;}
body#pageCeramique3 #navCeram3 a {background: transparent url(../img/gb/ceramique/nav.gif) -487px -32px no-repeat;}
body#pageCeramique4 #navCeram4 a {background: transparent url(../img/gb/ceramique/nav.gif) -554px -32px no-repeat;}

/*****************************************/
/*** Navigation Pages Bijoux Sculpture ***/
/*****************************************/
div#navBijoux {
	background: #FFF;
	border: 0;
	height: 32px;
	margin: 0;
	padding: 0;
	width: 990px;
	}

div#navBijoux ul#menuBijoux {
	height: 32px;
	width: 990px;
	background: transparent url(../img/gb/bijoux/nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#navBijoux ul#menuBijoux li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menuBijoux li, ul#menuBijoux a {
/*border: 1px solid red;*/
	height: 32px;
	display: block;
	}
div#navBijoux ul#menuBijoux li a {
	text-indent: -9999px;
	text-decoration: none;
	}
#navBijoux0	{left: 0; width: 265px;}	
#navBijoux1	{left: 300px; width: 84px;}
#navBijoux2	{left: 394px; width: 110px;}

#navBijoux0 a:hover {background: transparent url(../img/gb/bijoux/nav.gif) 0 -32px no-repeat;}
#navBijoux1 a:hover {background: transparent url(../img/gb/bijoux/nav.gif) -300px -32px no-repeat;}
#navBijoux2 a:hover {background: transparent url(../img/gb/bijoux/nav.gif) -394px -32px no-repeat;}

/* "Vous etes ici" - Navigation principale */

body#pageBijoux0 #navBijoux0 a {background: transparent url(../img/gb/bijoux/nav.gif) 0 -32px no-repeat;}
body#pageBijoux1 #navBijoux1 a {background: transparent url(../img/gb/bijoux/nav.gif) -300px -32px no-repeat;}
body#pageBijoux2 #navBijoux2 a {background: transparent url(../img/gb/bijoux/nav.gif) -394px -32px no-repeat;}

/*****************************************/
/*** Navigation Pages Galerie          ***/
/*****************************************/
div#navGalerie {
	background: #FFF;
	border: 0;
	height: 32px;
	margin: 0;
	padding: 0;
	width: 990px;
	}

div#navGalerie ul#menuGalerie {
	height: 32px;
	width: 990px;
	background: transparent url(../img/gb/galerie/nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#navGalerie ul#menuGalerie li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menuGalerie li, ul#menuGalerie a {
/*border: 1px solid red;*/
	height: 32px;
	display: block;
	}
div#navGalerie ul#menuGalerie li a {
	text-indent: -9999px;
	text-decoration: none;
	}
#navGalerie0 {left: 0; width: 237px;}	
#navGalerie1 {left: 237px; width: 64px;}
#navGalerie2 {left: 312px; width: 42px;}

#navGalerie0 a:hover {background: transparent url(../img/gb/galerie/nav.gif) 0 -32px no-repeat;}
#navGalerie1 a:hover {background: transparent url(../img/gb/galerie/nav.gif) -237px -32px no-repeat;}
#navGalerie2 a:hover {background: transparent url(../img/gb/galerie/nav.gif) -312px -32px no-repeat;}


/* "Vous etes ici" - Navigation principale */

body#pageGalerie0 #navGalerie0 a {background: transparent url(../img/gb/galerie/nav.gif) 0 -32px no-repeat;}
body#pageGalerie1 #navGalerie1 a {background: transparent url(../img/gb/galerie/nav.gif) -237px -32px no-repeat;}
body#pageGalerie2 #navGalerie2 a {background: transparent url(../img/gb/galerie/nav.gif) -312px -32px no-repeat;}

/*****************************************/
/*** Navigation Page Vente en ligne    ***/
/*****************************************/
div#navVente {
	background: #405389;
	border: 0;
	height: 48px;
	margin: 0;
	padding: 0;
	width: 990px;
	}

div#navVente ul#menuVente {
	height: 48px;
	width: 990px;
	background: transparent url(../img/gb/vente/nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#navVente ul#menuVente li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menuVente li, ul#menuVente a {
/*border: 1px solid red;*/
	height: 48px;
	display: block;
	}
div#navVente ul#menuVente li a {
	text-indent: -9999px;
	text-decoration: none;
	}
#navVente	{left: 0; width: 330px;}	

#navVente a:hover {background: transparent url(../img/gb/vente/nav.gif) 0 -48px no-repeat;}
