body {
	background-color: #000000;
	cursor: default;
}

.Titre {font-family:Viner Hand ITC,Papyrus,Tempus sans ITC,DreamerOne,Bradley Hand ITC,Tahoma,Sans serif; font-size:18pt; color:#ede193; line-height:30px ;}
.Sous-titre {font-family:Viner Hand ITC,Papyrus,Tempus sans ITC,DreamerOne,Bradley Hand ITC,Tahoma,Sans serif; font-size:12pt; color:#ede193; line-height:20px ;}
.GrosSous-titre {font-family:Viner Hand ITC,Papyrus,Tempus sans ITC,DreamerOne,Bradley Hand ITC,Tahoma,Sans serif; font-size:15pt; color:#ede193;line-height:25px ;}

.GrosTexte {font-family:Papyrus,Tempus sans ITC,Times New Roman,Times,Sans serif; font-size:13pt; color:#ede193;line-height:25px ; }
.TresGrosTexte {font-family:Papyrus,Tempus sans ITC,Times New Roman,Times,Sans serif; font-size:14pt; color:#ede193;line-height:28px ; }
.Textedefilant {font-family:Papyrus,Tempus sans ITC,Times New Roman,Times,Sans serif; font-size:18pt; color:#ede193;line-height:28px ; }


.Texte {font-family:Papyrus,Tempus sans ITC,Sans serif; font-size:12pt; color:#ede193;line-height:22px ; }

a.lienminiatures:link    { height:80px ; width:70px ; border:1px solid #000000;}    /* Style lien : lien non-visité */
a.lienminiatures:visited { height:80px ; width:70px ; border:1px solid #b3aa6f;}    /* Style lien : lien visité     */
a.lienminiatures:hover   { height:80px ; width:70px ; border:2px solid #ede193;}    /* Style lien : lien survolé    */
a.lienminiatures:active  { height:80px ; width:70px ; border:1px solid #b3aa6f;}    /* Style lien : lien activé     */ 


a.lien:link    { color: #b3aa6f; font-family:Papyrus,Tempus sans ITC,Times New Roman,Times,Sans serif; font-size:13pt;}    /* lien non-visité */
a.lien:visited { color: #b3aa6f;  font-family:Papyrus,Tempus sans ITC,Times New Roman,Times,Sans serif; font-size:13pt;}   /* lien visité   */
a.lien:hover   { color: #ede193; font-family:Papyrus,Tempus sans ITC,Times New Roman,Times,Sans serif; font-size:13pt;} /*#6e94f5 }  lien survolé     */
a.lien:active  { color: #b3aa6f;font-family:Papyrus,Tempus sans ITC,Times New Roman,Times,Sans serif; font-size:13pt;}   /* lien activé    */ 



a.lienmenu:link    { color: #b3aa6f; font-family:Papyrus,Tempus sans ITC,Times New Roman,Times,Sans serif; font-size:18pt;}    /* lien non-visité */
a.lienmenu:visited { color: #b3aa6f;  font-family:Papyrus,Tempus sans ITC,Times New Roman,Times,Sans serif; font-size:18pt;}   /* lien visité   */
a.lienmenu:hover   { color: #ede193; font-family:Papyrus,Tempus sans ITC,Times New Roman,Times,Sans serif; font-size:20pt;} /*#6e94f5 }  lien survolé     */
a.lienmenu:active  { color: #b3aa6f; font-family:Papyrus,Tempus sans ITC,Times New Roman,Times,Sans serif; font-size:18pt;}   /* lien activé    */ 



a.lienphoto:link    { height:126px ; width:110px ; border:1px solid #000000;}    /* Style lien : lien non-visité */
a.lienphoto:visited { height:126px ; width:110px ; border:1px solid #b3aa6f;}    /* Style lien : lien visité     */
a.lienphoto:hover   { height:126px ; width:110px ; border:2px solid #ede193;}    /* Style lien : lien survolé    */
a.lienphoto:active  { height:126px ; width:110px ; border:1px solid #b3aa6f;}    /* Style lien : lien activé     */ 


a.lienEntrer:link    {height: 80px ; width: 134px; background: url(divers/entrer1.jpg);border:1px solid #ede193;}     /* Style lienEntrer : lien non-visité */
a.lienEntrer:visited {height: 80px ; width: 134px; background: url(divers/entrer1.jpg);border:1px solid #ede193;}     /* Style lienEntrer : lien visité     */
a.lienEntrer:hover   {height: 101px ; width: 168px ; background: url(divers/entrer2.jpg);border:1px solid #ede193;} /* Style lienEntrer : lien survolé    */
a.lienEntrer:active    {background-image: url(divers/bienvenue.jpg);border:1px solid #ede193;}                         /* Style lienEntrer : lien activé     */
.lienEntrer {display: block; text-align: center;height: 80px;width: 134px;background-image: url(divers/entrer1.jpg); border:1px solid #ede193;}



ul#Cadre{
	list-style:none;
	position: relative;
	border : 3px solid #ede193;
	width: 800px;
	height: auto; 
	padding: 25px 25px 25px 25px; 
	margin-left: auto;
	margin-right: auto;
}

ul#Cadre li {
	position: absolute;
}

ul#Cadre li a {
	display: block;
	position: absolute;
	text-decoration: none;
}





.Cadre{
	list-style:none;
	position: relative;
	border : 3px solid #ede193;
	width: 800px;
	height: auto; 
	padding: 25px 25px 25px 25px;
	margin-left: auto;
	margin-right: auto;
}




.Cadrebretagne{
	list-style:none;
	position: relative;
	border : 3px solid #ede193;
	width: 920px;
	height: auto; 
	padding: 25px 25px 25px 25px;
	margin-left: auto;
	margin-right: auto;
}




/*////////////////////
Pour le menu :
//////////////////*/


ul#menu{
	list-style:none;
	position: relative;
	background: url(menu/menu.jpg) no-repeat;
	border : 3px solid #ede193;
	width: 870px;
	height: 505px; 
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;}

ul#menu li {position: absolute;}

ul#menu li a {
	display: block;
	position: absolute;
	text-decoration: none;
	left: 89px;
	top: 467px;
	width: 91px;
	height: 47px;
}

ul#menu li a span  { visibility: hidden; }



ul#menu li#bijoux a{ 
	top : 186px;
	left:	274px;
	width:	300px; 
	height: 100px;
}


ul#menu li#bijoux   a:hover { 
	border:0px solid #ede193 ;
	background: url("menu/bijouxbretons5.gif") no-repeat; 
}

ul#menu li#bijoux   a:visited {
	border:0px solid #ede193 ;
	background: url("menu/bijouxbretons5.gif") no-repeat; 
}





ul#menu li#etapes a{ 
	top : 19px;
	left:	22px;
	width:	300px; 
	height: 100px;
}


ul#menu li#etapes   a:hover { 
	border:0px solid #ede193 ;
	background: url("menu/fabrication5.gif") no-repeat; 
}

ul#menu li#etapes   a:visited {
	border:0px solid #ede193 ;
	background: url("menu/fabrication5.gif") no-repeat; 
}




ul#menu li#bio a{ 
	top : 412px;
	left:	351px;
	width:	300px; 
	height: 100px;
}


ul#menu li#bio   a:hover { 
	border:0px solid #ede193 ;
	background: url("menu/bio5.gif") no-repeat; 
}

ul#menu li#bio   a:visited {
	border:0px solid #ede193 ;
	background: url("menu/bio5.gif") no-repeat; 
}







ul#menu li#bretagne a{ 
	top : 11px;
	left:	594px;
	width:	300px; 
	height: 100px;
}


ul#menu li#bretagne   a:hover { 
	border:0px solid #ede193 ;
	background: url("menu/bretagne5.gif") no-repeat; 
}

ul#menu li#bretagne   a:visited {
	border:0px solid #ede193 ;
	background: url("menu/bretagne5.gif") no-repeat; 
}



ul#menu li#contact a{ 
	top : 272px;
	left:	619px;
	width:	300px; 
	height: 100px;
}


ul#menu li#contact   a:hover { 
	border:0px solid #ede193 ;
	background: url("menu/contact5.gif") no-repeat; 
}

ul#menu li#contact   a:visited {
	border:0px solid #ede193 ;
	background: url("menu/contact5.gif") no-repeat; 
}




ul#menu li#liens a{ 
	top : 377px;
	left:	6px;
	width:	300px; 
	height: 100px;
}


ul#menu li#liens   a:hover { 
	border:0px solid #ede193 ;
	background: url("menu/liens5.gif") no-repeat; 
}

ul#menu li#liens   a:visited {
	border:0px solid #ede193 ;
	background: url("menu/liens5.gif") no-repeat; 
}





/*//////////////////////////
Pour la galerie photo
//////////////////////////
*/




/*Petit cadre pour la galerie photo : */

ul#Petitcadre{
	list-style:none;
	position: relative;
	border : 3px solid #ede193;
	width: 960px;
	height: 570px; 
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}

ul#Petitcadre li {
	position: absolute;
}

ul#Petitcadre li a {
	display: block;
	position: absolute;
	text-decoration: none;
}




/* Cadre moyen pour la galerie photo : */

ul#Moyencadre{
	list-style:none;
	position: relative;
	border : 3px solid #ede193;
	width: 960px;
	height: 730px; 
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}

ul#Moyencadre li {
	position: absolute;
}

ul#Moyencadre li a {
	display: block;
	position: absolute;
	text-decoration: none;
}



/*Grand cadre pour la galerie photo : */



ul#Grandcadre{
	list-style:none;
	position: relative;
	border : 3px solid #ede193;
	width: 960px;
	height: 815px; 
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}

ul#Grandcadre li {
	position: absolute;
}

ul#Grandcadre li a {
	display: block;
	position: absolute;
	text-decoration: none;
}






/*Cadre pour boucles pays glazic*/


.Sous-cadre1{
	list-style:none;
	position: relative;
	width: 960px;
	height: 110px; 
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}

/*Cadre pour pays de l'aven : */


.Sous-cadre2{
	list-style:none;
	position: absolute;
	width: 375px;
	height: 110px; 
	padding: 0px 0px 0px 0px;
	margin-left: 2px;
	margin-right: auto;
}


/*Cadre pour pays du léon : */


.Sous-cadre4{
	list-style:none;
	position: absolute;
	width: 100px;
	height: 110px; 
	padding: 0px 0px 0px 0px;
	margin-left:372px;
	margin-right: auto;
}


/*Cadre pour pays de lorient*/



.Sous-cadre3{
	list-style:none;
	position: absolute;
	width: 148px;
	height: 110px; 
	padding: 0px 0px 0px 0px;
	margin-left:474px;
	margin-right: auto;
}


/*Cadre pour pays bigoudin*/


.Sous-cadre5{
	list-style:none;
	position:absolute;
	width: 110px;
	height: 110px; 
	padding: 0px 0px 0px 0px;
	margin-left:624px;
	margin-right: auto;
}


/*Cadre pour Bretagne */

.Sous-cadre6{
	list-style:none;
	position: absolute;
	width: 230px;
	height: 110px; 
	padding: 0px 0px 0px 0px;
	margin-left:730px;
	margin-right: auto;
}

/*Cadre pour faire la séparation et mettre la phrase Cliquer sur une photo pour l'agrandir.... : */

.Sous-cadre7{
	list-style:none;
	position: absolute;
	border-bottom: 3px solid #ede193 ;
	width: 960px;
	height: 25px; 
	padding: 0px 0px 0px 0px;
	margin-top:110px;
	margin-left: auto;
	margin-right: auto;
}


/*Partie 2 de la page, cadre pour mettre les fiches des boucles */

.Sous-cadre8{
	list-style:none;
	position: absolute;
	width: 960px;
	height: 150px; 
	padding: 0px 0px 0px 0px;
	margin-top :125px;
	margin-left:0px;
	margin-right: auto;
}


/*Les bis sont pour la galerie photo croix et coeurs*/

/*Cadre pour les croix*/ 

.Sous-cadre1bis{
	list-style:none;
	position: absolute;
	width: 480px;
	height: 130px; 
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-right: auto;
}

/*cadre pour les coeurs */

.Sous-cadre2bis{
	list-style:none;
	position: absolute;
	width: 480px;
	height: 130px; 
	padding: 0px 0px 0px 0px;
	margin-left: 480px;
	margin-right: auto;
}

/*cadre pour la phrase et faire la séparation */

.Sous-cadre3bis{
	list-style:none;
	position: absolute;
	border-bottom: 3px solid #ede193 ; 
	width: 960px;
	height: 25px; 
	padding: 0px 0px 0px 0px;
	margin-top: 130px ;
	margin-left: auto;
	margin-right: auto;
}

/*Cadre pour la 2ème partie de la page, après la séparation */

.Sous-cadre4bis{
	list-style:none;
	position: absolute;
	width: 960px;
	height: 300px; 
	padding: 0px 0px 0px 0px;
	margin-top: 150px ;
	margin-left: auto;
	margin-right: auto;
}



/*//////////////////////////
Pour la biographie
//////////////////////////
*/



/*Cadre pour photo de mickael */

.Cadrephoto{
	list-style:none;
	position: absolute;
	width: 300px;
	height: 331px; 
	padding: 0px 0px 0px 0px;
	margin-top: 5px ;
	margin-left: 508px;
	margin-right: auto;
}