/* CSS Document site ARGENTIC-ET-NUMERIC */

/******   FORMATAGE GENERAL : REGLES BALISES Communes à toutes les pages    ******/
/***   Redéfinition des balises classiques dont la val par défaut des attributs est affectée librement par les navigateurs   ***/

html, body { height: 100%; width: 100%;}
body { font-size:13px;	font-family:Arial, Helvetica, sans-serif; color:#000000; background-color:#FFF;}
*{ margin:0; padding:0;} /* Corps total, paragraphes, titres, listes, tableaux, liste de définition... */
h1, h2, h3, h4, th{	font-size:100%;	font-weight:normal;} /* Pas d'influence des balises sur la taille de la police */
img{ text-decoration:none; border:0px none;} /* Contre la bordure bleue autour des img liens */
 /* + img vertical-align:bottom; Contre le traitement "en ligne" réservé à IMG en XHTML */ 
ul{ list-style-type:none;}
map{ cursor:pointer; }/* Pour Firefox utiliser un lien plutôt qu'une map */
a{ text-decoration:none; color:#000000;}
/* Classiques */
.exposant{ vertical-align:text-top;	font-size: 72%;}
.dis_block{ display:block;}
.flot_d{ float:right;}
.flot_g{ float:left;}
.txt_ital{font-style:italic;}
.txt_gras{font-weight:bold;}
.ecart_1{letter-spacing:4.5px; line-height:15px;}
.ecart_2{letter-spacing:2.9px;}

/******    Règles dédiées au site    ******/
body.centrage{ text-align:center; }
body.prov{ background: url(../visuel/fond_prov.jpg) no-repeat;}

/* Site propre : positionnement */

#contenu, #menu_bas{ width:100%;}
#contenu{ 
	position:relative; height:100%;
	background:url(../visuel/fond_atelier.jpg) right top no-repeat;
}
#band_logo{ 
	position:absolute; top:0px; right:0; 
	width:150px; height:144px;
}
#contact, #galerie{ position:absolute; top:40%;}  /* centrage vertical avec 'margin-top' négatif */ 
#menu_bas{
 	position:absolute; bottom:15px; height:120px; 
	border-top:1px solid #7A7B7E;
}
#phrase_bas{
 	position:absolute; bottom:0; height:15px;	 
	width:100%;
}

/* Pages GALERIES */
#galerie{ height:360px; margin-top:-180px;}
#pano_g{ /* H=360px, W=320px */
	position:absolute; left:0; width:320px; height:360px;
	border-right:1px solid #7A7B7E;
}
#cadre_centre{
	margin-left:322px; padding-left:10px;
	background:url(../visuel/fd_zoom.gif) no-repeat bottom right;
}
/* Pano de gauche */

/* Sous-menu cas galerie simples ou doubles */  /* .spl, .dbl_1, dbl_2 : classes pour pano_g */
div.spl{ 
	padding:28px 10px 28px 15px; 
	background-color:#E9E9E9; /* Gris clair */	
}
div.dbl_1, div.dbl_2{ padding:18px 10px 18px 15px;}
div.dbl_1{ background-color:#E9E9E9;} /* Gris clair */
div.dbl_2{ background-color:#CFCFCF;} /* Gris plus foncé */
#gal_1, #gal_2{ 
	height:20px; 
	padding-top:2px; 
	text-align:center;
}
#gal_1{ 	
	width:160px;  
	background-color:#E9E9E9; /* Gris clair */
	border-right:1px solid #7A7B7E;
}
#gal_2{ background-color:#CFCFCF;} /* Gris plus foncé */
#menu_dbl_gal li a{ /* H = 20px */ 
/* AVANT:	width:158px; height:16px; padding:2px 0; display:block;*/	
	text-align:center; font-size:14px; font-weight:bold; color:#ed7f65;
}
#menu_dbl_gal li a:hover{ text-decoration:underline; color:#f4a27c;}

#gal_titre_3{ margin:7px 17px 7px 0;} /* Marge à droite : 17px = 3 colonnes de vignettes, 51px = 2 colonnes */
#gal_titre_2{ margin:7px 51px 7px 0;}

/* Menu galerie par colonnes de vignettes */
#menu_gal{ border-spacing:4px;} /* <table> */
table.deux_col{ padding-left:38px;}
#menu_gal td h4 a{ 
	display:block;
	font-size:0.1px; color:#FFF; /* masquage du texte */
}
#menu_gal td{ width:71px; height:71px;}
#menu_gal td h4{margin:3px;}
#menu_gal td h4, #menu_gal td h4 a{ width:65px; height:65px;}
#menu_gal td, #menu_gal td h4, #menu_gal td h4 a{ background-repeat:no-repeat;}
#menu_gal td a:hover{ background-image:none;} /* Au survol : masquage de l'image visible par défaut */
#menu_gal td.photo_courant{ background-image:url(../visuel/fd_courant.gif);}
/* MENU VIGNETTES : Pour chaque galerie sont générées automatiquement par un script PHP des règles comme celles ci-dessous,
correspondant à la première vignette de la galerie CULINAIRE :
#th_culin_1 a{ background-image:url(../images/culin/th1_culin_01.jpg);}  -> Image visible par défaut
#th_culin_1 h4 { background-image:url(../images/culin/th2_culin_01.jpg);} -> Image de dessous visible au survol */

/* Cadre central */
#cadre_centre table {border-spacing:0px;}
#cadre_centre td{height:360px;}
#photo_centre{ 
	border:1px solid #4F4F4F;
	margin-left:5px;
}
#bt_zoom{ margin-left:8px;}
a.bt_defil{ 
	float:left; 
	margin-right:5px;
}

/* Cadre du bas '#menu_bas' */
#slogan{ margin:12px 0 12px 12px;}
#menu_bas ul{ 
	margin-left:30px;  
	width:950px;
}
#menu_bas li{
	float:left;
	margin-right:12px;
}
#menu_bas li a{
	display:block;
	width:114px; height:40px;
	color:#7A7B7E; font-size:17px; text-align:center;
 	background-repeat:no-repeat;
}
a.spl_ligne{ padding-top:9px;}
a.dle_ligne{ 
	line-height:13px;
	padding-top:5px;
}
#menu_bas p{
	color:#7A7B7E; font-size:13px;
	margin:10px 10px 10px 0;
}

/* Design personnalisé par bouton du menu principal */
#natur a{ background-image:url(../visuel/menu/natur_1.gif);}
#natur a:hover{ background-image:url(../visuel/menu/natur_2.gif);}
#culin a{ background-image:url(../visuel/menu/culin_1.gif);}
#culin a:hover{ background-image:url(../visuel/menu/culin_2.gif);}
#packs a{ background-image:url(../visuel/menu/packs_1.gif);}
#packs a:hover{ background-image:url(../visuel/menu/packs_2.gif);}
#perso a{ background-image:url(../visuel/menu/perso_1.gif);}
#perso a:hover{ background-image:url(../visuel/menu/perso_2.gif);}
#portr a{ background-image:url(../visuel/menu/portr_1.gif);}
#portr a:hover{ background-image:url(../visuel/menu/portr_2.gif);}
#repor a{ background-image:url(../visuel/menu/repor_1.gif);}
#repor a:hover{ background-image:url(../visuel/menu/repor_2.gif);}
#conta a{ background-image:url(../visuel/menu/contact_1.jpg);}	
#conta a:hover{ background-image:url(../visuel/menu/contact_2.jpg);}

/* Cadre du bas '#phrase_bas' */
#phrase_bas p{ color:#666; font-size:11px; text-align:center;}

/* Page INTRO */
#entree{ 
	margin:0 auto;
	text-align:left;
	width:582px; 
}
#cone{
	margin-top:16px; 
	width:520px; height:551px;
	padding:30px 62px 0 0;
	background:url(../visuel/filet_entree4.gif) 0 0 no-repeat;
}
#cone_pict{  
	margin-top:-20px;
	float:right;
}
#cone h1, #cone h3{ color:#999; font-weight:bold;}
#cone h1{ 
	line-height:12px; font-size:17px; 
	margin:25px 0 15px 0;
} 
#cone h3{ letter-spacing:0.2px; font-size:15px;}
#ss_cone{ width:150px;}
#ss_cone{ float:right;}
#ss_cone h2 a{
	background-color:#999;
	display:block;
	padding:3px 0px; margin:0 2px 7px 0;
	font-size:18px;  color:#FFF; text-align:center; letter-spacing:2.2px; 
}
#ss_cone h2 a:hover{ color:#EC4322;}

/* Page CONTACT */
#contact{
	height:410px; width:308px;
	margin:-235px 0 0 30px; padding:20px 15px 20px 392px;
	background:url(../visuel/fond_grue.jpg) no-repeat #FFF;
	border:1px solid #7A7B7E;
}
#contact h1, #contact h2, #contact h3, #contact h4, #contact p{ text-align:center;} 
#contact h1, #contact h2{ font-weight:bold;}
#contact h2, #contact h3{ color:#7A7B7E;} 
h1.firsth1, h3.firsth3{ margin-bottom:9px;}
h1.sech1, h3.sech3{ margin-bottom:6px;}
h1.firsth1{ font-size:32px; color:#D6D6D6; line-height:23px;}
h1.sech1{ font-size:20px; color:#B9B9B9; line-height:13px; padding:12px 0 8px 0;}
#contact h2{
	font-size:16px;
	margin-bottom:17px;
}
h3.firsth3{ font-size:17px; letter-spacing:6px;}
h3.sech3{ font-size:13px; letter-spacing:3px;}
#contact h4{ line-height:15px; font-size:14px; color:#424242;}
#contact a{ font-weight:bold; text-decoration:underline; color:#424242;}
#contact p{ 
	font-size:10px;
	padding-top:18px;
}
h4.firsth4{ margin-bottom:18px;}
#contact a:hover{ color:#000;}
/* #info{ background:url(../visuel/logo_tronque.jpg) no-repeat bottom right #FFF;} pour visuel de fond tramé supplémentaire */

/* Page HTE_DEF */
body.max{ 
	background-color:#000; 
	text-align:center;
}
#photo_max{ padding:2px 5px;}
p.max_ret{margin-bottom:3px;}
p.max_ret a{
	display:block;
	padding:2px 10px;
	font-size:13px;	 color:#999; text-decoration:underline; letter-spacing:2px;
	background-color:#000;
}
p.max_ret a:hover{ color:#B3B3B3; background-color:#333;}