body {
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* LAYOUT */
* {margin: 0; padding: 0; }
#layout { position: relative; width: 700px; margin: 10px auto; border: 1px solid #CCC; }
#layout #header {position: relative; width: 100%;}
#layout #body {position: relative; width: 100%; padding: 5px 0 0 0;}
#layout #body #content {position: relative; width: 100%; margin: auto; }
#layout #body #content #body{position: relative; width: 95%; margin: auto; }
#layout #disconnect { position: absolute; border: 1px solid #CCC; border-top: 0 none; padding: 5px; right:-1px;}

ul.step {list-style-position: outside; list-style-type: none; overflow: hidden; }
ul.step li{float: left; margin: 0 20px 5px 0; padding: 5px; padding-top: 0; line-height: 16px; color: #CCC; width:134px; border: 1px solid #CCC; background-color: #FFF;-moz-border-radius: 10px;}
ul.step li.over{color: #0963c3;border: 1px solid #71bbfc; background-color: #daedfc;}
ul.step li a{color: #0963c3; overflow:hidden; display: block;}
ul.step li a:hover .titleStep{color: #0567cc;}
ul.step li a:hover .descStep span.en{color: #0567cc;}
ul.step li a:hover .descStep span.fr{color: #0567cc;}

ul.step li .titleStep{font-size: 24px; font-weight: normal; float: left; padding: 6px 7px 0 3px; color:#CCC; height:21px;}
ul.step li .descStep{font-size: 10px; letter-spacing: -1px;  float: left; color:#CCC;}
ul.step li .descStep span.fr{color:#888; }
ul.step li .descStep span.en{color:#888;}

ul.step li.over .titleStep{font-size: 24px; font-weight: normal; float: left; padding: 6px 7px 0 3px; color:#0567cc;}
ul.step li.over .descStep{font-size: 10px; letter-spacing: -1px;  float: left; color:#0567cc;}
ul.step li.over .descStep span.fr{color:#0567cc; }
ul.step li.over .descStep span.en{color:#0567cc;}

ul.validMailDest { margin: 10px 0; padding: 10px; border: 1px solid #5C9630; -moz-border-radius: 10px;}
ul.validMailDest li { list-style-position: inside; list-style-type: circle; padding: 5px;}
ul.invalidMailDest { margin: 10px 0; padding: 10px; border: 1px solid #962F2F; -moz-border-radius: 10px;}
ul.invalidMailDest li { list-style-position: inside; list-style-type: circle; padding: 5px;}

.errormsg { font-size: 12px; color : #CC0033; background-color:#FFEAEA; padding: 4px; margin: 5px 10px; border: 1px solid #CC0033; -moz-border-radius: 4px;}
.errormsg a{ font-weight:bold; color : #CC0033; text-decoration:underline;}
.errormsg h2{ color : #CC0033;font-size: 14px; padding : 0 0 1px 0; margin: 4px 0; border-bottom: 1px solid #CC0033;}
.okmsg { font-size: 12px; color : #006600; background-color:#F0FFF0; padding: 4px; margin: 5px 10px; border: 1px solid #006600; -moz-border-radius: 4px;}
.okmsg h2{ font-size: 14px; padding : 0 0 1px 0; margin: 4px 0; border-bottom: 1px solid #006600;}
.okmsg a{ color : #006600;font-weight:bold; text-decoration:underline;}

#mailCard {margin: 47px 0 20px 0; border: 1px solid #CCC; position: absolute;}
#mailCard td {font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#919191;font-weight:bold;font-style:italic;}

/* Texte */
a { text-decoration: none; }
p a { display: block; padding: 7px; border: 1px dashed #CCC; text-decoration: none; color: #666; background-color: #FAFAFA;}
p a:hover { text-decoration: none; color: #AAA;}

#mailCard p a { display: block; padding: 0px; border: none; text-decoration: none; color: #e1010c; background:none;}
p { padding: 0 0 6px; }
p.description { padding: 6px; }

h1 { font-size: 16px; color: #666; text-align: center; padding: 5px; letter-spacing: -1px; }
h1.en { color: #AAA; padding: 0 5px; font-size: 14px;}
h2 { font-size: 12px; color: #666; text-align: justify; padding: 5px; letter-spacing: -1px; }
h2.en { color: #AAA; padding: 0 5px; font-size: 11px;}
h1.tall { font-size: 18px; }
h1.tall.en { font-size: 16px; padding: 0; }

span.fr { display: block; color: #666;}
span.en { color: #AAA; line-height: 12px; display: block; font-style: italic;}

.fr .desc {font-size: 10px; line-height: 12px; color: #666;}
.en .desc {font-size: 10px; line-height: 12px; color: #AAA;}

.clearBoth{clear: both;}
.alignCenter{text-align: center;}

sup{font-size: 9px;}

p.textAlignRight{text-align: right; padding-top: 5px; padding-right: 7px;}
p.textAlignCenter{text-align: center; padding: 5px;}

div.help { width: 15px; height:24px; padding-right: 5px; float: left; background: url('images/layout/iconeHelp.gif') no-repeat left center;}

/* Mise en page */

form { margin: 10px auto; padding:3px; }
form table{width: 100%; border: 1px dotted #DEDEDE; border-bottom: 0 none;}
form table td{padding: 4px; border-bottom: 1px dotted #DEDEDE;}
form table td.valid{ background-color: #EFEFEF;}
form table td.error{ background: #FFEAEA url('images/layout/alert.png') no-repeat 15px 8px;border: 1px solid #CC0033; }
form p {font-size: 11px; }
form .obligatoire{ color: #990000; }

input { padding: 0; margin: 0; }
textarea { padding: 0; margin: 0; }
input.button{ 
	-moz-border-radius:6px;
	padding:2px 2px 3px;
	vertical-align:middle;
	width:auto;
	background:#CCFFCC;
	border:1px solid #009900;
	color:#666666;
	cursor:pointer;
	font-size:11px;
}
input.button:hover, input.button:focus {
	border-color:#A1D3F6 #72BEF1 #219AEB;
	border-style:solid;
	border-width:1px;
	color:#1074B6;
}