/* CSS Document */

/* =======================================================================
* BODY
======================================================================== */
html{
	min-width:780px;
	}

body {
	margin:0;
	padding:0;
	color:#48312b;	
	background-color:#fff;	
	background-image: url('../../00_BIBLIOTHEQUE/DESIGN/fonds/fd_html.gif');
	background-repeat: repeat-x;
	text-align:center;
	}
		
.PAGE {
	background:transparent url('../../00_BIBLIOTHEQUE/DESIGN/fonds/fd_page.png') repeat-y center top;
	width:788px;
	margin:0px  auto 0 auto;
	}	
	
.ZONE {
	margin: 0 4px;
	}
	
.CONTENEUR	{
	width:738px;
	margin:0 auto;
	text-align:left;
	}
		
/* =======================================================================
*CALQUES PRINCIPAUX
======================================================================== */

	
#HEADLINE,
#TETIERE,
#NAVIGATION,
#CONTENU,
#ANNEXES,
#ANNEXES2,
#PIED {
	text-align:center;
	
	}

#HEADLINE .ZONE{
	border-top:0px solid #e0d1c9;
	background:#fff url("../../00_BIBLIOTHEQUE/DESIGN/fonds/dentelle_blanche.gif") repeat 0 0;
	background-attachment:scroll;
	
	}

	
#NAVIGATION .CONTENEUR {
	width:780px;
	overflow:hidden;
	color:#EFE6D4;
	font:200 1em verdana,arial,sans-serif;
	border-left:0px solid #34231E;
	border-right:0px solid #806158;
	padding:0px;
	list-style: none;
	background:#48312A url("../../00_BIBLIOTHEQUE/DESIGN/fonds/fd_bt.gif") repeat-x 0 0 ;

	}

#CONTENU .ZONE{
	background:transparent url("../../00_BIBLIOTHEQUE/DESIGN/fonds/dentelle_blanche.gif") repeat 0 0;
	border-bottom:0px solid #fff;
	}
	
html #PAGE > #CONTENU .ombre,
html #PAGE > #ANNEXES .ombre {
	height:12px;
	background-image: url("../../00_BIBLIOTHEQUE/DESIGN/fonds/ombr_pied_page.png") !important;
	background-repeat: repeat-x;
	}

html #PAGE > #ANNEXES .ombre_sup,
html #PAGE > #CONTENU .ombre_sup,
html #PAGE > #HEADLINE .ZONE .ombre_sup {
	height:12px;
	background-image: url("../../00_BIBLIOTHEQUE/DESIGN/fonds/ombr_sup.png") !important;
	background-repeat: repeat-x;
	}

#CONTENU .CONTENEUR {
	padding:60px 0 40px 0;
	}

	
	
#ANNEXES .ZONE{
	font-size:0.86em;
	background:#fff  url('../../00_BIBLIOTHEQUE/DESIGN/fonds/fd_html.gif') repeat-x;
	}
	
#ANNEXES .CONTENEUR,
#PIED .CONTENEUR {
	padding:20px 0 30px 0;
	}

#ANNEXES2 .ZONE {
	border-top:1px solid #33221d;
	background-color:#48312A;	
	color:#fff;
	}
	
.MOUSSELINE {
	/*background:transparent url("../../00_BIBLIOTHEQUE/DESIGN/fonds/dentelle_blanche.gif") repeat 0 0;*/
	}

html body > .frise,
#ANNEXES .ZONE> .frise {
	background-color:transparent;
	background-image: url("../../00_BIBLIOTHEQUE/DESIGN/decor/frise.png") ;
	background-repeat: repeat-y;
	background-position: 100%  -100px ;	
	}
	

#PIED .ZONE{
	color:#937065;
	border-top:3px solid #fff;
	background-color:#48312A;
	}


/* ----------------------------------------------------------------------------------------------------------
anciennement : elements_page.css
----------------------------------------------------------------------------------------------------------- */
/* CSS Document */
/*
* SPACERS
* COLONNAGE
* ANNEXES	
* PLANCHE PRODUITS
* CINEMASCOPE
*/


/* =======================================================================
* SPACERS
======================================================================== */

.spacer {
	clear:both;
	width:100%;
	padding:0px;
	margin:0px;
	font-size:0px;
	line-height:0px;
	height:1px;
	}		

.spacerDroite {
	clear:right;
	width:100%;
	padding:0px;
	margin:0px;
	font-size:0px;
	line-height:0px;
	height:1px;
}	
	
	
.filet {
	clear:both;
	width:508px;
	height:43px;
	padding:0px;
	margin:0px;
	font-size:0px;
	line-height:0px;

}	


#CONTENU .CONTENEUR .COLONNE_DROITE > .filet {
	background-image: url(../../00_BIBLIOTHEQUE/DESIGN/decor/filet.png) !important;
	background-repeat: no-repeat;
	background-position:center center;
	}

/* =======================================================================
* COLONNAGE
======================================================================== */	

.COLONNE {
	float:left;
	overflow:hidden;
	}
	
.COLONNE_DROITE {
	float:right;	
	overflow:hidden;

	}	
	
.un { width:123px }	
.deux { width:245px }	
.trois { width:368px }	
.quatre { width:491px }	
.cinq { width:614px }	
.six { width:738px }	


.margeD {
	margin-right:6px;
	}
.margeG {
	margin-left:6px;
	}

/* =======================================================================
* ANNEXES
======================================================================== */

#devis {
	background-color:#e0d1c9 ;

	}


/* =======================================================================
* PLANCHE PRODUITS
======================================================================== */	
#PLANCHE{
	margin-bottom:40px;
	border-bottom:1px solid #b89f97;
	padding-bottom:10px;
	border:0px solid green;
	}

#VIGNETTE{

	width:368px;
	}

#VIGNETTE img {
	border:none;
	margin-left:-9px;
	}	
	

#VIGNETTE  a, 
#VIGNETTE a:link ,
#VIGNETTE  a:visited {
	display:block; 
	overflow:hidden;
	color:#000; 
	text-decoration:none; 
	border:1px solid #e0d1c9; 
	width:80px; 
	height:80px; 
	float:left; 
	margin:3px; 
	z-index:50;
	}
	
#VIGNETTE  a:hover {
	border:2px solid #543B33 !important;
	width:78px; 
	height:78px; 
	}

#VIGNETTE  a:active, 
#VIGNETTE  a:focus {
	border:1px solid #000;
	}

#PRODUIT-DETAIL {
	overflow:visible ;
	float:right;
	border:0px solid blue;
	text-align:center;
	width:368px !important;
	min-width:368px !important;
	padding-bottom:40px;
	}
	
#ANNEXES .CONTENEUR #PLANCHE > #PRODUIT-DETAIL {
	background-color:transparent;
	/*background-image: url("../../00_BIBLIOTHEQUE/DESIGN/logo/logo_phili.png") !important;*/
	background-position:center;
	background-repeat: no-repeat;	
	}
	
#produitimage {
	margin-left:auto;
	margin-right:auto;
	border:0px solid red;
	position:relative;

	}
	
#PRODUIT-DETAIL .panier {
	border:0px solid red;
	float:right;
	z-index:99;
	position:relative;
	top:-30px;
	right:0px;
	width:113px;
	height:115px;	
	margin: 0 0 -115px -113px;
	/*background:transparent url("../../00_BIBLIOTHEQUE/DESIGN/decor/macaron.png") no-repeat 0 0;*/		
	}


#ANNEXES  #PLANCHE  #PRODUIT-DETAIL > .panier {
	background-color:transparent;
	background-image: url("../../00_BIBLIOTHEQUE/DESIGN/decor/macaron.png");
	background-repeat: no-repeat;
}

#PRODUIT-DETAIL p {
	text-align:center;
	font: 800 1.5em/1em arial,sans-serif !important;
	}

#PRODUIT-DETAIL .panier .prix {
	padding:0px  !important;
	margin:36px 0 4px 0 !important;
	}

#PRODUIT-DETAIL .panier .casse{
	font: 100 1em/1em arial,sans-serif !important;
	color:#fff;
	margin:0 !important;
	padding:0 !important;
	}
	
#PRODUIT-DETAIL h1 {
	/*border-bottom:1px dotted #543B33 !important;*/
	font-size:1.6em;
	}

/* =======================================================================
* CINEMASCOPE 
======================================================================== */

#splash {
	overflow:visible;
	/*width:468px;*/
	border:0px solid #000;
	padding:0;
	margin:0;
	list-style:none;
	background-color:transparent;	
	}

#splash li {
	margin:0;
	padding:0;
	}
#splash li a {
	margin:0;
	padding:0;
	}


#CINEMASCOPE {
	width:491px;
	height:164px;
	overflow: hidden;
	}



#CONTENU .COLONNE_DROITE > #CINEMASCOPE {
	background-color:transparent;
	background-image: url(../../00_BIBLIOTHEQUE/DESIGN/fonds/ombre_cinema.png);
	background-repeat: no-repeat;
	}



#CINEMASCOPE a,
#CINEMASCOPE a:link,
#CINEMASCOPE a:visited{
	border:none;
	}

#CINEMASCOPE img {
	width:479px;
	height:150px;
	margin:4px 6px;
	overflow: hidden;
	border:0px solid #543B33;
	}	
	


#CINEMASCOPE #VOLUME {
	float:left;
	position:absolute;
	top:0px;
	z-index:999;
	width:5479px;
	height:150px;
	margin:4px 6px !important;
	padding:0;
	border:0px solid red;
	}

#CINEMASCOPE #VOLUME img {
	margin:0;
	}

	
/* =======================================================================
* TABLES 
======================================================================== */
table {
	border:0px solid #543B33;
	width:100%;
	}


td {
	border-bottom:1px solid #e0d1c9;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #e0d1c9;
	text-align:center;
	padding: 0 ;
	}

.pair {
	background-color:#ebe1dc;
	}
	
.impair {
	background-color:#e1d5ce;
	}
	

/* ----------------------------------------------------------------------------------------------------------
anciennement : liens_menus.css
----------------------------------------------------------------------------------------------------------- */

/* CSS Document */
/*
* LIENS DEFAULT
* NAVIGATION GLOBALE
* MENU  FESTI
* NAVIGATION SECONDAIRE
* ENCART LIEN
* DRAGGABLE
*/



/* =======================================================================
* LIENS DEFAULT
======================================================================== */
a,
a:link {
	color:#FF8600;
	}

a:hover {
	color: #48312A;
	background-color:#e0d1c9;
	cursor:pointer ;
	}

a:active,
.active {
	cursor:default;
	color:#FF8600;
	}
	
a:visited {
	}	


/* =======================================================================
* NAVIGATION GLOBALE
======================================================================== */
#NAVIGATION img {
	border:none;
	}
	
#NAVIGATION ul {

	white-space:nowrap;
	padding:0px;
	margin:0px !important;
	list-style: none;
	text-align:center;
	}

#NAVIGATION li {
	width:127px;
	overflow:hidden;
	margin:0px;
	float:left;
	color:#003399;

	}

#NAVIGATION a, #NAVIGATION a:link{
	width:127px;
	border-left:1px solid #806158;
	border-right:1px solid #34231E;
	border-bottom:0px solid #543B33;
	color:#947165;
	padding:36px 0 22px 0;
	text-align:center;
	display: block;
	font:200 normal 14px arial,sans-serif;
	text-decoration: none;
	}

#NAVIGATION li > a {
	width:125px !important;
	margin:0 1px 0 0 !important; 
	}
#NAVIGATION .logo {

	}


#NAVIGATION .logo,
#NAVIGATION .logo a,
#NAVIGATION .logo a:link {
	border-left:none;
	text-align:right;
	width:271px !important;
	background:#48312A url("../../00_BIBLIOTHEQUE/DESIGN/logo/logo_menu.jpg") no-repeat top right;
	}
	

#NAVIGATION ul > .logo   {
	width:272px !important;
	}



#NAVIGATION li > a, 
#NAVIGATION li > a:link, 
#NAVIGATION li > a:visited{
	/*background:transparent url("../../00_BIBLIOTHEQUE/DESIGN/fonds/fd_bt_volum.png") no-repeat bottom right !important;*/
	}
	
#NAVIGATION .active,
#NAVIGATION .active:visited {
	background-color: #48312A;
	color:#fff !important;
	cursor:default !important;


	}	
	
#NAVIGATION  a:hover{
	
	}

#NAVIGATION li > a:hover {	
	background-color: #48312A;
	}
#NAVIGATION .logo > a:hover{	

	background:#6a5852 url("../../00_BIBLIOTHEQUE/DESIGN/logo/logo_menu_act.jpg") no-repeat top right;

	}

/*		
#NAVIGATION li > .active,
#NAVIGATION li > .active:visited{	
	background-image: url("../../00_BIBLIOTHEQUE/DESIGN/fonds/fd_bt_act.png") !important;
	background-repeat: repeat !important;
	}
*/


/* =======================================================================
* MENU  FESTI
======================================================================== */
#MENU_FESTI {
	margin:0px; 
	padding:0px;

	}

#MENU_FESTI ul {

	padding:0px !important;
	margin:0;
	list-style: none;
	text-align:center;
	width:100%;

	}
	
#MENU_FESTI li {
	width:100%;
	overflow:hidden;
	margin:0 0 0 0;
	/*float:left;*/
	color:#003399;

	}

#MENU_FESTI a, #MENU_FESTI a:link{
	border-top:1px solid #806158;
	border-bottom:1px solid #33221d;
	background:#48312A url("../../00_BIBLIOTHEQUE/DESIGN/fonds/fd-bt-festi.png") repeat-x top left ;
	background-color:#48312A !important;
	padding:4px 0 3px 0;
	margin:0 !important;
	text-align:center;
	display: block;
	font:400 normal 11px/1em arial,sans-serif;
	text-decoration: none;
	color:#947165;
	}

#MENU_FESTI a:hover{
background-image:none;
background-color:#48312A !important;
}

#MENU_FESTI .onglet a, #MENU_FESTI .onglet a:link{
	background-color:#e0d1c9;
	}

/* =======================================================================
* NAVIGATION SECONDAIRE
======================================================================== */

menu {
	margin:0;
	padding:0;
	list-style:none;
	}
menu li {
	margin:0;
	padding:0;
	border:0px solid red;
	float:left;
	width:100%;
	}	

menu li a {
	display:block;
	width:100%;
	text-decoration:none;
	font:100 1.2em/1.5em arial,sans-serif;
	border-top:1px solid #fff;
	border-bottom:1px solid #48312A;
	margin:0;
	padding:0;
		
	}	
menu li a:hover {
	background-color:#cab9ab;
	}	
menu li a img {
	border:none;
	margin:2px 6px 0 0 ;
	}
menu li .active {
	color: #48312A;
	background-color:#cab9ab;
	cursor:default ;
}
/* =======================================================================
* ENCART LIEN
======================================================================== */
.ENCART,
.ENCART_LIEN,
.ENCART_LIEN:link,
.ENCART_LIEN:visited {
	border:1px solid #b9a8a2;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	padding:2px;
	color:#90756C;
	text-decoration:none;
	display:block;
	margin:0 0 14px 0;

	background:#fff url("../../00_BIBLIOTHEQUE/DESIGN/fonds/fd-encart.jpg") repeat-x bottom left !important;
	}
	
.ENCART img,	
.ENCART_LIEN img {
	border:none;
	width:226px;
	}

.ENCART .ruban img,		
.ENCART_LIEN .ruban img {
	width:100%;
	}	
.ENCART .ruban,		
.ENCART_LIEN .ruban {
	width:100px !important;
	height:100px !important;
	float:left;
	position:absolute;
	margin:-4px;
	}


.ENCART h1,	
.ENCART_LIEN h1 {
	text-align:right !important;
	border-bottom:1px solid #FFF;
	line-height:1em;
	margin:6px 0 0 0 !important;
	padding:0 0 4px 0 !important;
	}
.ENCART_LIEN .CORPS h1 {
	font-size:2.8em;
	}	

.ENCART_LIEN .CORPS strong	{
	color:#48312b;
	border-bottom:1px solid #b89f97;
	float:right;
	position:relative;
	width:226px;
	text-align:right !important;
	font:100 2.5em/1.2em serif;
	font-variant:small-caps;
	margin:6px 0 0 0 !important;
	padding:0 0 4px 0 !important;
	clear:both;
	
	}

.ENCART_LIEN .CORPS em	{
	color:#000;
	position:relative;
	float:right;
	width:226px;
	text-align:left !important;
	font:100 normal 2.2em/1.2em serif;
	
	margin:6px 0 6px 0 !important;
	padding:0 6px 4px 6px !important;
border:1px solid red;
	
	}	


.ENCART_LIEN .CORPS small	{
	color:#48312b;


	width:226px;
	text-align:left !important;
	font:100 normal 2.2em/1.2em serif;
	
	margin:6px 0 6px 0 !important;
	padding:0 6px 4px 6px !important;
border:1px solid red;
clear:both;
	
	}	
	
	
	
.ENCART h2,	
.ENCART_LIEN h2 ,
.ENCART_LIEN .soustitre{
	margin:6px 0 6px 0 !important;
	padding:0 6px 4px 6px !important;
	font-size:1.9em;
	line-height:1.2em;
	}	
	
.ENCART_LIEN .CORPS h2 	{
	font-size:2.2em;
	color:#90756c;
	}
	
.ENCART ul,
.ENCART_LIEN ul {
	color:#48312b;
	font-size:1.5em;
	}
.ENCART li,
.ENCART_LIEN li {
	line-height:1.6em;
	}

.ENCART_LIEN .CORPS li {
	line-height:1.8em;
	}

.ENCART_LIEN:hover {
	border:1px solid #48312b;
	background-image: none !important;
	background-color: #fff;
	}	
	
.ENCART .CORPS,	
.ENCART_LIEN .CORPS {
	border:0px solid #FFF;
	overflow:hidden;
	}	

/* =======================================================================
* DRAGGABLE
======================================================================== */



.draggable,
.draggable:link,
.draggable:hover,
.draggable:active,
.draggable:visited {
	text-align:left;
	z-index:998;
	margin:0 !important;
	position:absolute;
	border:0px solid red !important;
	background-color:transparent;
	cursor:move !important;
	display:block !important;
	}
			
.draggable img {
	border:none !important;
	}	

.generique {
	z-index:9998 !important;
	}	

	
/* ----------------------------------------------------------------------------------------------------------
anciennement : typo.css
----------------------------------------------------------------------------------------------------------- */

/* CSS Document */

/* GESTION DE LA TYPOGRAPHIE */

/*
===== 1: G?n?ralit?s =====
*/

/* R?initialisation totale */
*{
	font-size:100%;
	}
	
body{
	font:200 80%/180%  Verdana, Arial, Helvetica, sans-serif;
	}
	
/* 
parametres generaux 
------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5{
	font-family: Times New Roman, Times, serif;
	font-style:italic;
	font-weight:100;
	letter-spacing:0.01em;
	text-align:left;
	margin:0 0 0.8em 0;
	}

h1{
	font-size:2.2em;
	}
h2{
	font-size:1.4em;
	}
h3{
	font-size:1.2em;
	}
h4{
	font-size:1.0em;
	}
	
p {
	font:200 0.9em/1.3em  Verdana, Arial, Helvetica, sans-serif;
	}	


span {
	font-size:0.9em;
	color:#EFE6D4;
	color:#000;
	}

big {
	font-size:160%;
	}


	/* 
parametres Sp?cifiques par CALQUES 
------------------------------------------------------ */
	
#HEADLINE {
	font-size:0.9em;
	}	
#HEADLINE h1,
#HEADLINE h2 {
	margin:0;
	padding:0;
	}	
#HEADLINE h1 {
	padding-top:0.8em;
	margin-left:72px;
	}
		
#HEADLINE h2 {
	font-size:0.6em;
	line-height:1.2em;
	text-align:justify;
	}
		
#CONTENU h1 {
	color:#48312b;
	font-weight:100;
	font-style:normal;
	font-variant:small-caps;
	padding:0 0 10px 0;
	border-bottom:1px solid #e0d1c9;
	margin:0 3px 20px;	
	}
#CONTENU p {
	font-size:0.8em;
	}	
	
	
	
.legende{
	
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:300;
	font-size:10px;
	letter-spacing:0em;
	margin:0.2em 0;
	}


#ANNEXES h1,
#ANNEXES h2,
#ANNEXES h3,
#ANNEXES h4,
#ANNEXES h5{
	font-family: Times New Roman, Times, serif;
	font-style:normal;
	font-weight:400;
	letter-spacing:0.01em;
	text-align:left;
	/*margin:0 0 0.8em 0;*/
	}

#ANNEXES h1 {
	color:#48312b;
	font-weight:100;
	font-style:normal;
	font-variant:small-caps;
	padding:0 0 10px 0;
	border-bottom:1px solid #b89f97;
	margin:0 3px 20px;	
	}


#ANNEXES p{
	font-size:0.8em;
}	
	
	
.ENCART,
.ENCART_LIEN {
font-size:0.6em;
}

.ENCART h1,
.ENCART h2,
.ENCART p,	
.ENCART_LIEN h1,
.ENCART_LIEN h2,
.ENCART_LIEN p{	
	margin:0 4px;
	}
		
	
#PIED {

	font-size:0.75em;
	line-height:1.2em;
	}	
	
#PIED p {
	margin: 0 0 0 10px;
	}	

/* ----------------------------------------------------------------------------------------------------------
anciennement : lightbox.css
----------------------------------------------------------------------------------------------------------- */

#lightbox{
	background-color:#fff;
	padding: 10px;
	border:1px solid #543B33;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../../00_BIBLIOTHEQUE/DESIGN/lightbox/nappe.png); }

* html #overlay{
	background-color: #FFF;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="nappe.png", sizingMethod="scale");
	}
	
/* ----------------------------------------------------------------------------------------------------------	*/

#devis .ruban {
	float:left;
	margin-right:-100px;
	position:relative;
	top:-22px;
	left:-22px;
	}

.Postit {
	width:230px;
	height:160px;
	}
				
.Postit img, 
.Postit p {
	float:left;
	position:absolute;
	}	
.Postit p {
	font-size:12px !important;
	text-align:center;
	width:200px;
	border:0px solid red;
	padding:6px;
	}	
			
#CONNECT {
	margin-top:30px;
	padding:0;
	border:1px solid #663300;
	background:#e0d1c9 url("../../00_BIBLIOTHEQUE/DESIGN/fonds/dentelle_blanche.gif") repeat 0 0;
	}
#CONNECT h1{ 
	padding:0;
	margin:10px 0 8px 0;
	text-align:center !important;
	}
			
#CONNECT p{ 
	font-size:12px !important;
	padding:0;
	margin:10px 0 8px 0;
	}
			
#CONNECT .ruban{
	float:left;
	margin-right:-100px;
	position:relative;
	top:-2px;
	left:-2px;
	}