/* -------------------------------------------------------------- 
 
 layout.css
 * @author    julien bidoret
 * @copyright (c) 2009, oxys.net
 * @date      18 Juin 2009
 * @version   0.8
 
-------------------------------------------------------------- */

/* Grrrid  
---------------------------------------------------------------------------------------------------*/
.container { width: 960px; margin: 0 auto; }


/* Columns reloaded -------------------------------------------------------------- */


.column  { float: left; margin-right: 20px;}
.column-x{ float: left; margin-right: 10px;}

.span-1  { width: 180px;}
.span-2  { width: 380px;}
.span-3  { width: 580px;}
.span-4  { width: 770px;}

.home-carousel,
.span-5  { width: 950px; margin: 0; }



.border{  padding-right:9px; margin-right:10px; border-right:1px solid #cecece; }
.border-1{ width:155px; padding-right:20px; margin-right:19px; border-right:1px solid #cecece; float:left}
.border-1-last{ margin-right:0; padding-right:0; border:none}

.left-main-column{float: left; width:580px; padding-right:30px; padding-bottom:20px}
    /* 1 column */    
    .infront-dossier-content,
	.left-main-column .span-1  { width: 180px;}
    /* 2 columns */
    .infront-dossier-image,
	.left-main-column .span-2  { width: 380px;}
    /* 3 columns */
    .infront-dossier-2col,
	.left-main-column .span-3  { width: 580px; margin-right:0}
    
    .left-main-column>div:last-child {margin-bottom:0}

.right-main-column{ float: left; width:340px;}
     /* 1 column */
	.right-main-column .span-1  { width: 160px;}
    /* 2 columns */
    #bottom-tags,
	.right-main-column .span-2  { width: 340px; margin-right:0}
    

#article .left-main-column {width:545px; margin-right:35px}    
    #article .left-main-column .span-2  { width: 355px;}
    #article .left-main-column .span-3  { width: 545px; margin: 0; }
    
    
.profile-border .left-main-column { width:560px; padding-right:20px}
.profile-border .span-1 { width: 160px}


/* Boxes 
---------------------------------------------------------------------------------------------------*/

.box { 
    padding: 10px; 
    margin-bottom: 20px; 
    background: #f2f2f2 url(img/box-topborder.gif) repeat-x; 
    overflow:hidden;
    }

/* future */ .box { 
    padding: 10px; 
    margin-bottom: 20px; 
    background: #eeeeee url(img/box-bg.png) repeat-x; 
    overflow:hidden;
    -moz-border-radius:3px ;  -webkit-border-radius:3px ;  border-radius:3px ;
    }    
    
.ox-tab-panel { 
    padding: 10px; 
    margin-bottom: 20px;  
    background: #f2f2f2; 
    }
.sidebox{
    margin-bottom:20px; 
    border-top:3px solid #e7e7e7; 
    padding-top:.75em
    }

#twocols {background:url(img/twocols.gif) repeat-y; margin-bottom:20px; }
#ie6 #twocols .box { width:140px; overflow:hidden;} 

/* Vertical white space ---- */




/* HRules -------------------------------------------------------------- */
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; }
hr.space { background: #fff; color: #fff; }

.hr { clear: both; float: none; width: 100%; }

.hr hr { display:none }


/* Clear floats [http://www.positioniseverything.net/easyclearing.html] -------------------------------------------------------------- */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
 /* Holly Hack Targets IE Win only \*/
* html .clear { height: 1%; }
.clear { display: block; }
 /* End Holly Hack */