
/* AUTEUR:yann stricker essence design Lausanne Switzerland  */
/* DATE DE CREATION:15.06.2007 */

body, table, tr, td{ 	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#515151; }

body{ 					margin:0; background:#FFFFFF url(../images/base/bkgrd.jpg) no-repeat; 
						scrollbar-face-color:#DEDEDE; scrollbar-shadow-color:#DEDEDE; scrollbar-highlight-color:#DEDEDE; scrollbar-3dlight-color:#F9F9F9; scrollbar-darkshadow-color:#9C9C9C; scrollbar-track-color:#ECECEC; scrollbar-arrow-color:#9C9C9C; }

BODY.pop{ 				background:#B6E5FB; }
BODY.web{ 				background:#C4C3C1; }
BODY.print{ 			background:#FFFFFF; }

input{ 					font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#515151; background:#F6F4F4; }
select{ 				font-family:Verdana, Arial, Helvetica; font-size:10px; color:#515151; background:#F6F4F4; }
hr{ 					height:1px; width:100%; color:#B9B9B9; background:#FFFFFF; border:none; }
fieldset{				border:1px solid #bebebe; margin:5px 0px 10px 0px; padding:10px; }	
legend{					font-size:11px; font-weight:normal; color:#515151; padding-bottom:5px; }
textarea{  				width:300px; font-family:Verdana, Arial, Helvetica; font-size:10px; color:#515151; background:#F6F4F4; }

input[type="radio"]{	 -moz-appearance:radio; width:13px; height:13px; margin:3px 3px 0px 5px; padding:0 !important; cursor:default; -moz-binding:none; -moz-border-radius:100% !important; background:transparent; }

A:active, A:visited, A:link{ 
						font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#515151; font-weight:normal; text-decoration:none; }
A:Hover{ 				color:#727272; }

h1{						font-size:17px; line-height:17px; height:auto; margin:0; padding:0;}
h2{						font-size:12px; line-height:12px; height:auto; margin:3px 0 0 0; padding:0;}
h3{						font-size:11px; line-height:10px; height:auto; margin:0; padding:0;}
h4{						font-size:11px; line-height:10px; height:auto; margin:0; padding:0;}

/* ------------------------------------------------------------------------- */
/* Ombre */

.ombre_left{			width:9px; background:url(../images/colonnes/ombre_left.png) repeat-y;}
.ombre_right{			width:9px; background:url(../images/colonnes/ombre_right.png) repeat-y;}


/* ------------------------------------------------------------------------- */
/* Langue */
.nav_langue_texte{ 		height:30px; padding:5px 10px 0px 5px; vertical-align:top; text-align:left;
						font-size:10px; color:#FFFFFF; text-transform:uppercase; font-weight:normal; white-space:nowrap; }

/* ------------------------------------------------------------------------- */
/* Navigation Top */

.top_nav_bkgrd{ 		height:30px; background:url(../images/navigation_top/nav_top_separation.gif) no-repeat; padding:5px 10px 0px 5px; vertical-align:top; text-align:left; 
						font-size:10px; color:#FFFFFF; font-weight:normal; text-transform:uppercase; white-space:nowrap; }

A.top_nav:active, A.top_nav:visited, A.top_nav:link{ 
						font-size:10px; color:#FFFFFF; text-decoration:none; font-weight:normal; }
A.top_nav:hover{ 		color:#F7ECEC; }

A.navBottom:active, A.navBottom:visited, A.navBottom:link{
						color:#335C9C; font-weight:normal; text-decoration:none; }
A.navBottom:hover{ 		color:#577EBA; }

/* ------------------------------------------------------------------------- */
/* Colonne gauche */
/* ------------------------------------------------------------------------- */

.base_col_left_bkgrd_top{ 		background:#FFFFFF url(../images/colonnes/col_left_bkgrd.gif); padding-bottom:5px; }
.base_col_left_bkgrd_bottom{ 	background:#FFFFFF url(../images/colonnes/col_left_bkgrd.gif); vertical-align:bottom; }

/* ------------------------------------------------------------------------- */
/* Navigation gauche */

.left_nav_bkgrd{ 		background-repeat:no-repeat; height:30px; padding:0px 0px 0px 8px; text-align:left; vertical-align:middle; color:#CF0104; font-weight:normal; margin:0px 0px 0px 4px; }
.left_nav_espace{ 		background:url(../images/navigation_left/nav_left_btn_espace.gif) no-repeat; height:9px; text-align:left; }

A.left_nav:active, A.left_nav:visited, A.left_nav:link{ 
						font-size:10px; text-decoration:none; font-weight:normal; color:#CF0104; line-height:10px; }
A.left_nav:hover{ 		color:#FF3838; }

/* ------------------------------------------------------------------------- */
/* Box Search */

.base_col_left_box_search{ vertical-align:middle; text-align:center; height:27px;
							/*background:url(../images/colonnes/box_search_bkgrd.gif) no-repeat;*/  }

INPUT.input_search{		border-top:1px solid #ACA899; border-left:1px solid #ACA899 ; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; 
						width:145px; padding-left:2px; }

SELECT.select_products{ border-top:1px solid #ACA899; border-left:1px solid #ACA899; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF;
						width:150px; }

/* ------------------------------------------------------------------------- */
/* Box */
.base_col_left_box_image{ 			width:176px; background:url(../images/colonnes/box_left_bkgrd_top.gif) no-repeat; padding:9px 0px 4px 6px; margin-bottom:5px; font-size:10px; text-align:left;  }
.base_col_left_box_image2{ 			width:159px; height:46px; background-repeat:no-repeat; padding:5px 0px 0px 6px; }
.base_col_left_box_bkgrd_top{ 		width:176px; background:url(../images/colonnes/box_left_bkgrd_top.gif) no-repeat; padding:9px 0px 4px 6px; margin-bottom:5px; font-size:10px; text-align:left;  }
.base_col_left_box_bkgrd_middle{ 	background:url(../images/colonnes/box_left_bkgrd.gif) repeat-y; padding:2px 11px 2px 11px; font-size:10px; text-align:left; }

/* ------------------------------------------------------------------------- */
/* Colonne droite */
/* ------------------------------------------------------------------------- */

.base_col_right_bkgrd{ 				background:#FFFFFF url(../images/colonnes/col_left_bkgrd.gif); }
.base_col_right_bkgrd_top{ 			background:#FFFFFF url(../images/colonnes/col_right_bkgrd2.gif); padding-bottom:5px; }
.base_col_right_bkgrd_bottom{ 		background:#FFFFFF url(../images/colonnes/col_right_bkgrd2.gif); vertical-align:bottom; }

/* ------------------------------------------------------------------------- */
/* Box*/

.tbl_thumbs{						}
.base_col_right_box_image{ 			width:195px; background:url(../images/colonnes/box_bkgrd_top.gif) no-repeat; padding:9px 0px 4px 6px; margin-bottom:5px; font-size:10px; text-align:left;  }
.base_col_right_box_image2{ 		width:184px; height:46px; background-repeat:no-repeat; padding:5px 0px 0px 6px; }
A.base_col_right_box_links:active, A.base_col_right_box_links:visited, A.base_col_right_box_links:link{ 
									color:#FFFFFF; font-size:10px; text-decoration:none; font-weight:normal; }
A.base_col_right_box_links:hover{ 	color:#EBD5D5; }

.base_col_right_box_bkgrd_top{ 		width:195px; background:url(../images/colonnes/box_bkgrd_top.gif) no-repeat; padding:9px 0px 4px 6px; margin-bottom:5px; font-size:10px; text-align:left;  }
.base_col_right_box_bkgrd_middle{ 	background:url(../images/colonnes/box_bkgrd.gif) repeat-y; padding:2px 11px 2px 11px; font-size:10px; text-align:left; }

A.base_col_right_box_nav:active, A.base_col_right_box_nav:visited, A.base_col_right_box_nav:link{ 
									color:#515151; font-size:10px; text-decoration:none; font-weight:normal; }
A.base_col_right_box_nav:hover{ 	color:#727272; }

.base_col_right_box_bkgrd_top_others{ width:195px; height:14px; background:url(../images/colonnes/box_titre_others.gif) no-repeat; padding:1px 0px 0px 30px; vertical-align:middle; margin-bottom:5px; 
									font-weight:normal; text-transform:uppercase; color:#CF0104; font-size:10px; text-align:left; }
.base_col_right_box_bkgrd_middle_others{ background:url(../images/colonnes/box_bkgrd.gif) repeat-y; }
.base_col_right_box_bkgrd_middle_others_content{ padding:4px 4px 2px 0px; line-height:10px; font-size:10px; text-align:left; }
.titreRougeSmall{ 					font-size:10px; color:#CF0104; font-weight:normal; padding:5px; }

/* ------------------------------------------------------------------------- */
/* Content */
/* ------------------------------------------------------------------------- */

.content_titre{ 			width:100%; color:#CF0104; text-transform:uppercase; font-weight:normal; font-size:17px; line-height:17px; text-align:left; vertical-align:middle; padding:6px 14px 4px 12px; 
							background:url(../images/content/content_bkgrd_titre.gif) no-repeat; }
.content_titre_small{ 		text-transform:uppercase; font-size:12px; line-height:12px; }
.content_separation_haut{ 	background:url(../images/content/content_separation_haut.gif) no-repeat top; width:7px; }
#content_separation_rouge{ 	height:20px; }
.content_separation_bas{ 	background:url(../images/content/content_separation_bas.gif) no-repeat bottom; width:7px;}
.ligneSeparation{ 			background:url(../images/1px/1px_gris.gif) repeat-x; height:7px; }
.content_colonne_left{ 		font-size:11px; padding:3px 2px 4px 3px; text-align:left; }
.content_colonne_left_selected{ font-size:11px; padding:3px 2px 4px 3px; text-align:left; background:#DDDDDD; }
.content_texte_more_left{ 	padding:0px 0px 4px 8px; font-size:10px; text-align:right; height:15px; }
.content_colonne_right{ 	font-size:11px; padding:3px 2px 4px 3px; text-align:left; }
.content_texte_more_right{ 	padding:0px 0px 4px 8px; font-size:10px; text-align:right; height:15px; }
.content_colonne_right_sepa_hrz{ font-size:10px; width:318px; padding:0px 6px 4px 5px; text-align:left; }
.content_bloc_left_titre{ 	font-size:10px; color:#CF0104; text-align:left; font-weight:normal; text-transform:uppercase; padding:0px 3px 5px 5px; 
							background:url(../images/content/content_col_left_titre.gif) no-repeat; height:18px; width:250px; }
.content_bloc_titre{ 		color:#CF0104; }
.content_bloc_right_titre{ 	font-size:10px; color:#CF0104; font-weight:normal; text-transform:uppercase; padding:0px 3px 0px 5px; text-align:left; 
							background:url(../images/content/content_col_right_titre.gif) no-repeat; height:18px; width:100%; }  
.content_bloc_right_titre_sans_fleche{ font-size:10px; color:#CF0104; text-align:left; font-weight:normal; text-transform:uppercase; padding:0px 3px 0px 5px; 
							background:url(../images/content/content_col_right_titre_sans_fleche.gif) no-repeat; height:18px; width:100%; }
.content_bloc_right_titre_sans_fleche_1col{ font-size:10px; color:#CF0104; text-align:left; font-weight:normal; text-transform:uppercase; padding:0px 3px 0px 5px; 
							background:url(../images/content/content_col_right_titre_sans_fleche_1col.gif) no-repeat; height:18px; width:100%; }
.content_bloc_titre_50{ 	font-size:10px; color:#CF0104; text-align:left; font-weight:normal; text-transform:uppercase; padding:0px 3px 0px 5px; 
							background:url(../images/content/content_col_titre_50.gif) no-repeat; height:18px; width:100%; }
.content_texte_titre{ 		font-weight:normal; line-height:10px; text-align:left;}

A.content_more_link:active, A.content_more_link:visited, A.content_more_link:link, A.content_more_link:hover{ color:#515151; font-size:10px; text-decoration:none; font-weight:normal; }
A.content_more_link:hover{ 	color:#727272; }

A.content_more_link_light:active, A.content_more_link_light:visited, A.content_more_link_light:link{ color:#515151; font-size:10px; text-decoration:none; font-weight:normal; }
A.content_more_link_light:hover{ color:#727272; }

.content_image1{ 			margin:0px 5px 3px 0px; }
.content_image{ 			border:1px solid #999999 }

/* bordure image produits*/
img.bordRouge{ 				border:1px solid #CF0104; }


/* ------------------------------------------------------------------------- */
/* Box News - Homepage */

.cnt_box_news{				margin-top:16px;}
.cnt_box_news_lst{			margin-top:4px; text-align:left;}
.cnt_box_news_dte{			padding:4px 2px; width:77px; color:#8f8f8f; }
.cnt_box_news_ttl{			padding:4px 6px; background:url(../images/1px/sepa_vert_red.gif) no-repeat 0px 6px; }
.cnt_box_news_mre{			padding:4px 2px; width:12px; text-align:right;}
.cnt_box_news_sepa{			height:1px; background:#e8e8e8;}

.cnt_box_news A:link, .cnt_box_news A:active, .cnt_box_news A:visited{ display:block; width:100%; height:100%; text-decoration:none; font-weight:normal;}
.cnt_box_news A:hover{ 		color:#727272; }


/* ------------------------------------------------------------------------- */
/* Footer */
/* ------------------------------------------------------------------------- */

.footer_td{ 				padding:3px 0px 3px 0px; text-align:center; vertical-align:top; color:#EEDBDB; font-weight:normal; font-size:9px; background:#CF0104; }

A.footer_nav:active, A.footer_nav:visited, A.footer_nav:link{ font-size:10px; color:#EEDBDB; text-decoration:none; font-weight:normal; }
A.footer_nav:hover{ 		color:#FFFFFF; }


/* ------------------------------------------------------------------------- */
/* PNG - Alpha/ transparence
/* ------------------------------------------------------------------------- */
img{ 						behavior:url("pngbehavior/pngbehavior.htc"); }
img.survey{ 				behavior:url("../../pngbehavior/pngbehavior.htc"); }

/* ------------------------------------------------------------------------- */
/* Fairs */
/* ------------------------------------------------------------------------- */

.TR_page_fairs_annee{		font-size:16px; font-weight:normal; color:#686C73; text-align:right; vertical-align:bottom; padding:0px 3px 6px 3px; }
.TR_page_fairs_jours{		font-size:10px; font-weight:normal; color:#686C73; text-align:center; vertical-align:bottom; width:17px; padding:0px 0px 7px 0px; }
.TR_page_fairs_mois{		font-size:9px; font-weight:normal; text-align:right; color:#686C73; padding:4px 3px 0px 3px; }

/* ------------------------------------------------------------------------- */
/* Formulaire de contact */
/* ------------------------------------------------------------------------- */

.formulaire{				padding:3px 3px 3px 3px; font-weight:normal; background:transparent; font-size:10px; }
INPUT.contact{				width:128px; height:14px; border:1px solid #BEBEBE; background:#FAFAFA; padding:1px 2px 0px 2px; margin:3px 0px 3px 0px; }
SELECT.contact{				width:132px; border:1px solid #BEBEBE; background:#FAFAFA; margin:3px 0px 3px 0px; }
TEXTAREA.contact{			width:99%; border:1px solid #BEBEBE; background:#FAFAFA; padding:2px; }
.contactBtn{				height:19px; color:#515151; background:url(../images/boutons/fond_btn.gif); border:1px solid #9E9E9E; vertical-align:middle; margin:0px 0px 0px 2px; padding:0px 2px 0px 2px }

/* ------------------------------------------------------------------------- */
/* Site Map */
/* ------------------------------------------------------------------------- */

td.siteMap_bckgrd_1{		font-weight:normal; background:#F0F0F0; border-top:1px solid #EBEBEB; border-right:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5; border-left:1px solid #EBEBEB; padding:1px 3px 1px 3px; cursor:pointer ; }
td.siteMap_bckgrd_1_over{ 	font-weight:normal; background:#F6F6F6; border-top:1px solid #EBEBEB; border-right:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5; border-left:1px solid #EBEBEB; padding:1px 3px 1px 3px; cursor:pointer ; }
td.siteMap_bckgrd_2{		font-weight:normal; background:#F0F0F0; padding:1px 3px 1px 28px; }


td.siteMap_bckgrd_3{		font-weight:normal; background:#F0F0F0; border-top:1px solid #EBEBEB; border-right:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5; border-left:1px solid #EBEBEB; padding:1px 3px 1px 53px; cursor:pointer ; }
td.siteMap_bckgrd_3_over{	font-weight:normal; background:#F6F6F6; border-top:1px solid #EBEBEB; border-right:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5; border-left:1px solid #EBEBEB; padding:1px 3px 1px 53px; cursor:pointer ; }

/* menu cach */

#pressSecond{ 				z-index:10; left:-1000px; top:-1000px; position:absolute; visibility:hidden}
#case1{ 					z-index:10; left:-1000px; top:-1000px; position:absolute; visibility:hidden}
#case2{ 					z-index:10; left:-1000px; top:-1000px; position:absolute; visibility:hidden}

/* events.asp / news.asp / press.asp */
#oldPress{ 					z-index:10; left:-1000px; top:-1000px; position:absolute; visibility:hidden}

/* Cases.asp */
#appli1{ 					z-index:10; left:-1000px; top:-1000px; position:absolute; visibility:hidden}
#appli2{ 					z-index:10; left:-1000px; top:-1000px; position:absolute; visibility:hidden}
#appli3{ 					z-index:10; left:-1000px; top:-1000px; position:absolute; visibility:hidden}
#appli4{ 					z-index:10; left:-1000px; top:-1000px; position:absolute; visibility:hidden}
#appli5{ 					z-index:10; left:-1000px; top:-1000px; position:absolute; visibility:hidden}
#appli6{ 					z-index:10; left:-1000px; top:-1000px; position:absolute; visibility:hidden}
#appli7{ 					z-index:10; left:-1000px; top:-1000px; position:absolute; visibility:hidden}
#operationEnCours{ 			z-index:15; position:absolute; visibility:hidden}




/* class pour onglets modification live ---------------------------------------------------------------------- */
.outils{ 					border:1px solid #B4B0A7; margin:0; }
.out{ 						border:1px solid #B4B0A7; margin:0; }
.over{ 						border-top:1px solid buttonhighlight; 	border-left:1px solid buttonhighlight; border-bottom:1px solid buttonshadow; border-right:1px solid buttonshadow; margin:0; }

DIV.divModification{ 		border:1px dotted #cccccc; }


/* tableau (E-Learning) ---------------------------------------------------------------------- */

.Tbl_Tr1{ 					background:url(../images/tableau/tr1_bkgrd.gif) right no-repeat; height:22px; padding:1px 4px 0 4px; font-weight:normal; }
.Tbl_Tr1_end{ 				background:url(../images/tableau/tr1_bkgrd_end.gif) right repeat-x; height:22px; padding:1px 4px 0 4px; font-weight:normal; }

.Tbl_Tr2{ 					background:url(../images/tableau/tr2_bkgrd.gif) right top no-repeat; height:21px; padding:2px 4px 4px 4px; cursor:pointer; cursor:hand; vertical-align:top}
.Tbl_Tr2_end{ 				background:url(../images/tableau/tr2_bkgrd_end.gif) right top repeat-x; height:21px; padding:2px 4px 4px 4px; cursor:pointer; cursor:hand; vertical-align:top}

.Tbl_Tr3{ 					background:url(../images/tableau/tr3_bkgrd.gif) right top no-repeat; height:21px; padding:2px 4px 4px 4px; vertical-align:top}
.Tbl_Tr3_end{				background:url(../images/tableau/tr3_bkgrd_end.gif) right top repeat-x; height:21px; padding:2px 4px 4px 4px; vertical-align:top}



/* Table popup promo -----------------------------------------------------------------*/

.tb1{			width:500px; height:auto; margin:20px;}

.tb1_no{		background:none; width:4px; height:4px; vertical-align:top;}
.tb1_n{ 		background:url(../images/tables/01/n.gif) repeat-x; width:100%; vertical-align:top;}
.tb1_ne{		background:none; width:8px; vertical-align:top;}

.tb1_o{			background:url(../images/tables/01/o.gif) repeat-y; vertical-align:top;}
.tb1_cnt{		background:#f2f2f2 url(../images/tables/01/cnt.gif) repeat-x bottom; vertical-align:top;  padding:10px;}
.tb1_e{ 		background:url(../images/tables/01/e.png) repeat-y; vertical-align:top;}

.tb1_so{		background:none; height:8px;}
.tb1_s{ 		background:url(../images/tables/01/s.png) repeat-x; vertical-align:top;}
.tb1_se{ 		background:none; }



/* Btn simple ------------------------------------------------------------------------*/

.btn_simple{ 				width:auto;  height:21px; padding:0 2px 5px 0; float:left; cursor:pointer; }
.btn_simple .btn_l{ 		clear:right; float:left; width:8px; height:17px;  background:url(../images/boutons/btn1/btn_l.gif) left top no-repeat; }
.btn_simple .btn_c{			clear:right; float:left; width:auto; height:15px; background:url(../images/boutons/btn1/btn_c.gif) center top repeat-x; padding: 2px 3px 0 4px; 
							font-size:10px; color:#555555; font-weight:normal;  text-align:center; vertical-align:middle; white-space:nowrap;}
.btn_simple .btn_r{ 		clear:right; float:left; width:8px; height:17px; background:url(../images/boutons/btn1/btn_r.gif) no-repeat; }
A .btn_simple .btn_c:link, A .btn_simple .btn_c:Active, A .btn_simple .btn_c:Visited{ 
							font-size:10px; color:#555555; font-weight:normal; text-decoration:none; }
A .btn_simple .btn_c:Hover{	color:#292929; text-decoration:none; }



/* Popup promo ()---------------------------------------------------------------------*/

.promo_colL{	display:inline; float:left; width:206px; }
.promo_image{	width:192px; height:auto; padding:3px; background:#fafafa; }
.promo_img{		border:1px solid #bbbbbb; }

.promo_colR{ 	display:inline; float:left; width:260px; padding:3px 0 0 0;}
.promo_title{	font-size:14px; line-height:14px; padding-bottom:6px; color:#333333; }
.promo_text{	font-size:11px; line-height:11px; }
.promo_link{	margin-top:14px; float:right;}



