/* CSS Document IDW Creattivo.co.uk did */

body {
background:#FFFFFF;
margin-top:0px;
margin-left:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:left;
width:99%;
}

input {
	height: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

select {
	height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

ul,li {
list-style-image:url(../images/listimage.jpg);
}

#container {
width:991px;
height:auto;
margin:0px 0px 0px 0px;
}

#header {
width:100%;
height:200px;
background:url(../images/header-backgr.jpg) repeat;
}

#header-bandeau {
width:100%;
height:200px;
background:url(../images/header.jpg) no-repeat;
}

#header-flash {
width:590px;
height:95px;
float:right;
clear:both;
padding: 10px 0px 0px 0px;
}

#header-pageflip {
float:right;
clear:both;
padding: 5px 0px 0px 0px;
}

#header-marquee {
float:center;
clear:both;
padding: 72px 0px 0px 0px;
width: 990px;
border: #FF0000 0px solid;
}


#nav-area {
width:100%;
height:auto;
background:url(../images/nav-backgr.jpg) repeat;
}

.navbutton {
background:url(../images/nav-button.jpg) no-repeat;
font-size:11px;
font-weight:bold;
color:#006699;
text-align:center;
width:150px;
height:27px;
}

a.navlink {
font-weight:bold;
color:#006699;
text-decoration:none;
}

a.navlink:hover {
font-weight:bold;
color:#FF0066;
text-decoration:underline;
}

#nav-spacer {
height:15px;
width:100%;
background:url(../images/subnav-backgr.jpg) repeat-x;
}

#left {
float:left;
margin-left:2px;
width:199px;
height:auto;
background:#dddddd;
}


#titles-purple {
background:url(../images/lefttitle-purple.jpg) no-repeat;
height:27px;
}

#titles-lime {
background:url(../images/lefttitle-lime.jpg) no-repeat;
height:27px;
}

#title-purplelight {
background:url(../images/lefttitle-lightpurple.jpg) no-repeat;
height:27px;
}

#colors-tab {
width:195px;
text-align: left;
}

.color-1 {
background:#FF0000;
height:15px;
}

.color-2 {
background:#FF3300;
height:15px;
}

.color-3 {
background:#FF6600;
height:15px;
}

.color-4 {
background:#FFCC00;
height:15px;
}

.color-5 {
background:#33CC33;
height:15px;
}

.color-6 {
background:#339900;
height:15px;
}

.color-7 {
background:#33FF66;
height:15px;
}

.color-8 {
background:#0099FF;
height:15px;
}

.color-9 {
background:#0066CC;
height:15px;
}

.color-10 {
background:#000099;
height:15px;
}

.color-11 {
background:#3333FF;
height:15px;
}

.color-12 {
background:#3300CC;
height:15px;
}

.color-13 {
background:#660099;
height:15px;
}

.color-14 {
background:#6633FF;
height:15px;
}

.color-15 {
background:#FF0066;
height:15px;
}

.color-16 {
background:#FF0033;
height:15px;
}

.color-lime {
background:#cccc00;
height:auto;
}

.color-purple01 {
background:#ff0066;
height:15px;
}

.color-purple02 {
background:#FF00CC;
height:15px;
}

.color-purple03 {
background:#FF33FF;
height:15px;
}

.color-purple04 {
background:#FF66FF;
height:15px;
}

.color-purple05 {
background:#FF0099;
height:15px;
}

.color-purple06 {
background:#FF0033;
height:15px;
}

#content {
float:left;
margin-left:5px;
width:578px;
}

#boxcentral {
background:url(../images/boxcentral-backgr.jpg) no-repeat;
width:570px;
height:136px;
}
#boxcentral2 {
width:570px;
text-align: left;
padding: 0px 0px 0px 0px;
/*border: solid 1px #FF0000;*/
}

.boxes {
width:283px;
height:185px;
}

.boxes-top {
background:url(../images/boxes-toptitle.jpg) no-repeat;
width:283px;
height:26px;
font:Arial, Helvetica, sans-serif bold;
font-size:16px;
color:#000000;
text-align:right;
padding-right:10px;
font-weight: bold;
}

.boxes-bott {
background:url(../images/boxes-bottom.jpg) no-repeat;
width:283px;
height:22px;
text-align:right;
padding-right:10px;
padding-bottom:3px;
}

.boxlink {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

a.boxlink {
color:#333333;
text-decoration:none;
}

a.boxlink:hover {
color:#FF0033;
text-decoration:underline;
}

#right {
float:right;
margin-left:5px;
width:198px;
/*height:auto;*/
vertical-align: top;
}

#boxpanier {
background:url(../images/paniersmall-backgr.jpg) no-repeat;
width:198px;
height:88px;
text-align:center;
}

.panier-text {
margin:17px 0px 17px 5px;
color:#000000;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


#footer {
background:#0000ff;
height:auto;
clear:both;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
}


.price {
width:88px;
height:56px;
background:url(../images/price-backgr.png) no-repeat;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
padding-top:25px;
}

h1 {
color:#E100E0;
font-size:12px;
font-weight:bold;
}

h2 {
color:#FF0000;
font-size:18px;
font-weight:bold;
}

#corpbox {
width:560px;
/*height:570px;*/
background:url(../images/corpbox-backgr.jpg) repeat-x;
}

#corpbox-title {
background:url(../images/corpbox-titlebackgr.jpg) no-repeat;
width:560px;
height:28px;
text-align:right;
}

#boxrayon {
width:570px;
height:auto;
background:#dddddd;
}

.boxrayonprod {
width:253px;
height:auto;
}

.boxrayonprod-cnt {
background:#dddddd;
}

#rayontitle-1 {
background:url(../images/prodtitle-001.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-2 {
background:url(../images/prodtitle-002.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-3 {
background:url(../images/prodtitle-003.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-4 {
background:url(../images/prodtitle-004.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-5 {
background:url(../images/prodtitle-005.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-6 {
background:url(../images/prodtitle-006.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-7 {
background:url(../images/prodtitle-007.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-8 {
background:url(../images/prodtitle-008.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-9 {
background:url(../images/prodtitle-009.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-10 {
background:url(../images/prodtitle-010.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-11 {
background:url(../images/prodtitle-011.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-12 {
background:url(../images/prodtitle-012.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-13 {
background:url(../images/prodtitle-013.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-14 {
background:url(../images/prodtitle-014.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-15 {
background:url(../images/prodtitle-015.jpg) no-repeat;
width:570px;
height:31px;
}

#rayontitle-16 {
background:url(../images/prodtitle-016.jpg) no-repeat;
width:570px;
height:31px;
}

#rayonbottom-1 {
background:url(../images/prodbottom-1.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-2 {
background:url(../images/prodbottom-2.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-3 {
background:url(../images/prodbottom-3.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-4 {
background:url(../images/prodbottom-4.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-5 {
background:url(../images/prodbottom-5.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-6 {
background:url(../images/prodbottom-6.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-7 {
background:url(../images/prodbottom-7.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-8 {
background:url(../images/prodbottom-8.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-9 {
background:url(../images/prodbottom-9.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-10 {
background:url(../images/prodbottom-10.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-11 {
background:url(../images/prodbottom-11.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-12 {
background:url(../images/prodbottom-12.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-13 {
background:url(../images/prodbottom-13.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-14 {
background:url(../images/prodbottom-14.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-15 {
background:url(../images/prodbottom-15.jpg) no-repeat;
width:570px;
height:33px;
}

#rayonbottom-16 {
background:url(../images/prodbottom-16.jpg) no-repeat;
width:570px;
height:33px;
}

/* backgrounds */
/* exemple: le pavé rouge du menu ŕ gauche a le nombre 1 (colors-1) donc il faudrait utiliser le fond 1 (back-1) */

.back-1 {
background:url(../images/backs-001.jpg) repeat;
}

.back-2 {
background:url(../images/backs-002.jpg) repeat;
}

.back-3 {
background:url(../images/backs-003.jpg) repeat;
}

.back-4 {
background:url(../images/backs-004.jpg) repeat;
}

.back-5 {
background:url(../images/backs-005.jpg) repeat;
}

.back-6 {
background:url(../images/backs-006.jpg) repeat;
}

.back-7 {
background:url(../images/backs-007.jpg) repeat;
}

.back-8 {
background:url(../images/backs-008.jpg) repeat;
}

.back-9 {
background:url(../images/backs-009.jpg) repeat;
}

.back-10 {
background:url(../images/backs-010.jpg) repeat;
}

.back-11 {
background:url(../images/backs-011.jpg) repeat;
}

.back-12 {
background:url(../images/backs-012.jpg) repeat;
}

.back-13 {
background:url(../images/backs-013.jpg) repeat;
}

.back-14 {
background:url(../images/backs-014.jpg) repeat;
}

.back-15 {
background:url(../images/backs-015.jpg) repeat;
}

.back-16 {
background:url(../images/backs-016.jpg) repeat;
}

/* fin backgrounds */


/* textes */

.leftlink {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
padding-left:3px;
}

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

a.leftlink:hover {
color:#99FF00;
text-decoration:underline;
}

.p-black {
padding:5px;
color:#000000;
text-align:left;
}

.titles {
color:#FFFFFF;
font-size:14px;
padding-right:10px;
}

.titles-prod {
color:#FFFFFF;
font-size:14px;
padding-right:20px;
font-weight:bold;
text-align:right;
}

.titles-corp {
float:right;
color:#FF0066;
font-size:16px;
margin-right:15px;
height:28px;
}

.links-black {
color:#000000;
}

a.links-black {
color:#000000;
text-decoration:underline;
}

a.links-black:hover {
color:#FF0066;
text-decoration:underline;
}


.footerlink {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
}

a.footerlink {
color:#FFFFFF;
text-decoration:none;
}

a.footerlink:hover {
color:#99FF00;
text-decoration:underline;
}

#miniprodnouveau{
	float:left;
	margin:2px;
}
#miniprod{
	float:left;
	margin:3px;
}

table#facture{
	border:1px solid #666666;
}

td.texte{
	text-align:justify;
}

td.contenu{
	font-style:italic;
}

input.go{
background:url(../images/sendbutton.gif); border:0; width:110px; height:82px;
}

.cadre_centre {
margin-left: auto;
margin-right: auto;
width:460 px;

}
.cadre {
background-color:#FFFFFF;
/*border:1px solid #000000;*/
overflow:auto;
}
#infos {
margin:20px;
padding:0;
font-family: Arial,Helvetica,sans-serif;
}
#infos #liste {
/*border:1px solid #E100E0;*/
height:150px;
margin-bottom:30px;
overflow:auto;
padding-left:20px;
padding-right:0;

}
#infos #liste a { text-decoration: none; color: #000000; }
#infos #liste a:hover { text-decoration: underline; color: #000000; }
#infos #liste p {
margin:0px 0px 10px 0px;
}
.space{
width: 100%;
    height:5px
}