@charset "utf-8";
/* CSS Document */

/* ------------------------- style corps du site ---------------------- */
	/* ---------------------------- expo précises ------------------------ */
	#tokyo {	
	float:right;
	padding-top:5%;
	padding-right:1%;
	color:white;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:80%;
	text-align:right;
	}	
	
	#in_security {	
	position:absolute;
	padding-top:4%;
	color:white;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:80%;
	text-align:right;
	margin-left:75%;
	}
	
	#cellar_door {
		float:right;
		padding-top:5%;
		padding-right:1%;
		font-family:Myriad Pro, Arial, Helvetica, sans-serif;
		font-size:80%;
		text-align:right;
		color:white;
		}
		
	
		
		
#align_gauche {
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	color:white;
	text-align:justify;
	padding-top:5%;
	padding-left:3%;
	width:60%;
	}
/* ---------------------------------- page SB ---------------------- */
#gauche_SB {
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	color:white;
	text-align:justify;
	float:left;
	width:60%;
	padding-left:2%;
	}
	
#SB {
		margin-left:65%;
		padding-right:1%;
		}
		
#corps_SB {
	padding-top:5%;
	padding-bottom:4%;
	}
		
	
.lien {
	text-decoration:none;
	color:#999999;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	}
	
.lien:hover{
	color:#e31987;
	text-decoration:none;
	}

.titre {
	color:#e31987;
	font-size:180%;
	}
.pink {
	color:#e31987;
	}
.grey {
	color:#999999;
	}

#dates {
	color:#e31987;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:5%;
	font-size:110%;
	}

#Tableau_01 {
	padding-top:4.5%;
	padding-bottom:1.5%;
	margin:auto;
	}

#mini_img {
	text-align:center;	
	}

#en_un_clic {
	text-align:center;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	color:white;
	padding-top:1.5%;
	padding-bottom:3%;
	}

/* ----------------------------------- galerie KH ----------------------- */
.hoverbox {
	cursor:default;
	list-style:none;
	background:black;
	margin-left:22%;
	padding-top:5%;
	padding-bottom:5%;
	width:60%;
	}

.hoverbox a {
	cursor: default;
	}

.hoverbox a .preview {
	display: none;
	}

.hoverbox a:hover .preview {
	display:block;
	position:absolute;
	top:-35%;
	left:-45%;
	z-index:1;
	}

.hoverbox img {
	background:black;
	padding:1px;
	width:100px;
	height:75px;
	}

.hoverbox li {
	background:black;
	border-color:#e31987;
	border-style:solid;
	border-width:2px;
	float:left;
	margin: 3px;
	position:relative;
	}

.hoverbox .preview {
	border-color: #000;
	width: 200px;
	height: 150px;
	}

/*  ------------------------------------ texte galerie ---------------------------- */
.gal_titre {
	color:#e31987;
	font-size:170%;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:5%;
	}

#vide1 {
	border:0px;	
	}
.centrer {
	text-align:center;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	padding-bottom:2%;
	padding-top:2%;
	}

.padding {
	padding-left:3%;
	}