/*-------------------------------------------------------------------
                          CSS MLM 2008
version: 1.0
author:  Team
email: 
website: 
projet:mlm
-------------------------------------------------------------------*/

/*--------------------------------------------------------
           Style body 
--------------------------------------------------------*/
body{
	top:0%;
	left:50%;
	position: relative; /*ou relative */
	width:980px;
	margin-left:-490px;
	background:#fff;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;
	
}
#wrapper{width:980px;height:735px;background-color:#D2DE29; background:url(../images/MLM_site_pagevierge.gif)}
/*--------------------------------------------------------
           Universal selector
--------------------------------------------------------*/
* {
	font-family: Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
/*--------------------------------------------------------
                   logo
--------------------------------------------------------*/
           
#logo {
position:absolute;
left:20px;
top:15px;
width:130px;
height:180px;
z-index:1;
/*border:1px solid;*/
}
/*--------------------------------------------------------
          Style topMenu
--------------------------------------------------------*/
#topMenu {
position:absolute;
left:200px;
top:20px;
height:40px;
z-index:1;
/*border:1px solid;*/
}

#topMenu a {
text-decoration:none;
font-size:12px;
color:#000;
}

#topMenu a:hover {
text-decoration:none;
color:#FFF;
}


#topMenu a.topMenuSelected {
text-decoration:none;
color:#FFF;
}

/*--------------------------------------------------------
          Style mainMenuHolder
--------------------------------------------------------*/
#mainMenuHolder{
position:absolute;
left:200px;
/*top:60px;*/
top:40px;
height:150px;
z-index:1;
/*border:1px solid;*/
}
/*--------------------------------------------------------
          Style MainMenu
--------------------------------------------------------*/

#mainMenu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
    line-height:14px;
}
#mainMenu li {}

#mainMenu li a {
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
font-size:12px;
color:#000;
}

.menuSelected{

color:#FFF;
}

#mainMenu li a:hover {
text-decoration:underline;
}

#mainMenu li a.selected {
color:#FFF;
}
/*--------------------------------------------------------
          Style sousMenu
--------------------------------------------------------*/
.sousMenu {
	margin: 0px;
	padding: 5px 5px 5px 5px ;
	list-style-type: none;
    line-height:14px;
    border:1px solid;
    background-color: #ff6a09;
}
.sousMenu li {}

.sousMenu li a {
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
font-size:10px;
color:#000;
}

.sousMenu li a:hover {
text-decoration:underline;
}

.sousMenu li a.selected {
color:#FFF;
}

/*--------------------------------------------------------
          Style caddie
--------------------------------------------------------*/
#caddie {
position:absolute;
top:25px;
right:25px;
width:200px;
padding:0px 10px 0px 10px;
font-size:12px;
text-align:right;
color:#555;
z-index:1;
}
#authentificationHolder {
position:absolute;
top:20px;
right:0px;
width:240px;
height:90px;
padding:0px 10px 0px 10px;
font-size:12px;
text-align:right;
z-index:1;
background:#D3DE2A url(../images/bg_login_form.gif) no-repeat;
display:none;
}

#caddie a {
text-decoration:none;
font-size:12px;
color:#555;
cursor:pointer;
}

#caddie a:hover {
text-decoration:none;
color:#FFF;
}

/*--------------------------------------------------------
          Style CurrentCatégorie
--------------------------------------------------------*/


#currentCategorie {
position:absolute;
top:200px;
left:0px;
font-size:12px;
width:10px;
text-align: left;
text-transform:uppercase;
color:#000;
display:block !important; 
display:none;
/*border:1px solid;*/
}

#currentCategorie a{
	font-size:12px;
	color:#000;
}

#currentCategorieSearch {
position:absolute;
top:175px;
right:35px;
font-size:10px;
text-align:right;
text-transform:uppercase;
color:#000;
/*border:1px solid;*/
}

#currentCategorieSearch a{
	font-size:10px;
}

/*--------------------------------------------------------
          Style search box
--------------------------------------------------------*/

#searchBox {
position:absolute;
top:80px;
right:25px;
font-size:12px;
text-align:right;
text-transform:uppercase;
color:#DC5316;
height:50px; 
width:210px;
}
/*--------------------------------------------------------
           class Form
--------------------------------------------------------*/

.textBox{
width:150px;
margin-bottom:10px;
border:1px solid;
font-size:12px;
background-color:#D3DE2A;
}

.areaBox{
width:150px;
height:100px;
margin-bottom:10px;
border:1px solid;
font-size:12px;
background-color:#D3DE2A;
}

.validerBtn{
background:url(../images/picto_valider1.gif) no-repeat;
width:95px;
height:50px;
cursor:pointer;
border:none;
margin-top:10px;
}

/*--------------------------------------------------------
           class Global
--------------------------------------------------------*/
.line {
	width:210px;
	height:1px;
	border-bottom:1px solid;
    margin-bottom:5px;	
}

.catLink {
	font-size:12px;
	color:#FFF;
}

.red {
	color:red;
}
.green {
	color:green;
}
.blue {
	color:#08448D;
}
.date {
	color:#897531;
	font-weight:bold;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style: italic;
}
.clear {
	clear:both;
}
/*--------------------------------------------------------
           Style IMG
--------------------------------------------------------*/
img {
	display:block;
	border:none;
}
/*--------------------------------------------------------
           Style TD
--------------------------------------------------------*/
td {
	vertical-align: top;
}
/*--------------------------------------------------------
          Heads
--------------------------------------------------------*/
h1 {
	color:#000;
	font-size:14px;
	text-transform:uppercase;
}
h2 {

}
h3 {
}
/*--------------------------------------------------------
           Style Links
--------------------------------------------------------*/
a {text-decoration: none;color:#000;font-size:14px;cursor:pointer;}
a:hover {text-decoration: none;color:#fff;}
a.link1 {text-decoration: none;color:#f00;font-size:10px;}
a.link1:hover {text-decoration: none;color:#832051;}
a.selected {text-decoration: none;color:#fff;}

a.x_to_hide_link{display:block;width:13px;height:14px;background:#D3DE2C url(../images/x_to_hide.gif) no-repeat;}
a.x_to_hide_link:hover{display:block;width:13px;height:14px;background:#D3DE2C url(../images/x_to_hide_hover.gif) no-repeat;}

a.privacy_link{display:block;width:13px;height:14px;background:#D3DE2C url(../images/privacy.gif) no-repeat;}
a.privacy_link:hover{display:block;width:13px;height:14px;background:#D3DE2C url(../images/privacy_hover.gif) no-repeat;}

a.link_caddie_supp{display:block;width:13px;height:14px;background:#D3DE2C url(../images/caddie_supp.gif) no-repeat;}
a.link_caddie_supp:hover{display:block;width:13px;height:14px;background:#D3DE2C url(../images/caddie_supp_hover.gif) no-repeat;}



/*----------------------------------
   footer
------------------------------------*/
#footer {
	text-align:center;
	color:#D2DE29;
	font-size:12px;
	position:absolute;
	width:945px;
	left:20px;
	bottom:5px;
}
#footer a {	
	color:#D2DE29;
	font-size:12px;
}
#footer a:hover {	
	color:#FFF;
}

#footer a.BottomMenuSelected {
text-decoration:none;
color:#FFF;
}

#footerSecure {
	
	color:#D2DE29;
	font-size:12px;
	position:absolute;
	width:105px;
	height:15px;
	right:12px;
	bottom:-17px;
}

/*--------------------------------------------------------
          style Home page  
--------------------------------------------------------*/
#presentationBoutique1{width:173px;height:119px;position:absolute;z-index:990;top:185px;left:118px;}

#presentationBoutique2{width:312px;height:129px;position:absolute;z-index:991;top:314px;left:149px;}
#presentationBoutique2 h1{font-weight:bold;color:#fff;font-size:20px;line-height:26px;}

/*--------------------------------------------------------
          style Pagination  
--------------------------------------------------------*/
#pagination{ height:20px;position:absolute;z-index:1;top:150px;right:10px;text-align:right;}
#pagination img{margin-top:5px;}

#paginationBottom{ height:20px;position:absolute;z-index:1;top:680px;right:10px;text-align:right;}
#paginationBottom img{margin-top:5px;}
#paginationBottom a{color:#FFF}
#paginationBottom a.selected{color:#D2DE29}

.currentLink { color:#fff};

/*--------------------------------------------------------
          style Prices
--------------------------------------------------------*/
.price{

	margin-right: 5px;
	z-index:10;
}

.next{
	position:absolute; bottom:80px; left:700px;
}

.preview{
	position:absolute; bottom:80px; left:385px;
}