/* codes couleur 
	menu0-9-10 : #7D9091 #5E6F70
	menu1 : #2EA2A2 #127C7C
	menu2 : #BDD22F #829502
	menu3 : #9000FF #5F04A5
	menu4 : #ED7115 #9A4505
	menu5 : #BA0202 #5D0101
	menu6 : #148835 #025A1C
	menu7 : #993399 #6D1D6D
	menu8 : #0161A0 #023E64
*/

html, body, div, img, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, p {margin:0; padding:0;}

/****** titres ******/

h1, h2, h3, h4, h5 { font-family:Arial, sans-serif; text-align:left; font-weight:bold; color:#333;}
h1, h1 a, h1 a:link, h1 a:hover, h1 a:active, h1 a:focus { font-size:22px; }
h2, h2 a, h2 a:link, h2 a:hover, h2 a:active, h2 a:focus { font-size:16px; }
h3, h3 a, h3 a:link, h3 a:hover, h3 a:active, h3 a:focus { font-size:13px; }
h4, h4 a, h4 a:link, h4 a:hover, h4 a:active, h4 a:focus { font-size:12px; }
h5 {font-size:12px; color:#222;}

h2 { 
	line-height:120%;
	padding:0 10px;
	border-left:10px solid #555;
	margin-bottom:38px;
}
#menu0 h2, #menu9 h2, #menu10 h2 { border-color:#7D9091; }
#menu1 h2, #menu0 a#mod05 h2, #menu0 #mod05content h2 { border-color:#2EA2A2; }
#menu2 h2, #menu0 a#mod06 h2, #menu0 #mod06content h2 { border-color:#BDD22F; }
#menu3 h2, #menu0 a#mod07 h2, #menu0 #mod07content h2 { border-color:#9000FF; }
#menu4 h2, #menu0 a#mod08 h2, #menu0 #mod08content h2 { border-color:#ED7115; }
#menu5 h2, #menu0 a#mod09 h2, #menu0 #mod09content h2 { border-color:#BA0202; }
#menu6 h2, #menu0 a#mod10 h2, #menu0 #mod10content h2 { border-color:#148835; }
#menu7 h2, #menu0 a#mod11 h2, #menu0 #mod11content h2 { border-color:#993399; }
#menu8 h2, #menu0 a#mod12 h2, #menu0 #mod12content h2 { border-color:#0161A0; }

#situation h2.title {
	margin-bottom:48px;
	padding-right:210px;
}
.mod-middle h2 {
	margin-bottom:18px;
}

h3 {
	margin:26px 0 16px 0;
	padding-left:24px;
	background:transparent url('images/btn-puce-h3.png') no-repeat 0 0px;
}
h3 span {
	font-weight:normal;
}
h4 {
	margin:9px 0;
}

/************************/

p {
	text-align:justify;
	margin:9px 0;
}
img {display:block;}
a img {border:0}

a:active, object:active, div:active { outline: none; }
a:focus, object:focus, div:focus { -moz-outline-style: none; }

a, a:link { text-decoration:underline; color:#444; }
a:hover, a:active, a:focus { color:#000; }

/*** listes ***/

ul { 
	list-style:square outside;
	margin:12px 0 12px 12px;
}
ol { 
	list-style:decimal outside;
	margin:12px 0 12px 12px;
}
li ul, li ol { 
	margin-top:6px;
}
li { 
	margin:4px 0 0 18px;
}
li li { 
	margin-top:0;
}

strong { font-weight:bold; color:#444; }

.italic { font-style:italic; }
.underline { text-decoration:underline; }
.small { font-size:84%; line-height:normal; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.indent { text-indent:30px; }
.upper	{ text-transform:uppercase; }
.cap { text-transform:capitalize; }

.mt12 { margin-top:12px; }
.mt18 { margin-top:18px; }
.mt26 { margin-top:26px; }
.mt36 { margin-top:36px; }
.mb12 { margin-bottom:12px; }
.mb18 { margin-bottom:18px; }
.mb26 { margin-bottom:26px; }
.mb36 { margin-bottom:36px; }
.pad12 { padding-bottom:12px; }
.pad18 { padding-bottom:18px; }
.pad26 { padding-bottom:26px; }
.pad36 { padding-bottom:36px; }

.puce {
	padding-left:12px;
	background:transparent url('images/btn-puce.png') no-repeat;
}
h4.puce, p.puce {
	background-position:0 4px;
}
.retour {
	display:block;
	width:100px;
	padding:0 0 2px 18px;
	background:transparent url('images/btn-retour.png') no-repeat left center;
	font-weight:bold;
	color:#000;
}
.retour-top {
	margin-bottom:24px;
}
.retour-bottom {
	margin-bottom:0;
}

/**********************************/

html, body { width:100%; height:100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
	text-align:center;
	background:#000 url('images/fond.jpg') no-repeat center top;
}

/*** header ***/

#header {
	position:relative;
	width:990px; height:74px;
	margin:0 auto;
	padding:18px 0 0 65px;
	background:transparent url('images/header.png') no-repeat right;
}

#header a { display:block; overflow:hidden; }

#header a#accueil {
	position:absolute; top:0; right:0;
	width:660px; height:92px;
	text-indent:-10000px;
	background:transparent url('images/header-accueil.png') no-repeat right -92px;
}
#header a#accueil:hover, #header a#accueil:focus { background-position:right 0; }

#header a#logo1, #header a#logo2, #header a#logo3 { float:left; margin-right:5px; height:57px; }
#header a#logo1 { width:72px; background:transparent url('images/header-logo1.jpg') no-repeat; }
#header a#logo2 { width:63px; background:transparent url('images/header-logo2.jpg') no-repeat; }
#header a#logo3 { width:171px; background:transparent url('images/header-logo3.jpg') no-repeat; }
#header a#logo1:hover, #header a#logo2:hover, #header a#logo3:hover,
#header a#logo1:focus, #header a#logo2:focus, #header a#logo3:focus { background-position:0 -57px; }

/*** top-nav ***/

#top-nav{
	width:941px; height:55px;
	margin:0 auto;
}
#top-nav ul {
	list-style:none;
	margin:0;
	width:100%; height:100%;
}
#top-nav li {
	float:left;
	margin:0 6px 0 0;
	height:100%;
}
#top-nav li.menu1 { width:74px; }
#top-nav li.menu2 { width:118px; }
#top-nav li.menu3 { width:140px; }
#top-nav li.menu4 { width:73px; }
#top-nav li.menu5 { width:73px; }
#top-nav li.menu6 { width:71px; }
#top-nav li.menu7 { width:121px; }
#top-nav li.menu8 { width:61px; }
#top-nav li.menu9 { width:72px; }
#top-nav li.menu10 { width:84px; margin-right:0;}

#top-nav li a {
	display:block;
	width:100%; height:37px;
	padding-top:18px;
	background:transparent url('images/top-nav.jpg') no-repeat;
	font-size:11px; font-weight:bold;
	color:#444; text-decoration:none;
	overflow:hidden;
}
#top-nav li a:hover {  }
#top-nav li a.db { height:45px; padding-top:10px; }
#top-nav li a.db:hover {}

#top-nav li.menu1 a { background-position:0 0; }
#top-nav li.menu1 a:hover, #top-nav li.menu1 a.focused, #menu1 #top-nav li.menu1 a { background-position:0 -65px; color:#FFF; }
#top-nav li.menu2 a { background-position:-80px 0; }
#top-nav li.menu2 a:hover, #top-nav li.menu2 a.focused, #menu2 #top-nav li.menu2 a { background-position:-80px -65px; color:#FFF; }
#top-nav li.menu3 a { background-position:-204px 0; }
#top-nav li.menu3 a:hover, #top-nav li.menu3 a.focused, #menu3 #top-nav li.menu3 a { background-position:-204px -65px; color:#FFF; }
#top-nav li.menu4 a { background-position:-350px 0; }
#top-nav li.menu4 a:hover, #top-nav li.menu4 a.focused, #menu4 #top-nav li.menu4 a { background-position:-350px -65px; color:#FFF; }
#top-nav li.menu5 a { background-position:-429px 0; }
#top-nav li.menu5 a:hover, #top-nav li.menu5 a.focused, #menu5 #top-nav li.menu5 a { background-position:-429px -65px; color:#FFF; }
#top-nav li.menu6 a { background-position:-508px 0; }
#top-nav li.menu6 a:hover, #top-nav li.menu6 a.focused, #menu6 #top-nav li.menu6 a { background-position:-508px -65px; color:#FFF; }
#top-nav li.menu7 a { background-position:-585px 0; }
#top-nav li.menu7 a:hover, #top-nav li.menu7 a.focused, #menu7 #top-nav li.menu7 a { background-position:-585px -65px; color:#FFF; }
#top-nav li.menu8 a { background-position:-712px 0; }
#top-nav li.menu8 a:hover, #top-nav li.menu8 a.focused, #menu8 #top-nav li.menu8 a { background-position:-712px -65px; color:#FFF; }
#top-nav li.menu9 a { background-position:-779px 0; }
#top-nav li.menu9 a:hover, #top-nav li.menu9 a.focused, #menu9 #top-nav li.menu9 a { background-position:-779px -65px; color:#FFF; }
#top-nav li.menu10 a { background-position:-857px 0; }
#top-nav li.menu10 a:hover, #top-nav li.menu10 a.focused, #menu10 #top-nav li.menu10 a { background-position:-857px -65px; color:#FFF; }

/***** page *****/

#wrapper {
	width:970px;
	margin:0 auto;
	padding:32px 0 30px 0;
	overflow:hidden;
}

/*** footer ***/

#footer {
	width:872px; height:20px;
	margin:0 auto;
	padding:7px 0;
	text-align:right;
	font-size:11px;
	color:#999;
}
#footer a {
	color:#999;
	text-decoration:none;
}

/*** main-top, main-bottom ***/

#main-top, #main-bottom {
	height:20px;
	line-height:1px; font-size:1px;
	background:transparent url('images/main-topbottom.png') no-repeat;
}
#menu0 #main-top	{ background-position:0 0; }
#menu1 #main-top	{ background-position:0 -30px; }
#menu2 #main-top	{ background-position:0 -60px; }
#menu3 #main-top 	{ background-position:0 -90px; }
#menu4 #main-top 	{ background-position:0 -120px; }
#menu5 #main-top	{ background-position:0 -150px; }
#menu6 #main-top	{ background-position:0 -180px; }
#menu7 #main-top	{ background-position:0 -210px; }
#menu8 #main-top	{ background-position:0 -240px; }
#menu9 #main-top	{ background-position:0 -270px; }
#menu10 #main-top	{ background-position:0 -300px; }

#menu0 #main-bottom	{ background-position:0 -330px; }
#menu1 #main-bottom	{ background-position:0 -360px; }
#menu2 #main-bottom	{ background-position:0 -390px; }
#menu3 #main-bottom { background-position:0 -420px; }
#menu4 #main-bottom { background-position:0 -450px; }
#menu5 #main-bottom	{ background-position:0 -480px; }
#menu6 #main-bottom	{ background-position:0 -510px; }
#menu7 #main-bottom	{ background-position:0 -540px; }
#menu8 #main-bottom	{ background-position:0 -570px; }
#menu9 #main-bottom, #menu10 #main-bottom	{ background-position:0 -600px; }

/*** main ***/

#main {
	position:relative;
	width:100%;
	overflow:hidden;
	background:#FFF url('images/main-middle.png') repeat-y left;
	text-align:left;
}
#menu0 #main	{ background-position:0 0; }
#menu1 #main	{ background-position:-1000px 0; }
#menu2 #main	{ background-position:-2000px 0; }
#menu3 #main 	{ background-position:-3000px 0; }
#menu4 #main 	{ background-position:-4000px 0; }
#menu5 #main	{ background-position:-5000px 0; }
#menu6 #main	{ background-position:-6000px 0; }
#menu7 #main	{ background-position:-7000px 0; }
#menu8 #main	{ background-position:-8000px 0; }
#menu9 #main, #menu10 #main	{ background-position:-9000px 0; }

/*** col-left + titles ***/

#col-left { float:left; width:77px; }

#col-left h1 {
	width:25px; margin-left:18px;
	background:transparent url('images/main-left-titles.png') no-repeat;
}
#menu0 #col-left h1	{ background-position:0 0; height:113px;}
#menu1 #col-left h1	{ background-position:-30px 0; height:335px;}
#menu2 #col-left h1	{ background-position:-60px 0; height:529px;}
#menu3 #col-left h1 { background-position:-90px 0; height:698px;}
#menu4 #col-left h1 { background-position:-120px 0; height:340px;}
#menu5 #col-left h1	{ background-position:-150px 0; height:322px;}
#menu6 #col-left h1	{ background-position:-180px 0; height:270px;}
#menu7 #col-left h1	{ background-position:-210px 0; height:415px;}
#menu8 #col-left h1	{ background-position:-240px 0; height:160px;}
#menu9 #col-left h1	{ background-position:-270px 0; height:188px;}
#menu10 #col-left h1{ background-position:-300px 0; height:360px;}

#col-left h1 a {
	display:block;
	width:100%; height:100%;
	text-indent:-10000px; font-size:1px; overflow:hidden;
}

/*** nav-left ***/

#nav-left {
	float:left;
	width:200px;
	padding-top:180px; margin-right:4px;
	background-repeat:no-repeat;
	color:#FFF;
	font-size:11px;
}
#menu1 #nav-left { background-image:url('images/main-left-img_1.png'); }
#menu2 #nav-left { background-image:url('images/main-left-img_2.png'); }
#menu3 #nav-left { background-image:url('images/main-left-img_3.png'); }
#menu4 #nav-left { background-image:url('images/main-left-img_4.png'); }
#menu5 #nav-left { background-image:url('images/main-left-img_5.png'); }
#menu6 #nav-left { background-image:url('images/main-left-img_6.png'); }
#menu7 #nav-left { background-image:url('images/main-left-img_7.png'); }
#menu8 #nav-left { background-image:url('images/main-left-img_8.png'); }
#menu9 #nav-left { background-image:url('images/main-left-img_9.jpg'); }
#menu10 #nav-left { background-image:url('images/main-left-img_10.jpg'); }

#nav-left ul {
	list-style:none;
	width:200px;
	margin:20px 0;
}
#nav-left li {
	width:165px;
	margin:0;
	padding:4px 18px 5px 17px;
	background:transparent url('images/main-left-filets.jpg') no-repeat bottom;
}
#menu1 #nav-left li	{ background-position:0 bottom; }
#menu2 #nav-left li { background-position:-200px bottom; }
#menu3 #nav-left li { background-position:-400px bottom; }
#menu4 #nav-left li { background-position:-600px bottom; }
#menu5 #nav-left li { background-position:-800px bottom; }
#menu6 #nav-left li { background-position:-1000px bottom; }
#menu7 #nav-left li { background-position:-1200px bottom; }
#menu8 #nav-left li { background-position:-1400px bottom; }
#menu9 #nav-left li, #menu10 #nav-left li { background-position:-1600px bottom; }

#menu1 #nav-left li.active { background-color:#127C7C; }
#menu2 #nav-left li.active { background-color:#829502; }
#menu3 #nav-left li.active { background-color:#5F04A5; }
#menu4 #nav-left li.active { background-color:#9A4505; }
#menu5 #nav-left li.active { background-color:#5D0101; }
#menu6 #nav-left li.active { background-color:#025A1C; }
#menu7 #nav-left li.active { background-color:#6D1D6D; }
#menu8 #nav-left li.active { background-color:#023E64; }
#menu9 #nav-left li.active, #menu10 #nav-left li.active { background-color:#5E6F70; }

#nav-left h3 {
	margin:16px 0 9px 0;
	padding:0;
	color:#FFF;
	background:none;
}
#nav-left a {
	display:block;
	color:#FFF;
	text-decoration:none;
}
#nav-left a:hover {  }

/***************************/
/********* content *********/

#content {
	position:relative;
	float:left;
	background-color:#FFF;
	line-height:1.6em;
}

.main-mod, .main-mod-w,  .main-mod-g {
	position:relative;
	clear:both;
}
/* pad pr main-mod car pas de top-bottoms */
.main-mod {
	padding-bottom:43px;
}

.mod-top, .mod-bottom {
	width:100%; height:14px;
	line-height:1px; font-size:1px;
}
.mod-middle {
	position:relative;
	overflow:hidden;
	padding:8px 70px 8px 40px;
}

.mod-filet-haut {
	height:15px;
	margin:14px 0 22px 0;
	background:transparent url(images/mod-filet-haut.jpg) no-repeat center;
}
.mod-filet-bas {
	height:15px;
	margin:20px 0 10px 0;
	background:transparent url(images/mod-filet-bas.jpg) no-repeat center;
}
.mod-middle .mod-filet-haut,
.mod-middle .mod-filet-bas {
	margin-left:-20px;
	margin-right:-20px;
}

/*** boutons ***/

a.bt { overflow:hidden; text-indent:-10000px; }

a.ressource,
a.print,
a.dld,
a.up,
a.chapter  {
	display:block;
	text-decoration:none;
}

a.ressource, a.print {
	height:49px; width:300px;
	padding:9px 0 9px 64px;
	margin:11px 0 9px 0;
	background:transparent url('images/btn-ressource.jpg') no-repeat;
}
a.ressource {
	background:transparent url('images/btn-ressource.jpg') no-repeat;
}
.main-mod-g a.ressource  {
	background-image:url('images/btn-ressource-gris.jpg');
}
div.print-dld  {
	position:relative;
	margin:11px 0 0 0;
}
.main-mod-g a.print {
	background-image:url('images/btn-print-gris.jpg');
}
a.print {
	background:transparent url('images/btn-print.jpg') no-repeat;
}
a.dld {
	position:absolute;
	top:27px; left:64px;
	z-index:10;
}

a.ressource:hover,
a.print:hover  {
	background-position:0 -80px;
}

a.up,
a.chapter  {
	width:76px; height:44px;
	position:absolute;
	right:8px; 
	z-index:10;
}

a.up {
	bottom:7px;
	background:transparent url('images/btn-haut.png') no-repeat;
}
.main-mod-g a.up  {
	background-image:url('images/btn-haut-gris.jpg');
}

a.chapter {
	top:8px;
	background:transparent url('images/btn-chapter-gris.jpg') no-repeat;
}

a.up:hover, 
a.chapter:hover {
	background-position:0 -44px;
}

/****** alert + jscript + flash detect ******/

div.warning {
	height:235px;
	width:320px;
	margin:30px auto;
	padding:60px 80px;
	text-align:left;
	background-color:#000;
	color:#FFF;
	line-height:150%;
}

#object-content {
	display:none;
	width:540px;
	height:415px;
}
div.warning p {
	margin:12px;
}
div.warning a {
	display:block;
	height:100px;
	margin-top:16px;
	color:#FFF;
	text-decoration:none;
}
div.warning a.flash {
	padding-left:110px;
	background:transparent url('images/btn-flashplayer.jpg') no-repeat;
}
div.warning a.jscript {
	padding-left:100px;
	background:transparent url('images/btn-jscript.png') no-repeat;
}


#jscript {
	font-size:11px;
}
#jscript h4 {
	margin-top:12px;
}