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

body{background:url(images/BG_allan_2010.jpg) #000 center top no-repeat; color:#3b3a3e; font-variant:small-caps; font-weight:bold; margin-top:2px;}
.contactmessage{width:300px;}
.miniature{border:#7b0808 solid 1px; 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;
}
.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:614px; height:615px; float:left; overflow:hidden;}
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;}
#front_boite_photo{height:90px; width:494px;  margin-top:25px; margin-left:30px;}
#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;  }
/*   les images
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 396px; 
    height:75px;
	
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { float:left; } 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* the overlayed element .overlaybasic*/
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #7b0808;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}