@charset "utf-8";

#global {
	margin: auto;
	width: 964px;
}

/* DEBUG */

#pageid, #rendertime {
	color: white;
}

#colgauche {
	width:191px;
}

#colgauche .menugauche{
	background-color:#d9e9f4;
}

#colgauche .menugauche .blocbleu{
	background-color:#b0d0e5;
	padding:7px;
}

#colgauche .menugauche .blocbleu .inputtxt{
	background-color:#ffffff;
	border:1px solid #74acd1;
	height:18px;
	width:135px;
}

#coldroite {
	width:773px;
	background-color:#FFFFFF;
	
}

#coldroite .menuhaut{
	height:31px;
	text-align:right;
	padding-top:27px;
	padding-right:9px;
	background-color:#8c8c8c;
}

#coldroite .centre{
	background-color:#FFFFFF;
	padding-right:9px;
	min-height:600px;
}

#menubas{
	text-align:center;
	padding-top:4px;
	color:#FFFFFF;
	font-size:11px;
}

#menubas a {
	color: #FFFFFF;
}

#pied {
	text-align: center;
	padding-top:1em;
	color: #fff;
	font-size: 10px;
}
#pied a {
	color: #fff;
}

#coldroite .centre .coldroite{
	width:180px;
	padding-left:9px;
	padding-top:9px;
	padding-bottom:9px;
}

#coldroite .centre .colgauche{
	padding-top:9px;
	padding-left:9px;
	padding-bottom:9px;
}


img{
	border:none;
	margin:0px;
}

.titregauche{
	color:#0067ac;
	font-size:11px;
	font-weight:bold;
}

.adresse{
	color:#0067ac;
	font-size:10px;
	font-weight:bold;
}

#smallpanier{
	background-color:#4584ad;
	border: 1px solid #0067ac;
	/*height:203px;*/
}

#smallpanier .titre{
	background-color: #0067ac;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:3px;
}

#smallpanier .liste{
	color:#FFFFFF;
	font-size:10px;
	padding:7px;
	/*height:112px;*/
}

#smallpanier .separation{
	background-color:#FFFFFF;
	height:1px;
	margin-left:7px;
	margin-right:7px;
}

#smallpanier .total{
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:6px;
	padding-top:6px;
}

#smallpanier td{
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
}
#smallpanier .boutons{
	border-top:1px solid #b0d0e5;
	padding:3px;
}

#smallpanier a {
	color: white;
}

#cache{
	background-image:url(/image/cache.png);
	position:absolute;
	height:205px;
	width:180px;
}

#philo{
	background-color:#d5e6f1;
	border: 1px solid #b0d0e5;
	padding:6px;
	font-style:italic;
	color:#565656;
	font-size:10px;
}

#philo a{
	font-style:italic;
	color:#0067ac;
	font-size:10px;
}

#ensavoirplus{
	vertical-align:middle;
	background-color:#b0d0e5;
	color:#0067ac;
	font-size:10px;
	font-weight:bold;
	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
}

#ensavoirplus a{
	color:#0067ac;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
}

#titrephilo{
	background-color: #0067ac;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:4px;
	padding-top:2px;
	margin-top:4px;
}

#titrephilo td{
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
}


#envoyerami {
	background-color:white;
	padding: 5px;
	margin: 10px;
}


/** Newsletter **/

#newsletter_intro {
	color:#0067AC;
	font-size:10px;
	font-weight:bold;
	margin-bottom: 0.5em;
}
#newsletter_address {
	background-color:#ffffff;
	border:1px solid #74acd1;
	height:18px;
	width:125px;
}
#newsletter_ok {
	cursor:pointer;
}
#newsletter_message {
	/*color:#0067AC;*/
	margin-top: 0.5em;
	font-size:10px;
	font-weight:bold;
}

#newsletter_desinscription p {
	margin-bottom: 1em;
}


/************* ELEMENTS TEMPLATES ****************/

#ariane {
	margin-bottom: 2em;
}

/*Cadre Offres spéciales page accueil-----------------------------*/

#offresspeciales{
	width:280px;
	border:1px solid #ea6217;
	background-color:#f7c294;
}

#offresspeciales .contenu{
	padding:10px;
}

#offresspeciales .nomproduit{
	color:#000000;
	font-size:18px;
	font-weight:bold;
}

#offresspeciales .nomproduit a {
	color: black;
	text-decoration:none;
}

#offresspeciales .ref{
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

#offresspeciales .description{
	color:#000000;
	font-size:11px;
}

#offresspeciales .imgproduit{
	border:1px solid #e95b13;
	width:118px;
	height:118px;
}

#offresspeciales .ligneend{
	background-color:#ef7e2c;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;

}

#offresspeciales .ligneend .prix{
	color:#000000;
	font-weight:bold;
}

/*Cadre Nouveautés-----------------------------*/

#nouveautes{
	background-color:#d9e9f4;
	border:1px solid #2076b0;
	width:280px;
}

/*Cadre produit */

#produit{
	width:281px;
	padding-bottom: 1px;
}

#produit .titre{
	background-color:#b0d0e5;
	color:#0067ac;
	font-size:11px;
	font-weight:bold;
	padding:6px;
}

#produit .contenu{
	padding:6px;
}

#produit .contenu .imgproduit{
	border:1px solid #bbd7e9;
}

#produit .contenu .ref{
	font-size:11px;
	color:#0067ac;
}

#produit .contenu .prix{
	font-size:20px;
	font-weight:bold;
	color:#0067ac;
	text-align:right;
}

#produit .contenu .infoplus{
	font-size:11px;
	font-weight:bold;
	color:#0067ac;
	text-align:right;
}

/*autres catalogues*/

#autrescata {
	background-color:#b0d0e5;
	color:#0067ac;
	font-size:11px;
	font-weight:bold;
	padding:7px;
	padding-left:9px;
}

#autrescata td {
	color:#0067ac;
	font-size:11px;
	font-weight:bold;
}

#autrescata td a {
	color:#0067ac;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#autrescata td a.currentcata {
	color: black;
	font-size: 13px;
}

/*Fil rouge*/

#filrouge{
	font-size:11px;
	color:#0067ac;
}

#filrouge a{
	font-size:11px;
	color:#0067ac;
	/*text-decoration:none;*/
}

/*#filrouge .souligne{
	font-size:11px;
	color:#0067ac;
	text-decoration:underline;
}*/

/*Menu client
*/

#menuclient{
	background-image:url(/image/ban_bleue.png);
	background-repeat:repeat-x;
}

#headerclient{
	background-image:url(/image/fond_menu_client.png);
	background-repeat:no-repeat;
	padding:7px;
	height:14px;
}

#headerclient .titre{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	position:relative;
	float:left;
}

#headerclient .deconnexion{
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	float:right;
	position:relative;
}

#headerclient .deconnexion a{
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}



/*catalogue*/

#listingproduit{
}


#listingproduit .nom{
	font-size:11px;
	font-weight:bold;
}

#listingproduit .description{
	padding-top:10px;
	font-size:11px;
}

#listingproduit .prix{
	font-size:20px;
	font-weight:bold;
}

#listingproduit .unitaire{
	font-size:11px;
	font-weight:bold;
}

#listingproduit .ligne1{
	color:#0067ac;
	background-color:#d9e9f4;
}

#listingproduit .ligne2{
	color:#0067ac;
	background-color:#FFFFFF;
}

#listingproduit .imgproduit{
	border:1px solid #b0d0e5;
}

#listingproduit .bandeaupromo, #listingproduit .bandeaunew {
	position: absolute;
}

#listingproduit .thumbcontainer {
	width: 83px; 
	height: 83px; 
	position:relative;
}

#listingproduit .bandeaupromo {
	top: 0;
}
#listingproduit .bandeaunew {
	bottom: 0;
}

#pagination td{
	color:#0067ac;
	font-size:10px;
	padding-bottom:5px;
	padding-top:10px;
}

/*Fiche produit*/

#pdtmaitre{

}
#pdtmaitre .pdtactions{
	text-align:right;
	padding-top:12px;
	padding-bottom:3px;	
}

#pdtmaitre .titre{
	background-color:#0067ac;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	padding:3px;
	padding-left:11px;
	height:38px;
}

#pdtmaitre .description{
	padding-top:10px;
	color:#0067ac;
	padding-left:11px;
	text-align:justify;
	padding-right:11px;
}

#pdtmaitre .visualiseur{
	width:224px;
	height:189px;
	border:1px solid #c9d9e4;
}

#pdtmaitre .choixvisu{
	padding-top:10px;
}

#pdtmaitre .choixvisu .autres{
	font-size:11px;
	color:#0067ac;
	padding-bottom:2px;
}

#pdtmaitre .choixvisu img{
	border:1px solid #cadae5;
}

#pdtmaitre .choixvisu .selected{
	border:1px solid #066bae;
}


#listing{
	padding-top:21px;
}


#listing .header td{
	background-color:#0067ac;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	padding-top:5px;
	padding-bottom:5px;
}

#listing .ligne td{
	background-color:#d9e9f4;
	color:#0067ac;
	font-weight:normal;
	font-size:11px;
	padding-top:4px;
	padding-bottom:4px;
	border-top:1px solid #FFFFFF;
}

#listing .vide td{
	border-top:none;
}

#pdtassocies{
	background-color:#d9e9f4;
	padding-top:4px;
	padding:4px;
}




/************* BRIQUES GESTION CONTENU **********/

.brique p, .brique h1, .brique h2, .brique h3, .brique h4, 
#popupcontent p, #popupcontent h1, #popupcontent h2, #popupcontent h3, #popupcontent h4,
.actubrique p, .actubrique h1, .actubrique h2, .actubrique h3,
#actuaccueilcontenu p ,#actuaccueilcontenu h2 
 {
	margin: 0;
}


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

#popup {
	/* obligatoire */
	position: absolute;/* left: 0px; top: 0px;*/
	visibility:hidden;
	z-index:20;
	width: auto;
	margin: auto;
	background-color:#f1e4c7; 
	/*width:470px; 
	height:221px;*/
	/* /obligatoire */
	/*border: 1px solid #FF9900;
	background-color: white;*/
}

#popup #boutonfermer {
	position: absolute; right: 5px; top: 5px;
	/*float:right;*/
	cursor:pointer;
}

#popupbar {
	padding-bottom:20px;
}

#popupbar img {
	vertical-align:bottom;
}

#popupcontent {
	 background-color:#f1e4c7; 
	 border:#443e31 1px solid; 
	 width: 470px; 
	/*height: 220px;*/
}

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


/***********ZOOM POPUP************/
#zoom_popup{
	position: absolute;/* left: 0px; top: 0px;*/
	z-index:20;
	width:100%;
	padding-top:25px;
}

#zoom_contenu{
	width:auto;
}