/* ***** FEUILLE DE STYLE CSS DU SITE INTERNET GIBOIRE PRESTIGE *****

/*
Titre:      	Structure du site
Auteur:     	Acreat Web Technologies
Mise à jour:    05 Août 2006
*/
@import url("giboire.prestige.resultats.css");
@import url("giboire.prestige.fiche.css");
@import url("giboire.prestige.contenus.css");
@import url("giboire.prestige.panier.css");
@import url("giboire.prestige.print.css");


/* CSS Document */
html { 
	background:#000000 url(../img/fond.png) repeat-x top left; 
}

body { 
	font:13px Arial, Verdana, Helvetica, sans-serif; 
	color:#FFFFFF; 
	margin:0; 
	height:100%; 
}

A, A:hover {
	color:#FFFFFF;
}

UL { 
	list-style-type:square
}

#conteneur { 
	width:798px; 
	border-left:1px solid #D9B247; 
	border-right:1px solid #D9B247;  
	border-bottom:1px solid #D9B247; 
    margin-left:auto; 
	margin-right:auto; 
}

.lettrine  { 
	float: left; 
	font:bold 25px Times New Roman, Helvetica, sans-serif; 
	margin:0 10px 0 10px; 
}

.form_error {
	color:red;
	font-weight:bold;
	background-image:url(../img/warning.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:17px;
	margin:3px auto;
	font-size:12px;
}

.MESSAGE {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	border:1px dotted #D9B247;
	margin:8px auto;
	background:url(../img/fond_pied_page.png) repeat-x; 
	background-position:0 -2px;
}

/* --------------------------------------------------------------------------------------
PAGE D'ACCUEIL
-------------------------------------------------------------------------------------- */

/* [ Zone bienvenue ]----------------------------------------------------- */

.fond_bandeau { 
	background:url(../img/degrade_or01.jpg) repeat-x top left; 
}

#bienvenue p { 
	margin-top:20px;
	clear:both;  
	width:640px; 
	padding:0 80px 0 80px; 
	text-align:justify;
	line-height:140%;
	font-size:11px;
}


#entree { width:400px; height:36px; margin:0; padding:0; margin-left:321px; margin-right:auto; }
#entree a#entree_fr, #entree a#entree_uk { display:block; width:83px; height:36px;  text-decoration:none; }
#entree a#entree_fr { float: left; background: url(../img/bouton_entree_fr.jpg) no-repeat top left; }
#entree a#entree_uk  { float: left; background: url(../img/bouton_entree_uk.jpg) no-repeat top left; }

/* --------------------------------------------------------------------------------------
ENTETE
-------------------------------------------------------------------------------------- */

#entete { 
	height:79px; 
	background:url(../img/entete_giboire_prestige01.png) no-repeat top left; 
}

/* --------------------------------------------------------------------------------------
MENU PRINCIPAL
-------------------------------------------------------------------------------------- */

#menu_principal 
{ 
	display:block;
	background: url(../img/fond_menu_principal.gif) repeat-x top left; 
	padding-left:160px;
	height:30px; 
}
#menu_principal ul { 
	list-style-type:none; 
	margin:0; 
	padding:0; 
	text-align:left; 
	white-space:nowrap
}

#menu_principal ul li { 
	float: left;
	height: 18px;
	list-style-type:none; 
	border-right:1px solid #FFFFFF; 
	padding:0 10px 0 10px;
	margin-top:6px;
}
#menu_principal ul li#sans_barre { border-right:0px; }


#menu_principal a, #menu_principal a:hover  
{  	
	font-weight:bold;
	font-family:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
	color:#FFFFFF; 
}
#menu_principal a { text-decoration:none; }
#menu_principal a:hover { color:#3D3000; }


/* --------------------------------------------------------------------------------------
MENU COTÉ GAUCHE
-------------------------------------------------------------------------------------- */

#menu_gauche { 
	float:left;
	position:relative;
	top:-30px;
	margin-bottom:-15px; 
	width:161px; 
}

#menu_gauche #rubrique_selectionnee 
{ 
	background:url(../img/cadre_rubrique_selectionnee.png) no-repeat top left; 
	width:100%;
	height:92px; 
	overflow:hidden;
	vertical-align:center;
	border-collapse:collapse;
}

#menu_gauche #rubrique_selectionnee TD { padding:0 5px; }

#menu_gauche #rubrique_selectionnee H1
{ 
	margin:0; 
	text-align:center;
	font:bold 20px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
}
			 
#menu_gauche ul { 
	list-style-type:none; 
	width:161px; 
	font:bold 12px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	margin:0; 
	padding:0; 
    text-align:left; 
}
#menu_gauche ul li { 
	margin:0;
    padding:0 0 0 10px;
	height:28px; 
	background:url(../img/barre_menu_principal.png) no-repeat top left;
} 
#menu_gauche ul li	a, #menu_gauche ul li a:hover  { 
	background: url(../img/puce02.gif) no-repeat; 
	background-position:0 4px; 
	color:#FFFFFF; 
    line-height:28px; 
	padding-left:15px; 
	text-decoration:none;
} 
#menu_gauche ul li	a:hover { text-decoration:underline; }	 

#menu_gauche ul li.separation { 
	height:38px; 
	background:url(../img/barre_separation_menu.png) no-repeat top left; 
} 

#menu_gauche ul li#pied_menu { 
	height:132px;
	background:url(../img/pied_menu.png) no-repeat top left; 
} 

/* --------------------------------------------------------------------------------------
PARTIE DE CONTENU
-------------------------------------------------------------------------------------- */
#contenu {
	margin:10px 0 0 0;
	padding:0px 20px 10px 176px;
}
#contenu H1 {
	font-size:18px; 
	color:#BF9E44; 
	font-family:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	margin:12px auto;
}

#contenu H2 {
	font-size:15px; 
	color:#929eac; 
	border-bottom:1px dotted #636c77;
	font-family:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	margin:12px 0;
	padding-bottom:2px;
}

#contenu P, #contenu BLOCKQUOTE, #contenu LI, #contenu TD {
	text-align:justify;
	line-height:140%
}

img.photo { border:5px solid #FFFFFF; }


/* --------------------------------------------------------------------------------------
BOUTTONS
-------------------------------------------------------------------------------------- */
a.boutton {
	display:block;
	background:url(../img/contact_off.gif) no-repeat top left;
	height:27px;  
	width:109px;
	line-height:27px;
	padding-left:23px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF; 
	text-decoration:none; 
	text-align:center;
}

a.boutton:hover {
	color:#3D3000; 
}

a.boutton.retour  {
	background-image:url(../img/retour_off.gif);
	width:129px;
}
a.boutton.panier  {
	background-image:url(../img/ajout_panier_off.gif);
}
a.boutton.contact  {
	background-image:url(../img/contact_off.gif);
}
a.boutton.imprimer  {
	background-image:url(../img/imprimer_off.gif);
}
a.boutton.transmettre  {
	background-image:url(../img/transmettre_off.gif);
	width:182px;
}


/* --- CADRE-INFO --- */
.CADRE-INFO {
	margin:5% auto;
	padding:6px 8px 6px 8px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:150%;
	background-color:#13181e;
	width:80%;
	border:1px solid #5f6c7a;
	color:#FFF;
	background:url(../img/fond_pied_page.png) repeat-x; 
	background-position:0 -2px;
}

.CADRE-INFO .options {
	margin:10px auto 5px auto; 
	line-height:normal;
	text-align:center;
}

.CADRE-INFO .options a {
	margin:auto;
}

/* --------------------------------------------------------------------------------------
PIED DE PAGE
-------------------------------------------------------------------------------------- */

#pied_page { 
	font:bold 10px Arial, Verdana, Helvetica, sans-serif; color:#647A92; 
	clear:both; 
	background:url(../img/fond_pied_page.png) repeat-x top left; 
    padding:10px 20px; 
	line-height:14px; 
}

#pied_page #acreat {
	float:right;
	margin-top:27px;
}

#pied_page a {
	color:#647A92; 
	text-decoration:none;
}

#pied_page a:hover {
	color:#fff; text-decoration:none;
}