/* 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: 0px 0px 0px 0px; background: #ffffff url(../images/base/bkgrd02.jpg) no-repeat; /* scroll barre */  scrollbar-face-color: #DEDEDE;   /* barre idem barre */ scrollbar-shadow-color: #DEDEDE;  scrollbar-highlight-color: #DEDEDE;  /* ombre suprieure */ scrollbar-3dlight-color: #F9F9F9;   /* ombre infrieure */ scrollbar-darkshadow-color: #9C9C9C;   /* fond sous scroll */  scrollbar-track-color: #ECECEC;  /* triangle dans le scroll*/  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-color:#F6F4F4; }

select { font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #515151; background-color:#F6F4F4; }

hr{ height: 1px;  color: #B9B9B9;  background-color: #FFFFFF;  width: 100%; border: none; }

fieldset {border: 1px solid #bebebe; margin:5px 0px 10px 0px; padding:10px;}	

legend {font-size:11px; font-weight:bold; color: #515151; padding-bottom:5px;}

textarea {  font-family: Verdana, Arial, Helvetica;  font-size: 10px; color: #515151; background-color: #F6F4F4; width:300px; }

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;}

/* ------------------------------------------------------------------------- */
/* RADIO */
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-color:transparent; }

/* ------------------------------------------------------------------------- */
/* LINKS */
A:active, A:visited, A:link{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#515151; font-weight:bold; text-decoration:none; }
A:Hover { color:#727272; }


/* ------------------------------------------------------------------------- */
/* Langue */
.nav_langue_texte{ height:30px; padding:5px 10px 0px 5px; vertical-align:top; text-align: left; color:#FFFFFF; text-transform: uppercase; font-weight:bold; font-size:10px; white-space: nowrap;
}

/* ------------------------------------------------------------------------- */
/* Navigation Top */

.top_nav_bkgrd{ background-image:url(../images/navigation_top/grey/nav_top_separation.gif); background-repeat:no-repeat; height:30px; padding:5px 10px 0px 5px; vertical-align:top; text-align: left; color:#FFFFFF; text-transform: uppercase; font-weight:bold; font-size:10px; 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:bold; }
A.top_nav:hover  { color: #F7ECEC; }

A.navBottom:active, A.navBottom:visited, A.navBottom:link {  font-weight: bold;  color: #335C9C; text-decoration: none; }
A.navBottom:hover { color: #577EBA; }

/* ------------------------------------------------------------------------- */
/* Colonne gauche */
/* ------------------------------------------------------------------------- */

.base_col_left_bkgrd_top{ padding-bottom:5px; background-image: url(../images/colonnes/col_left_bkgrd.gif); background-color:#FFFFFF; }
.base_col_left_bkgrd_bottom{ background-image:url(../images/colonnes/col_left_bkgrd.gif); background-color:#FFFFFF; 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:bold; margin:0px 0px 0px 4px; }

.left_nav_espace{ background-image:url(../images/navigation_left/nav_left_btn_espace.gif); background-repeat: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:bold; color: #CF0104; line-height: 10px; }
A.left_nav:hover  { color: #FF3838 ; }

/* ------------------------------------------------------------------------- */
/* Box Search */

.base_col_left_box_search { /*background-image:url(../images/colonnes/box_search_bkgrd.gif); background-repeat:no-repeat;*/ vertical-align:middle; text-align:center; height:47px; }

INPUT.input_search { width:145px; padding-left:2px; 
border-top: 1px solid #ACA899; border-left: 1px solid #ACA899; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } 
	
SELECT.select_products{ width:150px;
border-top: 1px solid #ACA899; border-left: 1px solid #ACA899 ; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }


/* ------------------------------------------------------------------------- */
/* Colonne droite */
/* ------------------------------------------------------------------------- */

.base_col_right_bkgrd{ background-image:url(../images/colonnes/col_right_bkgrd.gif); background-color:#FFFFFF; }
.base_col_right_bkgrd_top{ padding-bottom:5px; background-image: url(../images/colonnes/col_right_bkgrd2.gif); background-color:#FFFFFF;  }
.base_col_right_bkgrd_bottom{ background-image:url(../images/colonnes/col_right_bkgrd2.gif); background-color:#FFFFFF; vertical-align:bottom; }
/* ------------------------------------------------------------------------- */
/* Box*/

.base_col_right_box_image{ background-image:url(../images/colonnes/box_bkgrd_top.gif); background-repeat:no-repeat; padding: 9px 0px 4px 6px; margin-bottom:5px; /**/ font-size:10px; text-align:left; width:195px; }
.base_col_right_box_image2{ background-repeat:no-repeat;  width:184px;  height:46px; 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:bold; }
A.base_col_right_box_links:hover  { color:#EBD5D5; }

.base_col_right_box_bkgrd_top{ background-image:url(../images/colonnes/box_bkgrd_top.gif); background-repeat:no-repeat; padding: 9px 0px 4px 6px; margin-bottom:5px; /**/ font-size:10px; text-align:left; width:195px; }
.base_col_right_box_bkgrd_middle{ background-image:url(../images/colonnes/box_bkgrd.gif); background-repeat: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:bold; }
A.base_col_right_box_nav:hover  { color:#727272; }

.base_col_right_box_bkgrd_top_others{ background-image:url(../images/colonnes/box_titre_others.gif); background-repeat:no-repeat; padding: 1px 0px 0px 30px; vertical-align:middle; margin-bottom:5px; font-weight:bold; text-transform: uppercase; color:#CF0104; /**/ font-size:10px; text-align:left; width:195px; height:14px; }
.base_col_right_box_bkgrd_middle_others{ background-image:url(../images/colonnes/box_bkgrd.gif); background-repeat: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:bold; padding:5px; }

/* ------------------------------------------------------------------------- */
/* Content */
/* ------------------------------------------------------------------------- */

.content_titre{ background-image:url(../images/content/content_bkgrd_titre.gif); background-repeat:no-repeat; width:100%; padding:6px 14px 4px 12px; /**/ text-align: left; vertical-align:middle; color:#CF0104; text-transform: uppercase; font-weight:bold; font-size:17px; line-height: 17px; }
.content_titre_small{ text-transform:uppercase; font-size:12px; line-height:12px; }
.content_separation_haut{ background-image:url(../images/content/content_separation_haut.gif); background-repeat:no-repeat; width:7px; background-position: top; }
#content_separation_rouge{ height:20px; }
.content_separation_bas{ background-image:url(../images/content/content_separation_bas.gif); background-repeat:no-repeat; width:7px; background-position: bottom; }
.ligneSeparation{ background-image:url(../images/1px/1px_gris.gif); background-repeat: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-color:#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; padding:3px 3px 5px 3px; text-align:left; font-weight:bold; text-transform: uppercase; background-image:url(../images/content/content_col_left_titre.gif); background-repeat:no-repeat; height:18px; width:250px; } .content_bloc_titre{ color:#CF0104;
}
.content_bloc_right_titre{ font-size:10px; color:#CF0104; padding:3px 3px 0px 3px; text-align:left; font-weight:bold; text-transform: uppercase; background-image:url(../images/content/content_col_right_titre.gif); background-repeat:no-repeat; height:18px; width:100%; }   
.content_bloc_right_titre_sans_fleche{ font-size:10px; color:#CF0104; padding:3px 3px 0px 3px; text-align:left; font-weight:bold; text-transform: uppercase; background-image:url(../images/content/content_col_right_titre_sans_fleche.gif); background-repeat:no-repeat; height:18px; width:100%; }
.content_bloc_titre_50{ font-size:10px; color:#CF0104; padding:3px 3px 0px 3px; text-align:left; font-weight:bold; text-transform: uppercase; background-image:url(../images/content/content_col_titre_50.gif); background-repeat:no-repeat; height:18px; width:100%; }
.content_texte_titre { font-weight:bold; line-height: 10px; }

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:bold; }
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; }

/* ------------------------------------------------------------------------- */
/* Footer */
/* ------------------------------------------------------------------------- */

.footer_td{ padding:3px 0px 3px 0px; text-align: center; vertical-align:top; color:#EEDBDB; font-weight:bold; font-size:9px; background-color:#5f6062; }

A.footer_nav:active, A.footer_nav:visited, A.footer_nav:link { font-size:10px; color: #EEDBDB; text-decoration: none; font-weight:bold; }
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: bold; 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-color:transparent; font-size:10px; }
INPUT.contact { 	 width:128px; height:14px; border: 1px solid #BEBEBE; background-color:#FAFAFA; padding: 1px 2px 0px 2px; margin:3px 0px 3px 0px; }
SELECT.contact {	 width:132px; border: 1px solid #BEBEBE; background-color:#FAFAFA; margin:3px 0px 3px 0px; }
TEXTAREA.contact { 	 width:99%; border: 1px solid #BEBEBE; background-color: #FAFAFA; padding: 2px; }
.contactBtn{ color: #515151; background-image: url(../images/boutons/fond_btn.gif); height: 19px; 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:bold; background-color:#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:bold; background-color:#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:bold; background-color:#F0F0F0; padding:1px 3px 1px 28px; }


td.siteMap_bckgrd_3 { font-weight:bold; background-color:#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:bold; background-color:#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 {  margin: 0;
border-top: 1px solid #B4B0A7; border-left: 1px solid #B4B0A7; border-bottom: 1px solid #B4B0A7; border-right: 1px solid #B4B0A7;}

.out { margin: 0; border: 1px solid #B4B0A7; }
.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:bold;}
.Tbl_Tr1_end{ background:url(../images/tableau/tr1_bkgrd_end.gif) right repeat-x; height:22px; padding:1px 4px 0 4px; font-weight:bold;}

.Tbl_Tr2{ background:url(../images/tableau/tr2_bkgrd.gif) right no-repeat; height:21px; padding:0 4px 0 4px; cursor: pointer; cursor: hand;}
.Tbl_Tr2_end{ background:url(../images/tableau/tr2_bkgrd_end.gif) right repeat-x; height:21px; padding:0 4px 0 4px; cursor: pointer; cursor: hand;}

.Tbl_Tr3{ background:url(../images/tableau/tr3_bkgrd.gif) right no-repeat; height:21px; padding:0 4px 0 4px;}
.Tbl_Tr3_end{ background:url(../images/tableau/tr3_bkgrd_end.gif) right repeat-x; height:21px; padding:0 4px 0 4px;}



/* tableau (Accueil) ---------------------------------------------------------------------- */
#tbl_Hp { margin:28px 0 0 10px;}
.tbl_Hp_Title { padding:2px 4px 4px 4px; font-weight:bold; vertical-align:top;}
.tbl_Hp_Text { padding:2px 4px 6px 4px; font-size:9px; vertical-align:top; }
.cl { background:#fdfdfd;}
.fo { background:#f6f6f6;}