/*
    20 juillet 2007
    echavanon@neptune.fr
    FPI - CSS
    Front end
*/

@import url(basic.css);
@import url(utils.css);

/*  ----------------------------------------------------------------------------
    Extension de Basics
*/
h1, h2, h3{
    padding:0;margin:0;
}
h3{
    padding:5px 0 0 0;
}
/*  ----------------------------------------------------------------------------
    ARCHITECTURE
*/

html, body {
	height: 100%;
	padding:0;
	margin:0;
}
body{
    color:#fff;
    background:#000 url(background/bg_web_conteneur.png) no-repeat 50% 87px ;
}
#conteneur{
	position: relative;
		/* permet au bloc de servir de référent pour
		   ses descendants positionnés en absolu
           Pratique, hein ?
        */
    width:980px;
    padding:0;
    text-align: left; /* on rétablit l'alignement normal du texte */
    margin:auto;
}

a, a:link, a:visited{
    text-decoration:underline;
}
a:hover{
    text-decoration:none;
}

#top{
    margin-top:90px;
    height:96px;
    width:830px;
    background:url(background/bg_web_top.gif) no-repeat 0px 0px;
    /*background-color:red;*/
    padding:50px 0 0 116px;
}


#contenu{
    margin-top:30px;
}


#conteneur.produits-bios #contenu{
    width:950px;
}

#bottom{
    margin:0;
}


#referencement{
    display:none;
}

#lien_nuage{
    position:absolute;
    height:110px;
    width:225px;
    left:0px;
    top:0px;
    cursor:pointer;
    z-index:50;
}

#lien_nuage a{
    display:none;
}



/* ----------
    Bas de page
*/

#barre_orange{
    background:#EE7F00;
    padding:4px 0px;
    text-align:center;
    margin-top:20px;
}

#barre_orange a{
    color:#FFF;
    font-size:11px;
    padding:0 10px;
    border-left:1px solid #000;
    text-decoration:underline;
}
#barre_orange a:hover{
    text-decoration:none;
}

a#accueil span{
    display:none;
}
a#accueil{
    text-decoration:none;
    padding:10px 5px 10px 10px;
    border:none;
    background:url(buttons/bouton_web_accueil.gif) no-repeat left center;
}
a#accueil:hover{
    text-decoration:none;
    background:url(buttons/bouton_web_accueil_on.gif) no-repeat left center;
}

#barre_orange a#contact{
    border-left:none;
}

/* ----------
    Menu
    http://javascript-array.com/scripts/jquery_simple_drop_down_menu/
*/



#menu li a span{display:none;}

#menu li.decouvrir a{
    background-image:url(menu/menu_decouvrir.png);
}
#menu li.deguster a{
    background-image:url(menu/menu_deguster.png);
}
#menu li.bio a{
    background-image:url(menu/menu_bio.png);
}
#menu li.vivre a{
    background-image:url(menu/menu_vivre.png);
}
#menu li.commander a{
    background-image:url(menu/menu_commander.png);
}

#menu li.decouvrir a:hover, #menu li.decouvrir a.visited{
    background-image:url(menu/menu_decouvrir_on.png);
}
#menu li.deguster a:hover, #menu li.deguster a.visited{
    background-image:url(menu/menu_deguster_on.png);
}
#menu li.bio a:hover, #menu li.bio a.visited{
    background-image:url(menu/menu_bio_on.png);
}
#menu li.vivre a:hover, #menu li.vivre a.visited{
    background-image:url(menu/menu_vivre_on.png);
}
#menu li.commander a:hover, #menu li.commander a.visited{
    background-image:url(menu/menu_commander_on.png);
}

#menu li.decouvrir ul li a, #menu li.decouvrir ul li a:hover,
#menu li.deguster ul li a, #menu li.deguster ul li a:hover{
    background-image:url(menu/menu_carre.gif);

}

#menu
{
    margin: 40px 0 0 200px;
	padding: 0
}

	#menu li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#menu li a
	{	display: block;
		background-position:bottom left;
		background-repeat:no-repeat;
		padding:0;
		text-decoration: none;
		border-left:1px solid #000;
		width: 113px;
		height:47px;
		color: #000;
		white-space: nowrap}


		#menu li ul
		{	margin: 0 0 0 1px;
			padding: 0;
			position: absolute;
			visibility: hidden;
            background:url(menu/menu_bg_white.png) repeat top left;}

		#menu li ul li
		{
            float: none;
			display: inline;
        }

		#menu li ul li a
		{
            height:auto;
            padding:7px 0px 7px 20px;
            width: 113px;
            background-position:5px 10px;
		    border-left:none;
        }

		#menu li ul li a:hover
		{	text-decoration:underline}
#menu li.commander a{
    width:125px;
}
#menu li.accueil a{
    background-image:url(menu/menu_accueil.png);
    background-repeat:no-repeat;
    background-position:0px 18px;
    width:30px;
    margin-right:10px;
}
#menu li.accueil a:hover{
    background-position:-32px 18px;
}





/* ----------
    Page type texte
*/
#texte{
    width:920px;
    height:100%;
    padding:0 10px 0 0;
    margin-left:19px; /*pour aligner l'ascenceur sur la barre bleue du bas*/
}
#texte h2{
    font-size:13px;
    margin-top:10px;
}
#texte h1{
    text-align:left;
    margin-top:20px;
}

/* ----------
    Page type galerie
*/

#galerie_block .intro
{
    font-size:10px;margin:0 0 0 320px;
    padding:0;
}

ul#galerie{
    padding:0 2px 2px 20px;
    margin:10px 0 0 0;
}

ul#galerie li{
    list-style:none;
    float:left;
    margin:2px 5px;
    padding:2px;
    width:220px;
    padding:0;
    height:180px;
}

ul#galerie img{
    display:block;
    width:220px;
    height:138px;
    cursor:pointer;
}
ul#galerie a{
    display:block;
    font-size:14px;
    margin:0;
    text-align:center;
    font-weight:bold;
}

#galerie_block .intro b,
.fromages h1, .recettes h1,
.fromages a, .fromages a:visited, .fromages a:hover,
.recettes a, .recettes a:visited, .recettes a:hover{
    color:#EE7F00;
}



/* -----------------
    Affichage des pages : mise en forme en tableaux ... eeerk
*/

.left_col{
    width:250px;float:left;padding:0px 0 5px 5px;
}
.left_col img{
    display:block;
    margin-bottom:5px;
}

.right_col{
    margin-left:260px;
}

p.orange{
    color:#EE7F00;
}


/*
    Accueil
*/
#actus_accueil{
    background:url(background/bg_actus.jpg) no-repeat top left;
    width:223px;
    height:346px;
    font-size:10px;
    padding:0;
    color:#F1F1F1;
    margin-bottom:20px;
}
#actus_accueil_overflow
{
    margin:36px 2px 0px 3px;
    overflow:auto;
    height:310px;
    padding:0 5px;
}

#actus_accueil dt, dl, dd{
    margin:0;
    padding:0;
}

#actus_accueil dt{
    margin-bottom:5px;
    font-size:12px;
    font-weight:bold;
    color:#F58201;
}

#actus_accueil dd{
    text-align:justify;
    margin-bottom:10px;
}

#actus_accueil img{
    display:block;
    /*margin:auto;*/
}



/* --------
    Page Présentation
*/
.fabrication h1, .fabrication h2, .fabrication b,
.historique h1, .historique h2, .historique b,
.contact h1, .contact h2,
.mentions-legales h1, .mentions-legales h2,
.orange{
    color:#EE7F00;
}


/*
    Page Bio
*/
.produits-bios h1, .produits-bios h2, .produits-bios b,
.produits-bios h1, .produits-bios h2,
.produits-bios #texte a, .produits-bios #texte a:hover, .produits-bios #texte a:visited{
    color:#B1C700;
}
.produits-bios #texte{
    width:920px;
}

.produits-bios td a, .produits-bios td a:visited, .produits-bios td a:hover, .produits-bios td a:link{
    color:#B1C700;
    font-weight:bold;
    display:block;
    text-align:center;
}
.produits-bios #produits td a{
    font-size:14px;
}
/*
    Page Contact
*/

.contact table#liens{
    margin-top:20px;
    width:100%;
}
.contact table#liens td{
    vertical-align:bottom;
    padding:2px;
}

.contact table#liens td img{
    display:inline;
}

table#liens td.vert, table#liens td.vert a, table#liens td.vert:visited{
    color:#1C972F;
}
table#liens td.bleu, table#liens td.bleu a, table#liens td.bleu:visited{
    color:#382D7B;
}


/* --------
    Page Vivre
*/
.tourisme-savoie h1, .tourisme-savoie h2,  .tourisme-savoie b,
.tourisme-savoie #texte a, .tourisme-savoie #texte a:hover, .tourisme-savoie #texte a:visited
{
    color:#A87A18;

}

/* ----------
    CLASSES GENERALES
*/
p.info a, p.info, .content_info a, .content_info{
    text-decoration:none;
    color:#5E809F;
}
p.info a:hover, .content_info a:hover{
    text-decoration:underline;
}

#actus_accueil ul, #actus_accueil ul li{
    margin-left:0;
}