BODY {	BACKGROUND: #4984D2 url(fond.jpg) no-repeat left top }

form { margin: 0px; padding: 0px; }

.invisible         { display: none; }
/* --------------------------- CMXFORM pour les formulaires ---------------------*/
form.cmxform { font-family: "Verdana"; color: #000000; font-size: 8pt; text-align: left;  }
form.cmxform SPAN.info { font-family: "Verdana"; color: #000000; font-size: 7pt; font-weight: normal; font-style: italic; text-align: left;  }
form.cmxform fieldset { margin-bottom: 10px; }
form.cmxform legend { padding: 0 2px; font-weight: bold; /*_margin: 0 -7px;*/ /* IE Win */ }
form.cmxform label { line-height: 1.8; vertical-align: top; display: -moz-inline-box; }
form.cmxform label { display: inline-block; }
form.cmxform fieldset ol { margin: 0; padding: 0; }
form.cmxform fieldset li { list-style: none; padding: 5px; margin: 0; }
form.cmxform fieldset fieldset { border: none; margin: 3px 0 0; }
form.cmxform fieldset fieldset legend { padding: 0 0 5px 0; font-weight: normal; }
form.cmxform fieldset fieldset label { display: block; width: auto; }
form.cmxform em { font-weight: bold; font-style: normal; color: #f00; }
form.cmxform label { width: 250px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 253px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

form.cmxform { width: 600px; color: #333; }
	
form.cmxform legend { padding-left: 0; }
form.cmxform legend, form.cmxform label { color: #333; }
form.cmxform fieldset { border: none; border-top: 1px solid #C9DCA6; border-left: 1px solid #C9DCA6; border-right: 1px solid #C9DCA6; background: #FFFFFF url(cmxform-fieldset.gif) left bottom repeat-x; }
form.cmxform fieldset fieldset { background: none; }
form.cmxform fieldset li { padding: 5px 10px 7px;  background: url(cmxform-divider.gif)  left bottom repeat-x;  }

form.cmxform fieldset.blue { border-top: 1px solid #A6D6DC; border-left: 1px solid #A6D6DC; border-right: 1px solid #A6D6DC; background: #FFFFFF url(cmxform-fieldset2.gif) left bottom repeat-x; }
form.cmxform fieldset.blue li { background: url(cmxform-divider2.gif) left bottom repeat-x; }


/* --------------------------- Apple.com pour le menu sur le coté ---------------------*/
#container {
	OVERFLOW: visible; 
}
.grid2colc {
	
}
.grid2colc .first.column {
	WIDTH: 232px;  MARGIN: -8px 0px 0px;
}
.grid2colc .last.column {
	WIDTH: 710px;  MARGIN: -8px 0px 0px;
}
.grid2colc .grid2col .column {
	DISPLAY: inline; WIDTH: 340px
}
.grid2colc .grid3col .column {
	WIDTH: 200px; MARGIN-RIGHT: 26px
}
#main #content {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1.6em; PADDING-TOP: 1.6em; PADDING-BOTTOM: 18px; COLOR: #333; PADDING-TOP: 0; POSITION: relative
}

#main #subnav {
	MARGIN-TOP: 0; Z-INDEX: 10; BACKGROUND: url(menuItemsPrincipaux-fond.gif) #f8f8f8 repeat-y left 50%; POSITION: relative; 
}
#main #subnav H2 {
	PADDING-RIGHT: 13px; PADDING-LEFT: 13px; FONT-SIZE: 12px; BACKGROUND: url(menuItemsPrincipaux-fond-titre.png) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: -8px 0px 0px; COLOR: #323232; PADDING-TOP: 9px; POSITION: relative; HEIGHT: 23px
}
#main #subnav H2 A {
	COLOR: #303030; TEXT-DECORATION: none
}
#main #subnav H2 A:hover {
	TEXT-DECORATION: underline
}
#main #subnav UL {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BACKGROUND: url(menuItemsPrincipaux-bas.png) no-repeat left bottom; PADDING-BOTTOM: 8px; MARGIN: 0 0 -6px 0;PADDING-TOP: 0px; POSITION: relative;
}
#main #subnav UL LI {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: relative; _margin-top: -2px
}
#main #subnav UL LI A {
	DISPLAY: block; MARGIN-BOTTOM: -1px; COLOR: #595959; LINE-HEIGHT: 50px; BORDER-BOTTOM: #dcdcdc 1px solid; POSITION: relative; HEIGHT: 4.17em; TEXT-DECORATION: none; outline: none
}
#main #subnav UL LI A:hover {
	BACKGROUND-IMAGE: url(menuItemsPrincipaux-fleche-bleue.gif); COLOR: #0088cc; TEXT-DECORATION: none
}
#main #subnav UL LI A {
	BACKGROUND: url(menuItemsPrincipaux-fleche-grise.gif) no-repeat right center
}
#main #subnav UL LI A IMG {
	FLOAT: left; MARGIN-RIGHT: 8px
}
#main #subnav UL LI.bottom A {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; 
}

BODY #main #subnav UL LI.selected {
	FONT-WEIGHT: bold; BACKGROUND: #efefef; border-bottom: 1px #DCDCDC solid;border-top: 1px #DCDCDC solid;POSITION: relative; 
}
BODY #main #subnav UL LI.selected A {
	border-bottom: 0; BACKGROUND-IMAGE: url(menuItemsPrincipaux-fleche-bleue.gif); COLOR: #0088cc; TEXT-DECORATION: none
}
/* Ajouts au menu Apple */
.statut_0 { color: #333333; DISPLAY: block; PADDING-LEFT: 48px; PADDING-BOTTOM: 0px; MARGIN: 0px; MARGIN-TOP: -35px; POSITION: relative; _margin-top: -35px; font-size: 0.8 em; font-weight: normal; }
.statut_1 { color: #018607; DISPLAY: block; PADDING-LEFT: 48px; PADDING-BOTTOM: 0px; MARGIN: 0px; MARGIN-TOP: -35px; POSITION: relative; _margin-top: -35px; font-size: 0.8 em; font-weight: normal; }
.statut_2 { color: #CF8A04; DISPLAY: block; PADDING-LEFT: 48px; PADDING-BOTTOM: 0px; MARGIN: 0px; MARGIN-TOP: -35px; POSITION: relative; _margin-top: -35px; font-size: 0.8 em; font-weight: normal; }
.statut_3 { color: #CF0404; DISPLAY: block; PADDING-LEFT: 48px; PADDING-BOTTOM: 0px; MARGIN: 0px; MARGIN-TOP: -35px; POSITION: relative; _margin-top: -35px; font-size: 0.8 em; font-weight: normal; }

/* darker, venant de eyesOS */
.DarkerTopRight {	height: 11px;	width: 11px;	background-image: url(darker-top_right.png); 	background-repeat: no-repeat; }
.DarkerTopLeft {	height: 11px;	width: 11px;	background-image: url(darker-top_left.png);		background-repeat: no-repeat; }
.DarkerBottonLeft { height: 11px;	width: 11px;	background-image: url(darker-bottom_left.png);	background-repeat: no-repeat; }
.DarkerBottonRight {height: 11px;	width: 11px;	background-image: url(darker-bottom_right.png);background-repeat: no-repeat; }
.DarkerBottomCenter {height: 11px;	background: url(darker-bg.png) repeat; }
.DarkerTopCenter {	height: 11px;	background: url(darker-bg.png) repeat; }
.DarkerRightCenter { width: 11px;	background: url(darker-bg.png) repeat; }
.DarkerLeftCenter { width: 11px;	background: url(darker-bg.png) repeat; }
.DarkerContent {	background: url(darker-bg.png) repeat; color: #FFFFFF; }
.DarkerContent A {	color: #FFFFFF; }
.DarkerContent A:hover {	color: #FFFFFF; }

.Darker form.cmxform { font-family: "Verdana"; color: #FFFFFF; font-size: 8pt; text-align: left;  }
.Darker form.cmxform SPAN.info { font-family: "Verdana"; color: #FFFFFF; font-size: 7pt; font-weight: normal; font-style: italic; text-align: left;  }
.Darker form.cmxform fieldset { margin-bottom: 10px;  }
.Darker form.cmxform legend { padding: 0 2px; font-weight: bold;  /* IE Win */ }
.Darker form.cmxform label { line-height: 1.8; vertical-align: top; display: -moz-inline-box; }
.Darker form.cmxform label { display: inline-block; }
.Darker form.cmxform fieldset ol { margin: 0; padding: 0; }
.Darker form.cmxform fieldset li { list-style: none; padding: 5px; margin: 0; }
.Darker form.cmxform fieldset fieldset { border: none; margin: 3px 0 0; }
.Darker form.cmxform fieldset fieldset legend { padding: 0 0 5px 0; font-weight: normal; }
.Darker form.cmxform fieldset fieldset label { display: block; width: auto; }
.Darker form.cmxform em { font-weight: bold; font-style: normal; color: #f00; }
.Darker form.cmxform label { width: 250px; } /* Width of labels */
.Darker form.cmxform fieldset fieldset label { margin-left: 253px; } /* Width plus 3 (html space) */

/*\*//*/ .Darker form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

.Darker form.cmxform {  color: #FFFFFF; }
	
.Darker form.cmxform legend { padding-left: 0; }
.Darker form.cmxform legend, form.cmxform label { color: #FFFFFF; }
.Darker form.cmxform fieldset { border: none; border: 1px solid #999999; background: none;}
.Darker form.cmxform fieldset fieldset { background: none; }
.Darker form.cmxform fieldset li { padding: 5px; background: none;  }

/* --- Menu principal */
UL.menuPrincipal { display: block; height: 30px; BACKGROUND: url(menuPrincipalFond.png) repeat-x;}
UL.menuPrincipal LI {  list-style: none; display: inline; margin: 0 0 0 20px; }
UL.menuPrincipal LI A { color: #FFFFFF; text-decoration: none; }
UL.menuPrincipal LI A:hover { color: #FFFFFF; text-decoration: underline; }
UL.menuPrincipal LI A.selected { font-weight: bold; }

#main H1 { color: #FFFFFF; border-bottom: #FFFFFF 1px solid;  }
#main H3 { color: #FFFFFF; font-size: 1.5em; border-bottom: #FFFFFF 1px solid; margin-bottom: 10px; }
#main H4 { color: #FFFFFF; font-size: 1.2em;  }

P.note { font-size: 0.8em }