/**
 * Entete CSS : redefinition de styles par defaut
 */
html { overflow: -moz-scrollbars-vertical !important; }
html, body { height: 100%; }

body { margin: 0; padding: 0; color: #4F4943; font: 62% Verdana, Arial, Helvetica, sans-serif; line-height: 1.7em; background: url(../fr/nav/body.gif) #fff repeat-x; }

p { margin: 0; padding: 4px 0 4px 0; }

a { color: #783489; text-decoration: underline; outline: none; }
	a img { border: none; }

form { margin: 0; padding: 0; }
input, textarea { font: 1em Verdana, Arial, Helvetica, sans-serif; outline: none; }

ul { margin: 10px 0 10px 30px; padding: 0; list-style: none; list-style-position: outside; }
	ul li { background: url(../fr/nav/puce3.gif) no-repeat 0px 5px; padding: 0 0 0 20px; list-style: none; }
hr { height: 2px; margin: 10px 0 10px 0; padding: 0; background: url(/fr/nav/bg_hr.gif) repeat-x; outline: 0; border: 0; }
*+html hr { height: 2px; margin: 4px 0 4px 0; border: 0; outline: 0; padding: 0; border-bottom: 2px dotted #6B257E; }
* html hr { height: 2px; margin: 4px 0 4px 0; border: 0; outline: 0; padding: 0; border-bottom: 2px dotted #6B257E; }

/**
 * Styles commun
 */
.clear { clear: both; }
.effacer { display: block; text-indent: -5000px; font-size: 0px; }

.champobligatoire { color: #FF0000; font-weight: bold; }

/**
 * Styles éditeur
 */
.couleur1 { color: #783489; }
.couleurblanc { color: #fff; }

h2 { color: #4F4943; font-size: 1.4em; font-variant:small-caps; margin: 4px 0 15px 0; } /* titre */
h3 { color: #91BD27; font-size: 1.4em; margin: 15px 0 10px 0; }
h4 { color: #6B257E; font-size: 1.3em; line-height: 1.9em; margin: 0; padding: 0; text-align: left; } /* chapeau */
h5 { width: 220px; color: #fff; background: url(../fr/nav/bg_obj1.gif); font-size: 1.2em; line-height: 1.9em; margin: 4px 0 4px 0; padding: 10px; text-align: left; }

.textepetit { font-size: 0.9em; }
.textegrand { font-size: 1.1em; }
.border { border: 1px solid #783489; padding: 1px; }

#tab_2col { border-collapse: collapse; text-align: justify; width: 874px; }
	#tab_2col td { vertical-align: top; padding: 0; }
	#tab_2col .col1 { width: 393px; padding-right: 40px; }
		#tab_2col .col1 h5 { margin-left: 153px; }
		#tab_2col .col2 h5 { margin-left: 201px; }

.tab1 { border-collapse: collapse; width: 100%; margin: 4px 0 4px 0; border-top: 1px solid #716458; }
	.tab1 th { padding: 1px 5px 1px 5px; background: #716458; border: 1px solid #716458; border-top: none; color: #fff; text-align: center; font-weight: normal; }
	.tab1 td { padding: 1px 5px 1px 5px; border: 1px solid #716458; }

.tab2 { border-collapse: collapse; width: 100%; margin: 4px 0 4px 0; border-top: 1px solid #716458; border-right: 1px solid #716458; }
	.tab2 th { padding: 2px 5px 1px 5px; background: #716458; border: 1px solid #716458; border-top: none; color: #fff; text-align: center; font-weight: normal; }
	.tab2 td { padding: 1px 5px 1px 5px; border-bottom: 1px solid #716458; }

/**
 * Conteneur
 */
#background { position: absolute; left: 51%; width: 49%; height: 238px; background: url(../fr/nav/background.gif) repeat-x top right; }
#container { position: relative; background: #fff; left: 50%; width: 874px; margin-left: -437px; min-height: 500px; z-index: 100; }
* html #container { height: 500px; }

	/**
	 * Header
	 */
	#header { height: 116px; }
		#header h1 { background: url(../fr/nav/logo.gif); width: 135px; height: 95px; margin: 0; padding: 0; position: absolute; top: 10px; left: 0; }
		#header h1 a { width: 135px; height: 95px; }
		#header #quick { position: relative; top: 1px; margin: 0 0 0 153px; background: url(../fr/nav/bg_quick.gif) #ECECE9 no-repeat; height: 21px; color: #B2B2B1; font-weight: bold; }
			#header #quick li { list-style: none; position: absolute; background: none; padding: 0; }
				#header #quick li label { display: block; line-height: 20px; }
				#header #quick li a { display: block; line-height: 20px; color: #B2B2B1; padding: 0; text-decoration: none; }
				#header #quick li a:hover { color: #858484; }
			
			#header li#menu_header1 { left: 234px; }
				#header li#menu_header1 a { color: #666; }
			#header li#menu_header2 { left: 346px; }
			#header li#menu_header3 { left: 415px; top: 2px; background: url(../fr/nav/text_rechercher.gif) no-repeat 0px 0; width: 152px; height: 16px; }
				#header li#menu_header3 input { border: none; background: transparent; width: 132px; height: 16px; padding: 2px 10px 0 10px; }
			#header li#menu_header4 { left: 577px; padding-top: 2px; }
			#header li#menu_header5 { left: 632px; }
		
		#header #main { position: absolute; top: 56px; margin: 0; }
			#header #main li { list-style: none; position: absolute; background: none; padding: 0; }
				#header #main li a { height: 20px; display: block; text-indent: -5000px; font-size: 0px; }
			#header li#menu_header6 { background: url(../fr/nav/menu_header6.gif) no-repeat top left; left: 181px; width: 158px; }
			#header li#menu_header6:hover { background-position: bottom; }
			#header li#menu_header6_actif { background: url(../fr/nav/menu_header6.gif) no-repeat bottom left; left: 181px; width: 158px; }
			#header li#menu_header7 { background: url(../fr/nav/menu_header7.gif) no-repeat top left; left: 373px; width: 202px; }
			#header li#menu_header7:hover { background-position: bottom; }
			#header li#menu_header7_actif { background: url(../fr/nav/menu_header7.gif) no-repeat bottom left; left: 373px; width: 202px; }
			#header li#menu_header8 { background: url(../fr/nav/menu_header8.gif) no-repeat top left; left: 601px; width: 93px; }
			#header li#menu_header8:hover { background-position: bottom; }
			#header li#menu_header8_actif { background: url(../fr/nav/menu_header8.gif) no-repeat bottom left; left: 601px; width: 93px; }
			#header li#menu_header9 { background: url(../fr/nav/menu_header9.gif) no-repeat top left; left: 724px; width: 141px; }
			#header li#menu_header9:hover { background-position: bottom; }
			#header li#menu_header9_actif { background: url(../fr/nav/menu_header9.gif) no-repeat bottom left; left: 724px; width: 141px; }
	
	/**
	 * Nav
	 */
	#nav { height: 145px; }
		.nav_bg1 { background: url(../fr/nav/bg_nav1.jpg) no-repeat top right; height: 90px;  }
		#nav .menu { background: #F2F2EF; height: 15px; margin-top: 17px; }
		*+html #nav .menu { margin-top: 15px; }
		* html #nav .menu { margin-top: 15px; }
			#nav .menu .level1, #nav .menu .level1_actif { float: left; border-right: 2px solid #fff; }
			#nav .menu .level1_actif { background: #9A9188; }
			#nav .menu .level1:hover { background: #9A9188; }
				#nav .menu .level1:hover a { color: #fff; }
				#nav .menu .level1 a, #nav .menu .level1_actif a { float: left; display: block; line-height: 15px; height: 15px; padding: 0 40px 0 24px; background: url(../fr/nav/puce1.gif) no-repeat 8px 4px; color: #757276; text-decoration: none; }
				*+html #nav .menu .level1 a, *+html #nav .menu .level1_actif a { line-height: 13px; }
				* html #nav .menu .level1 a, * html #nav .menu .level1_actif a { line-height: 13px; }
				#nav .menu .level1_actif a { color: #fff; font-weight: bold; }
	
	/**
	 * 
	 */
	#titre_formation { margin: 0; }
		#titre_formation a { background: url(../fr/nav/titre_formation.jpg) no-repeat; width: 235px; height: 27px; }
	#titre_discuter { margin: 0; }
		#titre_discuter a { background: url(../fr/nav/titre_discuter.jpg) no-repeat; width: 242px; height: 27px; }
	#navigation_rub { border-collapse: collapse; margin-top: 40px; }
		#navigation_rub td { padding: 0; }

/**
 * Footer
 */
#footer { width: 100%; height: 23px; background: #F7F7F6; margin: 15px 0 10px 0; }
	#footer #footer_contenu { position: relative; left: 50%; width: 874px; margin-left: -437px; }
		#footer #footer_contenu ul { margin: 0; }
			#footer #footer_contenu ul li { list-style: none; position: absolute; background: none; padding: 0; }
			#footer #footer_contenu li#menu_footer1 { left: 0; }
			#footer #footer_contenu li#menu_footer2 { left: 137px; }
			#footer #footer_contenu li#menu_footer3 { left: 305px; }
			#footer #footer_contenu li#menu_footer4 { left: 541px; }
			#footer #footer_contenu li#menu_footer5 { left: 665px; }
			#footer #footer_contenu li#menu_footer6 { left: 820px; }
				#footer #footer_contenu #menu_footer6 a { background: none; padding: 0; }
				#footer #footer_contenu ul li a { display: block; line-height: 23px; color: #6E337C; background: url(../fr/nav/puce2.gif) no-repeat 0px 8px; padding-left: 20px; text-decoration: none; }
				#footer #footer_contenu ul li a:hover { color: #757276; }