/* CSS Document */

a.button {
	display:block;
	float:left;
	background-image:url(img/button_right.gif);
	background-repeat:no-repeat;
	background-position: 100% -25px;
	text-decoration:none;
	margin-top:-5px;
	padding-right:7px; /*largeur de la partie de droite*/
	font-weight:bold;
	color:#4b5255;
	cursor:pointer;
}

a.button:hover {
	background-position: 100% -50px; /* - hauteur d'un bouton*/
}

a.button:active {
	background-position: 100% 0; /* - 2 x hauteur d'un bouton*/
}

a.button span {
	display:block;
	float:left;
	height:25px; /* hauteur du bouton */
	background-image:url(img/button_left.gif);
	background-repeat:no-repeat;
	background-position: 0 -25px;
	line-height:24px; /* hauteur du bouton - quelques pixels */
	padding:0px 20px 0px 27px;  /* droite : x, gauche : x+largeur de la partie droite */ 
	cursor:pointer;
	font-size:1.2em;
	letter-spacing:-1px;
	color:#444444;
}

a.button:hover span {
	background-position: 0 -50px;
	color:#5f5543;
}

a.button:active span {
	background-position: 0 0;
}

body {
	text-align:center;
	font-size:0.7em;
	margin:5px 0px 30px 0px;
	font-family:Arial, Helvetica, sans-serif;
	background:#fafafa;
}

#content_div {
	width:470px;
	margin:0px auto;
	text-align:left;
	background:white;
	padding:50px;
	border:1px solid #d0d0d0;
}

h1 {
	text-transform:lowercase;
	font-weight:normal;
	font-size:1.8em;
	letter-spacing:-1px;
	line-height:1em;
	background:url(img/fleche_orange.gif) no-repeat 0px 6px !important;
	background:url(img/fleche_orange.gif) no-repeat 0px 5px;
	margin:5px 0px 15px 0px;
	padding-left:23px;
}

h2 {
	font-weight:bold;
	font-size:1.5em;
	text-transform:lowercase;
	color:#979797;
	letter-spacing:-1px;
	background:url(img/flechesh2.gif) no-repeat 0px 6px;
	line-height:1em;
	margin:20px 0px 15px 0px;
	padding-left:23px;
}

p {
	margin:5px 0px 10px 0px;
}

p a {
	font-weight:bold;
	color:#0080d9;
}

a {
	text-decoration:underline;
	color:#000000;
}

.prelien {
	font-weight:bold;
	color:#0080d9;
}

a:hover {
	text-decoration:none;
}

a img {
border:0;
}

.bold {
font-weight:bold;
}


/* ---- formulaire --- */

.obligatoire {
color:red;
font-weight:bold;
}

.cellulecoordonnees {
text-align:right;
font-weight:bold;
width:200px;
}

select {
color:#606060;
font-weight:bold;
font-size:11px;
}

select option {
padding:0px 3px;
}

input.checkbox {
margin-bottom:-1px;
}

input {
font-weight:bold;
color:#606060;
font-size:11px;
position:relative;
top:-2px !important;
top:-1px;
background:#fafafa;
border:1px solid #d1d1d1;
padding:3px 3px;
}

a.bouton_ok {
width:29px;
height:19px;
display:block;
background:url(img/ok.gif) no-repeat;
margin-left:2px;
text-decoration:none;
}

a:hover.bouton_ok {
background:url(img/ok.gif) no-repeat 0px -19px;
text-decoration:none;
}


/* ---- footer --- */

#footer {
width:620px;
margin:0px auto;
text-align:center;
}

#footer p {
font-size:0.9em;
color:#999999;
}