*{
	margin: 0;
	padding: 0;
}
body{
	font: 10pt Arial, Helvetica, sans-serif;
	background: #000;
}
a{
	color: #00AEB9;
	text-decoration: none;
	font-weight: bold;
}
a:hover{
	text-decoration: underline;
}
div.space{
	clear:both;
	height: 1px;
}
table#contenu{
	width: 100%;
	border-collapse: collapse;
	background: #fff url(images/fond.jpg) repeat-y 50%;
	border: 0;
}
table#contenu tr td{
	font: 10pt Arial, Helvetica, sans-serif;
}
table#contenu tr td#haut, table#contenu tr td#bas{
	background: url(images/noir_f.gif);
	height: 18px;
}
table#contenu tr td#copyright{
	padding: 5px 0 0 0;
	text-align: center;
	background: url(images/foot.jpg) no-repeat 50%;
	line-height: 19px;
	color: #747474;
	font: 7pt arial;
	letter-spacing: 1px;
}
table#contenu tr td#copyright a{
	color: #AEAEAE;
}
table#contenu tr td#centre{
	height: 100%;
	vertical-align: top;
	text-align: center;
	padding-bottom: 20px;
}
div#conteneur{
	margin: 0 auto;
	width: 780px;
}
div#gauche{
	margin: 0 5px 0 0;
	float: left;
	width: 225px;
}
div#gauche div#logo{
	margin: 10px 0 0 2px;
	background: url(images/logo.jpg) no-repeat;
	height: 100px;
}
div#gauche h1{
	margin: -5px 0 0 0;
	font: bold 19pt Arial Black;
	letter-spacing: 2px;
}
div#gauche div#slogan{
	font: 8pt Arial;
	letter-spacing: 1px;
	
}
div#gauche h2.dev, div#gauche h2.n_dev, div#gauche h2.n_dev_sel{
	margin: 10px 0 0 7px;
}
div#gauche h2.dev a, div#gauche h2.n_dev a, div#gauche h2.n_dev_sel a{
	padding: 8px 25px 0 0;
	height: 34px;
	width: 191px;
	color: #757575;
	text-decoration: none;
	font: 14pt trebuchet MS;
	display: block;
	letter-spacing: 3px;
	text-align: right;
}
div#gauche h2.n_dev_sel a{
	background: url(images/menu_non_dev.jpg) 0 42px;
	color: #CFFCFF;
}
div#gauche h2.n_dev a{
	background: url(images/menu_non_dev.jpg);
}
div#gauche h2.dev a{
	background: url(images/menu_dev.jpg);
}
div#gauche h2.n_dev a:hover{
	background: url(images/menu_non_dev.jpg) 0 42px;
	color: #CFFCFF;
}
div#gauche h2.dev a:hover{
	background: url(images/menu_dev.jpg) 0 42px;
	color: #CFFCFF;
}
div#gauche ul.menu{
	margin: 0 0 0 7px;
	list-style-type: none;
	width: 216px;
	background: url(images/menu_g_f.jpg) repeat-y;
	text-align: left;
}
div#gauche ul.menu li.foot{
	padding: 0;
	height: 18px;
	background: url(images/menu_g_b.jpg) repeat-y;
}
div#gauche ul.menu li{
	padding: 5px 0 0 10px;
}
div#gauche ul.menu li a{
	font: normal 10pt Arial;
	color: #000;
	letter-spacing: 1px;
}
div#gauche ul.menu li a:hover{
	margin: 0 0 0 5px;
	text-decoration: none;
}
div#droite{
	float: right;
	width: 550px;
	text-align: left;
}
div#droite ul#menu_h{
	list-style-type: none;
}
div#droite ul#menu_h li{
	float: left;
}
div#droite ul#menu_h li a{
	margin: 0 6px;
	padding: 2px 0 0 0;
	width: 171px;
	display: block;
	background: url(images/menu_h.gif) no-repeat;
	color: #8D8D8D;
	text-decoration: none;
	font: 14pt Trebuchet MS;
	letter-spacing: 3px;
	height: 41px;
	text-align: center;
}
div#droite ul#menu_h li a:hover{
	padding: 10px 0 0 0;
	background: url(images/menu_h.gif) 171px;
	color: #ACCBD0;
	height: 41px;
}
div#pub{
	margin: 15px 0 0 12px;
	padding: 8px 0 0 0;
	background: url(images/pub.jpg) no-repeat;
	width: 524px;
	height: 85px;
	text-align: center;
	font: italic bold 34pt Trebuchet MS;
	letter-spacing: 5px;
	color: #28DDE6;
}
div#pub div#pub_b{
	margin: 0 auto;
	background: #00C3CD;
	width: 468px;
	height: 60px;
	text-align: center;
}
div#droite div#rub{
	padding: 5px 12px;
}
div#droite div#rub h3{
	margin: 5px 0 10px 0;
	font: bold 16pt "trebuchet MS";
	text-transform: uppercase;
	border-bottom: 3px groove #6A6A6A;
	color: #414141;
	letter-spacing: 2px;
}
div#droite div#rub h4{
	margin: 5px 0 10px 0;
	font: bold 16pt "trebuchet MS";
	text-transform: uppercase;
	border-bottom: 3px double #00B7C4;
	color: #00AEB9;
	letter-spacing: 3px;
}
div#droite div#rub p{
	margin: 0 0 10px 0;
	text-align: justify;
}

/******************************/
/******************************/
/******************************/
fieldset{
	border: 1px solid #D4D4D4;
	padding: 10px;
}
.formulaire{
	margin: 15px 10px 15px 0;
}
.formulaire legend{
	font-size: 11pt;
	font-weight: bold;
	padding: 0 5px;
	color: #000;
}
input, textarea, select{
	border: 1px solid #ABABAB;
	font: 10pt Arial;
	padding: 1px;
	background: #fff url(images/input.jpg) no-repeat top right;
}
input:focus, 
textarea:focus, 
select:focus
{
	border: 1px solid #000;
}
.formulaire label{
	width: 180px;
	display: block;
	float: left;
	padding: 3px;
}
.formulaire .boutons{
	text-align: center;
	padding: 10px;
}
.boutons input{
	border: 2px solid #ABABAB;
	padding: 5px 15px;
	font-weight: bold;
}
.boutons input:hover{
	border: 2px dotted #ABABAB;
}