/*
Theme Name: ProMacDesign2
Theme URI: 
Description: 
Version: 1.0
Author: 
Tags:
*/


/* RESET
--------------------------------------------------------------------------------------------------------------------------------------*/

html{font-size: 100%} /* Fix bug d'IE 6-7 */

html, body, form, fieldset, dl, dd{
	margin:0;
	padding:0;
}

p, select, input, caption, label, tr, td, table, textarea{
	font-size:1em;
	text-align:left;
	line-height:1.5;
}

h1, h2, h3, h4, h5, h6, span{
	line-height:1;
	margin:0;
}

img, fieldset, table{border:none}

form, p, ul, li, fieldset, input{
   margin:0;
   padding:0;
   line-height:1;
}

ul, li{list-style:none}

ol li{	list-style:decimal inside}

address{font-style: normal}

img{vertical-align:middle}

/* new clearfix */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clear{
	clear:both;	
}
/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3";
    src: url('fonts/ヒラギノ明朝prow3.eot');
    src: url('fonts/ヒラギノ明朝prow3.eot?#iefix') format('embedded-opentype'),
         url('fonts/ヒラギノ明朝prow3.woff') format('woff'),
         url('fonts/ヒラギノ明朝prow3.ttf') format('truetype'),
         url('fonts/ヒラギノ明朝prow3.svg#PalatinoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
	color:#030303;
	font-size: 0.88em;

	font-family:'Hiragino Mincho Pro',"Times New Roman", Times, serif;
	background:#e4e3e5;
}

.txt-hidden{
	position:absolute;
	left:-9999em;
}
a{
	color:#030303;
	text-decoration:none;
	font-size: 0.9em;
	line-height:14px;
}
a:hover, .active a, span.active{
	color:#e333fa;
}
/* scrollbar */
body .jspVerticalBar {
	width: 8px;
	background:none;
}
body .jspVerticalBar .jspArrow.jspArrowUp {
    height: 14px;
	background:url(img/ico_s.png) top left no-repeat;
}
body .jspVerticalBar .jspArrow.jspArrowDown {
	  height: 14px;
	background:url(img/ico_s.png) top right no-repeat;
}
body .jspTrack { 
	background:transparent;
}
body .jspDrag {
	background:url(img/bg_track.png) top left repeat-y transparent;
}
/* PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/

#wrapper{
	/*width:1025px;*/
	width:990px;
	margin:0 auto 40px;
}

#header{
	 padding: 25px 16px 10px;
}
#header h1{
	padding-bottom:3px;	
}
#header h1 a{
	font-weight: normal;	
	font-size: 1.17em;
}

#header_menu{
    width: 975px;
	padding:0;
	margin: 0;
}

#header_menu_left{
	float: left;
}

#header_menu_right{
	float: right;
}

/* menu */


#menu{
	margin-bottom:10px;
}
#menu ul {
	padding:0 20px;	
}
#menu ul li{
	float:left;
	margin-right: 88px;
	font-size: 0.95em;
}
#menu ul li.gallery-representation {
	margin-right:0;
}
#menu ul#menu-top li.last{
	
	float:right;
}
#menu ul li.last{
	margin-right:0;
}

#menu .menu-bottom ul li {
	margin-right: 49px;
}
#menu .menu-bottom ul li.last {
	margin-right: 0;
}
.menu-bottom{
	border-top:1px solid #030303;
	margin-top:3px;
	padding-top:6px;
	height: 20px;	
	padding-bottom: 4px;
}

.menu-bottom ul{
	display:none;
	
}
.menu-bottom ul.display{
	display:block;
}

#menu-top span,
#menu-top li a{
	display:block;
	cursor:pointer;
	font-size: 0.96em;
}
#menu-top span:hover, #menu-top .active span{
	color:#e333fa;
}
/* CONTENT */


#contenu{
	float:left;
	margin-left:20px;
	/*width:500px;	*/
	width:474px;
	height:520px;
	overflow:auto;
	outline:none;
}
#slide{
	float:right;
	margin-right:0px;
	width:470px;
	height:430px;	
	position:relative;
}

#contenu h2{
	font-size:1em;
	color:#e333fa;
	margin:0 0 6px 0;
	font-weight: normal;
}

#contenu ul{
	margin:0 0 30px 0;
}
#contenu ul li{
	margin:0 0 4px 0;
}

.page-id-200 #contenu ul li{
	margin:0 0 10px 0;
}

#slide #image{
	width:504px;
	height:412px;
	margin:10px -10px 30px -20px;	
	/*text-align:center;*/
}
#slide #legende{
	color:#9a999a;
	text-align:left;
	font-size:0.9em;
	margin-bottom:5px;
  margin-left:20px;
}
#slide #nav span{
	display:block;
	height:14px;
	width:10px;
	background:url(img/ico.png) top left no-repeat;
	text-indent:-99999px;
	cursor:pointer;
}
#slide #nav span#prev{
	background-position:0 0;
	float:left;
}
#slide #nav span#prev:hover{
	background-position:0 -15px;
}

#slide #nav span#next{
	background-position:-16px 0;
	float:right;
  margin-right: -30px;
}
#slide #nav span#next:hover{
	background-position:-16px -15px;
}

#slide #nav span#control{
	background-position:-30px 0;
	margin:auto;
}
#slide #nav span#control:hover{
	background-position:-30px -15px;
}

#slide #nav span#control.stop{
	background-position:-41px 0;
}
#slide #nav span#control.stop:hover{
	background-position:-41px -15px;
}
#liste_img{
	left: -999999px;
    position: absolute;
    top: -999999px;
}
a#buy{
	display:block;
	width:78px;
	height:37px;
	background:url(img/btn_buy.png) top left no-repeat;
	text-indent:-99999px;
	margin:10px auto 0;
	outline:none;
}
a#buy:hover{
	background-position:0 -37px;
}


#menu ul li.m-94 {
	margin-left:226px;
}
#menu ul li.m-100 {
	margin-left:323px;
}


/* content */
#content-text{
	height:520px;
	overflow:auto;
	margin:0 20px;
}

#content-text p{
	line-height: 1.4em;
    margin-bottom: 20px;
	color:#7c7c7d;
	
}
#content-text p strong{
	font-weight:normal;
	color:#030303;
}

.colonne-gauche{
	float:left;	
	width:274px;
	margin-left:132px;
}
.colonne-droite{
	float:right;	
	width:374px;
	margin-right:70px;
}

#content-text .infos{
	line-height: 1.4em;
    margin-bottom: 20px;
	color:#7c7c7d;
	
}
#content-text .infos strong{
	font-weight:normal;
	color:#030303;
}
#content-text .infos a{
	color:#7c7c7d;
}
#content-text .infos a:hover{
	color:#030303;
}

#contenu ul li.gal-211{
	margin-top:40px;	
}
#content{
	font-size:0.8em;	
	padding-top:16px;
}

.page-template-galerie_boutique-php #content ul li {
    margin: 0 0 14px;
}
.page-template-galerie_boutique-php #content ul li a span{
	display:block;
	margin-top:2px;
}

.jspContainer,
.jspPane{
	outline:none;	
}
a.img_slide{
	display:block;
	height:100%;
	/*position:relative;*/
	overflow:hidden;
  margin-bottom:12px;
}
a.img_slide img{
bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
}