@charset "utf-8";
/* CSS Document */

body {
	background-color:#e9e9e9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
}
#center {
	position: absolute;
	width: 908px;        /* selon la largeur voulue */
	margin-left: -454px; /* moitie de width */
	left: 50%;           /* constant, toujours 50% */
}
#header {
	float:left;
	position:relative;
	height:162px;
	width:908px;
	background-image:url('imgs/header.png');
}
#page {
	float:left;
	position:relative;
	width:908px;
	background-image:url('imgs/bg-page.png');
	background-repeat:repeat-y;
}
#bot {
	float:left;
	position:relative;
	width:908px;
	height:25px;
	background-image:url('imgs/bg-bot.png');
	background-repeat:repeat-x;
}
#bot-left {
	position:absolute;
	top:0;
	left:0;
	height:25px;
	width:174px;
	background-image:url('imgs/coin-bas-gauche.png');
}
#bot-right {
	position:absolute;
	top:0;
	right:0;
	height:25px;
	width:26px;
	background-image:url('imgs/coin-bas-droite.png');
}
#menu {
	float:left;
	width:174px;
	margin:0;
	padding:0;
	background-image:url('imgs/bg-transition-menu.png');
	background-position:bottom;
	background-repeat:no-repeat;
	list-style:none;
	padding-bottom:50px;
}
#menu li {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:10px;
	padding-left:20px;
	padding-top:5px;
	height:19px;
	width:144px;
	background-image:url('imgs/menu-bg.png');
	background-repeat:no-repeat;
}
#menu li:hover {
	background-image:url('imgs/menu-bg-hover.png');
}
#menu #actif {
	font-style:italic;
	background-image:url('imgs/menu-bg-hover.png');
}
#menu a {
	height:19px;
	display:block;
	color:black;
	text-decoration:none;
}
#menu a:hover {
	text-decoration:none;
	color:black;
}
#main {
	margin-left:5px;
	margin-top:5px;
	float:left;
	width:710px;
	position:relative;
}
input, textarea {border:1px solid #CDCDCD;}
h1 {margin:0; padding:0; font-size:24px; margin-bottom:20px;}
h2 {}
h3 {margin:0; padding:0; margin-bottom:10px;}
p {margin:20px; padding:0; margin-top:0px; text-align:justify; }
ul {margin-top:0px; padding-top:0px; margin-bottom:0px; padding-bottom:0px;}
a {color:#666666;}
a:hover {text-decoration:none; color:#333333;}

h1#copy {
	font-size:10px;
	color:#CCCCCC; 
	padding:0 0 0 15px; 
	margin:0;
	font-weight:normal;
	text-decoration:none;
}
#copy a{text-decoration:none;color:#CCCCCC;}
#copy a:hover {text-decoration:underline; color:#666666;}
.champ {border-bottom:1px solid black; margin:0 20px 20px 20px; clear:both;}
.sign {width:300px; height:100px; margin-left:20px;}
.noscreen {display:none;}

#petition_form {margin-left:20px; float:left; width:350px;}
#petition_result {float:left; width:300px; margin-left:30px;}
.petition_error {color:#D41919}
.petition_envoi_ok {color:#1ADB67;}
.petition_envoi_error {color:#D41919;}
.petition_input {}
.petition_input_ok {border-color:#1ADB67;}
.petition_input_error {border-color:#D41919;}