/**
 *Main.css
 * fichier css principal pour le site intermarch�
 *
 * @package intermarche
 * @subpackage css
 * @author     2S3i
 * @version    SVN: $Id: main.css 83 2008-12-01 14:26:52Z bozec $
 */
 


/* Tables
-------------------------------------------------------------- */
table       { width:100%; }
th          {}
th,td       { vertical-align: top; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/*  Forms
----------------------------------------------------------- */
.text, input, select, textarea { font-size: 11px; font-family: Verdana, arial, sans-serif; }
.text { padding: 2px 0; }
.button { display: block; text-indent: -9900em; cursor: pointer; }

/* =Utils
  --------------------------------------------------------- */
.column { float: left; }
.clearfix { display: inline-block; }   
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display: block; }
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }
.accessibility, .hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.left   { float:left; }
.right  { float:right; }
.picture-left { float: left; margin: 0 0.6666em 0.6666em 0; }
.picture-right { float: left; margin: 0 0 0.6666em 0.6666em ; }
.reset-margin   { margin:0; } 
.reset-padding  { padding:0; } 
.reset          { margin:0; padding:0; } 
.align-justify  { text-align:justify; } 
.align-left     { text-align:left; } 
.align-center   { text-align:center; } 
.align-right    { text-align:right; } 


/*  =Ajout pour nouvelles mises en pages
    ------------------------------------------------------- */
#layout_selection { background: #3b322d url(/itm2.controls/portail/_montage_2s3i/library/image/selection/selection_bkg.gif) left top repeat-x; text-align: center; }
#layout_selection #wrapper_selection { text-align: left; width: 800px; margin: 0 auto 35px; }
#layout_selection #wrapper_selection #header_selection { position: relative; width: 800px; height: 121px; background: transparent url(/itm2.controls/portail/_montage_2s3i/library/image/selection/selection_header.jpg) left top no-repeat; }
#layout_selection #wrapper_selection #header_selection #branding { position: absolute; top: 15px; left: 38px; width: 242px; height: 52px; }
#layout_selection #wrapper_selection #header_selection #branding a { display: block; text-indent: -9900em; width: 242px; height: 52px; }
#layout_selection #wrapper_selection #menu_selection { position: absolute; top: 35px; left: 454px; width: 336px; height: 59px; background: transparent url(/itm2.controls/portail/_montage_2s3i/library/image/selection/menu_selection.gif) left top no-repeat; }
#layout_selection #wrapper_selection #menu_selection li { display: inline; }
#layout_selection #wrapper_selection #menu_selection li span, 
#layout_selection #wrapper_selection #menu_selection li a { display: block; float: left; text-indent: -9900em; height: 59px; width: 168px; }
#layout_selection #wrapper_selection #menu_selection li a:hover { background: transparent url(/itm2.controls/portail/_montage_2s3i/library/image/selection/menu_selection.gif) -168px -59px no-repeat; }
#layout_selection #wrapper_selection #content_selection { width: 800px; padding-bottom: 13px; background: transparent url(/itm2.controls/portail/_montage_2s3i/library/image/selection/selection_content_bottom.gif) left bottom no-repeat; }
#layout_selection #wrapper_selection #content_selection_inside { padding-bottom: 8px; background: transparent url(/itm2.controls/portail/_montage_2s3i/library/image/selection/selection_content_bkg.gif) left top repeat-y; }
#content_selection_canvas { margin: 0 auto; width: 770px; padding-left: 10px; background: #fff; }