/*
    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{
    /*background:pink;*/
}
#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;
   /* background:aqua;*/
}

#top{
    height:100px;
    background:url(background/bg_web_banniere_100_logo.gif) no-repeat left top;
    /*background-color:red;*/
}

#conteneur.tourisme-savoie #top{
    height:100px;
    background:url(background/bg_web_banniere_100_logo_tourisme.gif) no-repeat left top;
}

#contenu{
    height:375px;
    background:url(background/bg_web_content_375.gif) no-repeat left top;
}
#conteneur.tourisme-savoie #contenu{
    background:url(background/bg_web_content_tourisme_375.gif) no-repeat left top;
}

#conteneur.produits-bios #contenu{
    background:url(background/bg_web_content_bio_375_big.gif) no-repeat left top;
    width:950px;
}

#bottom{
    height:145px;
    background:url(background/bg_web_bottom.gif) no-repeat left top;
    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;
}


/* ----------
    Banniere & titres
*/

#top h1 span, #top #logo span{
    display:none;
}
#top h1{
    margin-right:30px;
    height:90px;
    background:url(background/titre_defaut.gif) no-repeat right bottom;
}

#top #logo{
    display:block;
    width:125px;
    height:110px;
    position:relative;
    top:10px;
    left:30px;
    z-index:50;
}


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

#barre_bleue{
    background:#382D7B;
    margin:0 34px 0 19px;
    padding:4px 2px;
}

#barre_bleue a{
    color:#FFF;
    text-decoration:underline;
    font-weight:bold;
    font-size:11px;
    padding:0 10px;
    border-left:1px solid #fff;
}
#barre_bleue a:hover{
    color:#FAEE05;
}

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

#barre_bleue a#contact{
    padding-left:350px;
}

/* ----------
    Menu
*/
#bottom_content{
    padding-left:165px;
    background:url(menu/page_defaut.gif) no-repeat left top;
}
#menu{
    margin:0;
    padding:0;
    height:120px;
}
#menu li{
    margin:0 20px;
    padding:0;
    cursor:pointer;
    list-style:none;
    width:118px;
    height:105px;
    float:left;
    background:url(menu/menu_default.jpg) no-repeat left top;
}

#menu li a, #menu li a span{
    display:none;
}


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



#menu li.decouvrir_on{
    background-image:url(menu/menu_decouvrir_on.jpg);
}
#menu li.deguster_on{
    background-image:url(menu/menu_deguster_on.jpg);
}
#menu li.bio_on{
    background-image:url(menu/menu_bio_on.jpg);
}
#menu li.vivre_on{
    background-image:url(menu/menu_vivre_on.jpg);
}
#menu li.commander_on{
    background-image:url(menu/menu_commander_on.jpg);
}

#menu li.decouvrir_on a, #menu li.deguster_on a, #menu li.bio_on a,
#menu li.vivre_on a, #menu li.commander_on a{
    display:block;
    height:15px;
    width:75px;
    padding:0;
    margin:0;
    background:url(menu/menu_item_default.gif) no-repeat left top;
}

#menu li.decouvrir_on a.historique{
    margin:30px 0 0 5px;
    background-image:url(menu/decouvrir_presentation.gif);
}
#menu li.decouvrir_on a.historique:hover{
    background-image:url(menu/decouvrir_presentation_on.gif);
}
#menu li.decouvrir_on a.fabrication{
    margin:0 0 0 5px;
    background-image:url(menu/decouvrir_fabrication.gif);
}
#menu li.decouvrir_on a.fabrication:hover{
    background-image:url(menu/decouvrir_fabrication_on.gif);
}


#menu li.deguster_on a.fromages{
    margin:30px 0 0 8px;
    background-image:url(menu/deguster_fromages.gif);
}
#menu li.deguster_on a.fromages:hover{
    background-image:url(menu/deguster_fromages_on.gif);
}
#menu li.deguster_on a.recettes{
    margin:0 0 0 8px;
    background-image:url(menu/deguster_recettes.gif);
}
#menu li.deguster_on a.recettes:hover{
    background-image:url(menu/deguster_recettes_on.gif);
}


#menu li.bio_on a.produits{
    margin:30px 0 0 8px;
    height:30px;
    background-image:url(menu/bio_fabrication.gif);
}
#menu li.bio_on a.produits:hover{
    background-image:url(menu/bio_fabrication_on.gif);
}


#menu li.vivre_on a.tourisme{
    margin:30px 0 0 5px;
    height:30px;
    background-image:url(menu/vivre_tourisme.gif);
}
#menu li.vivre_on a.tourisme:hover{
    background-image:url(menu/vivre_tourisme_on.gif);
}

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

/* ----------
    Page type galerie
*/
#galerie_block{
    overflow:auto;
    height:100%;
}
ul#galerie{
    padding:0 2px 2px 190px;
    margin:0;
}

ul#galerie li{
    background:#fff;
    list-style:none;
    float:left;
    margin:2px 5px;
    padding:2px;
    width:176px;
    filter:alpha(opacity=90);
    -moz-opacity:.90;
    -khtml-opacity:.90;
    opacity:.90;
    height:155px;
}

ul#galerie img{
    display:block;
    width:175px;
    /*height:140px;*/
    cursor:pointer;
}
ul#galerie a{
    display:block;
    margin:0;
    text-align:center;
    font-weight:bold;
}

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

table{
    border-collapse:collapse;
}

table td{
    margin:0;
    padding:0 0 15px 0;
    text-align:justify;
    vertical-align:top;
}

table td.left_col{
    text-align:left;
    padding:0;
    width:220px;
}
#texte td.left_col img{
    margin:0 0 80px 0;
    padding:0;
}


table td.middle_col{
    width:220px;

}
table td.right_col{
    width:220px;
}
table td img{
    display:block;
    margin:0;
}

/* --------
    Page Présentation
*/



/*
    Page Bio
*/
.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:#382D7B;
    font-weight:bold;
    display:block;
    text-align:center;
}

/*
    Page Contact
*/
.contact #texte, .contact #texte p{
    text-align:right;
}
.contact table#liens{
    margin-top:20px;
    width:100%;
}
.contact table#liens td{
    vertical-align:bottom;
    text-align:right;
    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
*/
.mentions-legales #texte, .mentions-legales #texte p{
    text-align:right;
}

/* --------
    Page Vivre
*/

.tourisme-savoie #texte a, .tourisme-savoie #texte a:hover, .tourisme-savoie #texte a:visited,
.tourisme-savoie #texte td.liens a, .tourisme-savoie #texte td.liens a:hover, .tourisme-savoie #texte td.liens a:visited
{
    color:#428625;
    display:block;
    font-weight:bold;
    font-size:14px;
    text-align:center;
}
.tourisme-savoie #texte td.liens, .tourisme-savoie #texte td.liens a, .tourisme-savoie #texte td.liens a:hover,
.tourisme-savoie #texte td.liens a:visited
{
    color:#428625;
    font-weight:bold;
    font-size:14px;
    text-align:right;
}
/* ----------
    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;
}