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

body{
	background:url(library/images/fond-bis.jpg) no-repeat center top #000;
}

img{
	border:0;
}

.white-link{
    color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
}

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

p.justify{
    text-align: justify;
    font-family: Arial;
    font-size: 11px;
    color: #FFFFFF;
    width: 80%;
    margin: auto;
    margin-top: 20px;
}

p.justify a{
    color: #FFFFFF;
}

p.justify a:hover{
    text-decoration: none;
}

div#wrapper{
	width:auto;
	height:152px;
	text-align:center;
}

div#content{
	margin:auto;
	margin-top:250px;
	width:650px;
	position:relative;
}

div#ambassade-logo{
	width:173px;
	height:74px;
	position:absolute;
	left:0;
	top:-80px;
}

div#platine{
	position:absolute;
	bottom:-20px;
	right:-60px;
}

/***Menu Principal et Flash****/
div#menu-and-flash{
	position:relative;
	width:650px;
	height: auto;
}

ul#main-menu{
	list-style:none;
	width:650px;
	left:0px;
	float:left;
	padding-left:0px;
	height:46px;
	margin-left:-55px;
}

ul#main-menu li{
	float:left;
	padding:0px;
}


div#flash-menu{
	position:absolute;
	left:0px;
	top:60px;
	width:650px;
	left:-55px;

}

/*****Page d'accueil******/


div#accueil-agenda{
	width:340px;
	height:525px;
	position:relative;
	float:left;
	border:1px solid;
	border-color:#FFF;
	margin-left:-55px;
	margin-top:150px;
}

div#accueil-agenda .img-titre{
	width:118px;
	height:56px;
	margin-left:25px;
}

div#flyer-agenda{
	margin-top:10px;
	margin-left:21px;
        text-align: left;
}

div#flyer-agenda img#recto{
	border:1px solid black;
	margin-left:0px;
}

div#flyer-agenda img#verso{
	border:1px solid black;
	margin-left:5px;
}

div#flyer-agenda img#verso-fly{
	margin-left:4px;
}

div#flyer-next-soiree{
	top:10px;
	margin-left:22px;
	position:relative;
        text-align: left;
}

div#flyer-next-soiree img{
	border:1px solid black;
}

div#flyer-next-soiree img#recto{
	border:1px solid black;
	margin-left:0px;
}

div#flyer-next-soiree img#verso{
	border:1px solid black;
	margin-left:5px;
}

div#titre_soiree_accueil{
    font-family: Arial;
    font-size: 11px;
    color: #FFFFFF;
    margin-top:10px;
    width: 300px;
    margin-left: 22px;
}

div#accueil-dj{
	width:295px;
	height:196px;
	position:absolute;
	float:left;
	margin-left:302px;
	margin-top:228px;
	border:1px solid;
	border-color:#FFF;
}

	
div#accueil-dj .img-titre{
	width:111px;
	height:55px;
	margin-left:25px;
}

div#accueil-dj #txt-manoo{
	width:110px;
	height:135px;
	margin-left:25px;
	
}


div#accueil-dj #btn-playlist{
	position:absolute;
	right:0;
	top:0;
	z-index:20;
}

div#accueil-dj #flash-dj-residant{
	position:absolute;
	right:0;
	bottom:0;
}

div#accueil-dj div#accueil-dj-more{
    position: absolute;
    bottom: 10px;
    left: 80px;
}

div#accueil-gallery{
	width:295px;
	height:51px;
	position:absolute;
	float:left;
	margin-left:302px;
	top:440px;
	border:1px solid;
	border-color:#FFF;
}



div#accueil-gallery .img-titre{
    width:111px;
    height:25px;
    margin-left:25px;
}


div#accueil-forum{
    width:295px;
    height:189px;
    position:relative;
    float:left;
    margin-left:15px;
    margin-top:435px;
    border:1px solid;
    border-color:#FFF;
    color: #FFF;
    font-family: Arial;
    font-size: 11px;
    text-align: justify;
}

div#accueil-forum .img-titre{
    width:109px;
    height:55px;
    margin-left:25px;
}

div#accueil-forum ul{
    list-style: none;
    text-align: justify;
    font-size: 11px;
    color: #FFF;
    margin-top: 5px;
}

div#accueil-forum ul li a{
    list-style: none;
    text-align: justify;
    font-size: 11px;
    color: #FFF;
    margin-top: 5px;
    text-decoration: none;
}

div#accueil-forum ul li a:hover{
    list-style: none;
    text-align: justify;
    font-size: 11px;
    color: #FFF;
    margin-top: 5px;
    text-decoration: underline;
}


div#accueil-facebook{
    width:295px;
    height:35px;
    float:left;
    position:relative;
    margin-left:15px;
    margin-top:15px;
    border:1px solid;
    border-color:#FFF;
}



div#accueil-facebook .img-titre{
    width:240px;
    height:25px;
    margin-left:25px;
}



/*div#accueil-friends{
	width:340px;
	height:80px;
	float:left;
	position:relative;
	margin-left:-55px;
	margin-top:15px;
	border:1px solid;
	border-color:#FFF;
}*/

div#accueil-friends{
	width:340px;
	height:80px;
	float:left;
	position:relative;
	margin-left:-55px;
	margin-top:15px;
	border:1px solid;
	border-color:#FFF;
}

div#accueil-friends .img-titre{
	width:111px;
	height:25px;
	margin-left:25px;
	margin-bottom:5px;
}

div#accueil-friends img.friends{
    margin-top: 10px;
}



div#accueil-newsletter{
	width:295px;
	height:80px;
	float:left;
	margin-top:15px;
	margin-left:15px;
	border:1px solid;
	border-color:#FFF;
}

div#accueil-newsletter .img-titre{
	width:137px;
	height:26px;
	margin-left:25px;
}

div#accueil-newsletter #zone-email{
	margin-top:15px;
	margin-left:-100px;
	}

div#accueil-newsletter #zone-email input[type=text]{
	border:1px solid #000;
	border-right:none;
	width:109px;
	height:16px;
	text-align:center;
	vertical-align:middle;
	color:#9c9e9f;
}

div#accueil-newsletter #zone-email button[type=submit]{
	border:1px solid #000;
	border-left:none;
	height:20px;
	text-align:center;
	vertical-align:middle;
	background:#c50e1f;
	color:#FFFFFF;
}



/*******CLUB*******/
div#club-content{
	position:relative;
	width:650px;
	height:628px;
	clear:both;
	margin-left:-55px;
	margin-top:60px;
	text-align:left;
	border:1px solid #FFF;
	background-image:url(library/images/morpions.png);
	background-repeat:no-repeat;
}

div#club-content div#titre-club{
	margin-left:55px;
}

div#club-content div#txt-club{
	margin-left:255px;
}

div#club-content div#club-arrow{
	position:absolute;
	left:78px;
	top:365px;
}

div#club-content div#photo-club{
	width:544px;
	height:128px;
	position:absolute;
	left:60px;
	bottom:30px;
}


/*******GUEST*******/
div#guest-content{
	position:relative;
	width:650px;
	height:auto;
        min-height: 550px;
	clear:both;
	margin-left:-55px;
	margin-top:140px;
	text-align:left;
	border:1px solid #FFF;
	background-image:url(library/images/morpions.png);
	background-repeat:no-repeat;
}

div#guest-content div#tache-guest{
	text-align:right;
	margin-right:0px;

}

div#guest-content div#titre-guest{
	margin-left:55px;
}

div#guest-content div#perso-guest{
	text-align:right;
	margin-right:0px;
	margin-top:0px;
}

div#guest-content div#txt-guest{
	margin-left:255px;
}

div#guest-content div#guest-arrow{
	position:absolute;
	left:78px;
	top:365px;
}

div#guest-content div#photo-guest{
	width:544px;
	height:128px;
	position:absolute;
	left:60px;
	bottom:30px;
}


.one-guest{
    height: 178px;
    clear: both;
    margin: auto;
    width: 85%;
    position: relative;
    margin-top: 20px;
}

.guest-photo{
    background: #000000 url(library/images/cadre_guest.png);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 157px;
    height: 178px;
}

.guest-photo div{
    width: 129px;
    height: 164px;
    overflow: hidden;
    margin-left: 19px;
    margin-top: 7px;
}

.guest-photo div img{
    margin-top: 1px;
    max-height: 178px;
}


.guest-txt{
    position: absolute;
    right:0px;
    top: -31px;
    width: 380px;
}

.guest-txt h2{
    color: #C50E1F;
    font-family: Arial;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -2px;
    margin-bottom: 2px;
    padding-bottom: 0px;
}

.guest-txt p{
    color:#FFFFFF;
    font-family: Arial;
    font-size: 11px;
    text-align: justify;
    margin-top: 0px;
    height: 126px;
    overflow: hidden;
}

.more-content{
    position: absolute;
    bottom: 0px;
    left: 175px;
}

.one-guest-more{
    height: auto;
    margin: auto;
    width: 85%;
    position: relative;
    margin-top: 20px;
}

.guest-photo-more{
    background: #000000 url(library/images/cadre_guest.png);
    left: 0px;
    top: 0px;
    width: 157px;
    height: 178px;
    float: left;
    margin-right: 20px;
}

.guest-photo-more div{
    width: 129px;
    height: 164px;
    overflow: hidden;
    margin-left: 20px;
    margin-top: 7px;
}

.guest-photo-more div img{
    margin-top: 1px;
    max-height: 178px;
}

.guest-txt-more{
    margin-left: 0px;
}

.guest-txt-more h2{
    color: #C50E1F;
    font-family: Arial;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -2px;
    margin-bottom: 2px;
    padding-bottom: 0px;
}

.guest-txt-more p{
    color:#FFF;
    font-family: Arial;
    font-size: 11px;
    text-align: justify;
    margin-top: 0px;
}

#more-close{
    position: absolute;
    left: 3px;
    top: 0px;
}

#gestion-page{
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Arial;
}

#gestion-page a{
    color: #FFFFFF;
    font-size: 11px;
    font-family: Arial;
    text-decoration: none;
}

#gestion-page a:hover{
    text-decoration: underline;
}




/*****Page Playlist*****/
#playlist-content {
	width:100%;
	float:left;
	margin-left:-55px;
	margin-top:135px;
	border:1px solid #FFF;
	background-image:url(library/images/love-new-york.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:auto;
}

#playlist-player {
	margin-top:20px;
	width:630px;
	height:145px;
	margin-left:10px;
	margin-bottom:60px;
	

}

div#playlist-content .img-titre{
	width:118px;
	height:56px;
	margin-left:25px;
}



/*****Page Agenda*****/
#agenda-content {
	position:relative;
	width:650px;
	min-height:600px;
	clear:both;
	margin-left:-55px;
	margin-top:140px;
	text-align:left;
	border:1px solid #FFF;
}


div#agenda-content div#titre-agenda{
	margin-left:55px;
}

div#agenda-content div#titre-agenda-soiree{
	margin-left:55px;
	margin-top:265px;
}

div#agenda-content div#fly-agenda{
	margin-left:317px;
        text-align: left;
}

div#agenda-content div#fly-agenda img{
	margin-bottom:10px;
}

div#agenda-content div#fly-soiree{
	margin-left:317px;
	margin-bottom:10px;
        text-align: left;
}

div#agenda-content div#fly-soiree img{
	margin-bottom:10px;
}

div#titre-soiree{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:317px;
	margin-top:-13px;
	margin-bottom:25px;
        width: 300px;
        text-align: justify;
}

div#content-agenda-top{
	margin:0; border:0; padding:0;
	position:relative;
	height:auto;
	width:100%;
	min-height:309px;
	background:url(library/images/fond-agenda-top.png) no-repeat;
}

div#content-agenda-soiree{
	margin:0; border:0; padding:0;
	margin-top:-270px;
	position:relative;
	height:auto;
	width:100%;
	min-height:287px;
	background:url(library/images/fond-agenda-bottom.png) no-repeat;
}
	
/*****Page Contact*****/

#contact-content {
	float:left;
	padding-bottom:15px;
	width:100%;
	margin-left:-55px;
	margin-top:140px;
	border:1px solid #FFF;
	height:1000px;
}


#titre-contact {
	margin-left:55px;
	text-align:left;

}


#barre-contact{
	margin-left:10px;
	text-align:left;
	
}

#barre-contact-2{
    margin-left: 10px;
    text-align: left;
    clear: both;
    margin-top: 30px;
}


#titre-events {
	margin-top:20px;
	text-align:left;
        margin-left: 55px;
        clear: both;
}

#logo-contact {
	text-align:right;
	margin-right:40px;

}

#adresse-contact {
	margin-top:20px;
	text-align:right;
	margin-right:40px;
	float:right;
	width:100%;
}

#plan-contact {
	text-align:right;
	float:right;
	margin-top:20px;
	margin-right:40px;
}

#tab-contact {
	padding-left:50px;
	overflow:hidden;
	width:100px;
	float:left;
	margin-top:10px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	white-space:nowrap;
	text-align:left;
}

#tab-contact tr td{
    vertical-align: top;
}

#tab-contact input {
	width:162px;
}

#tab-contact textarea {
	width:162px;
	height:91px;
}

#tab-contact button[type=submit]{
	width:32px;
}

.label-contact{
	color:#FFF;
}

#texte-events{
	color:#FFF;
	text-decoration:none;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:55px;
	padding-right:50px;
	margin-top:10px;
}

#texte-titre-events{
	color:#C50E1F;
	text-decoration:none;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:55px;
	padding-right:50px;
	margin-top:30px;
}


/*****Page gallery****/
#gallery-content{
	position:relative;
	width:650px;
	min-height:600px;
	clear:both;
	margin-left:-55px;
	margin-top:138px;
	text-align:center;
	border:1px solid #FFF;
}

#gallery-content #titre-gallery{
	margin-left:55px;
	text-align:left;
}

#tab-cadre-soiree{
    width: 90%;
    margin: auto;
    margin-top: 20px;
}

#tab-cadre-soiree tr td{
    text-align: left;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
}

#tab-cadre-soiree tr td a{
    color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
}

#tab-cadre-soiree tr td a:hover{
    text-decoration: underline;
}

.cadre-soiree{
    background: url(library/images/cadre_soiree.png) no-repeat;
    width: 178px;
    height: 157px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.cadre-soiree-img{
    background: black;
    width: 165px;
    height: 130px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    margin: auto;
    margin-top: -10px;
}

.cadre-soiree-img a img{
    max-width: 165px;
    text-align: center;
    min-height: 130px;
}


/***Plan de site***/
#plan-site{
    font-family: Arial;
    font-size: 11px;
    text-align: left;
    margin: auto;
    width:100px;
}

#plan-site li a{
    color: #FFFFFF;
}

/****Pied de page****/
div#espace-footer{
	position:relative;
	clear:both;
	background:none;
	width:650px;
	height:15px;
}



div#footer{
	position:relative;
	clear:both;
	background:url(library/images/fond-footer.png) no-repeat;
	width:650px;
	height:55px;
	border: 1px solid;
	border-color: #FFF;
	float:left;
	margin-left:-55px;
	margin-top:15px;
}

#address-footer{
	margin-left:70px;
	float:left;
}
/****Bas de page****/
div#bottom-page{
	clear:both;
	position:relative;
	width:650px;
	height:40px;
	color:#FFF;
	text-align:center;
}

div#bottom-links a{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;	
}

div#bottom-links a:hover{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;	
}

/*****Ombre images******/
.img-shadow {
  float:left;
  background: url(library/images/shadowAlpha.png) no-repeat bottom right ;
}

.img-shadow img {
  display: block;
  position: relative;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
}


/****overlays***/
#tinybox {position:absolute; display:none; padding:10px; background:#000; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#000; overflow: auto; height: 490px;}