/* =============================================================================
 * LAYOUT GENERAL
 * ===========================================================================*/
#document {
	width: 900px;
	margin:0;
	text-align: left;
	margin:0 auto;
	text-align: left;/*MSIE5*/
	background-image: url("images/fond_document.gif");
	background-repeat: repeat-y;
}
#skycrapper {   
    position: absolute;
    margin-left:900px;
    top:20px;
}
#bandeauHaut {}
#corps {
  width: 780px;
  margin: 0px;
  margin-left:59px;
	padding:0px;	
	background-color:#FFFFFF;
	border-left: 2px #E0DDC7 solid;
	border-right: 2px #E0DDC7 solid; 
}
#colonneGauche {
	float:left;
  width:160px;	
	margin:0px;
	padding-right: 0px;
	padding-left: 3px;
	padding-top: 5px;	
	padding-bottom: 5px;
  background-color:#FFFFFF;	
  border:0;
}
.avecDeuxColonnes #contenu {
}
.avecColonneDroite #contenu, .avecColonneGauche #contenu {
  width:610px;	
	margin:0px;
	margin-left:167px;
	padding:0px;
	padding-top: 5px;	
	padding-bottom: 5px;	
	background-color:#FFFFFF;	
  border:0;	
}
#colonneDroite {
  display:none
}
#bandeauBas {
  width: 774px;
  margin: 0px;	
  margin-left:59px;  
  height:49px;
	padding:5px;
  background-image: url(images/PiedPage.gif);
  background-repeat: no-repeat;
  background-position: left top;
	text-align:center;
	display:block;
  clear:both;
}

/* =============================================================================
 * STANDARD IMPLEMENTATION & STANDARD CMS
 * 	-> Éléments utilisés par l'application et une implémentation standard du CMS
 * ! Atention aux spécificités des selecteurs qui peuvent être plus importantes 
 * ===========================================================================*/
/* Implémentaiton au cas par cas  */
.clear {clear : both;}
/* TPL_FORMULAIRE */
input.case {border: none;}
label.enLigne {
	float: none;
	display: inline;
}
/* TPL AVEC FORMULAIRE : tpl_formulaire, tpl_ged, tpl_login, tpl_loginMDL, etc. */
p.action {}
p.action input {}
/* TPL_FORMULAIRE [=>label caché] et éléments d'accessibilité */
.accessLayout, .byPass {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* CMS */
.paragraphe {
	overflow: hidden;
	width: 100%;
}
/* WYSIWYG */
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
img.alignleft {float: left; margin: 0 5px 5px 0;}
img.alignright {float: right; margin: 0 0 5px 5px;}
a img {border-width: 0;}
acronym {
	border-bottom: 1px dotted;
	cursor:help;
}
/* =============================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * ===========================================================================*/
body {
  margin: 0;
  margin-bottom: 10px;	
	padding: 0;
	background-color: #F1EFE2;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt; /* Rétablir la taille pour MSIE5 dans "msie_fixes.css" */
}
/* =============================================================================
 * ELEMENTS COMMUNS (non spécifique à la position dans le page) DE LA CHARTE
 * ===========================================================================*/
h2{
display:none;
}
h3, h4, h5, h6 {}
p {}
ul {}
a {color:#786F46;font-weight:bold;}
a.alt {color:#8B4219;font-weight:bold;}
a:hover, a:focus {text-decoration: none;}
strong a {color:#000000;font-weight:bold;text-decoration: none;}
/* =============================================================================
 * DOCUMENT (CHARTE GENERALE)
 * ===========================================================================*/
#document {}
	/* ... */
/* =============================================================================
 * BANDEAU HAUT (CHARTE GENERALE)
 * ===========================================================================*/
#bandeauHaut {
  width: 900px;
  margin: 0px;
	padding:0px;	
}

#bandeauHaut .logo {
  width: 900px;
  margin: 0px;
	padding:0px;
}

#bandeauHaut .navigation {
  width:777px;
	background-color:#FFFFFF;
		height:50px;
	margin: 0px;
	margin-top: -3px;
  margin-left:59px;
  padding : 0px;
	padding-left:3px;
	border-left: 2px #E0DDC7 solid!important;
	border-right: 2px #E0DDC7 solid!important; 
  clear: both; 
}

#bandeauHaut .navigation table {
	width:774px;
	clear:both;
	text-align: center;
	border-bottom:1px solid #969e81;
	background-color:#7A6E48;
		height:50px;
	margin: 0px;
  padding : 0px;
	border:none;
}
#bandeauHaut a {font-weight:normal; font-size:9pt; text-decoration:none;color:#FFFFFF;}
#bandeauHaut td {margin:0;padding:0;white-space: nowrap;
    padding: 2px 9px 2px 9px;
    text-align:center;
    }

	/* ... */
/* =============================================================================
 * CORPS (CHARTE GENERALE)
 * ===========================================================================*/
#corps {}
	/* ... */
/* =============================================================================
 * COLONNE GAUCHE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneGauche {}
	/* ... */
/* =============================================================================
/* CHEMIN (fil d'ariane)
 * ===========================================================================*/
#chemin {
	margin: 0;
  margin-left: 67px;
  padding: 0;
  padding-top: 5px;
  color: #786F46;  
  font-weight:bold;
}
#chemin a,#chemin a:hover,#chemin a:visited {
  color: #786F46;  
  font-weight:bold;
}
/* =============================================================================
/* Bandeau Photo Page d'accueil
 * ===========================================================================*/
#bandeauPhoto {
	margin: 0;
  margin-left: 64px;
  padding: 0;
  padding-top: 7px;
  width:774px;
}
#bandeauPhoto img{
	margin: 0;
  padding: 0;
}
/* =============================================================================
 * CONTENU(CHARTE GENERALE)
 * ===========================================================================*/
#contenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;
}

#contenu .bloc0, .bloc1 {
	clear: both;
	padding:0;
  padding-top :5px;
}

#contenu .bloc0 p, #contenu .bloc1 p{
    margin:0;
    padding :0; 
    padding-top :5px;    
    padding-bottom :5px;             
}

#contenu .bloc1 {
	/*background-color: #f6f6f6;*/
}

#contenu h3{
    margin:0;
    padding :5px!important;
    font-size:9pt;
    color:#FFFFFF; 
    height:15px!important;
    background-repeat: no-repeat;
    background-position: top;
    background-image: url("images/fond_h3_610.gif");            
}

#contenu h4{
    margin:0;
    padding :0;
    font-size:8pt;
    font-weight: bold;           
}

#contenu a.panier_add {
  color:rgb(153, 51, 0);
	text-decoration:underline;
	font-weight:bold;
}

#contenu a.panier_add:hover {
	text-decoration:none;
}

#contenu img.panier_add {
  border:none;
  padding: 0;
  margin: 0;
  margin-bottom: -2px;
  margin-right:3px;
  text-decoration:none;
}
	/* ... */
/* =============================================================================
 * COLONNE DROITE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneDroite {}
	/* ... */
/* =============================================================================
 * BANDEAU BAS (CHARTE GENERALE)
 * ===========================================================================*/
#bandeauBas {

}

.basPage{
  margin:0;
	padding:0;
	text-align:center;
}

.basPage li {
	display:inline;
}
.basPage a, .basPage a:visited, .basPage a:hover {
	padding:0 10px 0 10px;
	border-right: 1px solid #786F46;
	color: #786F46;
	text-decoration: none;
	font-weight:bold;
}
.basPage a:hover {
	text-decoration: underline;
}
.basPage a.envoyer, .basPage a:visited.envoyer, .basPage a:hover.envoyer {
	border:none;
}

.basPage img {
  padding: 0 !important;
  padding-right: 2px !important;  
  margin: 0 !important;
  margin-bottom: -3px !important;  
}

#copyright {color: #786F46;text-align:center;}

/* =============================================================================
 * MODULES (CHARTE GENERALE)
 * ===========================================================================*/
.module {
	margin: 0;
	margin-bottom:5px;
	padding :0;
	width:153px;
}

.module h3{
  background-image: url("images/fo_entete_153.gif");
  font-size:9pt;
  color:#FFFFFF;
  height:20px;
  text-align: center;
  padding:0;
  padding-top: 5px;
  margin: 0;
}


.module .tpl_rubriqueListeMDL{
    margin: 0;
    background-color: #EAE7D4;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(images/bas_module_153.gif);
}

.module .tpl_rubriqueListeMDL a{
    color:#8B4219;
    font-size: 9pt;
    text-decoration: none;
    font-weight: bold;
    padding: 0px;
}

.module .tpl_rubriqueListeMDL a:hover{
    text-decoration: underline;
}

.module .tpl_rubriqueListeMDL ul{
    padding:5px;
    margin: 0;
}

.module .tpl_rubriqueListeMDL li{
    margin: 0;
    padding:0px;
    padding-bottom: 2px;
    display:list-item;
    list-style-image:url("images/fo_puce.gif");
    list-style-position:inside;
}

.module .tpl_accesRapideMDL{
    margin: 0;
    padding : 8px;
    padding-top: 0px!important;
    background-color: #8B4219;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(images/bas_acces_rapide_153.gif);   
}

.module .tpl_accesRapideMDL form{
    margin: 0;
    padding : 0;
}

.module .tpl_accesRapideMDL form select{
    color: #8B4219;
    width : 137px;
    font-weight: bold;
    margin-bottom: 2px;
}

.module .tpl_accesRapideMDL form input{
    color: #8B4219;
    width : 105px;
    font-weight: bold;
}

.module .tpl_accesRapideMDL form input.submit{
    color: #000000;
    width : 25px;
    height:20px;
    font-size: 7pt;
    font-weight: normal!important;
}

/* Panier d'achat */
.module .tpl_panierAchatMDL{
    margin: 0;    
    background-color: #EAE7D4;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(images/bas_module_153.gif);
}
.module .tpl_panierAchatMDL h3{
  background-image: url("images/fo_entete_vert_153.gif");
  color:#FFFFFF;
  height:20px;
  text-align: center;
  padding:0;
  padding-top: 5px;
  margin: 0;
}
.module .tpl_panierAchatMDL h3 a{
    color:#FFFFFF;
    text-decoration: none;
    font-weight: bold;
    padding: 0px;
}
.module .tpl_panierAchatMDL h3 a:hover{
    text-decoration: none;
}

.module .tpl_panierAchatMDL a{
    color:#968859;
    font-weight: bold;
    padding: 0px;
}
.module .tpl_panierAchatMDL p{
    padding:5px;
    margin:0;
    color:#8B4219;
    text-align: center;
}

#contenu .tplPanier #TFC_PORT,
#contenu .tplPanier #TFC_PORT_CHRONO,
#contenu .tplPanier #TFC_PORT_CORSE,
#contenu .tplPanier #TFC_PORT_DOM,
#contenu .tplPanier #COM_MODE_REGLEMENT_CB,
#contenu .tplPanier #COM_ASSURANCE,
#contenu .tplPanier #COM_MODE_REGLEMENT_CHEQUE  {
    border :none!important;
}

/* =============================================================================
 * TPL CENTRAUX (CHARTE GENERALE)
 * ===========================================================================*/
#contenu .tpls, #contenu .tpl {
  overflow: hidden;
	width: 100%;
}

#contenu #rubriqueNavigation {
  display: block;
}

#contenu #rubriqueNavigation h4{
    background-color:#97895A;
    margin:0;
    padding :5px;
    color:#FFFFFF; 
    height:15px;
    background-repeat: no-repeat;
    background-position: top;
    background-image: url("images/fond_h3_610.gif");         
}
#contenu #rubriqueNavigation h4 a{
    color:#FFFFFF;
    text-decoration:none;    
}
#contenu #rubriqueNavigation ul {
    background-color:#FFFFFF;
  	list-style-type: none;
  	display:block;
  	margin: 0;
  	padding:0;
  	white-space: nowrap;
  	height:18px !important;
}
#contenu #rubriqueNavigation li {
    /*padding:2px 4px 0 24px;*/
    padding:0 4px 0 4px;	
    margin:0;
    color:#97895A;
    height:20px;
    vertical-align: middle;
    line-height: 18px;
    text-align: left;
    display: inline;
}
#contenu #rubriqueNavigation a {    
    color:#97895A;        
}

#contenu .conteneur table, #contenu .conteneur tr, #contenu .conteneur td, #contenu .conteneur h3{    
    margin: 0;
    padding: 0;  
    vertical-align: top;
}

#contenu th
{
    background-color: #EAE7D4;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    color: #8b4219;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
}

#contenu .conteneur .contenu1 {
    width:239px!important;
    margin: 0;
    padding: 0;  
}

#contenu .conteneur .contenu2{
    width:365px!important;
    margin: 0;
    padding: 0;
    margin-left:5px;  
    vertical-align: top;          
}


#contenu .conteneur .contenu2 h3{
    margin:0;
    padding :5px!important;
    color:#FFFFFF; 
    height:15px!important;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url("images/fond_h3_365.gif");            
}

#contenu .conteneur .contenu2 p{
    margin: 0;
    padding: 0;               
}

#contenu .conteneur .contenu2 .tpl_artisteFiche {
           
}

#contenu .tpl_editoCitation {
    background-image: url("images/fond-edito.gif");
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #EAE7D4;
    margin: 0;
  	padding:5px;
  	width:229px!important;
}

#contenu .tpl_editoCitation p{
  	margin: 0;
  	padding:0;
}

#contenu .tpl_editoCitation h4{
    font-weight: bold;
    color:#786F46;
  	margin: 0;
  	padding:0;    
}

#contenu .tpl_editoCitation .citation{
    color:#786F46;
}

#contenu .tpl_oeuvreLast p, #contenu .tpl_oeuvreLast td,
#contenu .tpl_artisteFiche p, #contenu .tpl_artisteFiche td,
#contenu .tpl_rubriqueFiche p, #contenu .tpl_rubriqueFiche td,
#contenu .tpl_oeuvreFiche p, #contenu .tpl_oeuvreFiche td,
#contenu table img
{
    margin: 0;
    padding: 0;               
}

#contenu .biblio_artiste p
{
    margin-top: 5px;
    margin-bottom: 10px;              
}

#contenu td.oeuvre, #contenu td.galerie {
    padding:2px;
    padding-top:20px!important;
    padding-bottom:20px!important;
    vertical-align: top;
}

#contenu td.visuel_oeuvre {
    padding:2px;
    padding-top:20px!important;
    padding-right:20px!important;
    vertical-align: top;
}

#contenu td.text_oeuvre {
    padding:2px;
    padding-top:20px!important;
    vertical-align: top;
}

#contenu td.visuel_artiste, #contenu td.visuel_agenda  {
    padding:10px;
    padding-top:20px!important;
    padding-left:20px!important;
    padding-bottom:20px!important;
    vertical-align: top;
}

#contenu td.text_artiste, #contenu td.text_agenda {
    padding:2px;
    padding-top:20px!important;
    vertical-align: top;
}

#contenu .tpl_rubriqueFiche h4 {
    margin:0;
    padding :5px!important;
    font-size:9pt;
    color:#8B4219; 
    background-color:#F0EEE1;
    height:15px!important;
   
}
#contenu .tpl_produitLast h4 {
    margin:0;
    padding :5px!important;
    font-size:9pt;
    color:#8B4219; 
    background-color:#F0EEE1;
    height:15px!important;
   
}
#contenu .tpl_insertion {
    text-align:center;
    padding:10px 0;
}
/* =============================================================================
 * FORMULAIRES (CHARTE GENERALE)
 * ===========================================================================*/
fieldset {
  padding: 2px;
}

#contenu legend {
	color:#97895A;
	font-weight: bold;
	margin: 0 5px 0 5px;
}
input, textarea,select {border: 1px solid;} /* CF. input[class=case] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */

/* Non applicable au form en MDL */
#contenu p label {
	font-weight: bold;
}
/* =============================================================================
 * BLOC DE NAVIGATION : résultats de recherche
 * ===========================================================================*/
.blocNavigation { 
	text-align: center; 
} 
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}
.regletteNavigation span{
	padding: 2px 0;
	/*border-bottom: 1px solid black;*/
}
.regletteNavigation a {
	font-size: 11px;
	color: #FFFFFF;
	background-color:#998955;
	margin: 0 2px;
	padding: 0 2px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	text-decoration: none;
	font-weight: normal;
}

.regletteNavigation a:hover, .regletteNavigation a.pageSelected {
  background-color: #8b4219;
	color: #FFFFFF;
}
/* =============================================================================
 * COMMANDE : etape commande
 * ===========================================================================*/
.etape {
  position:absolute;
  display: block;
  list-style-type: none;
	margin: 0;
	padding:0;
	white-space: nowrap;
	clear:both;
}

.etape ul {
	margin: 0;
	padding:0;
}
.etape a{
	color:#FFFFFF !important;
  text-decoration: none;
}

.etape li.titre {
	float:left;
  padding:0;	
	margin:0;
	color:#FFFFFF;
  vertical-align: middle;
  border:none;
  list-style-type: none;  
}

.etape li {
  float:left;
	/*padding:2px 4px 0 24px;*/
  padding:0 4px;	
	margin:0;
	margin-left:4px;
	color:#FFFFFF;
	border: 1px #FFFFFF solid;
  vertical-align: middle;
  list-style-type: none;  
}

.etape li.selected {
	color:#97895A;
  background-color: #FFFFFF;
}

.etape li.finaliser {
  float:right;
}

/* =============================================================================
 * COMMANDE : login
 * ===========================================================================*/
#contenu td.deuxColonnes {
vertical-align: top;
}

#contenu fieldset.deuxColonnes {
padding : 5px;
margin-right:5px;
width:280px!important;
}

#contenu fieldset.deuxColonnes p{
padding : 0px;
margin :0px;
width:280px!important;
}

#contenu fieldset.deuxColonnes h4{
padding-top : 5px;
}

#contenu .tplPanier fieldset.deuxColonnes h4{
font-weight: normal;
width:280px!important;
}

#contenu .tplPanier fieldset label{
    width: 250px;
    float: left;
    padding-right: 5px;
}
#contenu .tplPanier fieldset label.port{
    width: 350px;
    float: left;
    padding-right: 5px;
}
/* fin Affichage login */
/* =============================================================================
 * Anim accueil
 * ===========================================================================*/
#global {
	position: relative; /* to center the page */
	margin-left: auto;
	margin-right: auto;
	top: 0px; /* space between the browser bar and the website */
	width: 900px; /* website size */
	text-align: left;
}
#global #Fond {
	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	height:453px;
	z-index:1;
	background-image: url(images/fond_flash_anim.gif);
}
#global #FlashAnim {
	position:absolute;
	left:62px;
	top:25px;
	width:776px;
	height:400px;
	z-index:2;
}
#global #Navigation {
	position:absolute;
	left:0px;
	top:454px;
	width:900px;
	height:66px;
	z-index:1;
}

/* fin Anim accueil */
/* =============================================================================
 * Forum
 * ===========================================================================*/
.tpl_forumListe table, .tpl_forumFiche table, tpl_forumDiscListe table{
padding: 0;
margin: 0;
}


#contenu td.choix
{
    padding-right: 5px;
    vertical-align: top;
}

#contenu td.msg
{
    padding-right: 10px;
    vertical-align: top;
}

.tpl_forumListe .conteneur {
padding: 0!important;
margin: 0!important;
}

.tpl_forumListe .conteneur table {
display: none;
padding: 0!important;
margin: -3px!important;
}

.tpl_forumListe .choix, .tpl_forumFiche .choix {
width:400px!important;
}

.tpl_forumDiscListe .choix {
width:300px!important;
}

.tpl_forumDiscListe .initie {
width:100px!important;
}

.tpl_forumListe .msg, .tpl_forumFiche .msg, .tpl_forumDiscListe .msg {
width:30px!important;
}

.tpl_forumListe .last, .tpl_forumFiche .last, .tpl_forumDiscListe .last {
width:150px!important;
}

#contenu .tpl_forumDiscFiche .fonction{
text-align: right!important;
color: #e32322!important;
font-weight: bold!important;
}

.tpl_forumDiscFiche .fonction table a{
color: #999966!important;
font-weight: bold!important;
text-decoration: none;
}

#contenu .tpl_forumDiscAdd fieldset, #contenu .tpl_forumProfil  fieldset{
width:510px!important;
margin-left: 5px;
margin-right: 5px;
}

#contenu .tpl_forumDiscFiche .infoMsg{
font-size: 9px;
padding: 0px;
padding-left: 5px;
margin: 0px;
}

#contenu .tpl_forumDiscFiche .contenuMsg{
text-align: justify;
}
.tpl_lienPartenaire textarea {
    margin-top:5px;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 10px;
    width: 550px;
    height: 70px;
    color: #757575;
}
.tpl_lienPartenaire img {
    border:1px solid #000000;
}
/* fin forum */
/* =============================================================================
 * Affichage du bouton RSS 
 * ===========================================================================*/
#contenu table.RSS{
  padding:0;
  margin:0;
  width:100%;
  background-color: transparent;
}

#contenu table.RSS td, #contenu table.RSS tr{
  border:0;
  padding:0;
  margin:0;
}

#contenu table.RSS p{
  padding-top:5px;
  margin-top:5px;
  padding-bottom:0;
  margin-bottom:0;
}

#contenu img.logo_RSS {
  padding: 0 !important;
  /*padding-left: 10px !important;*/
  margin: 0 !important;
  margin-bottom: -3px !important;
}
/*Fin Affichage du bouton RSS */
.blocAlerte {
  padding: 10px; 
  margin: 5px;
  background-color: #FFCCCC!important;
  border:1px solid #FF0000!important;
  font-weight: bold;
  font-size: 12px;
}

.blocAlerte .alerte {
  color:#000000!important;
  padding: 0!important;
  margin: 0!important;
}

.blocAlerte p{
  padding: 0!important;
  margin: 0!important;
}

.blocAlerte ul li strong, .blocAlerte ul li a{
  color:#FF0000!important;
  padding: 0!important;
  margin: 0!important;
}

select.alerte {
  background-color: #FFCCCC!important;
}
/* Style for Usual tabs */
.usual {  
  margin:0;   
  padding:0;
  /*background:#eae7d4;*/ 
}
.usual li { 
    list-style:none; float:left; 
}
.usual ul {
    margin:0;
    padding:0;            
    padding-left:1px;  
    background:#eae7d4;  
}
.usual ul a {
    display:block;
    padding:6px 10px;
    text-decoration:none!important;
    margin:1px;
    margin-left:0;    
    color:#000;
    background:#FFF;
}
.usual ul a:hover {
    background:#96895c; 
    color:#FFF;   
}
.usual ul a.selected {
    margin-bottom:0;
    background:#eae7d4; 
    color:#8B4219;   
    cursor:default;   
}

.usual div { 
    clear:left;    
}
.unset {
    display:none;
}