/* Design du Site "Atelier Eika Ikebana" */

										/* L'en-tete
__________________________________________________________________________________________*/

#en_tete
{
	height : 142px ;
	background : url("banniere_n.png") no-repeat center rgb(138,97,85) ;
	border : 3px solid black ;
	padding-top : 10px ;
	padding-bottom : 10px ;
}

#en_tete h1
{
	text-indent : -10000px ;
	font-size : 150px ;
	margin-top : -20px ;
}

#frise_ikebanas
{
	display : block ;
	margin-left : auto ;
	margin-right : auto ;
}

										/* Le menu
__________________________________________________________________________________________*/

#menu
{
	float : left ;
	width : 19% ;
	margin-top : 20px ;
	margin-bottom : 30px ;
}

.logo_150
{
	margin-left : 30px ;
}

.element_menu ul { list-style-type : none ; }
.element_menu ul li { margin-bottom : 5px ; }

#accueil {background : url("hiver/boutons/accueil.png") no-repeat top center; text-indent : -50000px ; display : block ; width : 120px ; height : 25px ; }
#presentation{background : url("hiver/boutons/presentation.png") no-repeat top center; text-indent : -50000px ; display : block ; width : 120px ; height : 25px ; }
#activites{background : url("hiver/boutons/activites.png") no-repeat top center; text-indent : -50000px ; display : block ; width : 120px ; height : 25px ; }
#galerie{background : url("hiver/boutons/galerie.png") no-repeat top center; text-indent : -50000px ; display : block ; width : 120px ; height : 25px ; }
#partager_lart{background : url("hiver/boutons/partager_lart.png") no-repeat top center; text-indent : -50000px ; display : block ; width : 120px ; height : 25px ; }
#liens{background : url("hiver/boutons/liens.png") no-repeat top center; text-indent : -50000px ; display : block ; width : 120px ; height : 25px ; }
#archives{background : url("hiver/boutons/archives.png") no-repeat top center; text-indent : -50000px ; display : block ; width : 120px ; height : 25px ; }
#contact{background : url("hiver/boutons/contact.png") no-repeat top center; text-indent : -50000px ; display : block ; width : 120px ; height : 25px ; }


#accueil:hover,#presentation:hover,#activites:hover,#galerie:hover,#partager_lart:hover,#liens:hover,#archives:hover,#contact:hover { background-position : bottom center ; }

#accueil:active,#presentation:active,#activites:active,#galerie:active,#partager_lart:active,#liens:active,#contact:active,#accueil:focus,#presentation:focus,#activites:focus,#galerie:focus,#partager_lart:focus,#liens:focus,#archives:focus,#contact:focus { background-position : top center ; }
 
										/* Le corps
__________________________________________________________________________________________*/

#corps
{
	margin-left : 25% ;
	padding : 10px ;
	text-align : justify ;
}

#mini-galerie
{
	height : 368px ;
	overflow : auto ;
}

[id="grande_photo"] { margin-top : 41px ;}

.link a
{
	color : white ;
	text-decoration : none ;
}

.link a:hover
{
	text-decoration : underline ;
}

.link a:active
{
	color : black ;
	background-color : white ;
	text-decoration : none ;
}

.lien_galerie a
{
	border : 1px solid black ;
	background-color : #FFFFB2 ;
	color : black ;
	padding : 5px ;
	margin : 10px ;
}

.lien_galerie a:hover
{
	background-color : black ;
	color : rgb(138,97,85) ;
	text-decoration : none ;
}

.lien_galerie a:active
{
	color : black ;
	background-color : white ;
}

.signature
{
	font-family : amienne, dali, calibri, "book antiqua", "trebuchet ms", sans-serif ;
	font-size : 25px ;
	text-align : right ;
	margin-top : 50px ;
	position : relative ;
	right : 100px ;
}

.haut_de_page
{
	text-align : right ;
	font-size : 11px ;
	margin-top : 25px ;
}

.ancre {font-size : 11px ;}
										/* Le pied de page
__________________________________________________________________________________________*/

#pied_de_page
{
	clear : left ;
	margin-top : 70px ;
	color: black;
	font-family : "Times New Roman", sans-serif ;
	background-color : rgb(138,97,85);
	text-align : center ;
	border : 1px solid black ;
}

#pied_de_page  a
{
	color : black ;
	text-decoration : none ;
}

#pied_de_page a:hover
{
	background-color : black ;
	color : rgb(218,198,194) ;
}

#pied_de_page a:active
{
	color : black ;
	background-color : white ;
}

										/* Couleurs
__________________________________________________________________________________________*/

.green {color : green ;}

.red {color : rgb(184,5,9) ;}

.yellow-green {color : rgb(162,177,26) ;}


										/* Page entiere
__________________________________________________________________________________________*/

body
{
	width : 93% ;
	margin : auto ;
	background : url("hiver/degrade.png") fixed repeat-y rgb(195,174,168) ;
	margin-top : 20px ;
	margin-bottom : 20px ;
	font-family : calibri, "book antiqua", "trebuchet ms", sans-serif ;
}

h2
{
	border-bottom : 5px groove yellow ;
	font-family : "comic sans ms", "segoe print", "lucida handwriting", "book antiqua", arial, serif ;
	font-size : xx-large ;
}

h3
{
	border-left : 3px solid rgb(218,198,194) ;
	border-bottom : 3px solid rgb(177,135,129) ;
	color : black ;
	display : inline ;
	font-family : "segoe print", "lucida handwriting", "book antiqua", arial, sans-serif ;
	font-size : x-large ;
}

.h2_sans_bordure
{
	border : none ;
	display : block ;
}

h4 {font-family : "lucida handwriting", "book antiqua", arial, sans-serif ;}

abbr
{
	border : none ;
	color : white ;
	cursor : help ;
}

hr
{
	width : 50% ;
	color : yellow ;
	margin-top : 30px ;
	margin-bottom : 30px ;
}

a img {border: none ;}

.imgborder {border : 1px solid black ;}
.imgborder:hover {border : none ;}

.flottantgauche {float : left ; margin-right : 10px ;}
.flottantdroite {float : right ; margin-left : 10px ;}
.finflottantgauche {clear : left ; margin-top : 100px ;}

.souligne {text-decoration : underline ;}
.centre {text-align : center ;}