#main {width:980px; margin:0 auto; position:relative;}

#header {height:400px;  background-image:url(../img/fond-page.gif); background-repeat:repeat-y;}
#header, #content, #footer { font-size:0.75em;}

.col-1, .col-2, .col-3 { float:left;}

/*======= header =======*/
#header .col-1 { width:960px; height:200px; margin-left:10px}

/*======= index.php =======*/
#page1 #content .row-1 .col-1 {width:313px; margin-right:10px;}
#page1 #content .row-1 .col-2 { width:313px; margin-right:10px;}
#page1 #content .row-1 .col-3 { width:314px;}
#page1 #content .row-2 .col-1 {width:615px; margin-right:31px;}
#page1 #content .row-2 .col-1 .col-1 { width:260px; margin-right:20px; margin-left:10px; margin-top:15px;}
#page1 #content .row-2 .col-1 .col-2 { width:320px; margin-top:15px;}
#page1 #content .row-2 .col-2 {width:314px;}

/*======= traduction, commerce, références =======*/
#page2 #content .col-1 { width:314px; margin-right:9px;}
#page2 #content .col-2 { width:615px; margin-top:10px; margin-left:15px;}
#page2 #content .col-2 .col-1 { width:258px; margin-right:62px;}
#page2 #content .col-2 .col-2 { width:258px;}

/*======= conditions, tarif =======*/

#page3 #content .col-2 { width:960px; margin-top:10px;}

/*======= index-3.html =======*/
#page4 #content .col-1 { width:314px; margin-right:9px;}
#page4 #content .col-2 { width:615px; margin-top:10px; margin-left:15px;}
#page4 #content .col-2 .col-1 { width:258px; margin-right:62px;}
#page4 #content .col-2 .col-2 { width:258px;}





#footer {height:51px; background:url(../img/fond-bas.png) left bottom repeat-x}


/*======= sommaire =======*/

.sommaire {
	position:absolute;
	left:143px;
	top:56px;
	width:500px;
	height:200px;
	overflow:auto;
	visibility:hidden;
	z-index:1;
}