@charset "utf-8";
/*  SPECIFIQUE  */

/* Couleur de bordure pointillée : #c4bed4 */

#global {
	margin: auto;
	margin-top: 50px;
	width: 987px;
	height:616px;
}

#global_pub {
	margin: auto;
	padding-top:50px;
	width: 987px;
	height:616px;
}

#placement{
	padding-top:0px;
	background-image:url(/image/fond_autre.jpg);
	/*background-position:center;*/
	background-repeat:repeat-x;
}


#logo{
	position:relative;
	top: 20px;
	left: 19px;
}


#menus{
	position:absolute;
	top: 589px;
	top: 582px;
	padding-left:20px;
}

#menus a{
	text-decoration:none;
	color:#3c3c3c;
	font-size:11px;
}


#menugauche{
	position:absolute;
	top:135px;
	padding-left:7px;
}


.brique {
	/*padding: 10px;*/
	padding-bottom: 0;
}

/*#page{
	border: 1px solid black;
}*/

#contenutexte {
	/*border: 1px solid red;*/
	padding-top: 35px;
	margin-right: 20px;
	background-image:url(/image/fond_div.jpg);
	background-position:0 7px;
	background-repeat:no-repeat;
	width: 707px;
}



/******** LISTING ********/

#listing_contenu{
	position:absolute;
	width:155px;
	height:322px;
	top:140px;
}

#listing_contenu .brique{
	padding:0px;
}

#img_content{
	position:absolute;
	width:100px;
	height:10px;
	top:131px;
	padding-left:193px;
}

#img_content div{
	position:relative;
	width:100px;
	text-align:center;
	color:#666666;
	font-size:9px;
	font-weight:bold;
}

#img_content div a{
	color:#666666;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#img_1{
	top:50px;
}


#img_2{
	top:50px;
	left:130px;
}


#img_3{
	top:50px;
	left:260px;
}

#img_4{
	top:50px;
	left:390px;
}

#img_5{
	top:223px;
}

#img_6{
	top:223px;
	left:130px;
}

#img_7{
	top:223px;
	left:260px;
}

#img_8{
	top:223px;
	left:390px;
}

#img_9{
	top:396px;
}

#img_10{
	top:396px;
	left:130px;
}

#img_11{
	top:396px;
	left:260px;
}

#img_12{
	top:396px;
	left:390px;
}


#produit {
	margin-top: 20px;
}
#prodcaracs {
	/*margin-top: 20px;*/
}
#prodcaracs select {
	display:block;
}
.prodcarac {
	color: #E20646;
	font-weight: bold;
	margin-bottom: 0;
}


#monpanier.red a  {
	color: #E20646 !important;
}

#addpanier_img {
	margin-top: 10px;
}

/******** POPUP ********/

#popup {
	position: absolute; left: 0px; top: 0px;
	background-color: #f6faff;
	visibility:hidden;
	z-index:2;
	
	border: 1px solid #393939;
}

#popup #boutonfermer {
	position: absolute; 
	right: 0; 
	cursor:pointer
}

#popupbar {
	background-color:#990000; 
	background-image:url(/image/barre_popup_fond.gif);
	/*height: 22px;*/	/* ne pas donner de hauteur à cette barre sous peine de voir le background disparaitre sous IE(7) */
	/* il faudra donc toujours avoir une image en non-absolu placée dans la div */
	color: white;
	font-size: 0.8em;
}

#popupbar img {
	vertical-align:bottom;
}

#popupcontent {
	/*background-color:white;*/
	padding: 5px;
}

#popupclosebutton {
	width: 15px; height: 15px; 
	background: white; 
	position: absolute; 
	right: 0; top: 0; 
	cursor: pointer;
}

/******** FLASH POPUP (spécifique Rosy) ********/

#flashpopup {
	position: absolute; left: 50%; top: 7px;
	margin-left: -486px;
	/*background-color: #f6faff;*/
	visibility:hidden;
	z-index:2;
	
	/*border: 1px solid #393939;*/
}

#flashpopup iframe {
	margin: 0;
	padding: 0;
}

#flashpopup #boutonfermer {
	position: absolute; 
	right: 0; 
	cursor:pointer
}

#flashpopupbar {
	background-color:#990000; 
	background-image:url(/image/barre_popup_fond.gif);
	/*height: 22px;*/	/* ne pas donner de hauteur à cette barre sous peine de voir le background disparaitre sous IE(7) */
	/* il faudra donc toujours avoir une image en non-absolu placée dans la div */
	color: white;
	font-size: 0.8em;
}

#flashpopupbar img {
	vertical-align:bottom;
}

#flashpopupcontent {
	/*background-color:white;*/
	/*padding: 5px;*/
}

#flashpopupclosebutton {
	width: 15px; height: 15px; 
	background: white; 
	position: absolute; 
	right: 0; top: 0; 
	cursor: pointer;
}



/********** CSS POUR LA ZONE SCROLLABLE (PAGE D'ACCUEIL) *********/


#dhtmlgoodies_scrolldiv{
	/* The total width of the scrolling div including scrollbar */
	width:674px;
	height:500px;	/* The height of the scrolling div */
	margin: 0;
	padding: 0;
}
#scrolldiv_parentContainer{
	width:400px;	/* Width of the scrolling text */
	height:100%;
	overflow:hidden;
	/*border:1px solid #BC8FBD;*/
	/*float:left;*/
	position:relative;
}

/*
CSS for the scrolling content 
*/
#scrolldiv_content{
	position:relative;
	padding: 0 10px;
}

/*
The scrollbar slider (the whole bar with arrows and scrolling part)
*/
#scrolldiv_slider{
	width:15px;
	margin-left:2px;
	height:500px;
}

/*
The scrollbar (The bar between the up and down arrow )
*/
#scrolldiv_scrollbar{
	width:18px;
	height:460px;	/* Total height - 40 pixels */
	position:relative;
	background-image:url(/image/fond_scroll.gif);
}
/*
The scrollbar handle
*/
#scrolldiv_theScroll{
	/*margin:1px;*/
	width:18px;
	height:17px;
	/*background-color:#BC8FBD;*/
	background-color:transparent;
	background-image:url(/image/rose_curseur.gif);
	position:absolute;	
	top:0px;
	left:0px;
	cursor:pointer;
}
/*
Scroll buttons(The up and down arrows)
*/
#scrolldiv_scrollUp,#scrolldiv_scrollDown{
	width:18px;
	height:16px;
	/*border:1px solid #BC8FBD;*/
	color: #BC8FBD;
	text-align:center;
	font-size:16px;
	line-height:16px;
	cursor:pointer;
	/*margin: auto;*/
}
#scrolldiv_scrollUp img,#scrolldiv_scrollDown img{
	margin: auto;
}
#scrolldiv_scrollUp{
	margin-bottom:2px;
}
#scrolldiv_scrollDown{
	margin-top:2px;
}
#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
	font-family: Symbol;
}


/********** CSS POUR LES ZONES SCROLLABLES DES COMPTES CLIENT *********/


#dhtmlgoodies_scrolldiv2{
	/* The total width of the scrolling div including scrollbar */
	width:674px;
	height:500px;	/* The height of the scrolling div */
	margin: 0;
	padding: 0;
}
#scrolldiv2_parentContainer{
	width:400px;	/* Width of the scrolling text */
	height:100%;
	overflow:hidden;
	/*border:1px solid #BC8FBD;*/
	/*float:left;*/
	position:relative;
}

/*
CSS for the scrolling content 
*/
#scrolldiv2_content{
	position:relative;
	padding: 0 10px;
}

/*
The scrollbar slider (the whole bar with arrows and scrolling part)
*/
#scrolldiv2_slider{
	width:15px;
	margin-left:2px;
	height:500px;
}

/*
The scrollbar (The bar between the up and down arrow )
*/
#scrolldiv2_scrollbar{
	width:18px;
	height:460px;	/* Total height - 40 pixels */
	position:relative;
	background-image:url(/image/fond_scroll.gif);
}
/*
The scrollbar handle
*/
#scrolldiv2_theScroll{
	/*margin:1px;*/
	width:18px;
	height:17px;
	/*background-color:#BC8FBD;*/
	background-color:transparent;
	background-image:url(/image/rose_curseur.gif);
	position:absolute;	
	top:0px;
	left:0px;
	cursor:pointer;
}
/*
Scroll buttons(The up and down arrows)
*/
#scrolldiv2_scrollUp,#scrolldiv2_scrollDown{
	width:18px;
	height:16px;
	/*border:1px solid #BC8FBD;*/
	color: #BC8FBD;
	text-align:center;
	font-size:16px;
	line-height:16px;
	cursor:pointer;
	/*margin: auto;*/
}
#scrolldiv2_scrollUp img,#scrolldiv2_scrollDown img{
	margin: auto;
}
#scrolldiv2_scrollUp{
	margin-bottom:2px;
}
#scrolldiv2_scrollDown{
	margin-top:2px;
}
#scrolldiv2_scrollDown span,#scrolldiv2_scrollUp span{
	font-family: Symbol;
}


#ctrls_accueil{
	position:absolute;
	top:0px;
	padding-left:515px;
}


/* CSS listing ecommerce */


.listingproduit {
	/*border-bottom: 1px solid #cfcfcf;*/
	margin: 0 5px;
	margin: 0;
}

.listingproduit .normal td {
	border-top: none;
	font-weight: normal;
}

.listingproduit .header td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f1dce1;
	color: #e60549;
	font-weight:bold;
	font-size:1em;
	padding:5px 8px;
	border-bottom: 1px solid #e60549;
}

.listingproduit .listingfooter td {
	font-size: 1em;
	font-weight:bold;
	color: #e60549;
}

.listingproduit .alternate td {
	/*background-color: #fedcee;*/
}

.listingproduit td {
	border-bottom: 1px solid #f9eaed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
}

.listingproduit a {
	color: #3c3c3c;
	text-decoration:none;
}

.listingproduit input{
	border: solid 1px;
	border-color:#CCCCCC;
}

.listingproduit textarea{
	border: solid 1px;
	border-color:#CCCCCC;
}




.listing2 {
	margin: 0 5px;
	margin: 0;
}

.listing2 td {
	border-top: 1px solid #cfcfcf;
}


.listing2 .normal td {
	border-top: none;
}

.listing2 .header td {
	background-color: #e65d84;
	color: #FFFFFF;
	font-weight:bold;
	font-size:1em;
	padding:8px;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}

.listing2 .alternate td {
	background-color: #fedcee;
	
}

.listing2 input{
	border: solid 1px;
	border-color:#CCCCCC;
}

.listing2 textarea{
	border: solid 1px;
	border-color:#CCCCCC;
}


#recaptable td {
	
}


