/* Photothèque Lucien Barrière CSS Document par Frantz Pierret */
/* Tag redefs */

/* Titre ne commençant pas par un lien */
h1 {
	background-color:#DAD5D2;
	color: #452121;
	margin:2px 50px 10px;
	text-align:left;
	font-family: tahoma, Arial, sans-serif;
	font-size:18px;
	border:0;
	border-bottom :2px dotted;
	padding: 0px 2px 2px 0px;
	}

h1 a:link, h1 a:visited{
	height:18px;
	text-decoration:none; 
	color:#452121; 
	background-color: #DAD5D2;
	text-align:left;
	font-size:18px;
	border:0;
	padding: 0px 5px;
}

h1 a:hover{
	height:18px;
	text-decoration:none; 
	color:#FFF; 
	background-color: #DAD5D2;
	text-align:left;
	font-size:18px;
	border:0;
	padding: 0px 5px;
}

/* Titre commençant par un lien */
h2 {
	background-color:#FFF;
	color: #452121;
	margin:2px 3px 10px 3px;
	text-align:left;
	font-family : tahoma, Arial, sans-serif;
	font-size:18px;
	border:0;
	padding: 0px 2px 2px 10px;
}
	
h2 a:link, h2 a:visited{
	height:18px;
	text-decoration:none; 
	color:#452121; 
	background-color: #FFF;
	text-align:left;
	font-size:18px;
	border:0;
	padding: 0px 5px;
}

h2 a:hover{
	height:18px;
	text-decoration:none; 
	color:#FFF; 
	background-color: #452121;
	text-align:left;
	font-size:18px;
	border:0;
	padding: 0px 5px;
}

/* Sous-titre */
h3 {
/*	background : #FFF url("../Images/css/Puce_carres.gif") 5px 3px no-repeat;*/
	position: static;
	font-size : 14px;
	font-weight:normal;
	padding-left : 50px;
	margin-top: 4px; 
	margin-left: 10px;
	color : #000;
	background-color: #DAD5D2;
	text-align:left;
	}
	
/* Sous-titre page login (BasDefau.htm) */
h4 {
	position: static;
	font-size : 14px;
	margin-top: 4px; 
	color : #000;
	text-align:left;
	font-weight:normal;
	border:0;
}

/* Sous-titre aligné sur h1 */
h5 {
	position: static;
	font-size : 14px;
	font-weight: bold;
	margin-top: 4px; 
	color : #452121;
	text-align:left;
	border:0;
	border-bottom :1px dotted;
}

/* Titre Thèmes */
.titrethemes {
	margin-top: 0px;
	margin-BOTTOM: 4px;
	margin-LEFT: 0px;
	PADDING-TOP: 15px;
	PADDING-LEFT: 40px;
	PADDING-BOTTOM: 12px;
	FONT-SIZE: 15px;
	color: #876652;
	TEXT-ALIGN: left;
	FONT-FAMILY: tahoma, Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

/* Menu Dynamique de plancont.htm et visusel.htm */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menuPlanche {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 30px;
	right:0px;
	font-family:tahoma, Arial,sans-serif;
	font-size:12px;
/*	display: inline;
	left: 380px;
	*/
/* width: 800px;*/
		width:500px;
}
#menuPlanche dl {
	float: left;
	width: 200px;
	margin-right : 20px;
}
#menuPlanche dt {
/*	letter-spacing: 0.09em;*/
	cursor: pointer;
	background: #876652;
	height: 17px;
	line-height: 15px;
	margin: 2px 0;
	border: 1px solid #876652;
	text-align: left;
}
#menuPlanche dt a {
	color: #FFF;
	text-decoration: none;
	padding: 0 6px;
	/*display: block;*/
}
#menuPlanche ul {
	padding: 3px 0 0 0;
}
#menuPlanche li {
	font-size:90%;
	text-align: left;
	height: 14px;
	line-height: 14px;
	padding-left:0;
	padding-bottom:0;
	margin-bottom:0;
	left :0px;
}
#menuPlanche li a {
	color: #FFF;
	text-decoration: none;
	padding: 0 6px;
	display: block;
}

#menuPlanche li a:hover {
	text-decoration: none;
	background-color:#FFF;
	color:#876652;
	padding: 0 6px;
}

#smenuPL1 {
	position: absolute;
	z-index: 100;
	right: 330px;
	margin-top: -10px;
	width: 170px;
	background: #876652;
	border: 1px solid #876652;
}
#smenuPL2 {
	position: absolute;
	z-index: 100;
	right: 120px;
	margin-top: -10px;
	width: 160px;
	background: #876652;
	border: 1px solid #876652;
}

/* Menu Commandes Paniers */
#menuPanier {
/* width: 800px;*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 0px;
	left: 380px;
	font-family:tahoma, Arial,sans-serif;
	font-size:12px;
/*	display: inline;*/
	width:700px;
}
#menuPanier dl {
	FLOAT: left;
	width: 200px;
	margin-right : 20px;
}
#menuPanier dt {
/*	letter-spacing: 0.09em;*/
	cursor: pointer;
	background: #876652;
	height: 17px;
	line-height: 15px;
	margin: 2px 0;
	border: 1px solid #876652;
	text-align: left;
}
#menuPanier dt a {
	color: #FFF;
	text-decoration: none;
	padding: 0 6px;
	/*display: block;*/
}
#menuPanier ul {
	padding: 3px 0 0 0;
}
#menuPanier li {
	font-size:90%;
	text-align: left;
	height: 14px;
	line-height: 14px;
	padding-left:0;
	padding-bottom:0;
	margin-bottom:0;
	left :0px;
}
#menuPanier li a {
	color: #FFF;
	text-decoration: none;
	padding: 0 6px;
	display: block;
}

#menuPanier li a:hover {
	text-decoration: none;
	background-color:#FFF;
	color:#876652;
	padding: 0 6px;
}

/* Paniers */

#smenuP1 {
	position: absolute;
	z-index: 100;
	left: 0px;
	margin-top: -3px;
	width: 200px;
	background: #876652;
	border: 1px solid #876652;
}
#smenuP2 {
	position: absolute;
	z-index: 100;
	left: 220px;
	margin-top: -3px;
	width: 160px;
	background: #876652;
	border: 1px solid #876652;
}
/* Commander les images */
#smenuP3 {
	position: absolute;
	z-index: 100;
	left: 440px;
	margin-top: -3px;
	width: 250px;
	background: #876652;
	border: 1px solid #876652;
}
/* menu Pagination PAnier */
#menuPagPan {
	position: absolute;
	top: 30px;
	right:0px;
	width: 180px;
	font-family: tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}

#menuPagPan dt {
/*	letter-spacing: 0.09em;*/
	cursor: pointer;
	background-color: #876652;
	height: 17px;
	line-height: 15px;
	margin: 2px 0;
	border: 1px solid #876652;
	text-align: left;
}
#menuPagPan dt a {
	color: #FFF;
	text-decoration: none;
	padding: 0 6px;
	display: block;
}

#menuPagPan ul {
	padding: 3px 0 0 0;
}
#menuPagPan li {
	font-size:90%;
	text-align: left;
	height: 15px;
	line-height: 14px;
	padding-left:0;
	padding-bottom:0;
	margin-bottom:0;
}
#menuPagPan li a {
	color: #FFFFFF;
	background-color:#876652;
	text-decoration: none;
	padding: 0 6px;
	display: block;
}

#menuPagPan li a:hover {
	color:#876652;
	background-color:#FFFFFF;
	text-decoration: none;
	padding: 0 6px;
}
#smenuP4 {
	position: absolute;
	z-index: 100;
	right: 8px;
	margin-top: -5px;
	width: 170px;
	background: #876652;
	border: 1px solid #876652;
}

/* END Menu Dynamique : Les sous-menus */
#menubas {
	/*letter-spacing: 0.09em;*/
	position: absolute;
	right:0px;
	width: 180px;
	height:15px;
	font-family: tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color:#876652;
	padding-left:6px;
	}


/* Boutons */

a.bouton:link, a.bouton:visited{
	width:82px; 
	height:10px;
	text-decoration:none; 
	color:#000; 
	text-align:center;
	font-family: tahoma, Arial, sans-serif;
	font-weight: 400;
	background-color: #FFF;
	border:0;
	font-size:11px;
	line-height:10px;
	padding: 0 2px;
}

a.bouton:hover{
	width:82px; 
	height:10px;
	text-decoration:none; 
	color:#FFF; 
	text-align:center;
	font-family: tahoma, Arial, sans-serif;
	font-weight: 400;
	background-color: #876652;
	border:0;
	font-size:11px;
	line-height:10px;
	padding: 0 2px;
}

.bouton{
	text-align:center;
	padding:0;
	margin-top:2px;
}

/* Boutons Panier */

a.boutonsel:link, a.boutonsel:visited{
	width:140px; 
	height:14px;
	text-decoration:none; 
	color:#000; 
	text-align:center;
	font-family: tahoma, Arial, sans-serif;
	font-weight: 400;
	background-color: #FFF;
	border:0;
	font-size:12px;
	line-height:14px;
	padding: 0 2px;
}

a.boutonsel:hover{
	width:140px; 
	height:14px;
	text-decoration:none; 
	color:#FFF; 
	text-align:center;
	font-family: tahoma, Arial, sans-serif;
	font-weight: 400;
	background-color: #876652;
	border:0;
	font-size:12px;
	line-height:14px;
	padding: 0 2px;
}

.boutonsel{
	text-align:center;
	padding:0;
	margin-top:2px;
}

/* btform */	
.btform{
	margin-bottom:5px;
}

a.btform:link, a.btform:visited{
	height:14px;
	text-decoration:none; 
	color:#000; 
	text-align:center;
	font-family: tahoma, Arial, sans-serif;
	font-weight: 400;
	background-color: #FFF;
	border:1px;
	border-color:#FFF;
	font-size:12px;
	line-height:14px;
	padding: 3px 4px 2px;
	margin: 2px;
}

a.btform:hover{
	height:14px;
	text-decoration:none; 
	color:#FFF; 
	text-align:center;
	font-family: tahoma, Arial, sans-serif;
	font-weight: 400;
	background-color: #876652;
	border:1px;
	border-color:#FFFFFF;
	font-size:12px;
	line-height:14px;
	padding: 3px 4px 2px;
	margin: 2px;
}

/* btseul */
a.btseul:link, a.btseul:visited{
height:14px;
text-decoration:none; 
color:#FFF; 
text-align:center;
font-weight: bold;
background-color: #876652;
border:1px;
border-color:#876652;
font-size:12px;
line-height:14px;
padding: 2px 4px;
margin: 2px;
}

a.btseul:hover{
height:14px;
text-decoration:none; 
color:#000; 
text-align:center;
font-weight: bold;
background-color: #FFF;
border:1px;
border-color:#876652;
font-size:12px;
line-height:14px;
padding: 2px 4px;
margin: 2px;
}

/* petitbouton */
a.ptbt:link, a.ptbt:visited{
	height:12px;
	text-decoration:none; 
	color:#FFF; 
	text-align:center;
	font-weight: bold;
	background-color: #876652;
	border:1px;
	border-color:#876652;
	font-size:11px;
	line-height:10px;
	padding: 1px 2px;
}

a.ptbt:hover{
	height:12px;
	text-decoration:none; 
	color:#000; 
	text-align:center;
	font-weight: bold;
	background-color: #FFF;
	border:1px;
	border-color:#876652;
	font-size:11px;
	line-height:10px;
	padding: 1px 2px;
}

/* titre */
a.titre:link, a.titre:visited{
	height:18px;
	text-decoration:none; 
	color:#876652; 
	background-color: #FFF;
	text-align:left;
	font-size:16px;
	border:0;
	padding: 0px 5px;
}

a.titre:hover{
	height:18px;
	text-decoration:none; 
	color:#FFF; 
	background-color: #876652;
	text-align:left;
	font-size:16px;
	border:0;
	padding: 0px 5px;
}

/* Login Photos */
#photosa {
	LEFT: 34px; 
	POSITION: absolute; 
	TOP: 25px; 
	z-index:10;
}
#photosa li, #photosb li {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 6px; 
	PADDING-TOP: 0px
}
#photosb {
	RIGHT: 34px; 
	POSITION: absolute; 
	TOP: 20px; 
	z-index:10;
}
#photosb IMG {
	border:#999999 1px solid;
}
/* Logo */
#logo {
	LEFT: 50%; 
	MARGIN-LEFT: -121px; 
	POSITION: absolute; 
	TOP: 20px;
	z-index:0;
	}

#logonav {
	position: absolute;
	background-color: #0B4499;
	top : 0px;
	left: 0px;
	height:49px;
	z-index: 100;
}

/* Centré */
#global {
     margin-left: auto;
     margin-right: auto;
     width: 700px;
    text-align: left; /* on rétablit l'alignement normal du texte */
}

#milieu {
	MARGIN-TOP: 210px; 
	PADDING-LEFT: 15px; 
	MARGIN-LEFT: auto; 
	WIDTH: 420px; 
	MARGIN-RIGHT: auto; 
	TEXT-ALIGN: left;
	z-index:100;
	}
	
#login {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 3px; 
	/*MARGIN: 0px 15px; modif CBa 3/2/2010 */
	COLOR: #fff; 
	PADDING-TOP: 5px; 
	BACKGROUND-COLOR: #876652;
	z-index:100;
	background-position:right bottom;
	background-image:url(../Images/virgule_bdroit.png);
	background-repeat:no-repeat;
	}
#login td {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}
#login img{
	position: relative;
	bottom: 0px;
	right : 0px;
	z-index:0;
	}
.tabLogin td {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 10px;
	font-weight: bold;
}
.tabLogin th {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

#highlight {
	position:absolute;
	top:420px;
	width:450px;
	left:50%;
	margin-left:-225px;
	font-family:tahoma, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-align:center;
	z-index:100;
	}
	
#lignebas {
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
	line-height:1px;
	font-size:1px;
	height:15px;
	background-color:#452121;
	z-index:1;
	}
#frisegif {
	position:fixed;
	bottom:10px;
	RIGHT: 0px;
	padding:0px;
	z-index:0;
	}
#frisebggif {
	position:fixed;
	bottom:10px;
	left: 0px;
	padding:0px;
	z-index:0;
	}
#footer {
	position:relative;
	bottom:20px;
	}

/* Recherche par mots clés */	
#rechmots {
	margin: 10px 180px 0 0;
	padding: 5px;
	background-color: #876652;
	font-size:12px;
	color: #FFF;
	background-position:right bottom;
	background-image:url(../Images/virgule_bdroit.png);
	background-repeat:no-repeat;
}
	
/* Popup Limitation Recherche */	
.formtable {
width: 450px;
font-size:12px;
border-collapse:collapse;
background-color: #876652;
border-color: #FFF;
color: #FFF;
text-align:left;
display:table;
	background-position:right bottom;
	background-image:url(../Images/virgule_bdroit.png);
	background-repeat:no-repeat;

}
.formtablenw {
font-size:12px;
border-collapse:collapse;
background-color: #876652;
border-color: #FFF;
color: #FFF;
text-align:left;
display:table;
	background-position:right bottom;
	background-image:url(../Images/virgule_bdroit.png);
	background-repeat:no-repeat;
}

.minitr {
height:2px;
font-size:1px;
line-height:1px;
background-color: #FFF;
}

/* Tableau Formulaire */	

.tform {
	background-color: #876652;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	}

/* Centrage */		
#centrehv {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 600px;
     height: 200px;
     margin-top: -100px; /* moitié de la hauteur */
     margin-left: -300px; /* moitié de la largeur */
	 font-size:12px;
	 font-weight:bold;
     }

/* 1 ou 2 lignes de texte, centrées H V */	 
#infocentre {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 500px;
     height: 40px;
     margin-top: -20px; /* moitié de la hauteur */
     margin-left: -250px; /* moitié de la largeur */
	 font-size:12px;
	 font-weight:bold;
	 text-align:center;
     }
	 
/* Zoom + Infos */ 
.txtbold {
font-size:12px;
font-weight:bold;
color: #000;
}

.txtbase {
font-size:12px;
font-weight: normal;
color: #000;
}
.txtres {
	color:#FFFFFF;
	text-align:right;
	font-size:12px;
}

/* Liens génériques */

a.lien:link, a.lien:visited {
text-decoration:none; 
color:#000; 
background-color: #FFF;
border:0;
padding: 0px 2px;
}

a.lien:hover {
text-decoration:none; 
color:#FFF; 
background-color: #876652;
border:0;
padding: 0px 2px;
}

/* Homepage */

#homeslide {
     top: 0;
      }
#homeslide ol li {
list-style-type: upper-roman;
}

#homeslide IMG {
border:#999999 1px solid;
}
#leLienAccueil {
	MARGIN-TOP: 0px;
	FONT-SIZE: 20px;
	height : 40px;
	MARGIN-BOTTOM: 4px;
	MARGIN-LEFT: 0px;
	PADDING-TOP: 15px;
	TEXT-ALIGN: left;
	FONT-FAMILY: tahoma, Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

a.lienAccueil:link, a.lienAccueil:visited  {
	text-decoration:none; 
	color:#876652; 
	border:0;
	padding: 0px 2px;
}
a.lienAccueil:hover {
	text-decoration:none; 
	color:#FFF; 
	background-color: #876652;
	border:0;
	padding: 0px 2px;
}
/* Options de recherche */
.barre {
border-bottom: 1px;
border-bottom-color:#666666;
}

.hiddensubmit {
	background-color: #876652; 
	border-color: #876652; 
	border-spacing:0;
	border-width:0; 
	border-style: none;
	display:none;
}
.iehiddensubmit {
	background-color: #876652; 
	border-color: #876652; 
	border-spacing:0;
	border-width:0; 
	border-style: none;
	display:inline;
}

#pts {
position:absolute;
left:35px;
list-style-image:url(../Images/css/Puce_3CR_h12.png);
font-size:12px;
}
#spts {
position:relative;
left:35px;
list-style-image:url(../Images/css/Puce_3CJ_h10.png);
font-size:12px;
}
#logbas {
position:absolute;
bottom:30px;}

