/*
----------------------------------------

CSS pour disposition 

---------------------------------------- 
*/

*{outline:none}

.nettoyeur{ clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; visibility:hidden }

/* ----------------------------------------
	Top Menu
---------------------------------------- */

#topbar, 
#topbar h1, 
#topbar h2, 
#topbar ul, 
#topbar li, 
#topbar span,
#topbar a {
	margin:0;
	padding:0;
	font-size:14px;
	list-style:none;
	text-decoration:none;
	line-height:25px;
	height:25px;
	}

#topbar {
	}

#topbar a#topbarlogo {
	position:absolute;
	right:0;
	top:0;
	width:107px;
	height:56px;
	background-image: url(../images/topbar_logo.jpg);
	background-position:0 0;
	background-repeat: no-repeat;
	text-indent:-10000px;
	}
#topbar a:hover#topbarlogo {
	width:107px;
	height:56px;
	background-image: url(../images/topbar_logo.jpg);
	background-position: 0 -56px;
	}

#topbar #topbarshadow {
	float:left;
	display:block;
	visibility:visible;
	width:100%;
	line-height:10px;
	height:10px;
	text-indent:-10000px;
	background-color: transparent;
	background-image: url(../images/topbar_shadow.png);
	background-position:bottom left;
	background-repeat:repeat-x;
}

#topbar h1 {
	background-color: #FFFFFF;
	background-image: url(../images/topbar_bg.jpg);
	background-position:bottom left;
	background-repeat:repeat-x;
	line-height:30px;
	height:30px;
	border-bottom:1px solid #999999
	}

#topbar h1 a {
	display:block;
	float:left;
	padding: 0 12px;
	line-height:30px;
	height:30px;
}
	
#topbar ul {
	background-color:white;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom:1px solid #333333;
	background-color: #FFFFFF;
	background-image: url(../images/topbar_bg.jpg);
	background-position:bottom left;
	background-repeat:repeat-x;
}
#topbar ul li {
	float: left;
	margin: 0;
	padding: 0;
	_width:10px; /* fuck IE6 */ 
	background-image: url(../images/topbar_separator.jpg);
	background-position:bottom right;
	background-repeat: no-repeat;
}
#topbar ul li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0 12px;
	text-decoration: none;
}

#topbar ul li a.on span {
	background-image:url(../images/topbar_cone.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;}


/*
----------------------------------------

	CSS pour toute les fenetres volantes 

---------------------------------------- 
*/


/* chaque pano porte un #ID singulié pour le JS de Drag'n'Drop
----------------------------------------------------------------
#panoX est la div exterieur : D'n'D actif
#contX est la div intérieur : D'n'D inactif ('NO_DRAG') */

#pano1, #pano2, #pano3, #pano4, #pano5, #pano6, #pano7, #pano8, #pano9{}
#cont1, #cont2, #cont3, #cont4, #cont5, #cont6, #cont7, #cont8, #cont9{}


/*
Div constitutif du cadre
---------------------------------------- */

.fenetrevol {
	position: absolute;
	padding:0;
	margin:0;
	border:none;
	background:url(../images/ombre_bleu_topright.png) top right no-repeat;
} 
.fenetretop {
	height:25px;
	padding:0;
	margin:0 19px 0 0;
	background:url(../images/ombre_bleu_topleft.png) top left no-repeat;
	text-indent:-1000px
}
	
.fenetresous1 {
	padding:0 19px 0 0;
	margin:0;
	background:url(../images/ombre_bottomright.png) bottom right no-repeat;
}

.fenetresous2 {
	padding:5px 0 25px 16px;
	margin:0;
	background:url(../images/ombre_bottomleft.png) bottom left no-repeat;
}

.rouge 				{background-image:url(../images/ombre_rouge_topright.png)}
.rouge .fenetretop 	{background-image:url(../images/ombre_rouge_topleft.png)}
.vert 				{background-image:url(../images/ombre_vert_topright.png)}
.vert .fenetretop 	{background-image:url(../images/ombre_vert_topleft.png)}
.jaune 				{background-image:url(../images/ombre_jaune_topright.png)}
.jaune .fenetretop 	{background-image:url(../images/ombre_jaune_topleft.png)}
.rose 				{background-image:url(../images/ombre_rose_topright.png)}
.rose .fenetretop 	{background-image:url(../images/ombre_rose_topleft.png)}


/*
Définition de classes de fenetres volantes
---------------------------------------- */

/* Z-index : */

.zitop{z-index:100} .zibottom{z-index:0}
.zi01{z-index:1} .zi02{z-index:2} .zi03{z-index:3} .zi04{z-index:4} .zi05{z-index:5} .zi06{z-index:6} .zi07{z-index:7} .zi08{z-index:8} .zi09{z-index:9} .zi10{z-index:10} .zi11{z-index:11} .zi12{z-index:12} .zi13{z-index:13} .zi14{z-index:14} .zi15{z-index:15} .zi16{z-index:16} .zi17{z-index:17} .zi18{z-index:18} .zi19{z-index:19} .zi20{z-index:20} .zi21{z-index:21} .zi22{z-index:22} .zi23{z-index:23} .zi24{z-index:24} .zi25{z-index:25} .zi26{z-index:26} .zi27{z-index:27} .zi28{z-index:28} .zi29{z-index:29} .zi30{z-index:30} .zi31{z-index:31} .zi32{z-index:32} .zi33{z-index:33} .zi34{z-index:34} .zi35{z-index:35} .zi36{z-index:36} .zi37{z-index:37} .zi38{z-index:38} .zi39{z-index:39} .zi40{z-index:40} .zi41{z-index:41} .zi42{z-index:42} .zi43{z-index:43} .zi44{z-index:44} .zi45{z-index:45} .zi46{z-index:46} .zi47{z-index:47} .zi48{z-index:48} .zi49{z-index:49} .zi50{z-index:50} .zi51{z-index:51} .zi52{z-index:52} .zi53{z-index:53} .zi54{z-index:54} .zi55{z-index:55} .zi56{z-index:56} .zi57{z-index:57} .zi58{z-index:58} .zi59{z-index:59} .zi60{z-index:60} .zi61{z-index:61} .zi62{z-index:62} .zi63{z-index:63} .zi64{z-index:64} .zi65{z-index:65} .zi66{z-index:66} .zi67{z-index:67} .zi68{z-index:68} .zi69{z-index:69} .zi70{z-index:70} .zi71{z-index:71} .zi72{z-index:72} .zi73{z-index:73} .zi74{z-index:74} .zi75{z-index:75} .zi76{z-index:76} .zi77{z-index:77} .zi78{z-index:78} .zi79{z-index:79} .zi80{z-index:80} .zi81{z-index:81} .zi82{z-index:82} .zi83{z-index:83} .zi84{z-index:84} .zi85{z-index:85} .zi86{z-index:86} .zi87{z-index:87} .zi88{z-index:88} .zi89{z-index:89} .zi90{z-index:90} .zi91{z-index:91} .zi92{z-index:92} .zi93{z-index:93} .zi94{z-index:94} .zi95{z-index:95} .zi96{z-index:96} .zi97{z-index:97} .zi98{z-index:98} .zi99{z-index:99 }

/* dispo Left : */

.L010{left:10px} .L020{left:20px} .L030{left:30px} .L040{left:40px} .L050{left:50px} .L060{left:60px} .L070{left:70px} .L080{left:80px} .L090{left:90px} .L100{left:100px} .L110{left:110px} .L120{left:120px} .L130{left:130px} .L140{left:140px} .L150{left:150px} .L160{left:160px} .L170{left:170px} .L180{left:180px} .L190{left:190px} .L200{left:200px} .L210{left:210px} .L220{left:220px} .L230{left:230px} .L240{left:240px} .L250{left:250px} .L260{left:260px} .L270{left:270px} .L280{left:280px} .L290{left:290px} .L300{left:300px} .L310{left:310px} .L320{left:320px} .L330{left:330px} .L340{left:340px} .L350{left:350px} .L360{left:360px} .L370{left:370px} .L380{left:380px} .L390{left:390px} .L400{left:400px} .L410{left:410px} .L420{left:420px} .L430{left:430px} .L440{left:440px} .L450{left:450px} .L460{left:460px} .L470{left:470px} .L480{left:480px} .L490{left:490px} .L500{left:500px} .L510{left:510px} .L520{left:520px} .L530{left:530px} .L540{left:540px} .L550{left:550px} .L560{left:560px} .L570{left:570px} .L580{left:580px} .L590{left:590px} .L600{left:600px} .L610{left:610px} .L620{left:620px} .L630{left:630px} .L640{left:640px} .L650{left:650px} .L660{left:660px} .L670{left:670px} .L680{left:680px} .L690{left:690px} .L700{left:700px} .L710{left:710px} .L720{left:720px} .L730{left:730px} .L740{left:740px} .L750{left:750px} .L760{left:760px} .L770{left:770px} .L780{left:780px} .L790{left:790px} .L800{left:800px} .L810{left:810px} .L820{left:820px} .L830{left:830px} .L840{left:840px} .L850{left:850px} .L860{left:860px} .L870{left:870px} .L880{left:880px} .L890{left:890px} .L900{left:900px} .L910{left:910px} .L920{left:920px} .L930{left:930px} .L940{left:940px} .L950{left:950px} .L960{left:960px} .L970{left:970px} .L980{left:980px} .L990{left:990px}

/* dispo Top : */

.T010{top:10px} .T020{top:20px} .T030{top:30px} .T040{top:40px} .T050{top:50px} .T060{top:60px} .T070{top:70px} .T080{top:80px} .T090{top:90px} .T100{top:100px} .T110{top:110px} .T120{top:120px} .T130{top:130px} .T140{top:140px} .T150{top:150px} .T160{top:160px} .T170{top:170px} .T180{top:180px} .T190{top:190px} .T200{top:200px} .T210{top:210px} .T220{top:220px} .T230{top:230px} .T240{top:240px} .T250{top:250px} .T260{top:260px} .T270{top:270px} .T280{top:280px} .T290{top:290px} .T300{top:300px} .T310{top:310px} .T320{top:320px} .T330{top:330px} .T340{top:340px} .T350{top:350px} .T360{top:360px} .T370{top:370px} .T380{top:380px} .T390{top:390px} .T400{top:400px} .T410{top:410px} .T420{top:420px} .T430{top:430px} .T440{top:440px} .T450{top:450px} .T460{top:460px} .T470{top:470px} .T480{top:480px} .T490{top:490px} .T500{top:500px} .T510{top:510px} .T520{top:520px} .T530{top:530px} .T540{top:540px} .T550{top:550px} .T560{top:560px} .T570{top:570px} .T580{top:580px} .T590{top:590px} .T600{top:600px} .T610{top:610px} .T620{top:620px} .T630{top:630px} .T640{top:640px} .T650{top:650px} .T660{top:660px} .T670{top:670px} .T680{top:680px} .T690{top:690px} .T700{top:700px} .T710{top:710px} .T720{top:720px} .T730{top:730px} .T740{top:740px} .T750{top:750px} .T760{top:760px} .T770{top:770px} .T780{top:780px} .T790{top:790px} .T800{top:800px} .T810{top:810px} .T820{top:820px} .T830{top:830px} .T840{top:840px} .T850{top:850px} .T860{top:860px} .T870{top:870px} .T880{top:880px} .T890{top:890px} .T900{top:900px} .T910{top:910px} .T920{top:920px} .T930{top:930px} .T940{top:940px} .T950{top:950px} .T960{top:960px} .T970{top:970px} .T980{top:980px} .T990{top:990px}

/* largeur : */

.W010{width:10px} .W020{width:20px} .W030{width:30px} .W040{width:40px} .W050{width:50px} .W060{width:60px} .W070{width:70px} .W080{width:80px} .W090{width:90px} .W100{width:100px} .W110{width:110px} .W120{width:120px} .W130{width:130px} .W140{width:140px} .W150{width:150px} .W160{width:160px} .W170{width:170px} .W180{width:180px} .W190{width:190px} .W200{width:200px} .W210{width:210px} .W220{width:220px} .W230{width:230px} .W240{width:240px} .W250{width:250px} .W260{width:260px} .W270{width:270px} .W280{width:280px} .W290{width:290px} .W300{width:300px} .W310{width:310px} .W320{width:320px} .W330{width:330px} .W340{width:340px} .W350{width:350px} .W360{width:360px} .W370{width:370px} .W380{width:380px} .W390{width:390px} .W400{width:400px} .W410{width:410px} .W420{width:420px} .W430{width:430px} .W440{width:440px} .W450{width:450px} .W460{width:460px} .W470{width:470px} .W480{width:480px} .W490{width:490px} .W500{width:500px} .W510{width:510px} .W520{width:520px} .W530{width:530px} .W540{width:540px} .W550{width:550px} .W560{width:560px} .W570{width:570px} .W580{width:580px} .W590{width:590px} .W600{width:600px} .W610{width:610px} .W620{width:620px} .W630{width:630px} .W640{width:640px} .W650{width:650px} .W660{width:660px} .W670{width:670px} .W680{width:680px} .W690{width:690px} .W700{width:700px} .W710{width:710px} .W720{width:720px} .W730{width:730px} .W740{width:740px} .W750{width:750px} .W760{width:760px} .W770{width:770px} .W780{width:780px} .W790{width:790px} .W800{width:800px} .W810{width:810px} .W820{width:820px} .W830{width:830px} .W840{width:840px} .W850{width:850px} .W860{width:860px} .W870{width:870px} .W880{width:880px} .W890{width:890px} .W900{width:900px} .W910{width:910px} .W920{width:920px} .W930{width:930px} .W940{width:940px} .W950{width:950px} .W960{width:960px} .W970{width:970px} .W980{width:980px} .W990{width:990px}