@charset "UTF-8";

/*


	DIGIKODE
	Conception et developpement : Digikode / JN Thierry


	Dimensions & marges blocs :
	- totale  : 900
	- bandeau : 900 x 130
	- menu principal : 225 x *
	- contenus : (50) 620 x *

	Couleurs principales :
	- fond bandeau			: cac8ad
	- fond  page		 	: cfcdad
	- items menu principal 	: 333
	- colonne gauche :
		- fonds sous-rub ou panels "menu vins" et "actualites" : c0bfa5
	- contenus : 

	
*/



/*

##############################################################################################
	BODY
	et divers (general)

*/

html, body {
	height: 100%;
	margin: 0;
	padding: 0}

body {
	background-color: #cfcdad;
	}

body * {
	font-family: Arial, Helvetica, sans-serif;
	}

.cleaner {
	clear: both;
	}

* img {
	border: none;
	}




/*

##############################################################################################
	POZH

*/

#pozh {
	min-height: 100%;
	width: 900px;
	padding: 0;
	margin: 0 auto;
	position: relative;}




/*

##############################################################################################
	BANDEAU

*/

#bandeau {
	position: relative;
	width: 900px;
	height: 130px;
	background: url(../images/bandeau-fond.gif) left bottom repeat-x}

/* 
	Logo Trapel 
*/

#logoTrapel {
	width: 197px;
	margin-left: 350px}

/* 
	Menu lagues 
*/

#menuLangues {
	position: absolute;
	right: 3px;
	bottom: 4px}

#menuLangues ul, #menuLangues li {
	margin: 0; padding: 0; list-style: none}

#menuLangues li {
	float: left;
	margin-right: 3px}





/*

##############################################################################################
	PARTIE CENTRALE

*/

#partieCentrale {
	padding-bottom: 50px;
	overflow-x: hidden;
	overflow-y: auto}



/*

##############################################################
	COLONNE GAUCHE
	- menu principal
	- menu vins
	- actualités

*/

#colonneGauche {
	float: left;
	width: 225px}

/*

####################################
	MENU PRINCIPAL

*/

#menuPrincipal * {
	margin: 0;
	padding: 0}

#menuPrincipal ul, #menuPrincipal li,
#menuPrincipal ul li ul, #menuPrincipal ul li ul li {
	margin: 0; padding: 0; list-style: none}

/* 
	Item de niveau 1 
*/

#menuPrincipal li {
	width: 225px;
/* 	height: 35px; */
	border-top: #fefefe 1px solid;
/* 	overflow: hidden */}

#menuPrincipal li.premierItem {
 	border: none}

#menuPrincipal li a {
/* background-color: red; */
color: green;
	display: block;
	height: 0;
	padding-top: 36px;
	overflow: hidden;}

#menuPrincipal li a.actif {
/* background-color: green; */
/*
	background-color: #b1af94;
	border-bottom: #cfcdad 1px solid
*/}


/* 
	Items de niveau 2 
*/

#menuPrincipal li ul li {
	height: 25px;
	border: none;
	background: #c0bfa5 url(../images/mp-filetSep-sousRub.gif) 19px 0 no-repeat}

#menuPrincipal li ul li a {
	display: block;
	color: #790e11;
	font-family: Verdana;
	font-size: 13px;
	text-indent: 19px;
	line-height: 25px;
	height: 25px;
	padding: 0;
	text-decoration: none}

#menuPrincipal li ul li a:hover,
#menuPrincipal li ul li a.actif {
	color: #fff}



/*

####################################
	MENU VINS

*/

#menuVins {
	background-color: #c0bfa5}

#menuVins h1 {
	color: #550305;
	font-size: 18px;
	height: 38px;
	line-height: 38px;
	margin: 0;
	padding: 0;
	background: url(../images/colG-fond-titrePanel.gif) left bottom repeat-x}

#menuVins h1 img {
	margin: 8px 0 0 11px}

#menuVins ul, #menuVins li {
	margin:0;padding:0;list-style: none}

#menuVins li {
	border: none;
	background: #c0bfa5 url(../images/mp-filetSep-sousRub.gif) 19px 0 no-repeat}

#menuVins li a {
	display: block;
	color: #790e11;
	font-family: Verdana;
	font-size: 13px;
	text-indent: 19px;
	line-height: 25px;
	height: 25px;
	text-decoration: none}

#menuVins li a:hover,
#menuVins li a.actif {
	color: #fff}



/*

####################################
	ACTUALITES

*/

#actualites {
	background-color: #c0bfa5}

#actualites h1 {
	color: #550305;
	font-size: 18px;
	height: 38px;
	line-height: 38px;
	margin: 0;
	padding: 0;
	background: url(../images/colG-fond-titrePanel.gif) left bottom repeat-x}

#actualites h1 img {
	margin: 8px 0 0 11px}

#actualites h2 {
	color: #790e11;
	font-size: 14px;
	font-weight: normal;
	margin: 14px 11px;
	padding: 0}

#actualites p {
	color: #000;
	font-size: 12px;
	margin: 13px 8px;
	padding: 0}

#actualites ul {
	margin: 13px 0;
	padding-left: 30px}
	
#actualites li {
	color: #000;
	font-size: 12px}

/* 
	Pied Actualités 
*/

#piedActu {
	position: relative;
	width: 100%;
	height: 15px;
	border-bottom: #fff 1px solid}

#piedActu p {
	position: absolute;
	margin: 0; padding: 0;
	top: 10px;
	right: 21px;
	height: 15px;
	background: url(../images/btn-lireLaSuite-left.gif) left center no-repeat}

#piedActu p a {
	display: block;
	color: #d2d2d2;
	font-size: 11px;
/* 	text-indent: 20px; */
	padding: 0 20px;
	line-height: 15px;
	height: 15px;
	text-decoration: none;
	background: url(../images/btn-lireLaSuite-right.gif) right center no-repeat}

#piedActu p a:hover {
	text-decoration: underline}


/*

##############################################################
	CONTENUS

*/

#contenus {
	float: right;
	width: 600px;
	/* margin-right: 20px */}

/* 
	Titres
*/

#contenus h1 {
	color: #fff;
	font-size: 22px;
	margin: 45px 0 10px 0;
	padding: 0;
	border-bottom: #fff 1px solid}

#contenus h3.spip,
#contenus h4.spip,
#contenus h5.spip {
	color: #fff;
	font-weight: bold;
	margin: 14px 0}

#contenus h3.spip {
	font-size: 20px}

#contenus h4.spip {
	font-size: 18px}

#contenus h5.spip {
	font-size: 16px}



/* 
	Paragraphes, listes 
*/

#contenus p {
	color: #5b524a;
	font-size: 14px}

#contenus ul, #contenus ol {
	margin: 13px 0;
	padding-left: 30px;
	list-style-position: inside}
	
#contenus li {
	color: #5b524a;
	font-size: 14px}

#contenus li ul {
	margin: 0}

/* 
	CHAPEAU
*/

#contenus div.chapeau {
	color: #fff;
	font-weight: bold;
	font-style: italic;
	margin: 5px 20px}

#contenus div.chapeau p {
	color: #fff;
	text-align: justify;
	font-weight: bold;
	font-style: italic}


/* 
	Liens  
*/

#contenus a {
	color: #000;}

/* 
	Tableaux 
*/

#contenus table.spip {
	width: 100%}

#contenus table.spip,
#contenus table.spip tr {
	border-collapse: collapse;
	margin: 0; padding: 0}

#contenus table.spip thead tr th {
	color: #333333;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 3px;
	border: #4c4c4c 1px solid;
	background-color: #999999}

#contenus table.spip td {
	color: #5b524a;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 3px;
	border: #4c4c4c 1px solid}


/* 
	Texte "mis en évidence" 
*/

#contenus p strong.caractencadre-spip {
	display: block;
	color: #550305;
	text-align: justify;
	padding: 10px 20px}

/* 
	Texte "encadré" 
*/

#contenus .texteencadre-spip {
	color: #fff;
	text-align: justify;
	padding: 10px 20px;
	font-style: italic;
	border: #fff 1px solid}



/* 
	Filet 
*/

#contenus hr.spip {
	width: 70%;
	height: 1px;
	border: 0;
	background-color: #fff;
	clear: both}

/* 
	DOCUMENTS dans les articles : marges, Titre des documents 
*/

.spip_documents {
	padding-bottom: 15px;
	}

.spip_documents_left {
 	padding-right: 10px;
	}

.spip_doc_titre {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #333;
	}

.spip_doc_descriptif {
	font-size: 10px;
	line-height: 11px;
	text-align: justify;
	color: #333;
	}



/* 
	Accueil : références 
*/

.accueilRef {
	color:#9c9a83;
	text-align: center;
	line-height: 11px;
	border:#b8b69a 1px solid;
	padding:10px 10px 20px 10px;
	margin: 30px 0}

.accueilRef h2 {
	font-size: 13px;
	clear: both}

.accueilRef p {
	color: #b8b69a !important;
	margin: 0}
.accueilRef ul {
	width: 210px;
	color: #b8b69a;
	padding: 0 !important;
	margin: 0 auto !important}
.accueilRef li {
	text-align: left}

.accueilRef a {
	line-height: 11px;
	color: #9c9a83 !important;
	font-size: 11px;
	text-decoration: none;
	white-space: nowrap;
	padding: 0 8px}

.accueilRef a:hover {
	text-decoration: underline}



/*

##############################################################
	FORMULAIRES

*/

form {
	width: 600px;
	margin: 0;
	padding: 0;
	height: 1%}

form fieldset {
	border: none}

form legend {
	display: none}

form .formulaire_erreur {
	display: none}

form p {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;}

form label {
	text-align: right;
	float: left;
	width: 300px;
	cursor: pointer;}

form input,
form textarea {
	width: 250px;
	margin: 0 0 0 10px;
	padding: 2px;
	font-size: 12px;
	color: #000;
	border: #b1af94 solid 1px;
	background-color: #fff}

form textarea {
	height: 60px;
	padding: 2px 0 0 4px;}

/* 
	Item obligatoire + erreur
*/

form .itemOblig {
	background: #fff url(../images/form-itemObligatoire.gif) right top no-repeat}

form .labelErreur {
	color: #fff;
	background: #ff0000}

/* 
	Bouton envoyer 
*/

form p.blocBtnEnvoyer {
	padding-left: 310px}

form #btnEnvoyer {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	width: 150px;
	height: 20px;
	border: #b1af94 solid 1px;
	background-color: #b1af94;
	margin: 0;
	padding: 0;
	cursor: pointer}


/* 

	"Votre demande a bien été envoyée" 

*/

#contenus p.formulaire_ok {
	color: #00db39;
	font-weight: bold;
	padding-left: 25px}





/*

##############################################################
	BLOC SELECTION VIN

*/

#contenus ul.selectionVin {
	margin: 0;
	padding: 0;
	list-style: none}

#contenus li.blocSelectionVin {
	width: 190px;
	height: 420px;
	text-align: center;
	margin: 0 5px 10px 0;
	overflow: hidden;
	float: left}

#contenus li.blocSelectionVin h5 {
	font-size: 12px;
	font-weight: bold;
	color: #620101;
	margin: 325px 0 8px 0;
	padding: 0}

#contenus li.blocSelectionVin p {
	font-size: 11px;
	color: #3a0101;
	margin: 0;
	padding: 0}

#contenus li.blocSelectionVin ul {
	margin: 0;
	padding: 0}

#contenus li.blocSelectionVin ul li {
	font-size: 11px;
	color: #3a0101;
	list-style: disc;
	margin: 0;
	padding: 0}


/*

##############################################################################################
	PIED DE PAGE

*/

#piedPage {
	position: absolute;
	width: 100%;
	height: 28px;
	bottom: 0;
	background: url(../images/piedpage-fond.gif) 0 0 repeat-x}

#piedPage p {
	color: #6a6852;
	font-size: 12px;
	line-height: 28px;
	text-indent: 10px;
	margin: 0; padding: 0}