/* Biosolis */



/*General */
*{
margin:0;
padding:0;
}

:focus { -moz-outline-style: none; }

body{
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:13px;
background-color:#e8f6c3;
background-image:url(../images/bg_biosolis.jpg);
background-repeat:repeat-x;
background-position:top center;
}

img{
border:none;}

.clear{
clear:both;
}


/* Structure General */

#conteneur{
height:auto;
width:900px;
margin:auto;
background-image:url(../images/border_contenu.png);
background-repeat:repeat-y;
}

#conteneurTop{
height:103px;
width:900px;
margin:auto;
position:absolute;

}

#conteneurbackground{
height:auto;
width:900px;
margin:auto;
}

#conteneurMiddle{
height:auto;
width:900px;
margin:auto;
background-image: url(../images/middle3.png);
background-position:top left;
background-repeat:repeat-y;
position:absolute;

}

#bottom_bg{
background-image: url(../images/main_bottom_bg3.png);
background-repeat:no-repeat;
background-position:center ;
height:40px;
width:100%;
position:absolute;

}


#contenuImage{
height:auto;
width:900px;
margin:auto;
background-color:#496646;
background-repeat:repeat-y;
position:absolute;
}

/* intro flash */

#flashintro{
width:800px;
height:625px;
margin:auto;}


/* entete */

#entete{
height:290px;
width:900px;
background-image: url(../images/header_biosolis.png);
background-repeat:no-repeat;
color:#263d13;
}

#entete p{
width:260px;
position:relative;
top:70px;
left:600px;
}

#entete h3{
font-size:17px;
position:relative;
top:70px;
left:600px;
width:280px;
}

/* navigation */

#nav{
color:white;
background-image:url('../images/visage.png');
background-position:35% 100%;
background-repeat:no-repeat;
width:230px;
min-height:400px;
float:left;
}

#nav img{
position:absolute;
top:400px;
margin-left:15px;
border:1px solid black;
}

#nav ul.navigation{
margin-left:20px;
margin-top:34px;
list-style:none;
float:left;
font-size: 1.3em;
height:auto;
text-align:left;
}

#nav ul.navigation li{
width:155px;
height:auto;
padding: 3px 15px 3px 2px;
background-image: url(../images/boutons_nav2.jpg);
background-repeat:repeat;
margin-bottom:3px;
text-align:left;
font-size:16px;
position:relative;
-moz-border-radius: 3px;
-khtml-border-radius: 10px 10px 10px 10px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

#nav a{
text-decoration:none;
color:white;
margin-left:8px;
}

#nav a:hover{
color:#becd94;
}

#nav p:hover{
color:#becd94;
}

#nav a:active{
color:#becd94;
text-decoration:underline;
}

/* principale */

#principale{
width:650px;
height:auto;
float:left;
text-align:justify;
margin-left:20px;
color:#263d13;
padding-bottom:20px;
}

#principale p{
margin-bottom:5px;
width:590px;
}

#principale p a{
color:#9c6e04;}


/* Accueil */

.boutonsAccueil img{
margin-right:37px;}

/* Produit Principal */

#produitsImage{
width:200px;
margin-top:80px;
float:left;
}

#produitsImage ul{
width:190px;
list-style:none;
color:white;
margin-top:28px;

}

#produitsImage ul li img{
display:inline;
margin-top:8px;
padding-top:3px;
}

#produitsImage ul.sousMenuBain{
margin-top:20px;
list-style:none;
}


#produitsImage ul img{
width:100%;
}

#produitsImage a:visited{
color:white;
}

#produitsImage a{
text-decoration:none;
color:white;}

#produitsMain{
width:410px;
margin-top:25px;
margin-bottom:25px;
float:left;
}

#produitsMain p{
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
width:400px;
font-size:12px;
}

#produitsMain h2{
text-align:right;
width:410px;
font-size:20px;
}


#produitsMain h3{
text-align:right;
width:410px;
}

#produitsMain h4{
font-size:13px;
text-align:right;
width:410px;
}

/*plateforme*/


#plateformBas{
width:595px;}

.graph {
width:370px;
display:block;
float:left;
padding-bottom:15px;
padding-left:10px;
margin-left:15px;
margin-top:35px;
background-color:#e4eae0;
-moz-border-radius: 8px;
border-style:ridge;
}

.graph a{
width:120px;
float:left;}

.graph p{
float:left;}

.bienfaits{
width:270px;
font-size:13px;
list-style:url(../images/green-jelly.png);
font-size:12px;
float:left;

}

.contre{
width:270px;
font-size:13px;
list-style:url(../images/x_rouge.png);
float:left;
font-size:12px;
margin-left:43px;
}

.bienfaits h4, .contre h4{
padding-bottom:15px;
font-size:13px;}

.bienfaits ul , .contre ul{
margin-left:20px;}

.bienfaits ul li, .contre ul li{
padding-bottom:6px;}


/* Produits Specs */

.liste{
width:380px;
margin-left:25px;
font-size:12px;}

.liste li{
margin-bottom:8px;}



/* Contact */

#contactG{
width:300px;
height:340px;

line-height:150%;
float:left;
}

#contactD{
width:300px;
height:340px;

float:left;
}


/*Pied page*/
#piedDePage{
height:36px;
width:900px;
color:white;
margin:auto;
background-image: url(../images/footer_bg.jpg);
position:absolute;
margin-top:22px;
font-size:11px;
}

#piedDePage p{
height:21px;
padding-top:5px;
text-align:center;}

#piedDePage a{
text-decoration:none;
color:white;}

#piedDePage a:visited{
color:white;}

#piedDePage a:hover{
color:#FFAD4E;}