/*
Theme Name: Thème du site du Bar l'Envol
Theme URI: <a href="http://www.barlenvol.com/">http://www.barlenvol.com</a>
Description: C'est le thème du site du Bar l'Envol
Version: 1
Author:  David Lapointe
Author URI: <a href="http://www.roundpyxel.com">http://www.roundpyxel.om</a>
Tags: bar, envol, homosexuel, lesbienne, saint-georges, beauce, disco, danse, dancefloor
*/

/*Créé par David Lapointe*/
/*Lundi 3 mai 2010*/


/* ----------------------------
simple reset
---------------------------- */

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p { margin: 0; }

fieldset,img { border: 0; }

legend { color: #000; }

li { list-style: none; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select
{
	font-size: 110%;
	line-height: 1.1;
	font-family: inherit;
	border: #fff solid 2px;
	outline: 0;
	background: #fff;
	
}

input:focus, textarea:focus, select:focus{
	/*outline: #0066ff solid 2px;
	border: 0;
	background: #fff;*/
	outline: 0;
	border: #ff00b0 solid 2px;
}

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}


/* Généralités */
@font-face {
	font-family: 'SilomRegular';
	src: url('fonts/silom-webfont.eot');
	src: local('☺'), url('fonts/silom-webfont.woff') format('woff'), url('fonts/silom-webfont.ttf') format('truetype'), url('fonts/silom-webfont.svg#webfontp72B8q3u') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body{
	background:#000 url('images/fond_pied_page.jpg') bottom center no-repeat;
	color:#fff;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

#wrap_body{
	background: url('images/fond_entete.jpg') top center no-repeat;
}

#page{
	width: 960px;
	margin: 0px auto;
}

h1, h2, h3, h4, h5, h6{
	font-family:"SilomRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 10px 0 5px 0;
}

p{
	margin: 0 0 20px 0;
}

.home h2, h1{
	font-size: 2em;
}

.home h3, h2{
	font-size: 1.5em;
}

.home h4, h3{
	font-size: 1.3em;
}

.home h5, h4{
	font-size: 1.2em;
}

.home h6, h5, h6{
	font-size: 1.1em;
}

a, a:visited, a:active{
	color: #00d2ff;
	text-decoration: none;
}

a:hover{
	color: #0066ff;
}

input[type=text], textarea{
	margin:10px 0px;
	padding: 5px;
	border: #fff solid 2px;
	background: #fff;
	
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-o-border-bottom-left-radius: 10px;
	-o-border-top-right-radius: 10px;
	
	box-shadow:0px 0px 10px #000;
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	-o-box-shadow:0px 0px 10px #000;
}

input[type=text]:focus, textarea:focus{
	-webkit-transition:border 0.2s linear; 
	border: #ff00b0 solid 2px;
}

/* ClearFix */
.clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clear{ zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */

.submit_envoyer, .form-submit #submit{
	border: none;
	background: url('images/btn_envoyer.png') no-repeat;
	width: 190px;
	height: 68px;
	text-indent: -100em; /* Cacher le texte d'un navigateur moderne */
	line-height: 100em/* Cacher le texte de IE */;
	cursor: pointer;
	float: right;
}
.submit_envoyer:hover, .form-submit #submit:hover{
	background: url('images/btn_envoyer_over.png') no-repeat;
}

.champ_obligatoire{
	display: block;
	padding: 0;
	margin: 10px 0 10px 170px;
}

#commentform p.logged-in-as{
	display: block;
	margin: 10px 0 10px 170px;
	padding: 0;
}

.more-link{
	display: block;
	margin: 10px 0 0 0;
	text-align: right;
}

.btn_recherche{
	width: 70px;
	height: 70px;
	background:url(images/btn_search.png) no-repeat center center;
	text-indent: -999em;
	border:0;
	outline: 0;
	cursor: pointer;
}
.btn_recherche:hover{
	background-image:url(images/btn_search_over.png);
}
.btn_recherche:active{
	background-image:url(images/btn_search.png);
}

.important{
	color: #ff00b0;
}

/* Heures d'ouverture */
#wrap_heures_ouverture{
	height: 175px;
	width: 100%;
	background: #000;
	position: absolute;
	top: -175px;
	
	box-shadow:0px 0px 10px #000;
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	-o-box-shadow:0px 0px 10px #000;
	
	z-index: 2;
}

#heures_ouverture{
	width: 960px;
	margin: 0 auto;
	height: 175px;
	position: relative;
	font-size: 1.2;
}

#heures_ouverture table caption{
	padding: 10px;
	font-size: 1.2em;
	font-family:"SilomRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
}

#heures_ouverture table th{
	font-weight: bold;
	text-align: center;
}

#heures_ouverture table th, #heures_ouverture table td{
	padding: 8px;
	background: #488000;
	border: #1d3300 solid 2px;
}

.btn_heures_ouverture{
	position: absolute;
	bottom: -40px;
	right: 0;
	display: block;
	width: 179px;
	height: 57px;
	background: url(images/btn_heures_ouverture.png) center no-repeat;
}
.btn_heures_ouverture:hover{
	background: url(images/btn_heures_ouverture_over.png) center no-repeat;
}
.btn_heures_ouverture.ouvert{
	background: url(images/btn_heures_ouverture_ouvert.png) center no-repeat;
}
.btn_heures_ouverture.ouvert:hover{
	background: url(images/btn_heures_ouverture_ouvert_over.png) center no-repeat;
}


/* Entête */
#entete_principale{
	width:960px;
	height:355px;
	display:block;
	position:relative;
	margin: 0px auto;
	padding:45px 14px 14px 0px;
}

nav{
	display: block;
	position:absolute;
	top:45px;
	right:14px;
}

nav #nav_principale{
	list-style-type:none;
}

nav #nav_principale .btns_envol{
	display: block;
	width: 317px;
	height: 100px;
}

.btns_envol.fade{
	opacity: 0.5;
	-moz-transition: all 0.3s linear;  /* FF3.7+ */
	     -o-transition: all 0.3s linear;  /* Opera 10.5 */
	-webkit-transition: all 0.3s linear;  /* Saf3.2+, Chrome */
}

.btns_envol{
	opacity: 1;
	     -moz-transition: all 0.3s linear;  /* FF3.7+ */
	       -o-transition: all 0.3s linear;  /* Opera 10.5 */
	  -webkit-transition: all 0.3s linear;  /* Saf3.2+, Chrome */
}

#pied_page #nos_pages .btns_envol, #contenu .btns_envol{
	display: block;
	width: 190px;
	height: 68px;
}

#btn_actualites{
	background: url('images/btn_actualites.png') no-repeat;
}
#btn_actualites:hover{
	background: url('images/btn_actualites_over.png') no-repeat;
}

#btn_photos{
	background: url('images/btn_photos.png') no-repeat;
}
#btn_photos:hover{
	background: url('images/btn_photos_over.png') no-repeat;
}

#btn_equipe{
	background: url('images/btn_equipe.png') no-repeat;
}
#btn_equipe:hover{
	background: url('images/btn_equipe_over.png') no-repeat;
}
#btn_facebook{
	background: url('images/btn_facebook.png') no-repeat;
}
#btn_facebook:hover{
	background: url('images/btn_facebook_over.png') no-repeat;
}
#btn_twitter{
	background: url('images/btn_twitter.png') no-repeat;
}
#btn_twitter:hover{
	background: url('images/btn_twitter_over.png') no-repeat;
}


#logo_envol {
	position: relative;
	bottom: 50px;
}

#tagline{
	margin: 0 0 0 265px;
	font-size: 1.3em;
	font-family:"SilomRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Contenu */

#contenu{
	width: 546px;
	padding: 20px 37px;
	margin: 0 0 40px 0;
	float: left;
	color: #fff;
	background: url(images/rgba.php?r=255&g=255&b=255&a=20);
}

.rgba #contenu{
	-webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
	box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
}

#col_droite{
	width: 277px;
	padding: 20px;
	float: right;
	background: url(images/rgba.php?r=255&g=255&b=255&a=20);
}

.rgba #col_droite{
	-webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
	box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
}


#col_droite ul{
	background: url(images/separateur.png) top center no-repeat;
}
#col_droite ul li{
	padding: 10px;
	background: url(images/separateur.png) bottom center no-repeat;
}

#col_droite ul li:hover{
	background-color: #ff00b0;
}

.rgba #col_droite ul li:hover{
	background-color: rgba(237, 58, 161, 0.2);
}
#col_droite ul li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}

#col_droite #s{
	margin: 0;
	width: 185px;
}

#col_droite section{
	margin: 0 0 20px 0;
}

#col_droite h3{
	font-size: 1.5em;
	padding: 15px 0 0 0;
}

/* Une actualité */
.actu{
	padding: 20px 0 20px 0;
	background: url(images/separateur.png) bottom center no-repeat;
}
.actu:last-child{
	background: none;
}

.actu .texte_actu{
	overflow: hidden;
}

.actu .attachment-post-thumbnail{
	float: left;
	padding: 0px 1em 1em 0px;
}

.actu h3 a, .actu h3 a:visited, .actu h3 a:active{
	color: #fff;
}
.actu h3 a:hover{
	color: #0066ff;
}

.meta_infos{
	font-size: 0.7em;
	padding: 0 0 10px 0;
}

#commentform{
	width: 515px;
}

#commentform p{
	padding: 0;
	margin: 0;
}

#commentform label{
	display: block;
	text-align: right;
	float: left;
	width: 150px;
	margin: 10px;
	padding: 0;
}

#commentform input{
	width: 225px;
}

#commentform textarea{
	width: 315px;
}

#respond{
	margin: 20px 0;
}

#respond #reply-title{
	font-size: 1.1em;
}

.commentlist .comment{
	width: 450px;
	margin: 20px 0;
	position: relative;
	clear: both;
}

.commentlist .comment .comment-body{
	background: rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
	box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
	padding: 20px;
}

.commentlist .comment .comment-body>p{
	padding: 10px 0 0 70px;
	font-size: 0.9em;
}

.commentlist .comment .reply{
	text-align: right;
}

.commentlist .comment .comment-author{
	font-size: 1.4em;
}

.commentlist .comment .comment-author img{
	float: left;
	margin: 0 20px 20px 0;
}

.commentlist .comment .comment-meta{
	font-size: 0.5em;
}
.commentlist .comment .children{
	width: 450px;
	margin:0 0 0 70px;
}

/*#commentform .comment-form-comment #comment{
	width: 450px;
}*/

/* Pied de page */
#pied_page{
	display: block;
	overflow: hidden;
	height: 366px;
	margin: 40px 0px 0px 0px;
}

#pied_page h2{
	font-size: 1.7em;
	padding: 0px;
	margin: 0px;
}

#pied_page section{
	padding: 0px 36px;
	float: left;
}

#pied_page #nos_pages {
	width: 166px;
}
#pied_page #nos_pages ul{
	margin-left: -16px;
}

#pied_page #formulaire_contact{
	width: 349px;
}
#pied_page #formulaire_contact #f_contact{
	padding-top: 6px;
}
#pied_page #formulaire_contact label{
	display: none;
}
#pied_page #formulaire_contact #courriel{
	background-image: url(images/at_icon.png);
	background-position: top 95%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-right: 50px;
}
#pied_page #formulaire_contact #nom{
	background-image: url(images/buddy_icon.png);
	background-position: top 95%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	padding-right: 50px;
	
}
#pied_page #formulaire_contact #message{
	width: 269px;
	min-width: 269px;
	max-width: 269px;
	height: 75px;
	min-height: 75px;
	background-image: url(images/mail_icon.png);
	background-position: top 95%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-right: 50px;
}

#pied_page #adresse_bar{
	width: 277px;
	padding: 0 20px 0 0;
}
#pied_page #adresse_bar p{
	margin: 16px 0px 0px 0px;
}


/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
	font-family:"SilomRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 1em;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* Container slidePanel */

#container{
	background: url(images/rgba.php?r=255&g=255&b=255&a=20);
	margin: 0 0 40px 0;
	padding: 20px 0;
}

.rgba #container{
	-webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
	box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
}

#container ul li{
	text-align: center;
	padding: 0 10px;
}

#container .centering{
	width: 960px;
	margin-left: -310px;
	position: absolute;
	left: 50%;
}

#container .nav{
	display: none;
}

#container .seqNav{
	width: 100%;
	position: absolute;
	top: 50%;
	display: none;
}

#container .slidePanelNext{
	float: right;
	padding: 10px;
}

#container .slidePanelPrev{
	float: left;
	padding: 10px;
}


/* Preload des grosses images dans le dom */
body:after{
	content: url(images/btn_actualites_over.png) url(images/btn_envoyer_over.png) url(images/btn_equipe_over.png) url(images/btn_facebook_over.png) url(images/btn_photos_over.png);
	display: none;
}