/*
Theme Name: Mattox
Theme URI: http://www.nematis.com/
Description: Thème de Mattox.
Version: 1.0
Author: Train d'Enfer, Nematis
Author URI: http://www.nematis.com/
*/

/*
 * Colors :
 * - pink = #e50083
 */

/** include reset **/
@import url(css/reset.css);
@import url(css/menu.css);

/** design **/
body {
	background:#000;
	color:#fff;
	font:12px/1.3em Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	text-align:center;
}

a, a:link, a:visited{text-decoration:none;color:#e50083}
a:active, a:focus, a:hover{text-decoration:underline;color:#fff;}

#page{
	width:1000px;
	margin:0 auto;
	text-align:left;
}

#background{
	height:auto !important;
	height:787px;
	min-height:787px;
	/*background:#000 url(images/danse001.jpg) no-repeat top right*/
	background:#000 no-repeat top right
}
/** specifics backgrounds **/
/* cv martine */
.page-id-19 #background{background-image:url(images/danse005.jpg);}
/* cv matt */
.page-id-9 #background{background-image:url(images/danse004.jpg);}
/* les horaires */
.page-id-25 #background{background-image:url(images/danse006.jpg);}
/* les tarifs */
.page-id-27 #background{background-image:url(images/danse006.jpg);}
/* l'enseignement */
.page-id-31 #background{background-image:url(images/danse006.jpg);}
/* la technique */
.page-id-33 #background{background-image:url(images/danse006.jpg);}
/* portfolio */
.page-id-16 #background{background:none}
/* contact */
.page-id-6 #background{background:none} 

#header{margin:40px 0 44px 56px;}
#sidebar,#content{display:inline;float:left;}
#sidebar{width:390px;padding-left:56px;}
#content{width:461px;padding-right:93px;}

#footer{text-align:center;clear:both;margin-bottom:20px}

#header .title span{position:absolute;left:-20000px;}

.breadcrumb{margin-bottom:60px;}

/* forms */
label{color:#fff;float:left;display:block;text-align:right;padding-right:10px;width:140px}
input.single, select, textarea { border:1px solid #e50083; font:12px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; width:250px}
input.single:focus, select:focus, textarea:focus{border-color:#fff;background-color:#ffeff8}
option, optgroup { font:12px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; }
optgroup { font-weight:bold; }
textarea { overflow:auto; }
input.single, textarea { padding:2px; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }

span.reqtxt, span.emailreqtxt{display:block;padding-left:150px;font-style:italic;}
p.cf-sb{padding-left:160px}

.entry form ol li{padding:2px 0;margin:0; list-style:none outside;}

/* messages */
#usermessagea{padding:8px;margin:10px 0}
.failure{border-color:#f16048;color:#df280a;background-color:#faebe7;}
.success{border-color:#446423;color:#3d6611;background-color:#eff5ea;}
.linklove{text-indent:-20000px;}

/* tables */
table{width:100%;border-collapse:collapse;}
td, th{border-collapse:collapse;}
table td,table th{text-align:center;vertical-align:middle;}
table td { padding:8px; border-left:1px solid #fff; }
table td.last{border-right:1px solid #fff;}
table th{font-weight:bold;text-transform:uppercase;border:1px solid #fff}
table th.void{border:none;border-bottom:1px solid #fff}

table td.bloc{border:1px solid #fff;}
table td.v-top{vertical-align:top;}
table td.v-middle{vertical-align:middle;}
table td.v-bottom{vertical-align:bottom;}
table td.a-right{text-align:right;}
table td.a-center{text-align:center;}
table td.a-left{text-align:left;}

table tr.last td{border-bottom:1px solid #fff;}

/* content */
.entry{text-align:justify;}

.entry p, .entry ul, .entry ol{margin-bottom:.8em;}
.entry ul, .entry ol{margin-left:10px}
.entry li{}
.entry ul li{list-style:disc inside}
.entry ol li{list-style:decimal inside}


.col-left, .col-right{display:inline;float:left;}
.col-left{width:311px;}
.col-right{width:150px;}

.col-left label{float:none;text-align:left;}
.col-left span.reqtxt, .col-left span.emailreqtxt{padding-left:0;}
.col-left p.cf-sb{padding-left:10px;}

.col-left .entry{padding-right:25px}


/******** portfolio */
/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px 5px 6px;
    margin-bottom: 5px;
    /*border-bottom: 1px dotted #fff;*/
	background:transparent url(images/pointille-hori.png) repeat-x bottom left;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px 5px 6px;
    margin-bottom: 5px;
    /*border-bottom: 1px dotted #fff;*/
	background:transparent url(images/pointille-hori.png) repeat-x bottom left;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px 5px 6px;
	margin-bottom: 5px;
	/*border-bottom: 1px dotted #fff;*/
	background:transparent url(images/pointille-hori.png) repeat-x bottom left;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
	width:153px;
	text-align:center;
	overflow:hidden;
	margin-bottom:5px;
}

.ngg-gallery-thumbnail {
	text-align: center;
	margin-right:5px;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	height:20px
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}


/*** lightbox ***/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ /*position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;*/ height:40px}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;background: url(images/lightbox/precedent.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right;background: url(images/lightbox/suivant.gif) right 15% no-repeat;}
/*
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/precedent.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/suivant.gif) right 15% no-repeat; }
*/
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/********** Fenetres modales */
#control_overlay{background-color:#000;}
.modal{background-color:#fff;border:10px solid #E50083 /* fushia */;padding:10px;}
.closeModal{display:block;width:66px;height:22px;float:right;margin-top:-8px;}