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

body{background:url(images/bg2_2011.jpg) #000 center top no-repeat; color:#ffffff; font-variant:small-caps; font-weight:bold; margin-top:2px;}
.contactmessage{width:400px;}
.miniature{border:#061f29 solid 1px; text-decoration:none;}
.photofront{border:#FFFFFF solid 2px; text-decoration:none;}
.small{ font-size:10px;}
a{color:#fff; font:Arial, Helvetica, sans-serif;  text-decoration:none; font-variant:small-caps; font-weight:bold;}
a:hover{color:#a00909; font-variant:small-caps;}
span{font-size:14px; color:#fff;  font-weight:bold; font-variant:small-caps; font-family:"Lucida Console", Monaco, monospace;}
img{
	text-decoration:none;
	border:none;
}

#boite_texte a{color:#a00909; font:Arial, Helvetica, sans-serif;  text-decoration:none; font-variant:small-caps; font-weight:bold;}
#boite_texte a:hover{color:#fff; font-variant:small-caps;}

.titre{ float:right;}
#menudecal{margin-top:17px;}
h4{color:#FFF;}
ul {
	margin-bottom: 2em;
	list-style-type:none;
}
div#sclice_cont{width:100%; height:40px;}

div#sclice_cont div#player_top{width:500px; height:40px; float:left; /* border-bottom:#3b3a3e 1px solid;*/ }
div#sclice_cont div#designmjr{ width:85px; height:30px; background:url(images/logo_designmjr.jpg); float:right;}

div#sclice_cont div#retour_web{ width:150px; height:30px; float:right; font-size:12px; margin-right:5px;}


div#centrale{ width:1220px; height:726px;  margin-left:auto; margin-right:auto; /*border-top:#a1a1a1 solid 1px; border-bottom:#a1a1a1 solid 1px;*/  }
div#centrale div#top{width:100%; height:111px;  }
div#centrale div#centrale_gauche{width:624px; height:625px; float:left; overflow:hidden; margin-top:20px;}
div#centrale div#centrale_droite{width:580px; height:470px; margin-top:70px; float:right;}
div#centrale div#boite_texte{width:580px; height:471px;  background:url(images/BG_boite_texte.png); float:right;  }
div#centrale div#boite_texte div#titreboite{width:200px; height:20px; margin-top:50px; margin-left:50px; }
div#centrale div#boite_texte div#boitescroll{ overflow: auto;
	/*overflow: hidden;*/
	position: relative;
	
	text-align: left;
	width:464px;
	height:242px;
	margin-top:8px;
	margin-left:58px;
}
#menu_haut{
	width:100%;
	height:20px;
	float:right;
	text-align:right;
	padding-right:60px;
	position:relative;
	
	
	
}
#menu_bas{width:100%; height:20px; float:right; text-align:right; padding-right:60px; margin-top:15px;}
#front_boite_photo{height:90px; width:494px;  margin-top:25px; margin-left:45px;}
#logo_theo{height:150px; width:120px; background:url(images/logo_theo_2_trans.png); margin-left:auto; margin-right:auto;}

#player{width:886px; height:20px; margin-left:auto; margin-right:auto; border-bottom:#3b3a3e 1px solid; border-left:#5a5a5a 1px solid; border-right:#5a5a5a 1px solid;}
/*boitescrolltext*/

.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0;}
.vscrollerbase { background:url("images/bgscrollbar.png") center 0 no-repeat; width:14px;  !important;} /* left: 0 pou mettre a gauche*/
.vscrollerbar { background-image: url("images/scrollbar.png"); width: 14px; height: 14px !important; padding: 0px; z-index: 2;}
.scrollerjogbox { width: 14px; height: 14px; top: auto; left: auto; bottom: 0px; right: 0px; }

/*Overlay config*/
div.overlay {
	background:url(images/back_overlay_player.png) no-repeat;
	padding:40px;	
	width:576px;  
	display:none;
}

div.overlay div.close {
	background:url(images/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

a.player { 		
	display:block; 
	height:450px;			
}
.extern_player{ display:block;  }


/*tab CSS*/

/* initially all panes are hidden */ 
.panes .pane{
	display:none;		
}




/*css scroll images*/
/* define background image for the expose mask */
#mask {
	background:#000 url(/images/mask.png) no-repeat;
	background-position:50% -200px;
}

/* general settings for both scrollables */
.items {	
	width:20000em;	
	position:absolute;
	clear:both;
}

/* next/prev buttons */
.navi {
	background-image:url(/images/hori_large.png);
	width:30px;
	height:30px;
	float:left;
	margin-top:27px;
	cursor:pointer;
}

.navi:hover  		{ background-position:-30px 0; }
.navi:active  		{ background-position:-60px 0; }
.next 				{ background-position: 0 -30px; clear:right; }
.next:hover 		{ background-position:-30px -30px; }
.next:active 		{ background-position:-60px -30px; } 


.navi.disabled {
	visibility:hidden;		
}


/* the thumbnail scrollable */
#thumbnails {
	position:relative;
	overflow:hidden;	 	
	float:left;	
	width:396px;	
	height:75px;
	margin-left:10px;
	margin-right:10px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

#thumbnails .items div {
	padding:2px;
	float:left;	
	cursor:pointer;	
}


/* overlay styling */
#box {
	background-image:url(/images/back_overlay_images.png);
	width:600px;
	height:600px;
	position:absolute;
	display:none;
}

/* 
	image is contained on the overlay background image. 
	the closing button is thus just a transparent container. 
*/
#box .close {
	position:absolute;
	left:8px;
	top:8px;
	cursor:pointer;
	height:35px;
	width:35px;
	text-decoration:none;
}

/* overlay scrollable */
#images {	
	position:absolute;
	overflow:hidden;
	margin:50px; /*50*/
	width:502px;
	height:502px;	
}

/* single image */
#images .items div {
	float:left;
	width:502px;
	height:502px;
	margin-right:30px;
	/*border:solid #000 1px;*/
}

/* the tooltip */
#images .items .info {
	float:none;
	background:#333;
	color:#fff;
	font-size:13px;
	margin-bottom:300px;/*-137*/
	margin-left:75px;
	padding:5px 75px;
	height:80px;
	display:none;
	width:500px;
}

#images .items .info h3 {
	color:#cde;
	margin-top:10px;
}
	

/* override button style on the overlay */
#box .navi {
	position:absolute;
	bottom:33px;
	left:-50px;
}

#box .next {
	left:640px;
}