/*
	Astropof
	Site : NSE Online
	Définition des feuilles de style
	Version : 1.0 [Juin 2007]

*/




/* ----------------------------------- */
/* ------>>> INITIALISATIONS <<<------ */
/* ----------------------------------- */

html, body, form, fieldset {
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

li, dd, blockquote {
	margin-left: 1em;
}

form label {
	cursor: pointer;
}

fieldset {
	border: none;
}

input, select, textarea {
	font-family: inherit;
	font-size: 100%;
}




/* ----------------------------------- */
/* ---------->>> GLOBAL <<<----------- */
/* ----------------------------------- */

body {
	background-color: #EBEBEB;
	font-size: 62.5%;
	text-align: center;
}

p {
	font-size: 1.1em;
	line-height: 16px;
	margin-bottom: 8px;
}

a {
	color: #377BC1;
	text-decoration: underline;
}

a:hover {
	color: #F58A10;
	text-decoration: underline;
}

.adroite {
	float: right;
}





/* ----------------------------------- */
/* --------->>> STRUCTURE <<<--------- */
/* ----------------------------------- */

#global {
	background-color: #FFFFFF;
	border: solid 1px #DADADA;
	border-top: 0;
	margin: 0 auto;
	text-align: left;
	width: 788px;
}

#page {
	background: #FFF url(../img/fond-page.gif) repeat-y;
	margin: 0 18px 0 18px;
	padding: 0;
  min-height: 200px;
  height:auto !important;
  height: 200px; /* IE <= 6 */
}

#header {
	color: #939598;
	font-weight: bold;
	margin: 0 18px 20px 18px;
}

#langue {
	background: #FFF url(../img/fond-langue.jpg) no-repeat;
	float: right;
	height: 28px;
	padding-top: 6px;
	text-align: center;
	width: 152px;
}

#bandeau {
	height: 170px;
	width: 751px;
}

	#bandeau p {
		color: #34397B;
		font-size: 1.3em;
		line-height: 1.8em;
		padding-left: 18px;
	}

	#bandeau p.savoir {
		color: #FFF;
		font-size: 1.1em;
	}

#corps {
	margin-left: 18px;
	width: 500px;
}

#awex {
	background: #FFF url(../img/fond-page.gif) no-repeat;
	margin: 0 18px 20px 18px;
	text-align: right;
}

	#awex img {
		padding-right: 20px;
	}

#footer {
	border-top: solid 1px #D2D2D2;
	clear: both;
	color: #939598;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 18px 11px 18px;
	padding-top: 14px;
}

	#footer .adroite {
		font-size: 9px;
		font-weight: normal;
	}


/* Boite grise */

dl {
	font-size: 1.1em;
	line-height: 16px;
	width: 503px;
}

dl, dt, dd {
	margin: 0;
	padding: 0;
}

dl {
	background: url(../img/box-foot.jpg) bottom left no-repeat;
	padding-bottom: 8px;
}

dt {
	background: url(../img/box-head.jpg) top left no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	height: 8px;
	padding: 0 20px 0 10px;
	text-align: left;
}

dd {
	padding: 0 20px 0 10px;
	text-align: left;
	background: url(../img/box-main.jpg) top left repeat-y; /* internal background */
}

#corps dl ul {
	margin: 0;
}



/* ----------------------------------- */
/* ---------->>> ENTETES <<<---------- */
/* ----------------------------------- */

#header h1 {
	clear: right;
	color: #D1D3D4;
	float: right;
	font-size: 1.8em;
	line-height: 24px;
}

#bandeau h2 {
	color: #FFF;
	font-size: 2.2em;
	margin-top: 0;
	padding-top: 24px;
	padding-left: 18px;
}

#bandeau h2.long {
	color: #FFF;
	font-size: 1.6em;
	margin-top: 0;
	padding-top: 24px;
	padding-left: 18px;
}

#corps h1 {
	background: url(../img/pt-gris.gif) repeat-x 0 bottom;
	color: #F58A10;
	font-size: 1.8em;
	margin-top: 0;
	padding-bottom: 14px;
}

#corps h2 {
	color: #F58A10;
	font-size: 1.1em;
	margin-top: 16px;
}




/* ----------------------------------- */
/* -------->>> NAVIGATION <<<--------- */
/* ----------------------------------- */

/* Navigation horizontale */

#nav {
	background: #F58A10 url(../img/menu-fond.jpg) no-repeat;
	clear: both;
	font-size: 1.1em;
	font-weight: bold;
	height: 29px;
	margin: 0 0 6px 0;
	padding: 1px 0 0 10px;
	width: 741px;
}

#nav li {
	display: inline;
	list-style: none;
	margin: 0;
}

#nav li a {
	background: url(../img/menu-off.jpg) repeat-x;
	border-left: solid 1px #f9c78c;
	color: #FFF;
	float: left;
	line-height: 29px;
	padding: 0 10px 0 10px;
	text-decoration: none;
}

#nav li a:link, #nav li a:visited { 
	color: #FFF; 
}

#nav li a:hover {
	color: #FFF;
	background: url(../img/menu-on.jpg) repeat-x;
}

#nav li.current a, #nav li.current a:hover {
	color: #FFF;
	background: url(../img/menu-on.jpg) repeat-x;
}

#nav li.last a, #nav li.last a:hover {
	border-right: solid 1px #FEECD9;
}


/* Navigation verticale */

#ssnav {
	float: right;
	font-size: 1.1em;
	margin-left: 23px;
	width: 176px;
}

#ssnav li {
	list-style: none;
	margin: 0;
}

#ssnav li a {
	color: #000;
	line-height: 28px;
	text-decoration: none;
}

#ssnav li a:link, #ssnav li a:visited { 
	color: #000; 
}

#ssnav li a:hover {
	color: #377BC1;
}

#ssnav li.current .fleche {
	color: #F58A10;
	font-weight: bold;
}

#ssnav li .fleche {
	color: #D1D3D4;
	font-weight: bold;
}

#ssnav li.current a {
	padding-bottom: 4px;
	background: url(../img/pt-orange.gif) repeat-x 0 bottom;
}

#ssnav li a:hover {
	padding-bottom: 4px;
	background: url(../img/pt-orange.gif) repeat-x 0 bottom;
}



/* ----------------------------------- */
/* ----------->>> TEXTE <<<----------- */
/* ----------------------------------- */


/* ----------------------------------- */
/* ----------->>> LISTES <<<---------- */
/* ----------------------------------- */



/* ----------------------------------- */
/* ----------->>> LIENS <<<----------- */
/* ----------------------------------- */

#header a {
	color: #939598;
	text-decoration: none;
}

#header a:hover {
	color: #377BC1;
	text-decoration: none;
}

#footer a {
	color: #377BC1;
	text-decoration: underline;
}

#footer a:hover {
	color: #F58A10;
	text-decoration: underline;
}

#bandeau p.savoir a {
	color: #FFF;
	text-decoration: none;
}

#bandeau p.savoir a:hover {
	color: #F58A10;
	text-decoration: none;
}