﻿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;
	}

.conteneur h1.gizli
{
    position:absolute;
    line-height:0;
    color:#525252;
    top:-100px;     
    margin-top:-100px;  
}
       
.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;
    }    



/*ACCORDIONS------------------------------------------------------------------------------------------------------------*/
.accordion  
{
    list-style-type: none; 
    padding: 0; 
    margin: 0px 0px 0px 0px; 
    border-top: none; 
    border-left: none; 
    /*height:750px;*/
    
}
	
.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;
    font-weight:normal;
}

.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,h1
    {
        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;
 }  
 
 



#test3 {
        width: 540px;
        height: 540px;
        margin: 5px 0 5px 5px;
        font-size:12px;
        text-align:center;
        vertical-align:middle;
        background-color:#999999;
      }
