/**
 *	Feuille de style générale du site Normadoc.com
 *	Cette feuille gére ce qui est commun é toutes les pages
 *		> En-téte, menu, structure générale de la page
 */

/**
 *	Eléments généraux de la page
 */
* {
	margin: 0px;
	padding: 0px;
	border: none;
}

body {
	background: #BEBDBD url(../images/fond.jpg) repeat-x;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
	body a { color: #0000FF; }
	body a:hover { color: #FF8C00; }

.clear_both { clear: both; }
.center { text-align: center; }
.erreur { color: Red; font-weight: bold; }
.btn, .login #btn_connection {
	width: 94px;
	height: 34px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	background: url(../images/bg_btn.gif);
	border: none;
}
.grd_btn {
	width: 215px;
	height: 32px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	background: url(../images/bg_grd_btn.gif) no-repeat;
	border: none;
}

.lien_document {
	display: list-item;
	list-style: inside url(../images/puce.gif);
	font-weight: bold;
}
hr{
	background-color: #999999;
	width: 90%;
	height: 1px;
	clear: both;
	margin: 10px auto 10px auto;
}
.caddy {
	width: 48px;
	height: 46px;
	border: none;
}

ul { list-style-position: inside; }
blockquote { margin-left: 20px; }

/**
 * Layout
 */
#wrapper {
	margin: 0px auto;
	width: 1000px;	
}

/**
 *	Menu de navigation multi-page (pour les résultats Paginés)
 */
.links{
	text-align: center;
	width: 95%;
	margin: 15px auto 15px auto;
	font-size: 10pt;
}
/**
 *	Boite de connexion au site
 */
.login{
	width: 80%;
	min-width: 217px;
	font-size: 8pt;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-align: center;
	margin: auto;
}
	#page .login h1, .login h1 {
		background: url(../images/bg_grd_btn.gif) no-repeat;
		height: 32px;
		width: 215px;
		font-size: 12pt;
		text-align: center;
		color: Black;
		padding: 7px 0px 0px 0px;
		margin: 0px auto 0px auto;
	}
	.login input {
		border: 1px solid #666666;
		width: 90%;
		text-align: center;
	}

/**
 *	En-téte de la page (logo normadoc, formulaire de connexion ...)
 */
#header {
	width: 1000px;
	height: 110px;
	background: url(../images/normaban.jpg) no-repeat top right;
}
	#header #logo {
		float: left;
	}
	#header #login {
		width: 137px;
		height: 92px;
		float: right;
		margin-right: 53px;
		margin-top: 8px;
		font-size: 8pt;
		font-variant: small-caps;
		letter-spacing: 2px;
		text-align: center;
	}
		#header #login h1 { font-size: 12pt; letter-spacing: normal; }
		#header #login input { border: 1px solid #666666; width: 94%; }
		#header #login #btn_connection {
			background: none;
			border: none;
			width: auto;
			position: relative;
			top: -40px;
			left: 90px;
			font-weight: bold;
			cursor: pointer;
		}
		#header #login a { text-decoration: none; color: Black; }
		#header #login a:hover { text-decoration: underline; }

/**
 *	Menu des langues : drapeaux
 */
#menu_langues {
	height: 18px;
	margin-bottom: 6px;
	width: 970px;
	text-align: right;
	top: 110px;
}
	#menu_langues img { border: none; margin-right: 5px; }
	/* Champ de recherche */
	#menu_langues form {
		display: inline;
		margin-right: 30px;
		position: relative;
		top: -8px;
	}
		#menu_langues form input {
			height: 16px;
			font-size: 10px;
			border: none;
		}
		#menu_langues form input#btn-recherche {
			position: relative;
			top: 7px;
		}

/**
 *	Menu principal
 */
#menu {
	clear: both;
	height: 55px;
	left: 0px;
	list-style: none;
	margin-top: 6px;
	width: 1000px;
}
	#menu li {
		display: block;
		float: left;
		height: 55px;
		margin-left: 24px;
		text-align: center;
		width: 65px;
	}
		#menu li img {
			display: block;
			border: none;
			clear: both;
			height: 40px;
			margin: 0px auto;
			width: 50px;
		}
		#menu li span {
			display: block; 
			margin: -1px 0px; 
		}
		#menu li a {
			color: #000000;
			text-decoration: none;
			font-variant: small-caps;
			font-size: 0.7em;
		}
		#menu li a:hover { color: #FF8C00; }

/**
 *	Conteneur de la page principale
 */
#page {
	clear: both;
	height: 350px;
	margin-top: 20px;
	padding-left: 20px;
	width: 980px;
}
/*min-height: 320px; BUG SOUS IE, donc on utilise une astuce*/
html>body #page {
	height: auto;
	min-height: 350px;
}
	#page h1 {
		width: 100%;
		background: url(../images/barre-titre.jpg) no-repeat left;
		height: 33px;
		font-variant: small-caps;
		font-size: 14pt;
		padding: 12px 0px 0px 45px;
		color: #FFFFFF;
	}
	#page h2 {
	   font-size: 1.2em;
	   margin: 10px auto 5px auto;	
	}
	
	#page p {
		margin: 10px auto;	
	}

/**
 *	Bas de page - conteneur de la banniere de publicité
 */
#foot_gauche {
	float: left;
}
#foot_center {
	float:left;
	width: 470px;
	text-align: center;
}
#pub {
	width: 970px;
	text-align: center;
	position: relative;
	margin-left:10px;
}
	#pub img {
		border: none;
		display: inline;
	}
	#pub p {
		text-align: center;
   		font-size: 0.8em;
   		line-height: 1.5em;
	}

/**
 * Lien du bas de la page d'accueil pour opti référencement
 */
#lien_index_part, .lien_index_part {
	clear: both;
	font-size: 0.8em;
	text-align: center;
	padding-top: 10px;
}
	#lien_index_part a, .lien_index_part a {
	   color: #999999;
	}

/**
 * Accueil liste de services
 */
ul#services { list-style: none; }
	ul#services li { margin: 10px 20px; }
		ul#services li a {
			color: #000;
			font-weight: bold;
			text-decoration: none;
		}
/**
 * Liste des familles ics
 */
ul.ics { list-style: square; margin-left: 50px; }
	ul.ics li { margin-bottom: 10px; }
	ul.ics a {
		color: #000;
		font-size: 0.8em;
		text-decoration: none;
	}
	ul.ics a:hover { text-decoration: underline; }