* {

	
	margin:0px;
	padding:0px;
	border:0px none;*
}

/* ################################### FRAME */

body{
    background-color:#0C275F;
    background-repeat:repeat-x;
}

div.main{
	width:860px;
	height:600px;
}
div.header{
	background-color:#0C275F;
	height:100px;
}
div.menu{
	width:640px;
	height:36px;
	background-color:#005DB8;
}
div.submenu{
	width:640px;
	height:27px;
	color:#001A3D;
}
div.showcase{
	position:absolute;
	width:220px;
	height:470px;
	left:640px;
	top:100px;
	/*background-color:#8A8A8A;*/
	background-repeat:repeat-y;
}

div.links{
	width:200px;
	position:absolute;
	left: 860px;
	top: 120px;
}

div.links h1 {
	font-size: 12px;
}

div.links a {
	text-decoration:none;
	font-family: Tahoma,Verdana, Arial, sans-serif;
}

div.links a:hover {
	text-decoration:underline;
}

div.pageproduit{
    position:absolute;
	height:407px;
	width:640px;
	left:0px;
	top:163px;
}

div.pageproduit1{
    position:absolute;
	height:407px;
	width:840px;
	left:0px;
	top:163px;
}


.page{
    background-color:#3D67A9;
    position:absolute;
    left:0px;
	top:163px;
	height:407px;
	width:640px;
	color:#ffffff;
}


.page1{
    background:url('images/detail.jpg');
    position:absolute;
    left:0px;
	top:0px;
	height:434px;
	width:640px;
	color:#ffffff;
}

.page2{
    background-color:#3D67A9;
    position:absolute;
    left:0px;
	top:136px;
	height:434px;
	width:640px;
	color:#ffffff;
}

div.footer{
    position:absolute;
    top:580px;
	left:450px;
    /*left:555px;*/
    /*left:10px;*/
    text-align:center;
}
div.footer a *{
    color:#CCCCCC;
    text-decoration:none
}

div.footer a:hover {
    color:#FFFFFF;
}
div.footer2{
    position:absolute;
    top:580px;
    left:10px;
	color:#FFFFFF;
    /*left:10px;*/
    text-align:center;
}

/* ################################### HEADER */

td.header-button {
    vertical-align:top;
    padding-top:15px;
    text-align:right;
    padding-right:36px;
    
}

td.header-button div {
    padding-bottom:3px;
    
}
td.header-button div *{
    color:#CCCCCC;
    padding-left:3px;
    text-decoration:none;
}
td.header-button1 {
    vertical-align:top;
    padding-top:15px;
    text-align:left;
    padding-right:36px;
    
}
td.header-button1 div {
    padding-bottom:3px;
    
}
td.header-button1 div *{
    color:#CCCCCC;
    padding-left:3px;
    text-decoration:none;
}
/* ################################### MENU */

td.menu-current
{
	text-align:center;
	background-repeat:repeat-x;
	font-weight:bold;
	color:#001A3D;
	font-size:12px;
	text-decoration:none;
}

td.menu-current a {text-decoration:none;}

td.menu-cell

{
	text-align:center;
	background-repeat:no-repeat;
	color:#CCCCCC;
	font-weight:bold;

}
td.menu-cell a{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
td.menu-cell a:link
{
	color:#CCCCCC
}
td.menu-cell a:visited
{
	color:#CCCCCC
}
td.menu-cell a:hover
{
	color:#FFFFFF
}



/* ################################### SUBMENU */
td.submenu-current
{
	background-repeat:repeat-x;
	font-weight:bold;
	color:#000000;
	font-size:11px;
	white-space:nowrap;
	
}

td.submenu-current a{
    color:#000000;
	font-size:10px; 
	height:27px;
	text-decoration:underline;
	/*font-weight:bold;*/
	
}

td.submenu-current a:hover{
    color:#000000;
}

td.submenu-cell
{
	
	white-space:nowrap;
}
td.submenu-cell a{
    color:#FFFFFF;
	font-size:10px; 
	height:27px;
	text-decoration:none;
/*	font-weight:bold;*/
	
}

td.submenu-cell a:hover{
    color:#FFFFFF;
}
/* ################################### LIST SUBMENU */

div.submenu-button{
    margin-top:6px;
    height:21px;
    padding-left:5px;
	padding-right:10px;
}
div.submenu-list a div{
    
    color:#CCCCCC;
    font-weight:normal;
    text-decoration:none;
    padding-left: 10px;
    padding-right: 15px;
}
div.submenu-list a:hover div{
    color:#FFFFFF;
    background-color:#005DB8;
}
div.submenu-list{
 font-family: Tahoma,Verdana, Arial, sans-serif;
    background-color:#000000;
    z-index:1000;
    position:absolute;
    top:163px;
    display:none;
    border-color:#333333;
    border-style:solid;
    border-width:1px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left:-10px;
}
div.submenu-button:hover div {
    display:block
}

/* ################################### FICHES */

div.fiche-data{
    position:absolute;
    left:10px;
	top:15px;
    width:285px;
    height:382px;
	background-color:#0F2E65;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	
}
div.fiche-data5{
    position:absolute;
    left:10px;
	top:15px;
    width:285px;
    height:360px;
	background-color:#0F2E65;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
}
div.fiche-image{
    position:absolute;
    left:315px;
	top:15px;
    width:305px;
    height:370px;
    border-color:#FFFFFF;
	border-style:dashed;
	border-width:1px;
	padding:5px;
}

div.fiche-image2{
    position:absolute;
    left:315px;
	top:15px;
    width:305px;
    height:370px;
    border-color:#FFFFFF;
	border-style:dashed;
	border-width:1px;
	padding:5px;
}

div.ficheproduit-image2{
    background-color:#FFFFFF;
    height:370px;
    text-align:center;
}

/* ################################### FICHE PRODUIT */

div.ficheproduit-image{
    background-color:#FFFFFF;
    height:370px;
    text-align:center;
}

div.ficheproduit-image img{
      margin-top:20px;
}

div.fiche-data tr{
    vertical-align:top
}

div.ficheproduit-title{
	width:100%;
	padding-bottom:10px
}
div.ficheproduit-title span{
    font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}
div.ficheproduit-description{
	font-family: Tahoma,Verdana, Arial, sans-serif;
	
}

div.ficheproduit-description2{
	font-family: Tahoma,Verdana, Arial, sans-serif;
	height:210px;
	overflow:hidden;
	
}
div.ficheproduit-description_price{
    position:absolute;
    font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:78px;
	}

div.ficheproduit-text span{
	width:100%;
	color:#FFFFFF;
	line-height:14px;
}
div.ficheproduit-text span span{
	color:#F4941E;
}

div.ficheproduit-button{
    position:absolute;
    left:40px;
    top: 300px;
    border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	width:100px;
	background-color:#0C3E7B;
	padding:5px;
}
div.ficheproduit-button span{
    font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px
	
}
div.ficheproduit-button a span{
    text-decoration:none;
}
div.ficheproduit-button a:hover span{
    text-decoration:underline;
}
div.ficheproduit-price{
    position:absolute;
    left:170px;
    top: 335px;
    	width:150px;
	font-size:22px;
	color:#FFFFFF;
}

/* ################################### FICHE MAGASIN */

div.fichemagasin-image img{
      margin-top:0px;
}

div.fichemagasin-title{
	width:100%;
	padding-bottom:15px
}
div.fichemagasin-title span{
    font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}
div.fichemagasin-text {
	width:100%;
	padding-bottom:35px;
	
}
div.fichemagasin-text *{
	font-size:12px;
	color:#FFFFFF;
	
}
div.fichemagasin-text span *{
	color:#FFFFFF;
	font-size:12px;
}

div.fichemagasin-address{
	width:100%;
	padding-bottom:10px;
	padding-top:10px;
}
div.fichemagasin-address *{
	color:#FFFFFF;
}
div.fichemagasin-address span *{
	color:#FFFFFF;
}

/* ################################### SHOWCASE */

div.showcase-title{
    width:100%;
	text-align:center;
	padding-top:50px;
}
div.showcase-title span
{
	font-size:18px;
	font-weight:bold;
	color: #FFFFFF
	font-family: Tahoma,Verdana, Arial, sans-serif;
}
div.showcase-image
{
	padding-top:13px;
	text-align:center;
	height:245px;
	overflow:hidden;
}
div.showcase-subtitle
{
	padding-top:14px;
	text-align:center;
}
div.showcase-subtitle span
{
	font-size:12px;
	font-weight:bold;
}
div.showcase-info
{
	margin-left:67px;
	margin-top:10px;
	padding:4px;
	vertical-align:middle;
	background-color:#0c275f;
	text-align:center;
	width:85px;
	color:#ffffff;
	font-weight:bold;
}

div.showcase-info span
{
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
}
div.showcase-price
{
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:center;
	width:135px;
	white-space:nowrap;
	margin-left:45px;
	margin-top:25px;
	font-weight:bold;
}

div.showcase-price a *
{
	text-decoration:underline;

}
div.showcase-price span
{
	color: #000000;
	font-size:11px;

}

/* ################################### VISAGE */

div.visage {
    position:absolute;
    left:200px;
    top:170px;
    width:408px;
    height:96px;
   
}
div.visage span{
    font-weight:bold;
    color: #FFFFFF;
    text-align:justify;
    line-height:16px;
}

/* ################################### INSTITUT */

div.institut {
    position:absolute;
    left:165px;
    top:105px;
    width:440px;
    height:104px;
    text-align:justify;
    
}
div.institut-package  {
    position:absolute;
    left:90px;
    top:205px;
    
}
div.institut-package div{
    float:left;
    margin-left:20px;

}
div.institut-link {
    position:absolute;
    left:165px;
    top:165px;
    width:440px;
    height:34px; 
}
div.institut-link a span{
    color: #FFFFFF;  
}
div.institut-link a {
    font-weight:bold;
    color: #FFFFFF;
}
div.institut span{
    font-weight:bold;
    color: #FFFFFF;
    text-align:justify;
    line-height:16px;
}

/* ################################### A PROPOS */

div.page_apropos {
    position:absolute;
    left:117px;
    top:44px;
    height:322px;
    text-align:justify
}

div.page_apropos_scroll div {
    overflow:hidden;
    width:462px;

 
}
div.page_apropos_noscroll div {
    overflow:visible;
    width:498px;

}

a.page_apropos_scroll_top{
    position:absolute;
    left:589px;
    top:44px;
    width:28px;
    height:28px;
    background-image:url('images/scroll_top.gif');
}
a.page_apropos_scroll_top:hover{
    background-image:url('images/scroll_top_over.gif')
}
a.page_apropos_scroll_bottom{
    position:absolute;
    left:589px;
    top:338px;
    width:28px;
    height:28px;
    background-image:url('images/scroll_bottom.gif');
}
a.page_apropos_scroll_bottom:hover{
    cursor: pointer;
    background-image:url('images/scroll_bottom_over.gif')
}
div.page_apropos td{
    color:#FFFFFF;
    vertical-align:top;
    text-align:justify;
    padding-right:15px;

}
div.page_apropos td span  {
    color:#FFFFFF;
    text-align:justify;
}
div.page_apropos td span * {
    color:#FFFFFF;
    text-align:justify;
}
div.page_apropos div {
    color:#FFFFFF;

    padding-left:15px;
    padding-right:15px;
}
div.page_apropos div span {
    color:#FFFFFF;  
}
/* ################################### CONTACT */

div.page_contact {
    position:absolute;
    left:70px;
    width:511px;
    height:342px;
    text-align:center;
}

div.page_contact1 {
	margin:20px;
	font-size:8pt;
    position:absolute;
    left:45px;
    width:511px;
    height:342px;
    text-align:center;
}

div.page_contact1 span{
    color:#FFFFFF; 
	font-size:14pt;
	font-weight:normal;
}


div.page_contact1 span *{
    color:#FFFFFF; 
	font-size:13pt;
	font-weight:normal;
}

div.page_contact2 span{
    color:#FFFFFF; 
	font-size:2pt;
	font-weight:bold;
}

div.page_contact2 span *{
    color:#FFFFFF; 
	font-size:8pt;
	font-weight:bold;
	align:center;
}

div.page_contact span *{
    color:#FFFFFF; 
}

div.page_contact span h1  {
    padding-top:80px;
}
div.page_contact span h1  *{
    font-size:18px;
}
div.page_contact span h2 {
    padding-top:18px;
    padding-bottom:18px;
}
div.page_contact span h2 *{
    font-size:14px;
}
/* ################################### FOOTER */

div.footer-back{
	width:100%;
	height:100%;
}


.contact td{
	color:#FFFFFF;
	font-size:8pt;
	padding-left:10px;
	width:365px;
}

.location h1{
    color:#FFFFFF; 
    line-height:18px;
}

.content_text{
	color:#ffffff;
	padding-top:10px; 
	padding:20px;
}