/* ----------------------------- */
/*          Généralités          */
/* ----------------------------- */

a img {
  border: 0;
}

.reset {
  margin: 0;
  padding: 0;
}

.droite {
  float: right;
}
.gauche {
  float: left;
  
}
/* ----------------------------- */
/*    Typographie globale        */
/* ----------------------------- */

.ital{
	font-style: italic;
}

.gras{
	font-weight: bold;
}


/* ----------------------------- */
/*   Gabarit Page Home         */
/* ----------------------------- */

#cont_home_matin{
	width: 930px;
	height: 440px;
	background-image: url(../images/tetrapak/home_matin.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#cont_home_midi{
	width: 930px;
	height: 440px;
	background-image: url(../images/tetrapak/home_midi.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#cont_home_soir{
	width: 930px;
	height: 440px;
	background-image: url(../images/tetrapak/home_soir.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/*Navigation Picto Home*/
#navigation_jour {
	width: 120px;
	height:30px;
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	float: left;
}

#navigation_jour li {
	float: left;
	width:30px;
	height:30px;
	margin-right: 10px;
}

#navigation_jour li a {
	display: block;
	width:30px;
	height:30px;
	text-decoration: none;
}

#navigation_jour li a:hover, #navigation_jour li a:focus, #navigation_jour li a:active {
	text-decoration: underline ;
}

#matin{
	background-image: url(../images/tetrapak/picto_matin.png);
	background-repeat: no-repeat;
	background-position: center top;	
}

#matin a{
	background-image: url(../images/tetrapak/picto_matin.png);
	background-repeat: no-repeat;
	background-position: center top;	
}

#matin a:hover, #matin a:focus, #matin a:active{
	background-image: url(../images/tetrapak/picto_matin.png);
	background-repeat: no-repeat;
	background-position: center -30px;
}

#matin_actif{
	background-image: url(../images/tetrapak/picto_matin.png);
	background-repeat: no-repeat;
	background-position: center -30px;
}

#midi{
	background-image: url(../images/tetrapak/picto_journee.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#midi a{
	background-image: url(../images/tetrapak/picto_journee.png);
	background-repeat: no-repeat;
	background-position: center top;	
}

#midi a:hover, #midi a:focus, #midi a:active{
	background-image: url(../images/tetrapak/picto_journee.png);
	background-repeat: no-repeat;
	background-position: center -30px;
}

#midi_actif{
	background-image: url(../images/tetrapak/picto_journee.png);
	background-repeat: no-repeat;
	background-position: center -30px;
}

#soir{
	background-image: url(../images/tetrapak/picto_soir.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#soir a{
	background-image: url(../images/tetrapak/picto_soir.png);
	background-repeat: no-repeat;
	background-position: center top;	
}

#soir a:hover, #soir a:focus, #soir a:active{
	background-image: url(../images/tetrapak/picto_soir.png);
	background-repeat: no-repeat;
	background-position: center -30px;
}

#soir_actif{
	background-image: url(../images/tetrapak/picto_soir.png);
	background-repeat: no-repeat;
	background-position: center -30px;
}

/*Navigation Rubrique Home*/
.menu_rubrique{
	float: right;
	width: 195px;
	text-align: right;
	padding-right: 10px;
	margin-top: 10px;
}

.menu_rubrique_titre{
	font-size: 15px;
	font-weight: bold;
	color: #0d74bf;
	margin-bottom: 5px;
}

.menu_rubrique ul{
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 10px;	
}

.menu_rubrique li{
	list-style-image: none;
	list-style-type: none;
	color: #0d74bf;
}

.menu_rubrique li a{
	color: #0d74bf;
	text-decoration: none;
}

.menu_rubrique li a:hover{
	background-color: #e2f3fc;
}


/*Navigation Menu bas Home*/
#menu_bas{
	width: 960px; height: 45px;
	position: absolute;
	left: 0px; top: 440px;
}

#menu_bas ul{
	margin-left: 40px;	
}

#menu_bas li{
	float: left;
	list-style-image: none;
	list-style-type: none;
	color: #0d74bf;
	display: block;
	text-align: center;
	line-height:40px;
	font-size: 15px;
	font-weight: bold;
}

#menu_bas li a {
	color: #0d74bf;
	text-decoration: none;
	display: block;
	height: 40px;
	padding-left:10px;
	padding-right:10px;
}

#menu_bas li a:visited {
	color: #0d74bf;
	text-decoration: none;  
}

#menu_bas li a:hover, #menu_bas li a:focus, #menu_bas li a:active {
	color: #0d74bf;
	background-color: #e2f3fc;
	text-decoration: none;
}

/* ----------------------------- */
/*   Gabarit Page Article        */
/* ----------------------------- */
#cont_article{
	width: 930px;
	line-height: 1.5em;
	font-size: 11px;
	height: 480px;
	
}

#cont_article h1{
	padding-top:25px;
	font-size: 13px;
	color: #0d74bf;
	text-transform: uppercase;
	margin-bottom:5px;
}

#cont_article h2{
	font-size: 18px;
	color: #0d74bf;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(../images/tetrapak/Fleche_bleu_titre.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
	height:25px;
	line-height:25px;
}

/*Classe gerant l'image de fond de la categories. A decliner selon le nombre de fond*/
.contArt_bg1{
	background-image: url(../images/tetrapak/bg_article.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.contArt_bg2{
	background-image: url(../images/tetrapak/bg_article2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.contArt_bg3{
	background-image: url(../images/tetrapak/bg_article3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#h_article{
	margin-left: 190px;	
}

#g_article{
	margin-left: 20px;	
}

#container_article{
	width:910px;
	height:340px;
	margin-left: 190px;
}

#container_article_g{
	width:910px;
	height:330px;
	margin-left: 20px;
}
#container_article_c{
	width:910px;
	height:330px;
	margin-left: 80px;
	margin-top: 20px;
}
 
#container_design{
	width:910px;
	height:350px;
	margin-left: 120px;
}
/*Le fil d'ariane*/
#filariane{
	color: #0d74bf;
	height: 20px;
	margin-top: 10px;
	margin-bottom:10px;
}

#filariane li{
	color: #0d74bf;
	display: block;
	float: left;
}

#filariane_actif{
	color: #0d74bf;
	text-decoration: none;
	font-weight: bold;
	padding-right: 10px;
}

#filariane li a{
	color: #0d74bf;
	text-decoration: underline;
	padding-right: 10px;
}

#filariane li a:hover{
	color: #0d74bf;
	text-decoration: underline;
}

#filariane li a:focus, #filariane li a:active {
	color: #0d74bf;
	text-decoration: underline;
}

/*Style Lien retour liste article*/
.retourListeArt{
	float: left;
	margin-left:550px;
	display:inline;
}

.retourListeArt a {
	color: #000;
	text-decoration: underline;
}

.retourListeArt a:visited {
	color: #000;
	text-decoration: underline;
}

.retourListeArt a:hover, .retourListeArt a:focus, .retourListeArt a:active {
	color: #000;
	text-decoration: underline;
}

/*Style du contenu Article*/

.article{
	width: 590px;
	float: left;
	margin-bottom:20px;
}

.article h3{
	font-size: 12px;
	color: #7fc433;
	background-image: url(../images/tetrapak/pictoH3_article.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	margin-bottom:17px;
	height:23px;
}

.article p{
	margin-top:10px;
}

.article_bleugras{
	color: #0d74bf;
	font-weight: bold;
}


/*Style du lien Lire la suite*/
.article_suite {
	background-image: url(../images/tetrapak/pictoMini_lienArticleSuite.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top:10px;
	padding-left:15px;
}

.article_suite a {
	color: #000;
	text-decoration: underline;
}

.article_suite a:visited {
	color: #000;
	text-decoration: underline;
}

.article_suite a:hover,.article_suite a:focus,.article_suite a:active {
	color: #000;
	text-decoration: underline;
}

.article ul {
	list-style-position: inside;
	margin-top: 10px;
	margin-bottom: 10px;
}

#mediaArticle{
	width:315px;
	height: 340px;
	float: right;
	background-color: #FFF;
	padding-top: 10px;
}

/* ----------------------------- */
/*   Gabarit Calculateur         */
/* ----------------------------- */
#alt_calculateur{
	width: 290px;
	height: 450px;
	float: left;
	line-height: 1.8em;
	font-size: 11px;
	display:inline;
	padding:8px 10px 0 10px
}

#alt_calculateur h4{
	font-size: 12px;
	color: #7fc433;
	background-image: url(../images/tetrapak/puce_grise_big.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	margin-bottom:17px;
	height:23px;

}
/* ----------------------------- */
/*   Gabarit Page Vidéos         */
/* ----------------------------- */

#cont_video{
	width: 460px;
	margin-top: 25px;
	margin-left: 70px;
	margin-right:35px;
	float: left;
	line-height: 1.8em;
	font-size: 11px;
	display:inline;
}

#cont_video h1{
	font-size: 13px;
	color: #0d74bf;
	text-transform: uppercase;
}

#cont_video h2{
	font-size: 18px;
	color: #0d74bf;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(../images/tetrapak/Fleche_bleu_titre.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	height:25px;
	line-height:25px;
}

#cont_video h3{
	font-size: 12px;
	color: #777777;
	background-image: url(../images/tetrapak/triangle_gris.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}

#cont_video a {
	color: #0d74bf;
	text-decoration: none;
}

#cont_video a:visited {
	color: #0d74bf;
	text-decoration: none;
}

#cont_video a:hover, a:focus, a:active {
	color: #0d74bf;
	text-decoration: underline;
}


/* Liste Videos */

#liste_video{
	width: 355px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
	height: 420px;
	text-align: left;
	margin-top: 10px;
}

#liste_video h4{
	font-size: 11px;
	font-weight: bold;
	color: #0c69ac;

}

#liste_video ul{
	
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
}
#liste_video li{
	list-style-image: none;
	list-style-type: none;
	margin-left: 10px;
	margin-bottom: 15px;
	padding: 0px;
}

#liste_video li img{
	margin-right: 10px;
	float: left;
	height: 90px;
	width: 130px;
}

#liste_video li a {
	text-decoration: none;
	display: block;
	height: 90px;
	width: 290px;
	margin-bottom: 0px;
	padding-left:12px;
	padding-right:0px;
	padding-top:0px;
}

#liste_video li a:visited {
	text-decoration: none;  
}

#liste_video li a:hover, #liste_video li a:focus, #liste_video li a:active {
	background-color: #e2f3fc;
	text-decoration: none;
}

/* ----------------------------- */
/*     Scrollbar                 */
/* ----------------------------- */

.scroll_barre{
	overflow-y: auto;
	width: 355px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
	height: 400px;
	text-align: left;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin-top: 10px; /*Decalage du bloc scrollable par rapport au bloc content*/
	background-image: url(../images/tetrapak/transparent_30.gif);/*insertion d'un carré blanc a cause du decallage de la fleche du haut*/
	background-repeat: no-repeat;
	background-position: right top;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;

}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background-image: url(../images/tetrapak/scroll_bar.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 236px;	
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	/*top: 0;*/
	bottom:32px;
	right: 10px;
	text-indent: -2000px;
	overflow: hidden;
	height: 32px;
	background-image: url(../images/tetrapak/scrollbarreUp.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
a.jScrollArrowUp:hover {
	bottom:32px;
	right: 10px;
	background-image: url(../images/tetrapak/scrollbarreUp_h.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 9px;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 32px;
	background-image: url(../images/tetrapak/scrollbarreDown.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
a.jScrollArrowDown:hover {
	bottom: 9px;
	right: 0;
	background-image: url(../images/tetrapak/scrollbarreDown_h.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	
}



/* ----------------------------- */
/*     Gabarit Page Newsletter   */
/* ----------------------------- */

/* Elements de la page newsletter */

#newCol1{
	margin-top:20px;
	margin-left: 66px;
	float: left;
	display:inline;
	width: 170px;
}

#newCol1 h3 {
	color: #0d74bf;
	font-size: 1.3em;  
}

.bleuTxt{
	color: #0d74bf;
	background-image: url(../images/tetrapak/fleche_Bleu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:17px;
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;	
}

#accroche_newsletter{
	margin-top: 15px;
}
#accroche_newsletter_d{
	margin-top: 20px !important;
	margin-top: 30px !important!;
	margin-bottom: 17px;
	
}

#accroche_pro{
	margin-top:250px;

}

#accroche_legale{
  font-size: 9px;
	width: 610px;
	position: absolute;
	left: 60px; top: 390px;
}

#accroche_contact{
  font-size: 9px;
	width: 830px;
	position: absolute;
	left: 60px; top: 390px;
}
/* Form Newsletter */

#form_newsletter{
	background-color: #FFF;
	height: 342px;
	width: 607px;
	float: right;
	margin-right: 44px;
	margin-top: 20px;
	line-height: 2.6em;
	padding: 10px;
	display:inline;
}

#form_newsletter p{
	clear: both;
}

#form_newsletter label{
	text-align: right;
	width: 100px;
	display: block;
	float: left;
}

#form_newsletter label.objet{
	text-align: right;
	width: 160px;
	display: block;
	float: left;
}

#form_newsletter label.error {
	float: left;
	color: red;
	vertical-align: top;
	text-align: left;
	width:130px;
}

#form_newsletter p label{
	line-height:2em;
	vertical-align:middle;
	margin-bottom:10px;
}


/* SPECIAL ERRORS FORMS */
#form_newsletter p label.errors{
	display:none !important;
	visibility:hidden !important;
	height:1px !important;
	width:1px !important;
	line-height:1px  !important;
	margin-bottom:0  !important;
}
#form_newsletter p input.errors{
	background-color:#FFF;
	border:2px solid red;
	color:red;
}
div.error{
	color:#dd0000;
	font-weight:bold;
}
/* FINISH SPECIAL ERRORS FORMS */



#form_newsletter input{
	margin-left:5px;
	margin-bottom:10px;
}
#form_newsletter textarea{
	margin-left:5px;
}

#form_newsletter select{
	border: 1px solid #0d74bf;
	margin-left:5px;
}
#form_newsletter select.objet{
	border: 1px solid #0d74bf;
	margin-left:5px;
	margin-right:0px;
	margin-bottom:10px;
}

#implantation{
	border: 1px solid #0d74bf;
	margin-right:35px;
}

#form_newsletter checkbox{
	border: none;
}

#checkbox_choix{
	/*width:607px;*/
	height:60px;
	/*line-height: 50px;*/
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #cde2ec;
	border-bottom-color: #cde2ec;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top:10px;
	padding-bottom:10px;
}

#checkbox_info{
	font-weight: bold;
}

#checkbox_choix label {
	width: 100px;	
}

#enviro{
	width: 130px;
	text-align: right;
	margin-left:10px;
}


#checkbox_choix input{
	height:30px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#checkbox_choix div{
	text-align: right;
}

#envoyer{
	height: 40px;
	width: 120px;
	float: right;
	cursor:pointer;
	bottom: 30px;
}

#packaging {
	width: 15px;
}

#processing {
	width: 15px;
}

#environnement{
	width: 15px;
}

#design{
	width: 15px;
}

#innovation{
	width: 15px;
}


#nom{
	width: 180px;
	height:20px;
	border: 1px solid #0d74bf;
}

#prenom{
	width: 190px;
	height:20px;
	border: 1px solid #0d74bf;
}

#position{
	width: 180px;
	height:20px;
	border: 1px solid #0d74bf;
}

#sujet{
	width: 180px;
	height:20px;
	border: 1px solid #0d74bf;
}
#sujet2{
	width: 202px;
	height:20px;
	margin-top:00px;
	margin-left:0px;
	border: 1px solid #0d74bf;
}
span.sujet2{
	width: 45px;
	height:20px;
	margin-top:20px;
	margin-left:0px;

}
#message{
	width: 477px;
	height: 70px;
	border: 1px solid #0d74bf;
}

#email{
	width: 280px;
	height:20px;
	border: 1px solid #0d74bf;
}
#email_c{
	width: 270px;
	height:20px;
	border: 1px solid #0d74bf;
}

#adresse{
	width: 280px;
	height:20px;
	border: 1px solid #0d74bf;
}
#adresse2{
	width: 280px;
	height:20px;
	border: 1px solid #0d74bf;
}
#cp{
	width: 180px;
	height:20px;
	border: 1px solid #0d74bf;
}

#cp2{
	width: 90px;
	height:20px;
	border: 1px solid #0d74bf;
}
#ville{
	width: 190px;
	height:20px;
	border: 1px solid #0d74bf;
}
#ville2{
	width: 90px;
	height:20px;
	border: 1px solid #0d74bf;
}

#pays{
	width: 180px;
	height:20px;
	border: 1px solid #0d74bf;
}

#societe{
	width: 190px;
	height:20px;
	border: 1px solid #0d74bf;
}

#titre{
	width: 180px;
	height:20px;
	border: 1px solid #0d74bf;
}

#telephone{
	width: 90px;
	height:20px;
	border: 1px solid #0d74bf;
}

#telephone2{
	width: 100px;
	height:20px;
	border: 1px solid #0d74bf;
}

#mobile{
	width: 90px;
	height:20px;
	border: 1px solid #0d74bf;
}

#fax{
	width: 90px;
	height:20px;
	border: 1px solid #0d74bf;
}

/** Specificite Block Banks **/
.bg_blockbanks{
  background-image: url(../images/tetrapak/cartouche_blockbanks.jpg);
}

.bg_pub{
	background-image: url(../images/tetrapak/cartouche.jpg);
}

.bg_wwf{
  background-image: url(../images/tetrapak/cartouche_wwf.jpg);
}