/* sǝpodʎlod sǝp ssɔ sǝl ɹns ǝnuǝʌuǝıq */

	/*960.gs */
	.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
	/*Source :  http://yui.yahooapis.com/combo?2.7.0/build/reset-fonts/reset-fonts.css */
	html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
	Couleurs utilisées

	Vert menu : #B9DA4C
	Rose : #C7386B
	Vert alaWindows : #3A7991
	--------------------------------------------------- */


	/* Global
	--------------------------------------------------- */
	html {
		background: #B9DA4C;
	/* 	padding-bottom: 2em; */
		}
	body {
		height: 100%;
		background: #fff url('../img/bg_header.png') repeat-x 0 -18px;
		color: #333;
		}
	#home {
		background-image: url('../img/bg_header_home.png');
		}
	a {text-decoration: none;}
	b,strong {font-weight: bold;}
	i,em {font-style: italic;}


	#page {
		background: url('../img/bg_page.png') no-repeat 0 12px;
	}
	#home #page {
		background: url('../img/bg_page_home.png') no-repeat 0 12px;
	}



	.vert {
		color: #B9D84C;
	}

	.bleu {
		color: #257B94;
	}

	.rose {
		color: #DB2B68;
	}

	.jaune {
		color: #DACC00;
	}

	.orange {
		color: #EC6F33;
	}

	.mauve {
		color: #745073;
	}

	.prune {
		color: #9E005B;
	}

	.gris {
		color: #685C61;
	}

	.noir {
		color: #000000;
	}


	/* Header
	--------------------------------------------------- */
	#header {position: relative;}
	#home #header {}

	#home #baseline {
		top: 20px; right: 60px;
		width: 150px;
		color: #2A428A;
		line-height: 1;
	}
	#home #baseline a {background-color: #fff; color: #2A428A}
	#home #baseline span {background: none}
	#home #logo_anact a { position: absolute; top: 10px; left: 902px;}
	

	/* Zone Flash -------------------- */
	#home #flash {height: 310px;}
	#flash {height: 220px;}
	#flash img {display: block;}
	#transcript {
		position: absolute; bottom: 15px; right: 20px;
		font-size: 85%;
		}
	#transcript a {color: #000;}
	/* Message Flash */
	#player {position: relative;}
	.message {
		background-color: #FDFAE3;
		padding: .5em;
	}
	.message a {color: #000!important;text-decoration: underline; border: 0!important;}
	#header .message {
		position: absolute;
		right: 0; bottom: 0;
		width: 300px;
		font-size: 77%;
	}

	/* Prelude -------------------- */
	#prelude a {
		position: absolute; top: -1000px;
		display: block;
		background-color: #000;
		color: #fff;
		padding: 5px;
		}
	#prelude a:focus {position: absolute; top: 0;}
	#prelude span {position: absolute; top: -1000px;}

	/* Baseline -------------------- */
	#baseline {
		text-align: right;
		color: #fff;
		font-size: 77%;
		height: 1.8em; line-height: 18px;
		margin-bottom: 10px;
		position: absolute; top: 0; right: 0;
	}
	#baseline span {
		display: inline-block;
		padding: 0 3px 0 20px;
		background: #3299de url('../img/bg_signature.png') no-repeat 0 0;
	}
	#baseline a {
		display: inline-block;
		color: #fff;
		background-color: #3b4c94;
		padding: 0 3px 0 3px;
	}
	/* logo ANACT -------------------- */
	#logo_anact a{ background: url(../img/logo_anact.jpg) no-repeat;
		position: absolute; top: 37px; left: 902px;
		width: 0; height: 52px;
		padding-left: 56px; overflow: hidden;
		}

	/* ToolBox -------------------- */
	#toolBox {padding-top: 45px;}
	#toolBox li {display: inline;}
	#toolBox img {
		height: 15px; width: 20px;
		overflow: hidden;
		background: #6e6755 url('../img/icns.png') no-repeat;
		}
	#toolBox a {color: #fff;}
	#toolBox a:hover img,#toolBox a:focus img {background-color: #C7386B;}
	#toolBox #tb1 {}
	#toolBox #tb2 {background-position: -20px 0px;}
	#toolBox #tb3 {background-position: -40px 0px;}
	#toolBox #tb4 {background-position: -60px 0px;}

	/* Logo -------------------- */
	#logo img {
		width: 279px; height: 81px;
		overflow: hidden;
		background: url('../img/logo_site.png') no-repeat 0 20px;
		font-size: 120%; font-weight: bold;
	}

	/* Ariane -------------------- */
	#ariane {
		font-size: 93%em;
		font-size: 77%;
		padding-top: 45px;
	}
	#ariane a{color:#494027;}

	/* Navigation principale
	--------------------------------------------------- */
	#menu {
		background: #B9DA4C url('../img/bg_menu.png') no-repeat bottom right;
		padding-right: 10px; 

		}
	#menu li {display: inline;}
	#menu a {
		color: #000;
		display: block; float: left;
		line-height: 2.6em; height: 34px;
		margin-right: 20px;
		}
	#menu strong a {}
	#menu a:hover,#menu a:focus {color: black;}


	/* Contenu
	--------------------------------------------------- */
	#content {
		padding: 2em 0 2em 0;   
		display:inline;
	}

	#content .intro {
		font-weight: bold;
		padding-bottom: .5em;
		}
	#content .intro:first-letter {font-size: 2em;}

	/* Contenu principal : styles textes -------------------- */
	#main h1,#main h2, #main h3, #main h4, #main h5, #main h6, #main p, #main ul, #main ol {padding-bottom: .8em;}
	#main h2, #main h3, #main h4, #main h5, #main h6 {margin-top: .5em;}
	#main p, #main ul, #main ol {line-height: 1.5; font-size: 100%;}
	#main h1 {
		color: #C7386B;
		font-size: 200%;
	}
	#main h2 {
		color: #3A7991;
		font-size: 146.5%;
		}
	#main h3 {
		color: #A6345F;
		font-size: 123%;
		}
	#main h4 {
		color: #3A7991;
		font-size: 100%;
	}
	#main h5 {
		color: #3A7991;
		font-size: 93%;
		font-weight: bold;
	}
	#main li {margin-left: 2em;}
	#main ul li {list-style: disc;}
	#main ol li {list-style: decimal;}
	#main a {
		color: #5E7120;
		border-bottom: 1px #5E7120 solid;
		}
	#main a:hover, #main a:focus {
		color: #000;
		border-bottom: 1px #000 solid;
		}
	#main img {
		float: right;
		padding: 0 0 8px 8px;
	}
	#main #section {
		color: #333;
		border-bottom: 2px #ccc solid;
		padding-bottom: 1em; margin-bottom: 1em;
/* 		font-weight: bold; */
		font-size: 80%;
		text-transform: uppercase;
		}
	#main .date {
		display: block;
		font-weight: bold;
		color: #3D412C;
		padding: .5em 0 .5em 0; margin: 0 0 1.5em 0;
		font-size: 11px;
		line-height: 1;
		border-bottom: 1px #ccc solid;
		border-top: 1px #ccc solid;
	}
	#main .tagline {border-bottom: 1px #ccc solid;}
	#main .tagline li {
		list-style: none;
		margin: 0 1em 0 0; padding: 0;
		display: inline;
		font-size: .9em;
	}
	#main .tagline li a {border: 0;}
	#main .downloadfile {font-weight: bold; font-size: 1.2em;}
	/* FAQ -------------------- */
	.faq {}
	#main .faq li {margin: 0; list-style: none;}
	#main .faq  ul li {margin-left:2em;list-style:disc outside none;}
	.faq h2 {
	
	}
	.faq h2 a {
		display: block;
		color: #3A7991!important;
		border: 0!important;
		padding-left: 20px;
		background: url('../img/fold_faq.png') no-repeat 0 -67px;
		}
	.faq h2 a:hover, .faq h2 a:focus {color: #000!important;}
	.faq .faq_close a {background-position: 0 6px;}
	.faq_reponse {
		margin-left: 40px;
	}

	/* Navigation secondaire
	--------------------------------------------------- */
	#nav {
		font-size: 93%;
/* 		margin-top: 30px; */
		}
	#nav ul ul {padding-left: 40px; padding-top: .3em;}
	#nav a {
		color: #333;
		border-bottom: 1px #ddd solid;
		display: block;
		padding: .3em 0 .4em 10px;
		color: #455017;
		background: url('../img/puce_nav.png') no-repeat 0 7px;
		}
	#nav a:hover {color: #000;}
	#nav .current {font-weight: bold; /* color: #829835; */ color: #333;}

	/* Footer
	--------------------------------------------------- */
	#footer {
		position: relative;
		height: 50px;
		margin-bottom: -20px;
		}
	#footer .top {
	/* 	margin-top: -20px; */
		font-size: 77%;
	}
	#footer .top a {color: #3A7991;}
	#breadcrumbs {
		position: absolute; right: 5px; bottom: 0;
		width: 26em;
		background: url('../img/bg_breadcrumbs.png') no-repeat;
	}

	#breadcrumbs ul {
		background: url('../img/bg_breadcrumbs.png') no-repeat top right;
		font-size: 85%;
		margin-left: 10px; padding-right: 10px;
		height: 2.6em;
		}
	#breadcrumbs li {display: inline;}
	#breadcrumbs a {
	/* 	color: #494027; */
		color: #000;
		background-color: #B9DA4C;
		display: block; float: left;
		line-height: 2.6em; height: 2.6em;
		padding-left: 10px; padding-right: 10px;
		}


	#breadcrumbs a:hover,#breadcrumbs a:focus {color: black;}
	#signature {position: absolute; top: 2px;}


	/* SideBar
	--------------------------------------------------- */
	.sideBar {overflow: hidden;}
	.sideBar a {color: #5E7120;}
	.sideBar a:hover, .sideBar a:focus {color: #4F5C17;}
	.sideBar p,.sideBar ul, .sideBar ol {
		font-size: 85%;
		margin: 0 0 0.8em 0;
		}
	.sideBar ul li, .sideBar ol li{margin-left: 1.3em;}
	.sideBar ul li {list-style: disc;}
	.sideBar ol li {list-style: decimal;}

	.sideBar h2 {
		background: url('../img/bg_encadre.png') no-repeat -10px 0;
		text-align: right;
		text-transform: uppercase;
		font-size: 85%;
		color: #3A7991;
		padding: 3px 5px 3px 0; margin: 0 0 0.8em 0;
	}
	#toteur .sideBar h2 {
		text-align: left;
		padding: 3px 0 3px 5px;
	}
	.sideBar h3 {
		font-size: 13px;
		line-height: 130%;
		font-weight: bold;
		margin-bottom: 13px;
	}
	.sideBar .article h3 {
		font-weight: bold;
		border-top: 1px #E1E6BF solid;
	}
	.sideBar h4 {
		font-size: 100%;
		line-height: 105%;
		margin-bottom: .5em;
	}
	.sideBar h5 {
		font-size: 93%;
		line-height: 105%;
		margin-bottom: .5em;
		font-weight: bold;
	}


	.sideBar .encadre {
		background: url('../img/bg_encadre.png') no-repeat 210px 0;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	.sideBar .date {
		display: block;
		font-weight: bold;
		color: #3D412C;
		padding: 0 0 .5em 0;
		font-size: 9px;
		line-height: 1;
	}
	.sideBar .article {
		clear: both;
		background-color: #fff;
		margin-top: .5em;
		overflow: hidden;
	}
	/* #sideBar .article:after {
		content:" ";
		display: block;
		clear: both;
		height: 1em;
	} */
	
	/* Tags -------------------- */
	#taglist {
		
	}
	#taglist li {
		list-style: none!important;
		margin: 0!important; padding: 0!important;
		display: inline;
		float:left;
		margin-right: 1em!important;
		}
	#taglist .niveau3 {font-size: 2em; font-weight: bold;}
	#taglist .niveau2 {font-size: 1.8em;}
	#taglist .niveau1 {font-size: 1.1em;}
	/* Zoom -------------------- */
	#zoom {}
	#zoom a{color:#B52A57;}
	#zoom a:hover{text-decoration:underline;}
	#zoom .zoomContent {
		font-size: 90%; line-height: 1.4em;
		padding: 10px 10px 3px 10px; margin: 0 0 0.8em 0;
		font-size: 95%;
		color: #000;
		background-color: #b9da4c;
	}
	#zoom h2 {
		background: transparent url('../img/bg_breadcrumbs.png') repeat-y -10px 0;
		color: #fff;
		text-align: left;
		text-transform: uppercase;
		padding: 5px 0 5px 10px; margin: 0 0 0 0;
		font-size: 95%;font-weight: bold;
		}
	.zoomContent p,.zoomContent ul, .zoomContent ol {
		margin: 0 0 0.8em 0;
		}
	.zoomContent ul li, .zoomContent ol li{margin-left: 1.3em;}
	.zoomContent ul li {list-style: disc;}
	.zoomContent ol li {list-style: decimal;}

	/* Paginator -------------------- */
	.pager {
		position: relative;
		height: 2em; line-height: 2em;
		text-align: right;
		font-size: 93%;
		padding-right: 25px;
		color: #3A7991;
		}
	.pager a {
		position: relative;
		color: #000!important;
	}
	.pager .prev a {color: #fff!important;}
	.pager .next a {color: #fff;}
	.pager .inactive a {color: #333!important;}
	.pager a img {
		margin: 5px;
		height: 4px; width: 12px;
		overflow: hidden;
		background: #3A7991 url('../img/icns.png') no-repeat;
	}
	.pager a:hover img, .pager a:focus img {background-color: #C7386B;}
	.pager .next,.pager .prev {position: absolute; font-size: 77%;}
	.pager .next {bottom: 0; right: 0;}
	.pager .prev {top: 0; right: 0;}
	.pager .prev img {background-position: 0 -19px;}
	.pager .next img {background-position: 0 -24px;}
	.pager .inactive img, .pager a.inactive:hover img {background-color: #ddd;}
	.pager .inactive, .pager a.inactive:hover {cursor: default;}

	/* Sitemap
	--------------------------------------------------- */
	.section {margin-bottom: 10px;}
	.section li {margin: 0; padding: 0;}
	.section a {text-decoration: none!important; border: 0!important;}


	/* Formulaires
	--------------------------------------------------- */
	form  {font-size: 93%; color: #333;}
	.input {
		margin-bottom: 1em;
		padding: 0 0 .8em 0;
		clear: both;
	}
	.input legend {font-weight: bold; margin-bottom: 0.8em; color: #333;}

	.input.radio fieldset {}
	.input.radio label {margin-right: 1em;margin-left: 0.5em;}
	.input.radio input {vertical-align: middle;}
	.input.text, .input.textarea {border-bottom: 1px #ccc solid;}
	.input.text input, .input.textarea textarea {width: 50%; float: left;}
	.input.textarea textarea {height: 200px;}
	.input.text label, .input.textarea label {
		font-weight: bold;
		display: block;
		float: left;
		width: 10%;
		padding-right: 10px;
		}
	.input:after{
		content:"-";
		display: block;
		clear: both;
		height: 0; overflow: hidden;
		font-size: 0; text-indent: -1000em;
	}
	.input .error-message {
		color: darkorange;
		float: right;
		width: 30%;
		}
	.submit{padding: 0 0 0 10%;}
	#flashMessage {
		background-color: #ffe;
		padding: .8em;
		color: #333;
		font-size: 93%;
		border: 1px #777 solid;
		margin-bottom: 1em;
		}


	/* Accessibilité
	--------------------------------------------------- */
	.hc {position: absolute; top: -1000em;}



/*
	Styles JS
	Utilisé avec la classe JS insérée en JS (body.js {} )
	--------------------------------------------------- */
	.js .hidden {display: none;}

	/* Pagination sideBar -------------------- */

