@charset "iso-8859-1";
/* CSS Document */

body {
	margin: 0px;
	padding:0px;
	color: #ccffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#000099;
	text-align:center;
	}
#contenu {
	position:relative;
	width: auto;
	height: auto;
	margin:0 0 30px 0;
	text-align:center;
	color:#FFFFFF;
	}
a {color:#ffffff;  text-decoration: none;}
a:active {color:#ffffff;  text-decoration: none;}
a:visited {color:#ffffff;  text-decoration: none;}
a:hover {color: #ccffff;  text-decoration: none;}


a img {border: none;}

.miniature {
	border:3px solid #ffffff;
	}
.rem {
	font-weight:bold;
	color: #FFCC00;
	}
.color2 {
	color: #ffffff;
	}
.avertissement {
	color: #ff0000;
	}
.soft-blue {color:#CCFFFF;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.small {font-size:10px;}
.float-left {float:left; margin: 20px;}
.italic {font-style:italic;}

h1 {
	color:#ffffff;
	margin: 10px 0 20px 0;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	}
h2 {
	color:#ccffff;
	margin: 10px 0;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	}
h1.ecards {
	color:#ffffff;
	margin: 20px 0;
	padding:0;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	}	
hr {
	color: #ffffff;
	background-color: #ffffff;
	height: 1px;
	border: 0;
	}
.sbmt { text-align:center;}
.sbmt input {
	width:220px;
	margin-left:100px;
	}

.form-ecard {
	width: 580px;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	padding: 20px;
	background-color:#ffffff;
	color:#000000;
	text-align:center;
	}
input.form {
	width:264px;
	margin:0;
	padding:0;
	}
textarea.form {
	width: 264px;
	height: 240px;
	}
label.form {
	display:block;
	width:144px;
	margin:0;
	padding-right:6px;
	float: left;
	text-align:right;
	}
.verso {
	position:relative;
	width:580px;
	height: 326px;
	margin-left:auto;
	margin-right:auto;
	background: #ffffff url('img/fond-ecard.jpg') top left no-repeat;
	border: 1px solid #000000;
	color:#000000;
	}
.verso a {color:#000099;  text-decoration: none; font-weight:bold;}
.verso a:active {color:#000099;  text-decoration: none; font-weight:bold;}
.verso a:visited {color:#000099;  text-decoration: none; font-weight:bold;}
.verso a:hover {color: #000099;  text-decoration: none; font-weight:bold;}

.card-txt {
	position:absolute;
	width: 264px;
	height: 280px;
	top: 30px;
	left: 14px;
	overflow:auto;
	text-align:left;
	}
.card-exp {
	position:absolute;
	width:200px;
	height: 30px;
	top: 160px;
	left: 320px;
	text-align:left;
	}
.card-dest {
	position:absolute;
	width:200px;
	height: 30px;
	top: 220px;
	left: 320px;
	text-align:left;
	}