/* Body pour l'édition dans dreamweaver */
body {
	margin: 0;
	padding: 20px;
	width: 736px;
}
/* Body pour le site en production */
body#site {
	background: #999 url(bg.png) center 3px;
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	behavior: url(csshover.htc); /* pour gérer le :hover du menu pour IE */
}
#main {
	background: #FFF url(main-bg.png) top repeat-y;
	padding: 0 12px 0 12px;
	left: 50%;
	margin-left: -388px;
	position: relative;
	width: 776px;
}
#header {
	background: url(header.gif) no-repeat;
	height: 150px;
}
.transparent {
	-moz-opacity: 0.25;
	-khtml-opacity: 0.25;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.transparent:hover {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}
#home, #logo, .lang {
	border: 0;
	display: block;
	position: absolute;
}
#home span, #logo span, .lang span { display: none; }
#home {
	background: url(home.jpg);
	height: 35px;
	left: 24px;
	top: 15px;
	width: 41px;
}
#logo {
	height: 80px;
	right: 24px;
	top: 15px;
	width: 300px;
}
.lang {
	height: 16px;
	top: 15px;
	width: 24px;
}
#lang-fr { background: url(flag-fr.png) no-repeat; left: 74px; }
#lang-en{ background: url(flag-en.png) no-repeat; left: 104px; }
#page { padding: 0 20px 0 20px; }
#liens-bas {
	border-top: 1px dotted #999;
	padding-top: 10px;
}
#liens-bas, #liens-bas p { font-size: 10px; text-align: center; margin: 3px; }
#liens-bas a { border: 0; }
#liens-bas a:hover { border-bottom: 1px dotted #999; }
#footer {
	background: url(footer.gif) no-repeat;
	height: 80px;
}
/*--------------------------------------------------------------------------------
Menu principal
--------------------------------------------------------------------------------*/
#menu-principal {
	margin: 0;
	padding: 0;
	left: 19px;
	position: absolute;
	top: 100px;
}
#menu-principal li, #menu-principal ul { list-style-type: none; margin: 0; padding: 0; }
.menu-niveau1 {
	display: block;
	float: left;
	text-align: center;
	width: 152px;
}
.menu-niveau1 a, .menu-niveau1 span {
	border: 0;
	color: #FFF;
	display: block;
	line-height: 13px;
	padding: 9px 0 9px 0;
}
.menu-niveau1 a:hover { font-weight: bold; }
#menu-principal ul.menu-niveau2 {
	background: #FFF url(menu-bg.gif) repeat-x;
	border: 1px solid #666;
	border-top: 0;
	padding-top: 8px;
	width: 150px;
}
.menu-niveau2 a {
	color: #808080;
	display: block;
	padding: 5px;
	border-bottom: 1px dotted #999;
	text-align: left;
}
.menu-niveau2 a:hover {
	background: #EEE;
	border-bottom: 1px dotted #999;
	font-weight: normal;
}
.menu-niveau1 ul { display: none; }
.menu-niveau1:hover ul { display: block; } /* utilise la propriété :hover de li non reconnue par IE par défaut */
/*--------------------------------------------------------------------------------

--------------------------------------------------------------------------------*/
a img { border: 0; }
hr {
	border: 0;
	border-bottom: 1px dotted #999;
	height: 1px;
}
.clear { clear: both; }
.pdf { background: url(icon-pdf.png) no-repeat; padding-left: 20px; }
/*--------------------------------------------------------------------------------
Typographie
--------------------------------------------------------------------------------*/
body, td {
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a {
	text-decoration: none;
	border-bottom: 1px dotted #666;
	color: #333;
}
a:hover { border-bottom-style: solid; }
h1, h2, h3, h4, hr { padding: 0; margin: 7px 0 7px 0; }
h1 {
	font-size: 28px;
	font-weight: normal;
	text-align: center;
}
h2 {
	border-bottom: 4px solid #E8E8E8;
	color: #36F;
	font-size: 20px;
	font-weight: normal;
}
h3 {
	font-size: 18px;
	font-weight: normal;
}
p { /*text-align: justify;*/ }
/*--------------------------------------------------------------------------------
Formualire de contact
--------------------------------------------------------------------------------*/
#contact{  }
#contact .textField{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	border:1px solid #CCC;
	background-image:url(input-fond.png);
	background-repeat:repeat-x;
	padding:3px;
	width:144px;
}
#contact .textFieldError{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	border:1px solid #C03;
	background-image:url();
	background-color:#FEE;
	padding:3px;
	width:144px;
}
#contact .errorMsg{
	color:#C03;
	font-weight:bold;
}
#contact textarea{
	border:1px solid #CCC;
	background-image:url(input-fond.png);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px;
	color:#000;
}
#contact .sendButton{
	border:0;
	background-color:#808080;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:4px 8px 4px 8px;
}