* {
margin: 0;
padding: 0;
}

p, h1, h2, h3, h4, ul, img, div {
margin: 0;
padding: 0;
}

html {
background: url("../images/fondH-repeat.jpg") center top repeat-x #442920;
}

body {
margin: 0;
padding: 0;
text-align: left;
font-family: Verdana, Arial, serif;
font-size: 12px;
font-weight: normal;
color: #000000;
background: url("../images/fondB-repeat.jpg") center bottom repeat-x;
}

div#bordure_page {
background: url("../images/fond-repeat.gif") center top repeat-y;
}

div#fond_haut {
background: url("../images/fond_haut.jpg") center top no-repeat;
}

div#fond_bas {
background: url("../images/fond_bas.jpg") center bottom  no-repeat;
}

div#page {
width: 977px; /* 983 */
margin: 0 auto;
padding: 25px 3px 0 3px;
}


/*###############################
#								#
#	DIVERS						#	
#								#
#################################*/	


a {	text-decoration: none; }
img { border:0; }
.alignTop { vertical-align: text-top; }
.alignBottom { vertical-align: text-bottom; }
.alignMiddle  { vertical-align: middle; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.normal {font-weight: normal; }
.italic { font-style: italic; }
.inline { display: inline; }
.block { display: block; }
.clear { clear: both; }
.spanClear { display: block; clear: both; font-size: 1px; height: 1px; }
.floatLeft { float: left; }
.error { border: 1px dotted #ff0000; }
.center { text-align: center; }
.alignCenter { text-align: center; }
.left { text-align: left; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.block { display: block; }
.hidden { display: none; }
.inline { display: inline }
.underline { text-decoration: underline; }

/************ ESPACEMENT ************/

.paddingLeft1 { padding-left: 1px; }
.paddingLeft4 { padding-left: 4px; }
.paddingLeft5 { padding-left: 5px; }
.paddingLeft9 { padding-left: 9px; }
.paddingLeft15 { padding-left: 15px; }
.paddingLeft20 { padding-left: 20px; }
.paddingLeft30 { padding-left: 30px; }
.paddingLeft40 { padding-left: 40px; }
.paddingLeft50 { padding-left: 50px; }
.paddingLeft200 { padding-left: 200px; }
.paddingLeft100 { padding-left: 100px; }
.paddingLeft320 { padding-left: 320px; }
.paddingRight2pourc { padding-right: 2%; }
.paddingRight10 { padding-right: 10px; }
.paddingRight20 { padding-right: 16px; }
.paddingRight60 { padding-right: 60px; }
.paddingRight125 { padding-right: 125px; }
.paddingLR30 { padding: 0 30px; }
.paddingTB2 { padding: 2px 0; }
.paddingTB5 { padding: 5px 0; }
.paddingTB10 { padding: 10px 0; }
.paddingBottom3 { padding-bottom: 3px; }
.paddingBottom5 { padding-bottom: 5px; }
.paddingBottom9 { padding-bottom: 9px; }
.paddingBottom10 { padding-bottom: 10px; }
.paddingBottom20 { padding-bottom: 20px; }
.paddingTop2 { padding-top: 2px; }
.paddingTop5 { padding-top: 5px; }
.paddingTop8 { padding-top: 8px; }
.paddingTop10 { padding-top: 10px; }
.paddingTop15 { padding-top: 15px; }
.marginTB5 { margin: 5px 0; }
.marginTB2 { margin: 2px 0; }
.marginLeft2 { margin-left: 2px; }

/************ WIDTH *****************/

.width60 { width: 60px; }
.width70 { width: 70px; }
.width73 { width: 73px; }
.width80 { width: 80px; }
.width85 { width: 85px; }
.width90 { width: 90px; }
.width100 { width: 100px; }
.width110 { width: 110px; }
.width120 { width: 120px; }
.width130 { width: 130px; }
.width300 { width: 300px; }

.width50pourc { width: 45%; }


/************ HEIGHT *****************/

.height15 { height: 15px; }


/************ BORDURES *****************/

.borderDgrise {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #8b8b8b;
}


/********** COULEURS ****************/

.color1 { color: #ffffff; } /* Blanc */
.color2 { color: #cc0000; } /* Orange */
.color14 { color: #ff6600; } /* Orange */
.color3 { color: #e66399; } /* Rose */
.color13 { color: #ff0099; } /* Rose2 */
.color16 { color: #ff6699; } /* Rose3 */
.color11 { color: #ff9900; } /* Orange3 */
.color4 { color: #000000; } /* Noir */
.color6 { color: #333300; } /* Noir2 */
.color9 { color: #333333; } /* Noir3 */
.color5 { color: #666666; } /* Gris */
.color7 { color: #cc0000; } /* Rouge */
.color8 { color: #ff0000; } /* Rouge2 */
.color10 { color: #cc3300; } /* Rouge3 */
.color15 { color: #ff0033; } /* Rouge4 */
.color19 { color: #cc3333; } /* Rouge5 */
.color12 { color: #ffff00; } /* Jaune */
.color17 { color: #006600; } /* Vert */
.color18 { color: #CCCCCC; } /* Vert */


/************ PUCES *****************/

.puce_triangle {
background: url("../images/puce_triangle.gif") right 3px no-repeat;
padding-right: 15px;
margin-right: 5px;
}


/************ SIZE *****************/

.size9 { font-size: 9px; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size20 { font-size: 20px; }
.size24 { font-size: 24px; }

/************ POLICE *****************/

.arialBlack { font-family: "Arial Black", Arial, Verdana, serif; }

/************ INPUT *****************/

input.inputText {
width: 81px; /* 85 */
padding: 0 2px;
background: url("../images/inputG_fond.gif") 0 0 no-repeat;
border: 1px solid #009900;
}

/*###############################
#				#
#		HAUT		#
#				#
###############################*/

div#haut {
position: relative;
width: 977px;
height: 200px;
z-index: 50;
}

div#haut a#logo {
float: left;
display: block;
width: 162px; /* 200 */
height: 20px;
padding: 127px 0 0 38px;
background: url("../images/elegance-faire-part.jpg") 0 0 no-repeat;
font-size: 14px;
font-weight: bold;
color: #000000;
}

div#haut div#slogan {
float: left;
width: 565px;
padding-top: 40px;
text-align: center;
}

div#slogan div#separSlogan {
padding: 15px 0 0 0;
background: url("../images/separSlogan.jpg") center 10px no-repeat;
}

div#haut div#haut_droite {
float: right;
width: 120px;
padding: 30px 0 0 40px;
font-size: 11px;
color: #ff0000;
}

div#haut div#menu_haut {
clear: both;
width: 907px; /* 977 */
padding: 20px 0 0 67px;
}

div#menu_haut ul {
list-style-type: none;
}

div#menu_haut ul.ulHn1 { width: 907px; }

div#menu_haut ul.ulHn1 li {
position: relative;
display: block;
float: left;
text-align: center;
padding-bottom: 9px;
}

div#menu_haut ul.ulHn1 li a {
	padding: 0 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}

	div#menu_haut ul.ulHn1 li:hover a { color: #FFffff; }

/* Sous-menu N2 et N3 */
div#menu_haut ul.ulHn1 li ul.ulHn2, div#menu_haut ul.ulHn1 li ul.ulHn2 ul {
position: absolute;
display: none;
width: 230px; /* 268 */
background: #fde8d1;
border: 1px solid #cc9966;
padding: 5px 19px;
}

div#menu_haut ul.ulHn1 li ul.ulHn2 {
top: 20px;
left: 0;
}

div#menu_haut ul.ulHn1 li ul.ulHn2 li ul.ulHn3 {
	top: 0;
	left: 249px;
}

div#menu_haut ul.ulHn1 li ul.ulHn2 li, div#menu_haut ul.ulHn1 li ul.ulHn2 li ul.ulHn3 li {
float: none !important;
padding: 5px 0 6px 0;
background: url("../images/H_liniveau2.gif") 0 bottom repeat-x;
text-align: left;
}

div#menu_haut ul.ulHn1 li ul.ulHn2 li a {
	width: 222px; /* 230 */
	padding: 4px;
	margin-bottom: -1px;
	text-align: left;
	font-weight: normal;
	text-transform: none;
}

div#menu_haut ul.ulHn1 li ul.ulHn2 a {
	color: #663333;
	text-decoration: none;
}

div#menu_haut ul.ulHn1 li ul.ulHn2 a:hover {
		color: #663333;
		text-decoration: underline;
}

/* Affichage sous-menu */
div#menu_haut ul.ulHn1 li:hover ul.ulHn2 { display: block; }
div#menu_haut ul.ulHn1 li ul.ulHn2 li:hover ul.ulHn3 { display: block; }
					
					
					
/*###############################
#									#
#				TRACKER				#
#									#
###############################*/

div#tracker {
padding: 11px 0 12px 15px;
}

div#tracker, div#tracker a {
color: #cc9999;
font-size: 11px;
font-weight: bold;
}

div#tracker a#trackerAccueil {
margin-left: 15px;
padding-left: 25px;
background: url("../images/puce_maison.gif") 3px 0 no-repeat;
}

div#tracker a:hover { color: #cc0000; }
					
					
/*###############################
#				#
#	CONTENEUR		#
#				#
###############################*/

div#conteneur {
/*clear: both;*/
width: 977px;
}


/*###############################
#				#
#	GAUCHE			#
#				#
###############################*/

div#gauche {
position: relative;
float: left;
width: 218px; /* 231 */
padding: 0 0 0 13px;
z-index: 49;
}

/* BLOCKS */
div#gauche div.G-blocks {
width: 206px; /* 218px */
padding: 10px 0 25px 12px;
}

div#gauche div#G-block1 { background: url("../images/G-block1.gif") right 0 no-repeat; }
div#gauche div#G-block2 { background: url("../images/G-block2.gif") right 0 no-repeat; }
div#gauche div#G-block3 { background: url("../images/G-block3.gif") right 0 no-repeat; }


div#gauche div.titre {
font-size: 13px;
font-weight: bold;
color: #cc0000;
padding-bottom: 5px;
}

div#gauche ul { list-style-type: none; }

div#gauche ul.ulGn1 li {
position: relative;
display: block;
padding: 4px 0 5px 5px;
}

div#gauche ul.ulGn1 li.liBlock1 { background: url("../images/G_liBlock1.gif") left bottom no-repeat; }
div#gauche ul.ulGn1 li.liBlock2 { background: url("../images/G_liBlock2.gif") left bottom no-repeat; }


/* Niveau 2 */
div#gauche ul.ulGn1 li ul.ulGn2 {
display: none;
position: absolute;
top: 0;
left: 185px;
width : 200px ;
padding: 5px;
border : 1px solid black;
background-color : #FFFFFF;
z-index: 50;
}

div#gauche ul.ulGn1 li ul.ulGn2 li { padding: 4px 0; }

div#gauche div#G-block1 a {color: #666666;}

/* Affichage sous-menu */
div#gauche ul.ulGn1 li:hover ul.ulGn2 { display: block; }


div#gauche span.col1 {
display: block;
float: left;
width: 150px;
}

div#gauche span.col2 {
display: block;
float: left;
width: 18px;
text-align: right;
}


div#blockRechercher {
width: 215px; /* 218 */
height: 57px; /* 114 */
padding: 57px 0 0 3px;
background: url("../images/G_blockRechercher.jpg") 0 0 no-repeat;
}

div#gauche input.text {
border: 0;
width: 155px;
padding-left: 5px;
color: #cccccc;
font-weight: bold;
}

div#gauche input.inputText2 {
border: 0;
width: 128px;
padding-left: 5px;
color: #cccccc;
font-weight: bold;
}

div#gauche input.inputText3 {
border: 0;
width: 155px;
padding-left: 5px;
color: #cccccc;
font-weight: bold;
}

div#gauche div.inputFond {
width: 164px;
padding: 4px 5px 6px 5px;
background: url("../images/input_fond.gif") 0 0 no-repeat;
}

div#gauche div.inputFond2 {
float: left;
width: 133px;
padding: 4px 5px 6px 5px;
background: url("../images/input_fond2.gif") 0 0 no-repeat;
}

div#gauche div.inputFond3 {
float: left;
width: 160px;
padding: 4px 5px 6px 5px;
background: url("../images/input_fond2.gif") 0 0 no-repeat;
}

div#gauche div.inputSubmit {
float: left;
border: 0;
width: 31px;
}

div#espaceClient {
width: 198px; /* 218 */
height: 160px;
padding: 75px 0 0 20px;
background: url("../images/G_espaceClient.jpg") 0 0 no-repeat;
}


/*###############################
#									#
#				CONTENU				#
#									#
###############################*/

div.contenu {
float: left;
width: 556px;
}

div.contenu h1 {
width: 526px; /* 556 */
padding: 10px 15px 20px 15px;
font-size: 17px;
font-weight: normal;
color: #999999;
}

/*###############################
#				#
#	PANIER			#
#				#
###############################*/

div#panier {
padding: 0 5px 0 5px;
}

table.list th {
border: 1px solid #999999;
background-color: #CCCCCC;
text-align: center;
}

table.list td {
margin: 0 1px 0 1px;
border: 1px solid #999999;
}

table.list td.d {
width: 200px;
}

table.list td.p {
text-align: right;
width: 80px;
}

table.list td.q {
text-align: center;	
width: 100px;
}

table.list td.b {
width: 143px;
text-align: center;
}



/*###############################
#				#
#	CADDIE			#
#				#
###############################*/

div#caddie {
width: 536px; /* 556 */
padding-left: 10px;
}

div#caddie h1 {
font-size: 14px;
font-weight: bold;
padding-bottom: 20px;
}

div#caddie form,
div#famille form {
width: 530px;
font-size: 11px;
}

div#famille table { margin-left: 10px; }

div#caddie table td, div#famille table td { border: 1px solid #CC9966; text-align: center; padding: 5px }

div#caddie table td.d, div#famille table td.d { text-align: left; }
div#caddie table td.d a { color: #cc9966; }

div#caddie table th, div#famille table th { border: 1px solid #CC9966; text-align: center; padding: 5px;	background-color: #FDE8D1; }

div#caddie table th.s1, div#famille table th.s1 { width: 180px; }
div#caddie table th.s2, div#famille table th.s2 { width: 80px; }
div#caddie table th.s3, div#famille table th.s3 { width: 85px; }
div#caddie table th.s4, div#famille table th.s4 { width: 80px; }
div#caddie table th.s5, div#famille table th.s5 { width: 25px; }


div#caddie td.q input {
width: 50px;
text-align: center;
border: 1px solid #CC9966;
}

div#caddie form p {
width: 521px; /* 536 */
padding-top: 10px;
text-align: right;
}

div#caddie div#link {
width: 500px;
padding-top: 20px;
text-align: center;
}

div#caddie div#link img { margin: 0 5px; }



/*###############################
#				#
#	DROITE			#
#				#
###############################*/

div#droite {
float: left;
width: 190px;
}

div#droite a#panier {
display: block;
width: 134px; /* 174 */
padding: 6px 0 6px 40px;
background: url("../images/btn_panier.jpg") 0 0 no-repeat;
}

div#droite a#consultPortail {
display: block;
width: 190px;
height: 67px;
background: url("../images/D_consultPortail.gif") 0 0 no-repeat;
margin: 15px 0;
}

div#droite div#besoinSpecific {
font-size: 12px;
font-weight: bold;
color: #666666;
padding-bottom: 10px;
}

div#besoinSpecific a {
font-size: 12px;
font-weight: bold;
}

div#droite div#creaGraphique {
width: 175px;
height: 297px;
background: url("../images/createurs-graphique.jpg") 0 0 no-repeat;
}

div#droite div#creaGraphique a.s1,
div#droite div#creaGraphique a.s2 {
display: block;
width: 174px;
}

div#droite div#creaGraphique a.s1 { height: 112px; }

div#droite div#creaGraphique a.s2 { height: 185px; }

div#droite div#creaGraphique span.ligne1 {
	display: block;
	padding: 18px 0 0 6px;
}

div#droite div#creaGraphique span.ligne2 {
	display: block;
	padding: 18px 0 0 6px;
}

div#droite div#creaGraphique span.ligne3 {
	display: block;
	padding: 10px 0 0 6px;
}

div#droite div#creaGraphique span.ligne4 {
	display: block;
	padding: 10px 0 0 6px;
}

div#droite div#creaGraphique span.ligne5 {
	display: block;
	padding: 15px 0 0 6px;
}

/* NOS OFFRES */
/*div#droite div#nosOffreBordH {
width: 179px;
height: 43px;
background: url("../images/nosOffres-H.gif") 0 0 no-repeat;
margin-top: 20px;
}*/

div#droite div#nosOffreFond {
width: 179px;
margin-top: 20px;
background: url("../images/nosOffres-fond.gif") 0 0 repeat-y;
}

div#droite div#nosOffreH {
width: 179px;
background: url("../images/nosOffreH.jpg") 0 0 no-repeat;
}

div#droite div#nosOffreB {
width: 179px;
padding: 50px  0 20px 0;
background: url("../images/nosOffreB.jpg") 0 bottom no-repeat;
}

div#nosOffreFond div.titre {
text-align: center;
font-size: 12px;
font-weight: bold;
padding-bottom: 10px;
}

div#nosOffreFond img {
border: 1px solid #ffa1a1;
margin: 0 0 10px 0;
}

div#nosOffreFond div.separ {
width: 179px;
height: 29px;
background: url("../images/noOffres-separ.png") center 10px no-repeat;
}

div#droite div#nosOffreBordB {
width: 174px;
height: 5px;
background: url("../images/nosOffres-B.gif") 0 0 no-repeat;
}


/*###############################
#								#
#	BAS DE PAGE					#	
#								#
###############################*/

div#bas {
padding: 30px 0 35px 0;
text-align: center;
}

div#bas, div#bas a {
color: #ffffff;
font-size: 11px;
}


/*###############################
#								#
#	INDEX						#
#								#
###############################*/

div#index div#index_block1 {
width: 556px;
height: 195px;
background: url("../images/index_block1.jpg") 0 0 no-repeat;
}

div#index_block1 div.ligne1 {
width: 376px;
padding: 30px 0 0 40px;
}

div#index_block1 div.ligne1 a {
display: block;
font-weight: bold;
font-size: 18px;
color: #ff0099;
text-align: center;
}

div#index_block1 div.ligne2 {
width: 376px;
padding: 5px 0 0 40px;
text-align: center;
}

div#index div#index_block2 {
position: relative;
width: 556px;
height: 180px;
background: url("../images/index_block2.gif") 0 0 no-repeat;
}

div#index_block2 a#index_block2Titre {
display: block;
position: absolute;
top: 16px;
left: 20px;
width: 350px;
height: 25px;
font-size: 18px;
font-weight: bold;
color: #ff6699;
text-align: center;
}

div#index_block2 div#index_block2Accroche {
position: absolute;
top: 87px;
left: 20px;
width: 380px;
height: 25px;
font-size: 12px;
color: #000000;
text-align: center;
}


div#index div#index_block3 {
width: 556px;
height: 236px;
background: url("../images/index_block3.gif") 0 0 no-repeat;
}

div#index_block3Titre {
width: 330px;
height: 25px;
padding: 30px 0 0 80px;
}

div#index_block3Titre a {
font-size: 18px;
font-weight: bold;
color: #006600;
}

div#index_block3 div.ligne1 {
width: 400px;
padding: 10px 0 0 40px;
}

div#index_block3 div.ligne2 {
width: 400px;
padding: 10px 0 0 40px;
}

div#index_block3Images {
padding: 15px 0  0 60px;
}

div#index_block3Images img {
}
div#index_block3Images .vign-litle {
border: 1px solid #197519;
margin-right: 20px;
width : 67px;
height : 60px;
overflow : hidden;
float : left;
}


div#index div#index_block4 {
position: relative;
width: 556px;
height: 228px;
background: url("../images/index_block4.gif") 2px 0 no-repeat;
}

div#index div#index_block4 img {

}

div#index_block4 div#index_block4Titre {
position: absolute;
top: 16px;
left: 130px;
width: 305px;
height: 25px;
}

div#index_block4 div#index_block4Titre a {
font-size: 18px;
font-weight: bold;
color: #cc3333;
}

div#index_block4 div#index_block4Accroche {
position: absolute;
top: 63px;
left: 40px;
width: 280px;
height: 25px;
font-size: 12px;
color: #000000;
}

div#index_block4 div#index_block4Img {
position: absolute;
top: 18px;
left: 403px;
width: 121px;
height: 109px;
overflow : hidden;
border: 1px solid #197519;
}

div#index_block4Vign1, div#index_block4Vign2, div#index_block4Vign3, div#index_block4Vign4, div#index_block4Vign5, div#index_block4Vign6  {
position: absolute;
top: 135px;
width: 67px;
height: 60px;
overflow : hidden;
border: 1px solid #197519;
}

div#index_block4 div#index_block4Vign1 { left: 40px; }
div#index_block4 div#index_block4Vign2 { left: 125px; }
div#index_block4 div#index_block4Vign3 { left: 209px; }
div#index_block4 div#index_block4Vign4 { left: 292px; }
div#index_block4 div#index_block4Vign5 { left: 375px; }
div#index_block4 div#index_block4Vign6 { left: 457px; }


div#index div#index_block5 {
position: relative;
width: 524px;
padding: 20px 12px 0 20px;
color: #333333;
}

div#index_block5 h2 {
font-size: 14px;
font-weight: bold;
color: #333333;
padding-bottom: 15px;
}

div#index_block5 h3 {
font-size: 12px;
font-weight: bold;
color: #cc0000;
}



/*###############################
#								#
#	FORMULAIRE					#
#								#
###############################*/

div#formulaire {
width: 526px; /* 556 */
padding-left: 30px;
}

div#formulaire h1, div#formulaire div.titre {
font-size: 14px;
font-weight: bold;
margin-top:10px;
}

div#formulaire div.sousTitre {
font-size: 12px;
}

div#formulaire div.desc {
padding-top: 20px;
}

div#formulaire form {
width: 500px;
padding-top: 20px;
font-size: 12px;
color: #333333;
}

div#formulaire a {
font-size: 12px;
color: #666666;
text-decoration: underline;
}

div#formulaire form div { /*height :23px;*/
text-align: left;
margin-top : 4px;
width: 500px;
}

/*div#formulaire form div#textarea { height :80px;}*/


div#formulaire form div.marginTop20 {
margin-top: 20px;
}

div#formulaire form div.marginBottom20 {
margin-bottom: 20px;
}

div#formulaire form p.s1 {
float: left;
text-align: right;
margin-top: 4px;
width: 248px;
}

div#formulaire label {
float: left;
width: 205px;
padding-top: 8px;
}

div#formulaire span {
margin-left:10px;
font-style:italic;
}

div#formulaire input.text, div#formulaire textarea {
padding: 3px;
width: 222px;
vertical-align: middle;
}

div#formulaire select {
padding: 2px;
width: 229px;
}

div#formulaire input.text, div#formulaire textarea, div#formulaire select {
border: 1px solid #cc9966;
background-color: #ffffff;
}

div#formulaire input.text {
height: auto;
}

div#formulaire textarea {
height: 70px;
overflow-y: auto;
overflow-x: hidden;
}

div#formulaire input.error, div#formulaire textarea.error, div#formulaire select.error {
border: 1px solid #ff6666;
background-image: none;
background-color: #fde4e4;
}

div#formulaire div#btn_valider {
margin: 20px 0;
background: url("../images/trait-01.gif") center 5px no-repeat;
text-align: center;
}

div#formulaire form p {
padding: 20px 0 0 100px;
}

/* Page LOGIN */
body#pageLogin div#formulaire form p { padding: 20px 0 0 50px;}

body#pageLogin div#formulaire p input {
display: block;
padding: 4px;
margin-right: 5px;
font-weight:bold;
color: #000000;
background: #FDE8D1;
border: 1px solid #CC9966;
width : 180px;
}

body#pageLogin div#formulaire p input#submit2 { float: left; }


/* ACCES CREATEUR */
div#createur {
position: relative;
width: 510px;
height: 220px;
background: url("../images/espace-createur.jpg") 0 0 no-repeat;
}

div#formulaire div#createur form {
width: 360px; /* 500 */
padding-left: 140px;
}

div#formulaire div#createur form div { height :23px;
width: 360px;
margin-top: 4px;
}

div#formulaire div#createur label {
width: 110px;
font-weight: bold;
}

div#formulaire div#createur a {
color: #666666;
text-decoration: underline;
}

div#formulaire div#createur div#btn_go {
position: absolute;
top: 88px;
left: 455px;
width: 32px;
height: 21px;
}

div#formulaire div#createur div.mdpOublie {
width: 360px; /* 500 */
text-align: right;
padding-bottom:5px;
/* padding: 10px 0 0 140px;*/
}

div#formulaire div#createur div.mdpOublie a {
color: #666666;
text-decoration: underline;
}


/*###############################
#								#
#	CONTACT						#
#								#
###############################*/

div#contact label {
width: 235px;
padding-right: 15px;
text-align: left;
}

div#contact ul li label {
text-align: left;	
float: none;
}
div#contact ul li input {
/*float: left;	*/
}

div#contact ul li {
list-style-type: none;
float: left;
}

div#contact input#pays {
margin : 0 0 20px 0;
}



/*###############################
#				#
#	CMS			#
#				#
###############################*/

div#cms {
width: 525px; /* 556 */
padding: 0 15px;
}

/* LES TITRES */

div#cms h1 {
font-size: 17px;
font-weight: normal;
color: #999999;
padding: 10px 0 28px 0;
}

div#cms h2 {
font-size: 12px;
font-weight: bold;
color: #666666;
padding: 20px 0 10px 0;
}

div#cms h3 {
font-size: 12px;
font-weight: bold;
color: #000000;
text-transform: uppercase;
padding: 15px 0 10px 0;
}

div#cms h4 {
font-size: 12px;
font-weight: normal;
color: #cc9999;
text-transform: uppercase;
padding: 5px 0;
}

/* DIVERS COMMUN */

div#cms a {
color: #046c0c;
font-size: 12px;
text-decoration: underline;
}

div#cms img {
border: 1px solid #999999;
}

div#cms ul {
padding-left: 15px;
list-style-type: none;
margin-bottom : 20px;
}

div#cms ul li {
	/* background: url("../images/puce_carreGris.gif") 0 5px no-repeat; */
	padding-left: 0;
	list-style-type: disc;
	margin-bottom : 4px;
}
div#cms ol {
	margin-bottom : 20px;
}
/*
div#cms ul li {
	background: url("../images/puce_carreGris.gif") 0 5px no-repeat; 
	padding-left: 10px;
	list-style-type: disc;
	margin-bottom : 4px;
}
*/
div#cms .catcher, div#cms .text1, div#cms .text2, div#cms .text3 {
text-align: justify;
padding: 5px 0;
}

div#cms .text1, div#cms .text2, div#cms .text3 {
color: #666666;
}

div#cms .catcher {
font-size: 14px;
font-style: italic;
color: #999999;
padding: 0 0 10px 0;
}

div#cms .media {
padding: 10px 0;
text-align: center;
}

div#cms .text2 {
float: left;
width: 49%;
margin-right: 2%;
}

div#cms .text3 {
float: left;
width: 32%;
margin-right: 2%;
}

div#cms .last {
margin-right: 0;
}

div#cms .left {
float: left;
margin: 0 18px 10px 0;
text-align: center;
}

div#cms .right {
float: right;
margin: 0 0 10px 10px;
text-align: center;
}

div#cms q {
text-align: center;
font-style: italic;
padding-top: 5px;
font-size: 10px;
}


/*###############################
#				#
#	FAMILLE + CATEGORIE	#
#				#
###############################*/

div#famille h1 {
width: 526px; /* 556 */
padding: 10px 15px 20px 15px;
font-size: 17px;
font-weight: normal;
color: #999999;
}

div#famille h2 {
width: 526px; /* 556 */
padding: 20px 15px 10px 15px;
}

div#famille h2, div#famille h2 a {
font-size: 15px;
font-weight: normal;
color: #999999;
}

div#famille div.accroche {
width: 526px; /* 556 */
padding: 0 15px 20px 15px;
font-size: 14px;
font-style: italic;
text-align: justify;
color: #999999;
}


/* Vignette */

div#conteneur div.vign {
float: left;
width: 260px; /* 275 */
padding: 0 0 25px 15px;
background: url("../images/index_vignProd.jpg") right top no-repeat;
}

div#conteneur div.vign h3 {
padding: 10px 0;
}

div#conteneur div.vign h3 a {
font-size: 11px;
font-weight: bold;
color: #cc0000;
text-decoration: underline;
}

div#conteneur div.vign div.vignImg {
float: left;
width: 120px;
height: 120px;
}

div#conteneur div.vign div.vignTxt {
float: left;
width: 120px;
}

div#conteneur div.vignTxt div.add_caddie {
padding: 0 0 0 25px;
background: url("../images/btn_caddie.jpg") right top no-repeat;
}

div#conteneur div.vign p {
clear: both;
font-size: 11px;
color: #999999;
padding-bottom: 10px;
}

div#conteneur a:hover { text-decoration: underline; }


div#conteneur div.notation {
width: 526px;
padding: 0 15px 10px 15px;
}

div#conteneur div.notation p {
padding-bottom: 10px;
}


/*###############################
#				#
#	ESPACE CREATEUR		#
#				#
###############################*/

div#espaceCrea {
width: 546px; /* 556 */
padding: 0 0 0 10px;
}

div#espaceCrea div.barreMenu {
width: 516px;
}

div#espaceCrea div.barreMenu a {
display: block;
float: left;
height: 23px; /* 33 */
padding-top: 10px;
font-size: 11px;
color: #999999;
text-align: center;
background-repeat: no-repeat;
background-image: url("../images/crea-barreMenu.gif");
}

div#espaceCrea div.barreMenu a.btn_1 {
width: 149px;
background-position: 0 0;
}

div#espaceCrea div.barreMenu a.btn_2 {
width: 89px;
background-position: -149px 0;
}

div#espaceCrea div.barreMenu a.btn_3 {
width: 138px;
background-position: -238px 0;
}

div#espaceCrea div.barreMenu a.btn_4 {
width: 44px;
background-position: -376px 0;
}

div#espaceCrea div.barreMenu a.btn_5 {
width: 96px;
background-position: -420px 0;
}

div#espaceCrea h2, div#espaceCrea p.sH2 {
font-weight: bold;
font-size: 12px;
color: #333333;
padding: 15px 0 5px 0;
}

div#espaceCrea h2 { padding-left: 15px; }

div#espaceCrea div.block1 {
width: 206px; /* 221 */
height: 64px; /* 77 */
padding: 7px 0 6px 15px;
margin-top: 12px;
background: url("../images/crea-block1.gif") 0 0 no-repeat;
}

div#espaceCrea div.block1 p {
font-size: 11px;
color: #999999;
}

div#espaceCrea div.block2 {
width: 394px; /* 409 */
height: 120px; /* 128 */
padding: 8px 0 0 15px;
background: url("../images/crea-block2.gif") 0 0 no-repeat;
}

div#espaceCrea div.block2 a {
font-size: 11px;
color: #999999;
}

div#espaceCrea div.block2 p.s1 {
padding-bottom: 1px;
}

div#espaceCrea div.block2 p.s1 a {
font-size: 14px;
font-weight: bold;
}

div#espaceCrea div.block2 a:hover { text-decoration: underline; }

/* Statistiques */
div#espaceCrea div#blockStat p {
padding: 1px 0;
}

div#espaceCrea div#blockStat p, div#espaceCrea div#blockStat p a {
font-size: 12px;
color: #999999;
}

div#espaceCrea div.block3 {
width: 515px; /* 530 */
padding: 8px 0 15px 15px;
background: url("../images/crea-block3H.gif") 0 0 no-repeat;
}

div#espaceCrea div.block3Repeat { background: url("../images/crea-block3Repeat.gif") 0 0 repeat-y; }
div#espaceCrea div.block3B { background: url("../images/crea-block3B.gif") 0 bottom no-repeat; }

div#cms div.block3 {
width: 515px; /* 530 */
padding: 8px 0 15px 15px;
background: url("../images/crea-block3H.gif") 0 0 no-repeat;
}

div#cms div.block3Repeat { background: url("../images/crea-block3Repeat.gif") 0 0 repeat-y; }
div#cms div.block3B { background: url("../images/crea-block3B.gif") 0 bottom no-repeat; }

div#espaceCrea div.block3 p.titre {
padding: 15px 0 8px 0;
font-size: 11px;
font-weight: bold;
}

div#espaceCrea div.block3 table td {
padding: 5px 0;
	font-size: 12px;
color: #333333;
}

div#espaceCrea div.block3 table td.s1 { width: 220px; }

div#espaceCrea div.block3 input {
		width: 220px;
		padding: 0 2px;
}

div#espaceCrea div.block3 input.radio {
		width: 20px;
		padding: 0 10px;
}

div#espaceCrea div.block3 div#type_crea input.radio {
		width: 20px;
		padding: 0 10px;
		float: left;
}

div#espaceCrea div#type_crea  label {
	float: left;
	width: 300px;
}
div#espaceCrea label#objet_crea  {
	float: left;
	width: 300px;
}
div#espaceCrea label#tos_label2  {
	/*float: left;*/
	padding-top : 3px;
	width: 300px;
}
div#espaceCrea ul#tos  {
	float: left;
	width: 80px;
}

	div#espaceCrea div.block3 select#usr_country { width: 227px; }

	div#espaceCrea div.block3 input,
	div#espaceCrea div.block3 input.radio,
	div#espaceCrea div.block3 select#usr_title,
	div#espaceCrea div.block3 select#usr_country {
		color: #999999;
		border: 1px solid #cccccc;
	}

div#espaceCrea div.btn_validation {
width: 530px;
height: 21px;
margin: 15px 0;
background: url("../images/trait-01.gif") center 5px no-repeat;
text-align: center;
}

div#espaceCrea textarea.s1, div#espaceCrea textarea.s2 {
padding: 8px 10px;
margin-top: 5px;
color: #999999;
border: 1px solid #cccccc;
}

div#espaceCrea textarea.s1 {
width: 475px;
height: 50px;
}

div#espaceCrea textarea.s2 {
width: 260px;
height: 80px;
}

div#espaceCrea div.block3G {
float: left;
width: 220px;
padding-top: 5px;
}

div#espaceCrea ul {
list-style-type: none;
}

div#espaceCrea ul#type {
	padding : 6px 0 0 15px;
}

div#espaceCrea ul li {
padding: 4px 0;
height: 30px;
}

div#espaceCrea ul.newCrea li {
float: left;
width: 245px;
padding: 5px 0;
}

div#espaceCrea div.block3D {
float: left;
}

div#espaceCrea div.block3D textarea {
width: 280px;
}

div#espaceCrea input.inputEvenement {
color: #999999;
border: 1px solid #cccccc;
margin: 5px 0 0 50px;
}

div#espaceCrea div.lireReglement {
width: 520px;
text-align: right;
padding-top: 10px;
}

div#espaceCrea div.lireReglement a {
font-size: 11px;
color: #ff0000;
}

div.vignProd {
float: left;
width: 260px;
padding: 0 0 25px 15px;
background: url("../images/index_vignProd.jpg") right top no-repeat;
}

div.vignProd h3 {
padding: 10px 0 10px 0;
}

div#index_block4 div.vignProd h3 a {
font-size: 11px;
color: #006600;
text-decoration: underline;
}

div.vignProd div.vignProdImg {
float: left;
width: 120px;
height: 120px;
}

div.vignProd div.vignProdTxt {
float: left;
width: 120px;
}

div.vignProdTxt div.add_caddie {
padding: 0 0 0 25px;
background: url("../images/btn_caddie.jpg") right top no-repeat;
}	

div.vignProd p {
clear: both;
font-size: 11px;
color: #999999;
padding-bottom: 10px;
}

div.pagination {
width: 280px;
padding: 20px 0 20px 20px;
margin: 0 0 20px 110px;
border: 1px solid #CC0000;
background: #FEEEEE;
}

div.pagination a {
float: left;
font-size: 12px;
font-weight: bold;
color: #cc0000;
}

div.pagination a.prev {
padding-left: 15px;
background: url("../images/btn_prec.gif") 0 3px no-repeat;
}
div.pagination a.next {
padding-right: 15px;
background: url("../images/btn_suiv.gif") right 3px no-repeat;
}

div.pagination form, div.pagination div {
width: 75px !important;
text-align: center !important;
}

div.pagination div {
float: left;
padding: 0 15px;
font-size: 12px;
font-weight: bold;
}

div.pagination form, div.pagination form input.search {
font-size: 12px;
font-weight: bold;
color: #000000;
}

div.pagination form input.search {
width: 40px;
text-align: center;
border: 1px solid #999999;
}

/*###############################
#				#
#	RESIZING		#
#				#
###############################*/

#draggable {
width: 300px;
height: 300px;
position: absolute;
background: url(/../images/transparent.png);
filter: alpha(opacity=50);
border: 1px solid #000000;
}

/*###############################
#				#
#	CUSTOMIZE		#
#				#
###############################*/

#customize {
width: 720px;

}

#customize h1 {
width: 325px;
color: #000000;
font-size: 17px;
font-weight: bold;
}

#customize h2 {
color: #000000;
font-size: 14px;
font-weight: bold;
}


.customizeLeft {
text-align: left;
float: left;
margin: 0 20px 0 20px;
}

.customizeRight {
width: 360px;
text-align: left;
float: left;
padding : 3px;
border: 1px solid #999999;
position : relative;
}

#customize div.customizeRight h2 {
color: #AAAAAA;
margin: 2px 5px 2px 5px;
}

#picker {
	padding: 10px 0;
	width: 360px;
	height: 180px
}
#picker2 {
	padding: 10px 0;
	width: 360px;
	height: 180px
}
#picker3 {
	padding: 10px 0;
	width: 360px;
	height: 180px
}

#draggableText {
position: absolute;
color: #FF0000;
font-weight: bold;
font-size: 12px;
cursor : move ;
top : 0px;
}
#draggableText3 {
position: absolute;
color: #FF0000;
font-weight: bold;
font-size: 12px;
cursor : move ;
top : 50px;
}
#draggableText2 {
position: absolute;
color: #FF0000;
font-weight: bold;
font-size: 12px;
cursor : move ;
top : 25px;
}

.times {
font-family: "Times New Roman", Times, serif;
}
.helvetica {
font-family: Helvetica, sans-serif;
}
.verdana {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.courrier {
font-family: "Courier New", Courier, mono;
}


/*###############################
#				#
#	COMMANDE		#
#				#
###############################*/

div#commande {
width: 526px;
padding: 10px 15px 20px;
}

div#commande h1 {
padding: 10px 0 20px 0;
}

div#commande div.choixadresse {
padding: 20px 0;
}

div#commande div.choixadresse a {
display: block;
float: left;
margin-right: 20px;
padding: 5px;
font-weight: bold;
color: #000000;
background: #FDE8D1;
border: 1px solid #CC9966;
}

div#commande div#formulaire { padding-left: 0; }

div#commande div#formulaire label {
width: 200px;
padding-right:15px;
text-align: right;
}

/* Mode de Livraison */
div#commande table#modeLivraison {
width: 510px;
}

div#commande table#modeLivraison th {
padding: 5px;
background-color: #FDE8D1;
border: 1px solid #CC9966;
text-align: center;
}

div#commande table#modeLivraison td {
padding: 8px 5px;
border: 1px solid #CC9966;
}

div#commande table#modeLivraison td.s3 { text-align: right; }
div#commande table#modeLivraison td.s1, div#commande table#modeLivraison td.s4 { text-align: center; }
div#commande table#modeLivraison td.s4  a { text-decoration : underline; }
div#commande table#choixPaiement td.s3  a { text-decoration : underline; }

div#commande table#modeLivraison td a {
color: #CC9966;
}

div#commande table#modeLivraison td a:hover { text-decoration: underline; }

/* Mode de Livraison */
div#commande table#modePaiement {
width: 510px;
}

div#commande table#modePaiement th {
padding: 5px;
background-color: #FDE8D1;
border: 1px solid #CC9966;
text-align: center;
}

div#commande table#modePaiement td {
padding: 8px 5px;
border: 1px solid #CC9966;
}

div#commande table#modePaiement td.s2, div#commande table#modePaiement td.s5, div#commande table#modePaiement td.s6 { text-align: right; }
div#commande table#modePaiement td.s3, div#commande table#modePaiement td.s4 { text-align: center; }

div#commande table#modePaiement td a {
color: #CC9966;
}

div#commande table#modePaiement td a:hover { text-decoration: underline; }


/* Adresse */
div#commande table#tabAdresse th {
padding: 5px;
background-color: #FDE8D1;
border: 1px solid #CC9966;
text-align: center;
}

div#commande table#tabAdresse td {
padding: 8px 5px;
border: 1px solid #CC9966;
}

/* Choix du paiement */
div#commande table#choixPaiement { width: 510px; }

div#commande table#choixPaiement tr th {
padding: 5px;
background-color: #FDE8D1;
border: 1px solid #CC9966;
text-align: center;
}

div#commande table#choixPaiement tr td {
padding: 8px 5px;
border: 1px solid #CC9966;
}

div#commande table#choixPaiement tr td.s1, div#commande table#choixPaiement tr td.s3 { text-align: center; }

div#commande table#choixPaiement td a {
color: #CC9966;
}

div#commande table#choixPaiement td a:hover { text-decoration: underline; }

p.logged_in {
	text-align:left;
	margin-top:7px;
	width:175px;
}
p.logged_in a{	text-decoration : underline ; color : #000000 ;	font-size : 10px; }
p.logged_in a:hover{		text-decoration : none ;	}

div.form_logout {
	margin-left:10px;
	margin-top:15px;
}

div.logged_member {
	height:180px !important;
}

div.select-address {
	float:left;
	margin-bottom:25px;
	margin-top:10px;
	width:100%;
}

div#formulaire form#form2 div
{
	margin-top: 10px;	
}

label.share
{
	foat:left;
}

div#espaceCrea ul.newCrea li,
li.share
{
	width:250px;
}

div#espaceCrea div.block3 input#inputEvenement
{
	width:250px;
}

div#espaceCrea div.block3 input#upload-file
{
	width:250px;
}

ul#tos li
{
	width:auto;
}

div#espaceCrea div.block3 input#valider
{
	margin-bottom:10px;
	margin-left:100px;
	width:auto;
}

div#espaceCrea ul#type li
{
	height:10px;
	margin-bottom:10px;
}

div#espaceCrea div.block3 input#dsg_event
{
	margin-bottom:10px;
	margin-left:10px;
	width:auto;	
}

div#espaceCrea div.block3 input#tos_1
{
	width:20px;
}

textarea#tes_message
{
	border:0px;
}

ul#tos li
{
	list-style-type: none;
	height: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
	width: 100px;
}

ul#tos
{
	float: left;
	text-align: center;
	width: 60px;
}

ul#tos li input#tos_1
{
	padding-top: 10px;
}

div#formulaire form p
{
	float: left;
}

div#espaceCrea label,
p#starred_items
{
	float: left;
}

div#espaceCrea ul
{
	float: none;
	width: 97%;
}

div#espaceCrea ul li
{
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

div#espaceCrea label {
	float: left;
}

body#pageLogin div#formulaire form p
{
	margin-bottom:10px;
	 width : 440px;
}

table.statistics,
td.statistics,
tr.statistics
{
	color: #999;
	border: 1px #999 solid;
	margin: 10px;
	padding: 10px;
	text-align: center;
}

table.statistics
{
	border: 0px;
}

h3.grey,
p.grey a,
.product-rank
{
	color:#999;
	font-size: 0.9em;
}

div.statistics
{
	margin-left: 20px;
}

.product-rank
{
	font-size:0.8em
}

.ranking-list
{
	margin-bottom:10px;
	margin-top:10px;
}

form.search-by-date {
	margin-top: 20px;
}

div.search-by-date {
	float: left;
	width: 100%;
}

div#espaceCrea label,
label.search-by-date {
	float: left;
	width: 150px;
}

select#start_month,
select#end_month{
	float:left;
}

td.search-result,
tr.search-result {
	border: 1px #999 solid;
	color: #999;
	margin:5px;
	padding:5px;
}

table.search-result {
	margin-top: 20px;
}

td.cell {
	color: #999;
	text-align: center;
}

textarea#rec_message {
	border : 1px solid #FFFFFF;
}

.message_send{
	background : #FFFFDD;
	border:1px solid #FFD700;
	margin: 15px 10px;
	padding: 10px;
}

ul#usr_type_graph li{
	float : left; 
	width : 150px;
}

.yesno {
	float : left ; 
	height : 18px ; 
	width : 50px ;
	margin : 10px 30px;
	padding : 8px 30px;
	text-align : center;
	background : #DDDDDD;
	color : #000000;
}

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

#plan{
	padding : 10px 40px ;
}
#plan ul {
	padding : 5px 10px ;
	list-style-type : none ;
}
#plan ul li {
	padding : 5px 10px ;
	font-size : 13px;
}
#plan ul li ul li a{
	padding : 5px 10px ;
	font-size : 12px;
	color : #555555;
}
#plan ul li ul li ul li a {
	color : #777777;
	padding : 5px 10px ;
	font-size : 11px;
}
#plan ul li a{
	color : #000000;
}
#plan ul li a:hover{
	text-decoration : underline;
}

.img_mini {
	padding : 3px;
	border : 1px solid #DDDDDD;
}

.bloc_photo_tem{
	float : left ;
	width : 95px ;
}
.bloc_temgn{
	padding : 7px 0 0 2px;
}
.bloc_text_tem{
	float : left ;
	width : 400px ;
}

.tem_date {
	font-style : italic ;
	text-align : right ;
	color : #999999;
}

.borderdot{
	border-right : dashed 1px #000000;
}

ul#displaypaint {
	position : absolute;
	left : 3px;
	display : none;
}

ul#changetextbtn li{
	float : left ; 
	list-style-type: none;
	border : 1px solid #CCCCCC;
	background : #EEEEEE;
	margin-left : 5px;
}

#delsess {
	position : absolute ;
	z-index : 108;
}

td {
	padding : 3px 5px;
}

ul#changetextbtn li#modifybg{
	float : left ;
	width : 50px;
}
ul#changetextbtn li a{
	color : #000000;
	display : block ;
	padding : 10px 20px;
	font-weight : bold;
}
ul#changetextbtn li a:hover{
	background : #CC0000;
}
ul#changetextbtn li#modifybg a:hover{
	background : #999999;
}

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

.miniature_cust {
	width : 92px;
	height : 92px;
	float : left;
	margin : 10px 3px 10px 0;
	padding : 1px;
	border : #999999 1px solid;
}

.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}

.creat{
	width: 206px; /* 218px */
	padding: 0 0 25px 12px;
	background: url("../images/G-block1.gif") right 0 no-repeat;
	font-size: 13px;
	font-weight: bold;
}
.creat a{
	color: #cc0000;
}

.miniature_cadre{	position : relative;	}
#lib_mini1{	position : absolute; 	left : 2px; 	width : 92px;	top : 90px; 	font-weight : bold; 	background : #FFFFFF;	opacity: 0.7;	 filter: alpha(opacity=70);}
#lib_mini2{	position : absolute; 	left : 101px; 	width : 92px;	top : 90px; 	font-weight : bold; 	background : #FFFFFF;	opacity: 0.7;	 filter: alpha(opacity=70);}
#lib_mini3{	position : absolute; 	left : 201px; 	width : 92px;	top : 90px; 	font-weight : bold; 	background : #FFFFFF;	opacity: 0.7;	 filter: alpha(opacity=70);}