body{
    background: #fff;
    text-align: left;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    line-height: 19px;
    color: #3E3D40;
}

/**************** LIENS GENERAUX ****************/
a, .violetnovopac{color: #AB007C; text-decoration: none; font-family: "Trebuchet MS", Trebuchet, sans-serif !important;}
a:hover{text-decoration: underline;}

/**************** BASIC TEXT & GENERALITES****************/
strong{font-weight: bold;}
em{font-style: italic;}
.clear{clear:both;}
ol, ul{list-style: url(../images/puce.png) outside;}
address{float:right; display: block; font-size: 12px; line-height: 1.5em; width: 160px;}

#texte hr{clear:both;}
hr{
    width: 50%;
    height: 1px;
    background: #AB007C;
    color: #AB007C;
    border: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

#accroche, #menu li a, h2, h1, h5{
    font-family: "Trebuchet MS", Trebuchet, sans-serif !important;
    font-weight: normal;
	letter-spacing: 1px;
    text-transform: uppercase;
}


#bar_deco{  /* Deco */
    position: fixed;
    width: 100%;
    height: 10px;
    background: #AB007C;
    z-index: 10;
}

/**************** LAYOUT ****************/
#header, #body, #footer{ 
    position: absolute;
    left: 50%;
    width: 960px;
    margin-left: -480px;
    padding: 10px;
}

#header{
    position: fixed;
    top: 10px;
    background: #fff;
    z-index: 10;
}

#body{margin-top: 120px;}

/* LOGO */
h1#novopac a{
    display: block;
    float: left;
    width: 240px;
    height: 82px;
    margin-left: 0px;
    margin-top: 10px;
    text-indent: -10000px;
    background: transparent url(../images/novopac.png) top center no-repeat;
}

/* TEXTE D'ACCROCHE */
#accroche{
    position: absolute;
    margin-top: 8px;
    right: 0px;
    width: 682px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 29px;
    color: #ce8cc3;
    background: #fff;
}

/* Positionement du menu */
#col_menu{
    width: 240px;
    position: fixed;
    }

/* Positionement du bloc principal */
#content, #content_large{
    float: left;
    width: 446px;
    margin-left: 280px;
    margin-bottom: 31px;
}

#content_large{width: 680px;}

/* Positionement de la sidebar */
#sidebar{
    position: fixed;
    margin-left: 735px;
    width: 225px;
}


#footer{
    position: fixed;
    bottom: 0px;
    background: #fff;
    text-align: center;
    padding-top: 0px;
}

#footer p{
    border-top: 1px solid #c9d5db;
    padding-top: 5px;
    font-size: 9px;
    letter-spacing: 2px;
}



/**** M E N U ****/
#menu{
    margin-top: 37px;
    font-size: 14px;
    clear:both;
    }

#menu li{
    list-style:none;
    background: #c00;
    border-bottom: 1px solid #AB007C;
    border-top: 1px solid #AB007C;
    margin-bottom: -1px;
}

#menu li a{
    display: block ;
    background: #fff;
    font-family: "Trebuchet MS", Trebuchet ,sans-serif;
    line-height: 1em ;
    text-align: center ;
    text-decoration: none ;
    padding: 9px 0 ;

}

/* Quand sélectionné */
.current a, .section a{background: #AB007C !important; color:#fff;}



#menu li a:hover{text-decoration: none; background: #e4bfdd;}
#col_menu img{margin-top: 30px;}



#titrePage, .side_titre, #titreEvents{
    display: block;
    height: 32px;
    margin-bottom: 5px;
    background: #AB007C top left no-repeat;
    color: #fff ;
    font-family: "Trebuchet MS", Trebuchet, sans-serif !important;
    font-size: 14px;
    line-height: 1em ;
    text-decoration: none ;
    font-variant: small-caps;
    overflow: hidden;
}

#titrePage span, .side_titre span, #titreEvents span{margin: 15px; position:relative; top: 12px;}

#titrePage, #titreEvents{position: fixed; border-bottom: 5px solid #fff; width: 446px; border-top: 10px solid #fff; top: 120px;}
#titreEvents{position: relative; width: 446px; top: 10px; margin-bottom: -15px;}
#content_large #titrePage, #titreEvents{width: 680px;}
.side_titre{}


/**************** CONTENU PRINCIPAL ****************/
#texte{
    width: 100%;
    margin-top: 38px;
    padding-top: 5px;
    padding-bottom: 15px;

}

/* Images */
#texte img{margin-top: 5px; margin-bottom: 15px;}
#texte img.intro{margin-top: -5px; margin-bottom: 15px;}
#texte img.left{float: left; margin: 3px 25px; margin-bottom: 15px;}


#texte h2{margin: 0px 5px 10px 5px; font-size: 14px;}
h1 span, h2 span, h5 span{font-family: "Trebuchet MS", Trebuchet, sans-serif !important;}

#texte p, #texte ul, #texte ol{margin:5px;}
.annexes p, .annexes ul, .annexes ol{margin:5px;}

/* Annexes "Contact" */
.annexes img{margin: 5px; float: left;}
.annexes adress{margin: 5px 25px; float: left;}

#texte ul, .annexes ul, #texte ol, .annexes ol{margin-left: 23px;}
#menuLvl3 li .current, #menuLvl3 li .section{font-weight: bold;}

.annexes{
    width: 225px;
    max-height: 240px;
    overflow: hidden;
    background: #eacfe6;
    font-size: 10px;
    margin-bottom: 5px;
	padding-bottom: 5px;
}

#bighorz{
    width: 225px;
    height: 10px;
    margin: 0;
    margin-bottom: 5px;
    background: #AB007C;
    border: 0;
}

#flashcontent{
    height: 146px;
    width: 225px;
    overflow: hidden;
    font-size: 8px;
}

#flashproduits{height: 200px; width: 410px;}

#lang{position: absolute; top: 5px; left: 75px;}
#lang li{display: block; float: left;}
#lang li a{padding: 5px; margin: 10px; color: #ce8cc3 !important;}
#lang .current a, #lang .section a{background: none !important; color: #AB007C; font-weight: bold;}


/* TITRES COLORES */
.patisseries,.patisseries a{color: #EC7405 !important;}
.chocolats,.chocolats a{color: #882513 !important;}
.sacs,.sacs a{color: #00A6DE !important;}
.takeaway,.takeaway a{color: #89BA17 !important;}
.boucherie,.boucherie a{color: #DE0051 !important;}
.personnalises,.personnalises a{color: #AB007C !important;}
.nonfood,.nonfood a{color: #FFFFFF; background-color: #AB007C !important;}
.patisseries a,.chocolats a,.sacs a,.takeaway a,.personnalises a, .nonfood a{font-weight: normal;font-family: "Trebuchet MS", Trebuchet, sans-serif !important;}

/* 2 colonnes dans 1 articles*/
.col_left{width: 340px; float:left;}
.col_right{width: 315px; float:right;}

.col_left p, .col_right p{margin: 5px; margin-bottom: 15px;}
.col_left hr, .col_right hr{margin-top: 5px; margin-bottom: 15px; margin-left: 5px;}

object{margin-left: -5px;}






/* 07.01.10: SYLVAIN – Création et placement du macaron "NEWS" à la place de "ARCHIVES" */
h3 {
	position: absolute;
	z-index: 100;
	margin-left: 140px;
	margin-top: -25px;
}



/* 17.03.10: SYLVAIN – Création et placement du macaron "NOVOPAC 20 ANS" par dessus le logo NOVOPAC */
h4 {
	position: absolute;
	z-index: 200;
	margin-left: -25px;
	margin-top: 96px;
}



/* 06.09.10: SYLVAIN – Création et placement du bloc pour les events (FBK et EASYFAIRS dans un premier temps) */
// tout rechercher tout ce qui concerne "h5" et "titreEvents"
.col_events {
	position: inherit;
	float: left;
}



/* 25.09.10: SYLVAIN – Création et placement du macaron "liste des produits" en fr et de en bas à gauche sous l'anim flash */
#liste_produits_fr, #produktliste_de {
/*	position: absolute;
	z-index: 200;
	margin-left: 50px;
	margin-top: 75px; */
	position: absolute;
	z-index: 100;
	margin-left: 140px;
	margin-top: -25px;
	
}
