html , body  {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}
body {
    padding: 0;
	margin: 0;
	color: #FFFFFF;
	width: 100%;
	background-color:#EEEEEE;
	font-family: Trebuchet MS, Arial, helvetica;
	
	}
 
.conteneur 
{
    
    position:relative;
	min-height:610px;  
	min-width:1000px;    
    left: 50%; 
    height:800px;
    margin-left: -575px;
    padding-bottom:0px;
    
    
	
/* par exemple pour une page centree */
	width:1150px;
/* on force en premier une hauteur */
	height:100%;
	
	overflow:hidden;
	position:absolute;

/* activation du centrage */
	background-color:#525252;
	background-image: url(../elements/shadow_left.gif);
	background-repeat:repeat-y;
	}

       
        
.logo
{
        position: absolute; 
        top: 50%; 
        left: 50%; 
        margin-top: -190px; 
        margin-left: -575px;
        width:75px;
        height:370px;
        }
 
.ENTR
{
        position: absolute; 
        top: 100%; 
        left: 50%; 
        margin-top: -32px; 
        margin-left: 530px;
        width:75px;
        height:20px;
        color:#FFFFFF;
        font-weight:bold;
        font-size:10px;
        }


.footer
{
        position: absolute; 
        top: 100%; 
        left: 50%; 
        margin-top: -15px; 
        margin-left: -562px;
        width:1137px;
        height:15px;
        line-height:1px;
        font-size:1px;
        z-index:9999;
        background-color: #2DB9D3;
        }
        
        
.content
{
        position: absolute; 
        top: 50%; 
        left: 50%; 
        margin-top: -256px; 
        margin-left: -425px;
        width:900px;
        height:550px;
        background-color:Transparent;
        }

.menu_div
{
        position: absolute; 
        top: 50%; 
        left: 50%; 
        margin-top: -294px; 
        *margin-top: -291px; 
        margin-left: -425px;
        width:900px;
        height:30px;
        background-color:#525252;
        border-bottom: solid 3px #2DB9D3;
        vertical-align:middle;
        }
        
.menu_tab
{
        font-weight:bold;
        font-size:15px;
        border: 0px;
        padding:0px;
        }
        
.about_text
{
    font-size:12px;
    line-height:15px;
    }     


.product_gal
{
        position:absolute;
        width:697px;
        height:545px;
        *height:550px;
        margin-top:-550px;
        margin-left:198px;
        padding: 5px 0 0 5px;
        text-align:left;
        vertical-align:middle;
        background-color:#AAAAAA;
        
        }

.news_short
{
        position:absolute;
        width:340px;
        height:550px;
        *height:550px;
        margin-top:-550px;
        margin-left:550px;
        padding: 0px;
        text-align:left;
        vertical-align:middle;
        border-left: solid 5px #525252;
        
        }
        
.news_content
{
    font-size:14px;
    line-height:20px;
    }
    
.awards_content
{
    font-size:13px;
    line-height:15px;
    }    
    
.news_content_short
{
    font-size:12px;
    line-height:14px;
    }    

.product_text
{
        position:absolute;
        width:200px;
        height:200px;
        margin-top:490px;
        margin-left:610px;
        text-align:center;
        vertical-align:middle;
        } 

a:link 
    {
        color:#FFFFFF;
        text-decoration:none;
    }

a:visited 
    {
        color:#FFFFFF;
        text-decoration:none;
    }

a:hover 
    {
        color:#2DB9D3;
        text-decoration:none;
    }


input
    {
        background-color:#FFFFFF;
        border:none;
    }           
    
textarea
    {
        background-color:#FFFFFF;
        border:none;
    }   







/*SCROLLERS----------------------------------------------------------------------------------------------------------*/


.side_menu
    {
        width:193px;
        height:550px;
        overflow:auto;
        font-size:12px;
        background-color:#AAAAAA;
    }
    
.scrollable_content
    {
        width:900px;
        height:550px;
        overflow:auto;
        background-color:#AAAAAA;
    }

.scrollable_content2
    {
        width:890px;
        *width:900px;
        height:540px;
        *height:550px;
        overflow:hidden;
        background-color:#AAAAAA;
    }
    
.nonscrollable_content
    {
        width:900px;
        height:550px;
        overflow:hidden;
        background-color:#AAAAAA;
    }    

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	*margin-left:-4px;
	height: 100%;
	background: #CCCCCC;
}
.jScrollPaneDrag {
	position: absolute;
	background: #FFFFFF;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
a.jScrollArrowUp:hover {
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}	

/*ACCORDIONS------------------------------------------------------------------------------------------------------------*/
.accordion  
{
    list-style-type: none; 
    padding: 0; 
    margin: 5px 0px 0px 0px; 
    border-top: none; 
    border-left: none; 
    height:550px;
    
}
	
.accordion ul  
{
    padding: 0; 
    margin: 0; 
    float: left; 
    display: block; 
    width: 100%; 
    
}
/*1st level*/	
.accordion li 
{ 
    background: #AAAAAA; 
    cursor: pointer; 
    list-style-type: none; 
    padding: 0; 
    margin: 0 0 15px 10px; 
    float: left; 
    display: block; 
    width: 100%;
    color:#FFFFFF;
    font-size:15px;
    font-weight:bold;    
}
	
.accordion li.active>a 
{ 
    color:#9EDFEB;
}

.accordion li a:hover 
{ 
    color:#9EDFEB;
}



/*3rd level*/
.accordion li div 
{ 
    padding: 0px; 
    background: #AAAAAA; 
    float: left; 
    width: 155px;
    font-weight:bold;
    margin-left:15px;
    
}

.accordion a 
{ text-decoration: none; 
  color:#FFFFFF;
}
	
	/* Level 2 */
.accordion li ul li  
{
    background: #AAAAAA; 
    font-size: 14px;
    font-weight:bold;
    margin: 5px 0 0 10px; 
}

.accordion li ul li a
{
    background: #AAAAAA; 
    font-size: 13px;
}

.accordion li ul li div span a
{
    background: #AAAAAA; 
    font-size: 11px;
    
}

.accordion li ul li div 
{
    margin-bottom:7px;
    margin-top:3px;
}


/*GALLERY---------------------------------------------------------------------------------------------------------*/
.galleryview 
{
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.description
    {
        padding: 10px 10px 0px 10px;
        margin-top:-15px;
        *margin-top:-12px;
        background-color:#AAAAAA;
    }


.description h2
    {
        font-size:14px;
        font-weight:bold;  
        margin-bottom:-5px;
        *margin-bottom:-17px;
    }

.description p 
{
    
    
	line-height: 13px;
	font-size:11px;
}



/*ADMIN-------------------------------------------------------------------------------------------------------------*/
 .admin_header
 {
     background-color:#525252;
     position:relative;
     left: 50%; 
     margin-left: -550px;
     width:1100px;
     height:81px;
     border:none;
     text-align:center;
     padding:0px 0px 0px 0px;
     vertical-align:top;
 }
 
 .admin_login
 {
     background-color:#DDDDDD;
     position:relative;
     left: 50%; 
     margin-left: -550px;
     width:1100px;
     font-size:12px;
     color:#525252;
 } 
 
 .admin_footer
 {
     background-color:#525252;
     position:relative;
     left: 50%; 
     margin-left: -550px;
     width:1100px;
     font-size:12px;
     color:#AAAAAA;
 }  
 
 .admin_menu
 {
     background-color:#999999;
     width:220px;
     font-size:15px;
     text-align:left;
     font-weight:bolder;
     color:#AAAAAA;
     
 }  
 
 
  .admin_content
 {
     background-color:#DDDDDD;
     width:100%;
     font-size:12px;
     color:#525252;
     padding: 0px 5px 0px 5px;
     width:870px;
 }  
 
 .admin_form
 {
     background-color:#FFFFDD;
     
 } 
 
  .admin_title
 {
     font-size:13px;
     text-decoration: underline;
     color:#525252;
     font-weight:bold;
 }  
 
 /*lightbox------------------------------------------------------------------------*/
 
 div#tiny-lightbox {
    overflow:hidden;
	position: absolute;
	z-index: 100000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
div#tiny-lightbox a {
	outline: none;
}
div#tiny-lightbox-overlay {
	position: absolute;
	z-index: 0;
    left: 0;
    top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
	padding-bottom: 40px;
}
div#tiny-lightbox-box {
	position: absolute;
	z-index: 1;
	width: 200px;
	height: 200px;
	top: 40px;
	background-color: #fff;
	border: 10px solid #fff;
	visibility: hidden;
}
div#tiny-lightbox.tiny-lightbox-loading div#tiny-lightbox-box {
	background: url(../elements/loading.gif) no-repeat center #fff;
}

div#tiny-lightbox.tiny-lightbox-animating div#tiny-lightbox-box a, 
div#tiny-lightbox.tiny-lightbox-loading div#tiny-lightbox-box a {
	display: none;
}
div#tiny-lightbox-image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	display: none;
}
div#tiny-lightbox-bar {
	position: absolute;
	display: none;
	background: #fff;
	padding: 0 10px 10px 10px;
	font-family: Arial, Verdana;
	font-size: 11px;
	line-height: 16px;
    text-align: left;
	color: #666;	
}

a#tiny-lightbox-close,
a#tiny-lightbox-slideshow {
    float: right;
	width: 26px;	
	height: 26px;
}
a#tiny-lightbox-close {
	background: url(../elements/close.gif) no-repeat;
}
a#tiny-lightbox-slideshow {
	background: url(../elements/play-pause.gif)  no-repeat;
}
div.tiny-lightbox-slideshow-running a#tiny-lightbox-slideshow {
	background-position: -26px 0;		
}
div#tiny-lightbox-description {
    margin-bottom: 10px;
}
span#tiny-lightbox-stats {
	float: left;
	font-weight: bold;
}



/* prev and next buttons */

a#tiny-lightbox-prev, a#tiny-lightbox-next {
	position: absolute;
	z-index: 1000;
	width: 50%;
	height: 100%;
	top: 0;
}
a#tiny-lightbox-prev {
	left: 0;
}
a#tiny-lightbox-next {
	right: 0;
}

a#tiny-lightbox-prev span, 
a#tiny-lightbox-next span {
	position: absolute;
	width: 81px;
	height: 48px;
	top: 40%;
	visibility: hidden;
}

a#tiny-lightbox-prev span {
	left: 0;
	background: url(../elements/prev.png) no-repeat;
	filter:progid:DXImageTransform.Microsoft#AlphaImageLoader(src='img/prev.png', sizingMethod='crop');
	_background: none;
}
a#tiny-lightbox-next span {
	right: 0;
	background: url(../elements/next.png) no-repeat;
	filter:progid:DXImageTransform.Microsoft#AlphaImageLoader(src='../elements/next.png', sizingMethod='crop');
	_background: none;
}

a#tiny-lightbox-prev span.tiny-lightbox-hover,
a#tiny-lightbox-next span.tiny-lightbox-hover {
	visibility: visible;
}