/**************************************************************************
** PROJECT :		CG33
** FILE NAME :		layout.css
** CREATED :		30/07/07							BY :	Ludo Ran
** CONTENT :		Feuille de styles 
**
***************************************************************************/

/* GLOBAL RULES */

* {
	font: 11px arial;
	margin: 0;
	padding: 0;
}

html { background: #fff; overflow: hidden; }

div, span, fieldset, ul, li, form, iframe, input, select, label, textarea, a, h3, h4, h5 {
	float: left;
}

iframe {
	display: none;
	position: absolute;
	width: 200px;
	height: 100px;
	top: 10px;
	left: 10px;
}
a { outline: none; }

/* WRAPPER RULES */

#wrapper { 
	width: 860px;
	height: 550px;
}

/* BANNER RULES */

#banner {
	width: 600px;
	height: 46px;
	text-align: center;
	background: #fff url(../images/cg33.gif) 0 0 no-repeat;
	overflow: hidden;
}

#banner ul { 
	float: right;
	list-style: none;
	margin: 18px 2px 0 0;	
}
* html #banner ul { margin-right: 1px; }
#banner li { margin: 0 1px; }
#banner li a { width: 25px; height: 25px; background: url(../images/resz.gif) no-repeat; }
#banner li a#rsz1 { background-position: 0 0; }
#banner li a#rsz2 { background-position: -30px 0; }
#banner li a#rsz3 { background-position: -60px 0; }
#banner li a#rsz1:hover, #banner li a#rsz1.current { background-position: 0 -25px; }
#banner li a#rsz2:hover, #banner li a#rsz2.current { background-position: -30px -25px; }
#banner li a#rsz3:hover, #banner li a#rsz3.current { background-position: -60px -25px; }

/* VISUALISATION RULES */

#visualisation, #cadreVide {
	position: relative;
	width: 596px;
	height: 452px;
	top: 2px;
	left: 2px;
	border: 1px solid red;
	overflow: hidden;
}

#cadreVide { overflow: hidden; }