/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
text-align:justify;
}



#conteneur {
position: relative;
width: 850px;
height:auto;
margin: 0 auto;
background-image:url(img/fondnuage3.jpg);
background-repeat:no-repeat;
background-color:#ffffff;
margin-top:20px;
border-color:#000000;
border-width:1px;
border-style:solid;
}
#header {
height: 150px;

}
#centre {
height:500px;
}


#logo2 {
width: 170px;
height:130px;
text-align:center;
padding-top:5px;

}

#menu {
position: absolute;
left:190px;
top:10px;
width: 660px;
height:20px;

}

.photo {
position: absolute;
left:190px;
width: 238px;
height:258px;

top:180px;

}

.contenu {
position: absolute;
left:450px;
width: 278px;
height:258px;
top:180px;


}

#conseils {
position: absolute;
left:230px;
top:500px;
width: 200px;
height:180px;
background-color:#FFFF00;
}

#girafe {
position: absolute;
left:18px;
top:216px;
width: 239px;
height:418px;

}
#girafe2 {
position: absolute;
left:600px;
top:200px;
width: 239px;
height:418px;

}

.cliquezici {
position: absolute;
left:195px;
width: 617px;
height:65px;

top:550px;

}

.coms {
position: absolute;
left50px;
width: 32px;
height:62px;

top:180px;

}


#mascotteconseils {
position: absolute;
left:20px;
top:490px;
width: 239px;
height:120px;

}

#ssmenu-produit {
position: absolute;
left:190px;
top:40px;
width: 120px;
height:40px;
padding-left:8px;
padding-top:40px;

}

#etapes {
position: absolute;
left:190px;
top:470px;
width: 631px;
height:78px;


}

#liste-conseils {
position: absolute;
left:190px;
top:470px;
width: 631px;
height:78px;


}

#commander {
position: absolute;
left:75px;
top:477px;
width: 700px;
height:109px;


}

ul {
list-style-type: none;
width: 100%; /* pr??cision pour Opera */
color:#FFFFFF;
padding-left:0px;
margin-left:0px;
}

.menu li {
float: left;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.menu1 a {
padding-top:5px;
padding-left:8px;
font-weight:bold;
width: 118px;
height: 20px;
display: block;

text-decoration: none;
color:#FFFFFF;
background-image:url(img/menu-produit.gif);
background-repeat:no-repeat;
margin-right:5px;
}

.menu1 a:hover {
background-image:url(img/menu-produitb2.gif);
background-repeat:no-repeat;
color:#ec7405;
}

.menu1 a:active {
background-image:url(img/menu-produitb2.gif);
background-repeat:no-repeat;
color:#ec7405;
}

.menu2 a {
padding-top:5px;
padding-left:8px;
font-weight:bold;
width: 118px;
height: 20px;
display: block;

text-decoration: none;
color:#FFFFFF;
background-image:url(img/menu-commandes2.gif);
background-repeat:no-repeat;
margin-right:5px;
}

.menu2 a:hover {
background-image:url(img/menu-commandesb.gif);
background-repeat:no-repeat;
color:#00a4e0;
}

.menu2 a:active {
background-image:url(img/menu-commandesb.gif);
background-repeat:no-repeat;
color:#00a4e0;
}

.menu3 a {
padding-top:5px;
padding-left:8px;
font-weight:bold;
width: 118px;
height: 20px;
display: block;

text-decoration: none;
color:#FFFFFF;
background-image:url(img/menu-liens2.gif);
background-repeat:no-repeat;
margin-right:5px;
}

.menu3 a:hover {
background-image:url(img/menu-liensb.gif);
background-repeat:no-repeat;
color:#782783;
}

.menu3 a:active {
background-image:url(img/menu-liensb.gif);
background-repeat:no-repeat;
color:#782783;
}

.menu4 a {
padding-top:5px;
padding-left:8px;
font-weight:bold;
width: 118px;
height: 20px;
display: block;

text-decoration: none;
color:#FFFFFF;
background-image:url(img/menu-accueil2.gif);
background-repeat:no-repeat;
margin-right:5px;
}

.menu4 a:hover {
background-image:url(img/menu-accueilb.gif);
background-repeat:no-repeat;
color:#e3477f;
}

.menu4 a:active {
background-image:url(img/menu-accueilb.gif);
background-repeat:no-repeat;
color:#e3477f;
}

.menu5 a {
padding-top:5px;
padding-left:8px;
font-weight:bold;
width: 118px;
height: 20px;
display: block;
text-decoration: none;
color:#FFFFFF;
background-image:url(img/menu-contact2.gif);
background-repeat:no-repeat;
margin-right:5px;
}

.menu5 a:hover {
background-image:url(img/menu-contactb.gif);
background-repeat:no-repeat;
color:#A5C41A;
}

.menu5 a:active {
background-image:url(img/menu-contactb.gif);
background-repeat:no-repeat;
color:#A5C41A;
}


.conditions {
	color:#999999;
}

a.conditions {
	color:#999999;
	text-decoration:none;
}

a.conditions:hover {
	color:#999999;
	text-decoration:underline;
}

.conseils {
	color:#0785BE;
}

a.conseils {
	color:#0785BE;
	text-decoration:none;
}

a.conseils:hover {
	color:#0785BE;
	text-decoration:underline;
}

a.plan {
	color:#CCCCCC;
	text-decoration:none;
}

a.plan:hover {
	color:#CCCCCC;
	text-decoration:underline;
}

.tableau {
border-collapse:collapse;
border-color:#00A4E0;
border-style:solid;
border-width:3px;
padding:5px;
}