/*----------------------General------------------------*/
/*---------------<-- Design by T3cK -->----------------*/
body {
	margin : 0px;
	padding : 0px;
	background-color: #FFFFFF;
	background-image: url(composants/paille.jpg);
	background-position: top;
	background-repeat: repeat-x;
	height: 100%;
}

#floatd {
	float:right;
}

.floatd {
	float:right;
}

#floatg{
	float:left;
}

.floatg{
	float:left;
}
/*---------------<-- Ajouté PhR -->----------------*/
.left {
   text-align:left !important;
}
.center {
   text-align:center !important;
}
.right {
   text-align:right !important;
}
.top {
   vertical-align: top !important;
}
.middle {
   vertical-align: middle !important;
}
.bottom {
   vertical-align: bottom !important;
}
.inline{
   display: inline !important;
}
.block{
   display: block !important; 
}
img{
   border:0;
}
form{
   margin:0;
   padding:0;
}
.commeLien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #553106;
	font-weight: bold;
	border:none;
	background-color: transparent;
	text-decoration: underline !important;
}
.commeLienBoutique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #06420E;
	font-weight: bold;
	border:none;
	background-color: transparent;
	text-decoration: underline !important;
}
.commeTexte {
	border:none;
	background-color: transparent;
}
.ligne1{
   background-color: inherit;
}
.ligne2{
   background-color: #DBB287;
}
.erreur {
   color: #FF0000;
   background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   font-size:.7em;
   margin:5px;
   border:1px solid #FF0000;
}
.textError {
   color: #FF0000 !important;
   background-color: inherit;
}
/*---------------<-- Fin ajout PhR -->----------------*/

.gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: center;
}

#fondsite {
	position: absolute;
	width: 853px;
	margin-left: -427px;
	left:50%;
	background-image: url(composants/fond_site.jpg);
}

#spe_ie {
	width: 7px;
	height: 400px;
	float:left;
}

#container {
	width: 839px;
	float:left;
	margin-bottom: 16px;
	background-image: url(composants/fond_container.jpg);
	background-repeat: repeat-x;
}

#bandeau {
	width: 839px;
	float:left;
	padding-bottom: 14px;
}

#lang {
	width: 96px;
	float:left;
}

#bandeau_pub {
	width: 686px;
	float:left;
}

#menu_container {
	width: 686px;
	height: 45px;
	float:left;
	background-color:#0d0e12;
}

#menu {
	width: 654px;
	height: 31px;
	margin-top: 14px;
	margin-left: 5px;
	float:left;
}

/*------------------Menu bandeau------------------------*/
/*------------------------------------------------------*/
#nav {
	list-style: none;  
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;  
	padding: 0px;
}

#nav li {
	display: inline ;
	margin-right: 1px ;
	color: #0e1a43;
}

#nav li a, #nav li a:focus, #nav li a:active {
	color: #0e1a43;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 4px 10px;
	text-align: center;
	text-decoration: none;
}

#nav li a:hover {
	color: #06420e;
}
/*------------------------------------------------------*/
/*------------------------------------------------------*/

/*---------------------Contenu--------------------------*/
/*------------------------------------------------------*/
#global_contenu{
	width: 817px;
	float: left;
	background-color:#0066FF;
}

#contenu_container {
	width: 623px;
	float:left;
	margin-left: 16px;
	margin-right: 16px;
	background-image: url(composants/contenu_fond.jpg);
}

#contenu {
	width: 593px;
	float:left;
	padding-left: 15px;
}

#presentation {
	width: 360px;
	float:left;
	margin-bottom: 20px;
}

.presentation_suite {
	width: 588px;
	float:left;
	padding-bottom: 10px;
}

.presentation_suite form {
	margin: 0px;
	padding: 0px;
}


h1 {
	margin-top: 0px;
	margin-bottom: 8px;
	padding-top: 13px;
	display: block;
	background-image: url(composants/h1_image.jpg);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 74px;
	vertical-align: text-bottom;
}

h2 {
	margin-top: 0px;
	padding-top: 5px;
	margin-bottom: 5px;
	display: block;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #06420e;
}

h5 {
	margin-top: 0px;
	padding-top: 5px;
	margin-bottom: 5px;
	display: block;
	width: 100%;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #06420e;
}

.titre_vert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #06420e;
	display:block;
	width: 100%;
	border-bottom: 2px solid #06420e;
}

.imgborder {
	border: 2px solid #c08142;
	background-color: #FFFFFF;
	padding: 3px;
	margin: 4px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
}

.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.m_e_valeur {
	color: #59852e;
	font-weight: bold;
	text-decoration: none;
}

.m_e_valeur_celine {
	font-size: 16px;
	color: #59852e;
	font-weight: bold;
	text-decoration: none;
}

.lien_liste_boutique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	text-decoration: none;
}

.liste {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #59852e;
	text-align: left;
	font-weight:bold;
}
/*------------------------------------------------------*/
/*------------------------------------------------------*/

/*-----------------------News---------------------------*/
/*------------------------------------------------------*/
#new_fr {
	width: 192px;
	background-image:url(composants/fond_new.jpg);
	background-repeat:no-repeat;
	padding-top: 46px;
	margin-top: 0px;
	margin-left: 4px;
	margin-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	float:right;
}

#new_en {
	width: 192px;
	background-image:url(composants/fond_new_en.jpg);
	background-repeat:no-repeat;
	padding-top: 46px;
	margin-top: 0px;
	margin-left: 4px;
	margin-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	float:right;
}

h3 {
	margin-top: 0px;
	margin-bottom: 8px;
	padding-top: 2px;
	min-height: 22px;
	display: block;
	
	background-image: url(composants/tambour.png);
	background-repeat: no-repeat;
	padding-left: 22px;
}

.titre_new_vert a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
	color: #06420e;
	display:block;
	width: 100%;
}

.titre_new_vert a:hover  {
	text-decoration:none;
}

#new_fr p, #new_en p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: justify;
}
/*------------------------------------------------------*/
/*------------------------------------------------------*/

/*-----------------------Ss_rub-------------------------*/
/*------------------------------------------------------*/
#ss_rub_global {
	width:161px;
	float: left;
}

#ss_rub_container_vide {
	width:161px;
	float: left;
	margin-bottom: 10px;
}

#ss_rub_container {
	width:161px;
	float: left;
	background-image: url(composants/ss_rub_fond.jpg);
	/*margin-bottom: 10px;*/
}

#ss_rub_titre{
	width:145px;
	padding-left: 8px;
	float:left;
	padding-bottom: 0px;
}

h4 {
	margin-top: 0px;
	padding-top: 5px;
	margin-bottom: 5px;
	display: block;
	background-image: url(composants/ss_rub_image.jpg);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 25px;
	vertical-align: text-bottom;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #06420e;
}

.ss_rub {
	width:128px;
	min-height: 22px;
	float:left;
	margin-left: 8px;
	padding-left: 18px;
	margin-bottom: 5px;
	background-image: url(composants/tambour.png);
	background-repeat: no-repeat;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #522e09;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.mini {
	width:128px;
	float:left;
	margin-left: 14px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #522e09;
}

.mini a img {
	border: 2px solid #c08142;
}

.mini p {
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align:left;
}

.prix {
	float:right;
	font-weight:bold;
	font-size: 9px;
	color: #06420e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.prix_big {
	float:right;
	font-weight:bold;
	font-size: 12px;
	color: #06420e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ss_rub a, .mini a{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
/*------------------------------------------------------*/
/*------------------------------------------------------*/

/*-------------------pied_de_page-----------------------*/
/*------------------------------------------------------*/
#pied_de_page {
	width: 853px;
	min-height: 34px;
	float:left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-image: url(composants/pied_page_fond.jpg);
	background-repeat: repeat-x;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #512f08;
	text-decoration: none;
}
/*// Modif PhR 07/04/09  //*/
   #pied_de_page a{
      color:#512F08;
   }

/*------------------------------------------------------*/
/*------------------------------------------------------*/

/*---------------------Produits-------------------------*/
/*------------------------------------------------------*/

.produit_vignette {
	width: 165px; /*185-10-10*/
	height: 174px; /*199-15*/  /* Modifié PhR : 184px initial*/
	padding-bottom: 10px;   /* Ajout PhR */ 
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	background-image: url(composants/fond_produits.jpg);
	background-repeat: no-repeat;
}

.vignette {
	width: 153px;
	min-height : 118px; /* Modifié BS : height: 118px; initial*/
	/*background-color: #c08142;*/
}

.produit_vignette p {
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
}

.tri {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	color: #06420e;
}

.form_text {
	border:1px solid #a5713d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #06420e;
}

.pagination a, .lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	text-decoration:none;
	color: #59852e;
}

.pagination_actuel {
	font-size: 14px !important;
	text-decoration:none !important;
	color: #06420e !important;
	font-weight: bold !important;
}

.texte a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #553106;
	font-weight: bold;
	text-decoration:none;
}

.achat a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #553106;
	font-weight: bold;
}

.tableau_articles:hover {
	background: #f5e9da;
}
.tableau_articles td {
   vertical-align: top;
}

.form_identification {
	width: 285px;
	display:block;
	margin-right: 8px;
	float:left;
}

.form_authent {
	width: 30px;
	display:block;
}

/*-----------------------Devis-------------------------*/
/*-----------------------------------------------------*/

.spectacle_titre {
	background-color:#06420e;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.texte_tableau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #000000;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

/*-----------------Impression commande-----------------*/
/*-----------------------------------------------------*/
@media print {
#bandeau, #ss_rub_global 
{ display:none}


}
/*---- Messages divers -------*/
.attention, .confirmation {
background: #fce5e1 url(attention.gif) 10px 5px no-repeat;
padding: 0px 5px 5px 50px;
margin: 1em 1em;
border: 1px #ff9100 solid;
}
.confirmation {
background: #F0FFF0 url(confirmation.gif) 10px 5px no-repeat;
border: 1px #009F00 solid;
}
