/*		STYLE CSS
		---
		www.jips.net
		---
		Réalisation A3 Graphique - www.a3graphique.com
*/


/* ---------------------------------------------------------

	B O D Y

--------------------------------------------------------- */

Body {
margin:0px;
font-size:11px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#000000;
background-color:#F2F2F2;
font-weight:normal; }




/* ---------------------------------------------------------

	D I V   P R I N C I P A L E S

--------------------------------------------------------- */

#div0-1 {
width:800px;
height:30px;
background-image:url(design/div0-1.jpg);
background-position:top left;
background-repeat:no-repeat; }

#div0-2 {
width:748px;
padding:0 26px 0 26px;
text-align:left;
background-image:url(design/div0-2.jpg);
background-position:top left;
background-repeat:repeat-y; }

#div0-3 {
width:800px;
height:30px;
background-image:url(design/div0-3.jpg);
background-position:top left;
background-repeat:no-repeat; }

#div1 {
height:110px; }

#div2 {
height:25px;
padding-left:0px;
line-height:25px;
letter-spacing:1px;
color:#FFFFFF;
background-color:#E50076;
background-image:url(design/div1.jpg);
background-position:top right;
background-repeat:no-repeat;
font-weight:bold; }

#div3 {
margin:5px 5px 0 5px; }

#div4 {
padding-top:20px;
font-size:10px;
text-align:center;
color:#666666;
clear:both; }




/* ---------------------------------------------------------

	D I V   S E C O N D A I R E S

--------------------------------------------------------- */

#div3-01 {
padding-bottom:10px;
width:195px;
font-size:11px;
color:#999999;
float:left; }

#div3-02 {
width:533px;
padding-bottom:10px;
margin-left:10px;
text-align:right;
float:left; }

#div3-1 {
width:195px;
float:left; }

#div3-2 {
width:525px;
margin-top:-18px;
margin-left:18px;
float:left; }

.titre {
margin:20px 0 0 0;
padding:0 0 3px 0;
background-image:url(design/img_h1.jpg);
background-position:10px;
background-repeat:repeat-x;
font-weight:normal; }

.menu-produit {
padding:3px 10px 5px 10px;
margin:10px 0 10px 155px;
background-color:#DDDDDD; }




/* ---------------------------------------------------------

		S T Y L E S   I M A G E S

--------------------------------------------------------- */

.ss-menu {
width:195px;
height:30px;
padding:0px;
margin:2px 0 2px 0;
line-height:30px;
text-indent:15px;
background-image:url(design/img_ss-menu.jpg);
background-position:0px 0px;
background-repeat:no-repeat; }

.ss-menu:hover {
background-position:-195px 0px; }

.img_margin {
margin-right:5px; }




/* ---------------------------------------------------------

		S T Y L E S   P R É F O R M A T É S

--------------------------------------------------------- */

strong {
font-weight:bold; }

#div3-2 p {
padding:0px;
margin:0 0 7px 0; }

p {
padding:0px;
margin:10px 0 0 0; }

ul {
margin:0px;
padding:0px; }

li {
margin:0px;
padding:0 10px 0 10px;
list-style-type:none;
display:inline; }

#div3-2 h1 {
margin:0px;
padding:0 10px 0 0;
font-size:16px;
color:#0C57FF;
display:inline;
background-color:#FFFFFF; }

h3 {
margin:0px;
padding:0 0 10px 5px;
font-size:20px;
color:#0C57FF;
background-image:url(design/div3-1_menu-top.jpg);
background-position:bottom left;
background-repeat:no-repeat;
font-weight:normal; }

h4 {
margin:0 0 15px 0;
padding:0 0 13px 5px;
font-size:15px;
letter-spacing:-0.7px;
color:#FFFFFF;
background-image:url(design/div3-1_menu-bottom.jpg);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#0C57FF;
font-weight:normal; }

h5 {
margin:0px;
padding:0 0 0 10px;
font-size:10px;
color:#CC0033;
font-weight:normal;
background-image:url(design/h5_bloc.jpg);
background-position:center left;
background-repeat:no-repeat; }

h6 {
margin:50px 0 5px 0;
padding:5px 0 3px 5px;
border-bottom:3px solid #CC0033;
font-size:11px;
color:#CC0033;
font-weight:normal; }

h7 {
margin:30px 0 15px 0; }




/* ---------------------------------------------------------

		C O U L E U R S

--------------------------------------------------------- */

.rouge {
color:#FF0000; }

.rose {
color:#E50076; }

.bleu {
color:#0066FF; }




/* ---------------------------------------------------------

		S T Y L E S   T E X T E S

--------------------------------------------------------- */

.h6-produit {
font-size:14px; }

.h6-reference {
color:#999999; }

.prix {
font-size:15px;
color:#FF0000; }

.prix2 {
font-size:12px;
color:#FF0000; }

.disp_immediat {
padding-left:12px;
background-image:url(design/produit_disponibilite-immediat.jpg);
background-position:center left;
background-repeat:no-repeat;
color:#00FF00; }

.disp_attente {
padding-left:12px;
background-image:url(design/produit_disponibilite-attente.jpg);
background-position:center left;
background-repeat:no-repeat;
color:#FF9900; }

.disp_non {
padding-left:12px;
background-image:url(design/produit_disponibilite-non.jpg);
background-position:center left;
background-repeat:no-repeat;
color:#FF0000; }

.panier_description {
font-size:10px;
color:#666666; }

.panier_prif-FF {
font-size:10px;
color:#666666; }






/* ---------------------------------------------------------

		S T Y L E S   I M A G E S

--------------------------------------------------------- */

.img_margin-right {
margin-right:5px; }

.img_margin-bottom {
margin-bottom:5px; }



/* ---------------------------------------------------------

		L I E N S

--------------------------------------------------------- */

a:link {
color:#E50076;
text-decoration:underline; }

a:visited {
color:#999999;
text-decoration:underline; }

a:hover {
color:#E50076;
text-decoration:underline; }

#div2 a {
padding:0 0 0 0;
color:#FFFFFF;
text-decoration:none; }

#div2 a:hover {
border-top:2px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;
color:#E50076;
background-color:#FFFFFF; }

#div3-03 a {
display:block;
color:#000000;
text-decoration:none; }

#div3-1 h4 a {
margin:0;
padding:2px;
font-size:13px;
display:block;
color:#FFFFFF;
text-decoration:none; }

#div3-1 h4 a:hover {
border-right:5px solid #0C57FF;
color:#0C57FF;
background-color:#FFFFFF; }

#div3-1 .ss-menu a {
display:block;
color:#999999;
text-decoration:none; }

#div3-1 .ss-menu a:hover {
color:#333333; }