/* 
    Document   : style.css
    Created on : 5 août 2009, 17:25:59
    Author     : Mathieu
    Description:
        Default stylesheet.
*/

/* Begin Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* End Reset */

/* Re-define standard tags */
p {
    margin:0 0 10px 0;
    line-height:1.2em;
}

small {
    font-size:11px;
    font-style:italic;
}

hr {
    display:none;
    clear:both;
    height:0;
}

sup {
    font-size:9px;
    vertical-align:super;
}

input,
textarea,
select {
    border-style:solid;
    border-width:1px;
}

textarea {
    height:10em;
    width:100%;
}

blockquote {
    padding:10px 10px 3px 10px;
    margin:10px 30px 5px 30px;
    text-align:justify;
}

/* Begin Global CSS */
body {
    font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    font-size:small;
    margin:7px 0 15px;
    text-align:center;
}

img, a img {
    border:medium none;
}

h1 {
    margin:0;
    min-height:0;
    padding:0;
    text-decoration:none;
    text-indent:-9000px;
}

h1 a {
    display:block;
    height:50px;
    min-height:50px;
    overflow:hidden;
}

#container, #top, #bottom, #footer {
    margin:0 auto;
    width:640px;
}

#top, #bottom {
    display:block !important;
    height:10px !important;
    width:650px;
}

#top {
    margin-top:10px;
}

#container {
    text-align:left;
}

/* Formulaires */
.head {
    margin:20px 20px 0;
    padding:0 0 5px;
}
.info {
    clear:both;
    display:inline-block;
    margin:20px 20px 0;
    padding:0 0 5px;
}

.info[class] {
    display:block;
}

.info h2, .head h2 {
    clear:left;
    font-size:160%;
    font-weight:normal;
    margin:0 0 0.2em;
}

.info div, .info p, .head div, .head p.sidebar div, .sidebar p {
    font-size:95%;
    line-height:135%;
    margin:0 0 1.1em;
}

.noborder {
    border-bottom:none;
}

form {
    margin:20px 20px 0;
    padding:0 0 20px;
}

form ul {
    list-style-type:none;
}

form li {
    clear:both;
    display:block;
    margin:0;
    padding:6px 5px 9px 9px;
    width:70%;
    position:relative;
}

form li.focused {
}

form li.buttons {
    padding-top:10px;
    margin-bottom:15px;
    width:98%;
}

form li div {
    margin:0 0.3em 0 0;
    padding:0;
}

form label {
    border:medium none;
    display:block;
    font-size:95%;
    line-height:150%;
    margin:0;
    padding:0 0 3px;
}

form label.required {
    font-weight:bold;
}

form label.optional {
    font-weight:normal;
}

/* Errors */
#errorDiv {
    -moz-background-clip:border !important;
    -moz-background-inline-policy:continuous !important;
    -moz-background-origin:padding !important;
    -moz-border-radius-bottomleft:20px;
    -moz-border-radius-bottomright:20px;
    -moz-border-radius-topleft:20px;
    -moz-border-radius-topright:20px;
    margin:15px auto 1em;
    padding:1em 0;
    text-align:center;
    width:92%;
    clear:both;
}

#errorDiv h3 {
    font-size:125%;
    margin:0 0 5px;
    padding:0;
}

#errorDiv p {
    font-size:100%;
    margin:0 0 2px;
}

#errorDiv strong {
    padding:2px 3px;
}

form li.error {
    display:block !important;
    margin-bottom:3px !important;
}

form li.error label {
}

form ul.errors li {
    display:block;
    clear:both;
    font-size:10px;
    font-weight:bold;
    line-height:10px !important;
    margin:0 !important;
    padding:7px 0 0 !important;
}

/* Tableau */
table.readonly {
    width:600px;
    font-size:12px;
    line-height:135%;
    margin:20px 20px 0;
    padding:0 0 20px;
}

table.readonly tr {
}

table.readonly tr.alt {
}

table.readonly th {
    padding:7px 9px;
    vertical-align:top;
    text-align:left;
}

table.readonly td {
    padding: 7px 9px 7px 0;
    vertical-align: top;
    width:60%;
}

/* Boutons */
.btn {
    display:block;
    position:absolute;
    left:50%;
    height:25px;
    font-style:normal; 
    border:none;
    cursor:pointer;
    padding:0 0 2px 0;
}
.btn.medium { width:80px; margin:0 0 0 -40px; }
.btn.wide { width:130px; margin:0 0 0 -65px; }
.btn.big { font-size:120%; }
.btn.blue {}
.btn.green {}
.btn.pink {}
.btn:hover {}
.btn:active {}

/* Carte de crédit */
#credit_cards {
    width:75%;
    margin:10px auto 0 auto;
}

#credit_cards table td {
    width:25%;
    text-align:center;
    vertical-align:middle;
}

p.terms {
    margin:15px 20px 0 20px;
}

/* Commentaires/aides */
.hint {
    font-size:10px;
}

/* Fieldset pour le transport */
form ul li fieldset {
    width:300px;
    margin:0 0 0 140px;
}

form ul li fieldset legend {
    padding:0 3px;
    margin: 0 0 0 10px;
    font-size:110%;
    font-weight:bold;
}

form ul li fieldset input,
form ul li fieldset select {
    width:250px;
}

.awesome, .awesome:visited {
	background: #222 url('../images/alert-overlay.png') repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover							{ background-color: #111; color: #fff; }
.awesome:active							{ top: 1px; }
.small.awesome, .small.awesome:visited 			{ font-size: 11px;  }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }