/***********************************
** Feuille de style css
** Par Zoparg pour kitgraphique.net
***********************************/

body{
	margin: 0 auto;
	padding: 0;
	background: #0071A2 url(img/design/fond.gif) repeat-y 50%;
	text-align: center;
	font: 8pt verdana, sans-serif;
}

html>body div#contener{
	margin: 0 auto;
	padding: 0;
	width: 770px;
}

html * div#contener{
	margin: 0 auto;
	padding: 0 0 0 12px;
	width: 770px;
}

/* Menu haut */

div#menu_haut{
	margin: 5px 0 0 0;
	padding: 0;
	background: url(img/design/m_h.gif) no-repeat;
	width: 770px;
	height: 23px;
}

div#menu_haut ul{
	margin: 0 0 0 13px;
	padding: 0;
	height: 23px;
}

div#menu_haut ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	text-align: center;
}

div#menu_haut ul li a{
	margin: 0;
	padding: 0 15px;
	text-decoration: none;
	color: #CFCFCF;
	font: bold italic 10pt arial, sans-serif;
	letter-spacing: 2px;
	height: 23px;
	line-height: 23px;
	border-right: 1px solid #BCBCBC;
}

html>body div#menu_haut ul li a{
	display: block;
}

div#menu_haut ul li a:hover{
	background: url(img/design/m_h_hover.gif) repeat-x;
	color: #386188;
}

/* --------- */

/* header */

div#header{
	margin: 5px 0 0 0;
	padding: 0;
	background: url(img/design/header.jpg) no-repeat;
	width: 770px;
	height: 129px;
}

div#header h1{
	margin: 0 25px 0 0;
	padding: 73px 0 0 0;
	font: bold 22pt verdana, sans-serif;
	color: #FFF;
	text-align: right;
	letter-spacing: 4px;
}

div#header h1 span.ndd{
	color: #FFF;
	font: italic bold 14pt arial, sans-serif;
}

/* ----- */

div.space_header{
   clear: both;
	height: 25px;
}

/* Menu vertical (gauche) */

html>body div#menu_gauche{
	margin: 0 0 0 15px;
	padding: 0;
	float: left;
	width: 168px;
}

html * div#menu_gauche{
	margin: 0 0 0 8px;
	padding: 0;
	float: left;
	width: 168px;
}

div#menu_gauche h2{
	margin: 0;
	padding: 0 0 0 23px;
	background: url(img/design/head_m_g.gif) no-repeat;
	width: 168px;
	height: 27px;
	color: #FFF;
	font: bold 12pt arial, sans-serif;
	line-height: 27px;
	text-align: left;
	letter-spacing: 2px;
}

div#menu_gauche div.footer_menu{
	margin: 0 0 25px 0;
	padding: 0;
	background: url(img/design/footer_m_g.gif) no-repeat;
	width: 168px;
	height: 9px;
}

div#menu_gauche ul{
	margin: 0;
	padding: 3px 0 0 0;
	background: #DFF5FF;
	border-left: 1px solid #5DA6C5;
	border-right: 1px solid #5DA6C5;
}

div#menu_gauche ul li{
	margin: 0 auto;
	padding: 0 0 3px 0;
	width: 160px;
	list-style-type: none;
}

div#menu_gauche ul li a{
	margin: 0;
	padding: 0 0 0 10px;
	font: 10pt verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #5F8CA1;
	line-height: 18px;
	border-top: 1px solid #5DA6C5;
	border-bottom: 1px solid #5DA6C5;
	background: #EDF9FF;
}

html>body div#menu_gauche ul li a{
	display: block;
	width: 150px;
}

html * div#menu_gauche ul li a{
	width: 160px;
}

div#menu_gauche ul li a:hover{
	background: #FFF;
	color: #000;
}

/* --------------------- */

/* Footer */

div.spacer_footer{
	clear: both;
	height: 20px;
}

div#footer{
	margin: 0;
	padding: 0;
	font: 8pt verdana, sans-serif;
	color: #A3A3A3;
	letter-spacing: 2px;
	background: url(img/design/footer.gif) no-repeat;
	width: 780px;
	height: 21px;
	line-height: 21px;
	text-align: center;
}

div#footer a{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #A3A3A3;
}

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

/* ------ */

/* Centre */

html>body div#centre{
	margin: 0 15px 0 0;
	padding: 0;
	width: 538px;
	float: right;
}

html * div#centre{
	margin: 0 3px 0 0;
	padding: 0;
	width: 538px;
	float: right;
}

div#centre h3{
	margin: 0;
	padding: 0 0 0 23px;
	color: #FFF;
	font: bold 12pt arial, sans-serif;
	background: url(img/design/h3.gif) no-repeat;
	width: 538px;
	line-height: 27px;
   height: 27px;
	text-align: left;
	letter-spacing: 2px;
}

div#centre p{
	margin: 5px;
	text-align: justify;
}

div.space_rubrique{
	clear: both;
	height: 25px;
}

/* ------ */

img.img_photo{
	margin: 5px 5px 5px 10px;
	padding: 0;
	border: 1px solid #000;
}