.main { width:850px; margin:0 auto; text-align:left;}

#header .main{height:214px; background:url(http://www.skyboardmedia.com/i/header_bg.jpg) top left no-repeat;}

#footer { height:98px; background:url(http://www.skyboardmedia.com/i/footer_tall.gif) top repeat-x;}
#footer2 { height:98px; background:url(http://www.skyboardmedia.com/i/footer_bg2.gif) top repeat-x;}
#footer3 { height:98px; background:url(http://www.skyboardmedia.com/i/footer_bg3.gif) top repeat-x;}
#footer .main {background:url(http://www.skyboardmedia.com/i/footer_bg.gif) top left no-repeat;}

.column1, .column2, .column3, .indent_column, .col1, .col2, .col3, .ind_col {float:left;}
#part1 {float:left;}
#part2 {float:right;}

.container {width:100%;}

#footer_row .column1 {width:226px;}
#footer_row .column2 {width:178px;}
#footer_row .column3 {width:200px;}

/* ============================= body id = index : sorties-soirees / sorties-urbains ===========================*/

.column1 {width:425px;}
.column2 {width:301px;}

#index .col0 {width:234px;}
#index .col1 {width:214px;}
#index .col2 {width:470px;}

/* hack FF */
/*html:not([lang*=""]) #index #row2 { height:590px;}*/
#index .container2 { height:340px; }
#index .container4 { height:295px; }

#index #row2 #part1 {width:320px;}
#index #row2 #part2 {width:330px;}

#index #row2 #part1 .col1 {width:110px;}
#index #row2 #part1 .col2 {width:195px;}

#index #row2 .col1 {width:343px;}
#index #row2 .col2 {width:343px; float:right;}

#index #row2 .margin1 {margin-bottom:30px;}

#index #row2 #part2 .col1 {width:110px;}
#index #row2 #part2 .col2 {width:205px;}

#index #row3 .col1 {width:170px;}
#index #row3 .col2 {width:170px;}
#index #row3 .col3 {width:170px;}
#index #row3 .col4 {width:170px;}

/* hack FF */
html:not([lang*=""]) #index #row3 .col1 {margin-bottom:15px;}
html:not([lang*=""]) #index #row3 .col2 {margin-bottom:15px;}
html:not([lang*=""]) #index #row3 .col3 {width:170px; margin-bottom:15px;}
html:not([lang*=""]) #index #row3 .col4 {width:170px; float:right; margin-bottom:15px;}


#index #rowreferences .col1 {width:100px;}
#index #rowreferences .col2 {width:100px;}
#index #rowreferences .col3 {width:100px;}
#index #rowreferences .col4 {width:100px; float:right;}
#index #rowreferences .col5 {width:100px; float:right;}
#index #rowreferences .col6 {width:100px; float:right;}

/* hack FF */
html:not([lang*=""]) #index #rowreferences .col1 {margin-bottom:15px;}
html:not([lang*=""]) #index #rowreferences .col2 {margin-bottom:15px;}
html:not([lang*=""]) #index #rowreferences .col3 {margin-bottom:15px;}
html:not([lang*=""]) #index #rowreferences .col4 {width:100px; margin-bottom:15px;}
html:not([lang*=""]) #index #rowreferences .col5 {width:100px; float:right; margin-bottom:15px;}
html:not([lang*=""]) #index #rowreferences .col6 {width:100px; float:right; margin-bottom:15px;}


/* ============================= index-1 ===========================*/

#index_1 .col1 {width:214px;}
#index_1 .col2 {width:470px;}

#index_1 #row3 .col1 {width:357px;}
#index_1 #row3 .col2 {width:327px;}

/* ============================= index-2 ===========================*/

#index_2 .col1 {width:360px;}
#index_2 .col2 {width:301px;}

/* ============================= index-3 ===========================*/


/* ============================= index-4 ===========================*/


/* ============================= index-5 ===========================*/