/* --- STYLES DE BASE --- */

/* Page */
html {
    font-size: 100% !important; /* Évite un bug d'IE 6-7. (1) */
    font-size: 90%;
}
body {
	margin: 0px;
	padding: 0; /* Remettre à zéro si nécessaire. */
	font-family: Arial,Helvetica,Garuda,sans-serif;
	font-size: .8em; /* À adapter pour la police choisie. (3) */
	line-height: 1.4; /* À adapter au design. (4) */
	color: #000;
	background: transparent;
	width: 710px;
}
div#main {
	margin: 0;
}
/* Titres */

h1 {
    font-weight:bold ;
    color:#508917;
    font-size:1.4em ;
    margin:10px 0 0 0;
}

h2 {
    font-weight:normal ;
    color:#62b70e;
    font-size:1.2em ;
    margin:10px 0 0 0;  
}

h3{
    font-weight:bold;
    color:#508917;
    margin:5px 0 0 0;
}

hr{
    color :#AAD53F;
}

/* Listes */
ul, ol {
	margin-top: 0;
}

/* Paragraphes */
p {
	margin: 0 0; /* Marges plus faibles que par défaut. (7) */
	font-size: 1em;
	text-align: justify;
}
address {
	margin: .75em 0;
	font-style: normal;
}

/* Liens */
a {
	text-decoration: underline;
	color: #007317;
}
a:link {
	color: #007317;
}
a:visited {
	color: #007317;
}
a:hover, a:focus, a:active {
	color: #000;
}

/* Pas de bordure autour des images dans les liens */
img {
	border: none;
}

/* Divers éléments de type en-ligne (8) */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

/* Formulaires */
form, fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
input, button, select {
	vertical-align: middle; /* Solution pb. d'alignement. (9) */
}

/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */

/* Met en évidence les abréviations (ayant un attribut title) */
abbr[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

/* Met en évidence les citations */
blockquote {
	margin: .75em 0 .75em 20px;
	padding: 0 0 0 10px;
	border-left: solid 2px #ddd;
}
q, cite {
	font-style: italic;
}
q cite, q q {
	font-style: normal
}

/* Supprime les guillemets automatiques (citations courtes) */
q {
	quotes: none;
}
q:before, q:after {
	content: ""; /* Nécessaire pour Safari/Chrome */
}

/* Rapproche les paragraphes dans les listes et citations */
blockquote p, li p {
	margin: .5em 0;
}

/* Styles de base pour les listes de définition */
dl {
	margin: .75em 0;
}
dt {
	margin: .75em 0 0 0;
	font-weight: bold;
}
dd {
	margin: .25em 0 .25em 32px;
}

/* Conteneurs sémantiques de HTML 5 */
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section {
	display: block;
}

/* --- STYLES DE BASE DE PAU --- */

/***********************CLEARFIX**********************************************************************/
/*.clearfix:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden; }*/

.clearfix {display: inline-block;clear:both}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#formCardAdd .clearfix {
    background: none;
}

ul {
    list-style-image: url('../img/puce.gif');
}

ul li {
    padding-left: 0px !important;
}

em{font-style:italic}
strong{font-weight:bold}

table {width:100%;font-size:1em; margin: 1em 0; border:none; line-height: 1.4; }
table tr td{border-bottom:1px solid #AAD53F;padding:5px;text-align:left; }
tr:nth-child(odd) {background: #E7E7E7}
tr:nth-child(even) {background: #FFF}
tr.odd td {background: #E7E7E7}
tr.even td {background: #FFF}

tfoot tr:nth-child(even) {background: #E7E7E7}
tfoot tr:nth-child(odd) {background: #FFF}
tfoot tr.even td {background: #E7E7E7}
tfoot tr.odd td {background: #FFF}

table tr th{background-color:#FFF;border-bottom:1px solid #508917;color:#000;font-weight:bold;padding:5px}


address, caption, cite, code, dfn, th, var{font-style:normal;font-weight:normal;}
abbr{margin:0;padding:0;text-decoration:none;border:none}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}

table.lignes {width:100%;font-size:100%; margin: 1em 0; border:none }
table.lignes tr:nth-child(even) {background: #FFF}
table.lignes tr:nth-child(odd) {background: #FFF}

table.lignes td.picture {
    width: 5%;
    vertical-align: top;
}
table.lignes td.picture img {
    vertical-align: top;
}

table.lignes td {margin:5px ;padding:15px ; }
table.lignes h2 {margin:0px 0px 10px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#508919}
table.lignes  ul{padding:0px;margin:0;list-style:none; }
table.lignes  ul li{padding:0;background:none;color:#999999}
table.lignes  ul li.prix{font-weight: bold;color: black;}


table.lignes .bt {float:none;clear:both;text-align:right;}
table.lignes .fiches {float:left}
table.lignes .infos {clear:both}
.wrap_type {clear : both}

p.button {text-align:right;}

fieldset {
    margin-top: 20px;
}

form#webAccountForm fieldset, form#sbiAccountForm fieldset, form#webAccount_delete fieldset {
    margin-left: 100px;
}

form#webAccountForm p.submit, form#sbiAccountForm p.submit, form#webAccount_delete p.submit {
    text-align:center;
}

fieldset legend {
    margin: 10px 0 0 8px; /* Rapproche le titre du texte. (5) */
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
    color: #508917;
    font-size: 1.4em;
    padding: 0;
}

fieldset legend button {
    font-size: .7em;
}

fieldset p {padding: 0; float:left; clear:none; background: #DEE1D0;vertical-align: middle;}
fieldset p.top {border-top-left-radius: 8px;border-top-right-radius: 8px;padding-top: 8px;}
fieldset p.bottom {border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;padding-bottom: 8px;}

fieldset p.empty {width: 342px}
fieldset p.empty label {width: 148px;}

fieldset p.top label {
    padding-top: 8px;
    margin-top: -8px;
    border-top-left-radius: 8px;
}

fieldset p.bottom label {
    padding-bottom: 8px;
    margin-bottom: -8px;
    border-bottom-left-radius: 8px;
}

fieldset p.submit {background: transparent; text-align: center;clear: both;float: none;width: auto;padding-top: 10px;}

.file {

}
.blanc {
	color:transparent;
}
label {
    display: inline-block;
    width: 148px;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    background: #a5a991;
    vertical-align: middle;
    color: white;
}


label.nostyle{
    background: transparent;
    color : inherit;
    display : inline;
}




input, textarea, select.fixed {

    outline: none;
    width: 156px;
    margin-left: 8px;
    margin-right: 12px;
    vertical-align: middle;
    background: white;
}

/*
input[type="text"], input[type="password"]{
    border-style : solid;
    border-width : 1px;
    border-color : rgb(169, 169, 169);
    padding-left : 1px;
    padding-right : 1px;
}

*/

select {
	/*    width: 158px;*/
    margin-left: 8px;
    margin-right: 14px;
}
.bt_achat {
    display:inline-block;
    text-decoration: none !important;
    color: black !important;
}

input[type="submit"],input[type="button"], button,
.bt_achat, .bt_achat:visited, .bt_achat:link, .bouton, .bouton:visited {

	padding: 2px 10px;
	outline: none;
	line-height : 18px;
	font-size:1em;
	cursor:pointer;
	width: auto;
	text-decoration : none;
	margin: 5px;
	border: solid 1px #747474;
	border-radius: 14px;
	background-image: linear-gradient(top, #999999 1%, #D0D0D0 1%, #F0F0F0 48%, #C1C1C1 50%, #D4D4D4 80%, #B3B3B3 100%);
	background-image: -o-linear-gradient(top, #999999 1%, #D0D0D0 1%, #F0F0F0 48%, #C1C1C1 50%, #D4D4D4 80%, #B3B3B3 100%);
	background-image: -moz-linear-gradient(top, #999999 1%, #D0D0D0 1%, #F0F0F0 48%, #C1C1C1 50%, #D4D4D4 80%, #B3B3B3 100%);
	background-image: -webkit-linear-gradient(top, #999999 1%, #D0D0D0 1%, #F0F0F0 48%, #C1C1C1 50%, #D4D4D4 80%, #B3B3B3 100%);
	background-image: -ms-linear-gradient(top, #999999 1%, #D0D0D0 1%, #F0F0F0 48%, #C1C1C1 50%, #D4D4D4 80%, #B3B3B3 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.01, #999999),
		color-stop(0.01, #D0D0D0),
		color-stop(0.48, #F0F0F0),
		color-stop(0.50, #C1C1C1),
		color-stop(0.80, #D4D4D4),
		color-stop(1,    #B3B3B3)
        );

	box-shadow: 0 2px 6px 0px rgba(0, 0, 0, .4);
	text-shadow: 0 1px white;

}

input[type="submit"]:hover, button:hover,
input[type="submit"]:focus, button:focus,
.bt_achat:hover, .bt_achat:focus, .bouton:hover, .bouton:focus  {
    padding: 2px 10px;
    border-color: #708015;
    line-height : 18px;
    background-image: linear-gradient(top, #D7CA3B 1%, #F4E146 2%, #D3B822 100%);
    background-image: -o-linear-gradient(top, #D7CA3B 1%, #F4E146 2%, #D3B822 100%);
    background-image: -moz-linear-gradient(top, #D7CA3B 1%, #F4E146 2%, #D3B822 100%);
    background-image: -webkit-linear-gradient(top, #D7CA3B 1%, #F4E146 2%, #D3B822 100%);
    background-image: -ms-linear-gradient(top, #D7CA3B 1%, #F4E146 2%, #D3B822 100%);

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.01, #D7CA3B),
        color-stop(0.02, #F4E146),
        color-stop(1,    #D3B822)
		);

    text-shadow: 0 1px rgba(255, 255, 255, .8);
    -webkit-text-shadow: 0 1px rgba(255, 255, 255, .8);
    -moz-text-shadow: 0 1px rgba(255, 255, 255, .8);

}

.noUnderLine {
	text-decoration: none;
}

input[type="submit"]:active, button:active,
.bt_achat:active, .bouton:active {
    padding: 2px 10px;
    line-height : 18px;
    border-color: #708015;

    background-image: linear-gradient(top, #998913 1%, #CCB82D 40%, #F3E047 100%);
    background-image: -o-linear-gradient(top, #998913 1%, #CCB82D 40%, #F3E047 100%);
    background-image: -moz-linear-gradient(top, #998913 1%, #CCB82D 40%, #F3E047 100%);
    background-image: -webkit-linear-gradient(top, #998913 1%, #CCB82D 40%, #F3E047 100%);
    background-image: -ms-linear-gradient(top, #998913 1%, #CCB82D 40%, #F3E047 100%);

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.01, #A58F13),
        color-stop(0.40, #CCB82D),
        color-stop(1,    #F3E047)
		);

    text-shadow: 0 1px rgba(255, 255, 255, .8);
    -webkit-text-shadow: 0 1px rgba(255, 255, 255, .8);
    -moz-text-shadow: 0 1px rgba(255, 255, 255, .8);
}

p.submit {
    margin-top: 15px;
    width: 540px;
}

p.submit span {
    clear: both;
    /*text-align: center;*/
    font-size: 10px;
    display: block;
}

.cp {
    margin-right: 2px;
	margin-left: -1px;
}
.streetNum {
    width: 50px;
    margin-right: 2px;
}
.cp {
    width: 80px;
}
.streetName {
    width: 330px;
}
.ville {
    width: 300px;
}
.streetName,
.ville {
	margin-left: 2px;
}

.adressComp {
    width: 397px;
}


#sbiAccountForm fieldset p {
    float :none;
    display : block;
    width : 593px;
}

#sbiAccountForm fieldset#phone p{
    width : 400px;
}


#sbiAccountForm fieldset#addressFields1 input#crNomvoie, #sbiAccountForm fieldset#addressFields2 input#crNomvoie2{
    width : 339px;
}

#sbiAccountForm fieldset#addressFields1 input#crVille, #sbiAccountForm fieldset#addressFields2 input#crVille2{
    width : 309px;
}

input.addressLabel, input.addressFirstName, input.addressLastName {
    margin-right: 248px;
}

fieldset#crPass p{
    width : 344px;
}


input[type="radio"], input[type="checkbox"] {
    width: auto;
    border: none 0;
    display: inline-block;
    margin-left: 20px;
}

.rdInscription{
    display:inline-block;
    width: 176px;
}

label.radioLabel {
    width: auto;
}

label.groupLabel {
    margin-bottom: 5px;
}

fieldset h3, fieldset h2 {
    clear: both;
    padding-top: 10px;
}

p.cgv {
    width: 527px;
    clear: both;
    text-align: left;
    padding-bottom: 8px;
    padding-top: 8px;
    background-color: #DEE1D0;
    border-radius: 8px;
    width: 100%;
}
p.cgvBasket {    
    clear: both;
    text-align: left;
    /*margin-top: 10px;
    margin-bottom: 10px;*/
	padding-bottom: 8px;
	padding-top: 8px;
	margin-left: 9px;
	background-color: #A5A991;
	border-radius: 8px;
	width: 550px;
	margin-top: 30px;
}

p.cgv input[type="checkbox"] {
    margin-left: 30px;
}

p.cgvBasket label {
    width: auto;
	border-radius: 0 8px 8px 0;
    padding-left: 0;
	float: right;	
	margin: -8px 0 0;
	padding: 0 0 8px;
	width: 90%;

	line-height: 35px;
	vertical-align: middle;
}
p.cgv label {
    width: auto;
    padding-left: 0;
}

form p.noinput {
    width: 527px;
    padding-bottom: 10px;
}

p.formLegal {
    padding-top: 25px;
    clear: both;
    font-size: 10px;
    font-style: italic;
}

.requiredField {
    color: #200;
}

label.missing {
    color: red;
}

input.missing {
    border-style: solid;
    border-color: red;
    background: #FFf1f1;
}


.tooltip
{
	position: relative;
	outline: none;
	cursor: help;
}

.tooltip span.tip
{
	visibility: hidden;
	position: absolute;
	bottom: 20px;
	left: 50%;
	opacity: 0;
	z-index: 999;
	width: 230px;
	margin-left: -50px;
	padding: 10px;
	border: 1px solid #E1CA82;
	background-color: #FFEAA6;
	background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.3) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.3) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.3) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,.6);
	-webkit-transition: opacity .2s, visibility 0s .2s;
	-moz-transition: opacity .2s, visibility 0s .2s;
	transition: opacity .2s, visibility 0s .2s;
	color: #464646 !important;
}

.tooltip:hover span.tip
{
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .2s, visibility 0s 0s;
	-moz-transition: opacity .2s, visibility 0s 0s;
	transition: opacity .2s, visibility 0s 0s;
}

.tooltip span.tip:before,
.tooltip span.tip:after
{
	content: "";
	position: absolute;
	z-index: 1000;
	bottom: -7px;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #FFEAA6;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 0;
}

.tooltip span.tip:before
{
	border-top-color: #E1CA82;
	bottom: -8px;
}

#formAjoutCarte {
    float: right;
    margin-top: 8px;
}
#formAjoutCarte form {
	background: #DEE1D0;
	border-radius: 20px;
	padding: 5px 0 10px 0;
}
#formAjoutCarte fieldset, #cardDetailsForm fieldset {
	margin-top: 0px;
}
#formAjoutCarte h2 {
    text-align: center;
    margin-top: 0;
}

#formAjoutCarte p {
    padding-left: 0;
}

#formAjoutCarte label,
#formAjoutCarte input[type="text"], 
#formAjoutCarte input[type="password"] {
    width: 200px;
}
#formAjoutCarte label, #cardDetailsForm label {
	background-color: transparent;
	color: black;
}

#formAjoutCarte p.submit {
    width: 212px;
}


dl.card {
    display: block;
    width: 420px;
    margin-bottom: 10px;
    border-width: 25px;
    border-style: solid;
    -moz-border-image: url(../img/card.png) 25 repeat;
    -webkit-border-image: url(../img/card.png) 25 repeat;
    -o-border-image: url(../img/card.png) 25 repeat;
    border-image: url(../img/card.png) 25 fill repeat;

}

dl.card dd.cardDetails {

    transition-property: height;
    transition-timing-function: ease-in-out;
    transition-duration: 200ms;

    -moz-transition: height 200ms ease-in-out;
    -webkit-transition: height 200ms ease-in-out;

    height: 0;
    overflow: hidden;

    margin: 0;
    padding: 0 9px;

}


/*
dl.card.cardStatus3 {
    color: #646464;
}*/

dl.card h3 {
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #fff;

    box-shadow: 0 1px #fff;
    -webkit-box-shadow: 0 1px #fff;
    -moz-box-shadow: 0 1px #fff;

    text-shadow: 0 1px #fff;
    -webkit-text-shadow: 0 1px #fff;
    -moz-text-shadow: 0 1px #fff;

}
dl.card h3 span {
    float: right;
}
dl.card h3.cardStatus2 {
    color: #46a646;
    border-color: #46a646;
}

dl.card h3.cardStatus3, dl.card h3.cardStatus4 {
    color: #b66464;
    border-color: #b66464;
}

dl.card ul {
    margin: .5em 0;
    padding: 5px 0 5px 2em;
}

dl.card li {
    font-weight: bold;
}

dl.card li span.label {
    display: inline-block;
    width: 105px;
    font-weight: normal;
}

dl.card p {
    font-size: 10px;
    text-align: center;
    margin: 0;
    padding: 0;
}


dl.card div {
    font-size: 11px;
}

dl.card div h4 {
    border-bottom: solid 1px #b4b4b4;
}

dl.card div li {
    font-weight: normal;
}

dl.card div ul {
    list-style: circle outside url('../img/puce-petite.png');

    margin: .25em 2.5em;
    padding: 5px 1em;
}
dl.card div li {
    padding-left: 0;
}

dl.card div li span.contractLabel {
    font-weight: bold;
}

dl.card div li span.contractStatus {
    float: right;
}
.contractStatus2 {
    color: #249424;
    font-weight: bold;
}
span.contractStatus3, span.contractStatus1 {
    color: #b66666;
}
span.contractStatus0 {
	color: #46A646;
}
li.contractStatus3 {
    color: #999;
}

dl.card ul.buttons {
    list-style: none;
    margin: 0;
    padding: 0;
}

dl.card ul.buttons li {
    display: inline-block;
    float: left;
    width: 33%;
    margin: .5em 0 1em 0;
    padding: 0;
    text-align: center;
}

dl.card div.cardDetails {
    transition-property: height;
    transition-timing-function: ease-in-out;
    transition-duration: 200ms;

    -moz-transition: height 200ms ease-in-out;
    -webkit-transition: height 200ms ease-in-out;

    height: 0;
    overflow: hidden;

    margin: 0;
    padding: 0 9px;
    clear: left;
}

dl.card div.cardDetailsVisible {
    height: auto;
    overflow: visible;
}

div#menu {
    margin-top: 5px;
    float: right;
    font-size: 11px;
    text-align: right;
}

div#menu p {
    text-align: right;
    margin: 0;
    padding: 0;
    margin-top: 5px;
}

div#menu span.basketEmpty {
    background: transparent url('../img/cart_empty.png') no-repeat left center;
    padding-left: 20px;
    color: #666;
}


ul#mainMenu {

    margin: 3px;
    padding: 0;
    height: 28px;
    border: solid 1px #747474;
    border-radius: 14px;

    background-image: linear-gradient(top, #999999 1%, #D0D0D0 1%, #F0F0F0 48%, #C1C1C1 50%, #D4D4D4 80%, #B3B3B3 100%);
    background-image: -o-linear-gradient(top, #999999 1%, #D0D0D0 1%, #F0F0F0 48%, #C1C1C1 50%, #D4D4D4 80%, #B3B3B3 100%);
    background-image: -moz-linear-gradient(top, #999999 1%, #D0D0D0 1%, #F0F0F0 48%, #C1C1C1 50%, #D4D4D4 80%, #B3B3B3 100%);
    background-image: -webkit-linear-gradient(top, #999999 1%, #D0D0D0 1%, #F0F0F0 48%, #C1C1C1 50%, #D4D4D4 80%, #B3B3B3 100%);
    background-image: -ms-linear-gradient(top, #999999 1%, #D0D0D0 1%, #F0F0F0 48%, #C1C1C1 50%, #D4D4D4 80%, #B3B3B3 100%);

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.01, #999999),
        color-stop(0.01, #D0D0D0),
        color-stop(0.48, #F0F0F0),
        color-stop(0.50, #C1C1C1),
        color-stop(0.80, #D4D4D4),
        color-stop(1,    #B3B3B3)
		);

    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2);
    list-style-type: none;
    list-style-image: none;
}

ul#mainMenu li {
    float: left;
    height: 28px;
    line-height: 28px;
    margin-left: 14px;
}

ul.userDataLink {
    list-style-type: none;
    list-style-image: none;
    display: block;
}

ul#mainMenu li ul.userDataLink li {
    float: none;
    display: block;
    /* width: 200px; */
}

ul#mainMenu li.userLink {
    float: right;
    display: block;
    border: inset 1px;
    height: 20px;
    line-height: 20px;
    margin-top: 3px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-right: 4px;
    padding-left: 6px !important;
    background: rgba(255, 255, 255, .3);
}

ul#mainMenu li.userLink a {
    display: inline;
    text-decoration: underline;
    text-shadow: none;
    padding-left: 6px;
    padding-right: 6px;
}

ul#mainMenu li.userLink a:hover,
ul#mainMenu li.userLink a:active {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    text-decoration: none;
}


ul#mainMenu a {
    color: black;
    text-decoration: none;
    display: block;
    padding: 0 10px;
    border-style: none solid;
    border-width: 1px;
    border-color: transparent;
    text-shadow: 0 1px #fff;
    -webkit-text-shadow: 0 1px #fff;
    -moz-text-shadow: 0 1px #fff;
}

ul#mainMenu a:hover, ul#mainMenu a.actif {

    border-color: #708015;

    background-image: linear-gradient(top, #D7CA3B 1%, #F4E146 2%, #D3B822 100%);
    background-image: -o-linear-gradient(top, #D7CA3B 1%, #F4E146 2%, #D3B822 100%);
    background-image: -moz-linear-gradient(top, #D7CA3B 1%, #F4E146 2%, #D3B822 100%);
    background-image: -webkit-linear-gradient(top, #D7CA3B 1%, #F4E146 2%, #D3B822 100%);
    background-image: -ms-linear-gradient(top, #D7CA3B 1%, #F4E146 2%, #D3B822 100%);

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.01, #D7CA3B),
        color-stop(0.02, #F4E146),
        color-stop(1,    #D3B822)
		);

    text-shadow: 0 1px rgba(255, 255, 255, .8);
    -webkit-text-shadow: 0 1px rgba(255, 255, 255, .8);
    -moz-text-shadow: 0 1px rgba(255, 255, 255, .8);

    box-shadow: inset -1px 0 rgba(255, 255, 255, .6), inset 1px 0 rgba(255, 255, 255, .6);
}

ul#mainMenu a:active {

    border-color: #708015;

    background-image: linear-gradient(top, #998913 1%, #CCB82D 40%, #F3E047 100%);
    background-image: -o-linear-gradient(top, #998913 1%, #CCB82D 40%, #F3E047 100%);
    background-image: -moz-linear-gradient(top, #998913 1%, #CCB82D 40%, #F3E047 100%);
    background-image: -webkit-linear-gradient(top, #998913 1%, #CCB82D 40%, #F3E047 100%);
    background-image: -ms-linear-gradient(top, #998913 1%, #CCB82D 40%, #F3E047 100%);

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.01, #A58F13),
        color-stop(0.40, #CCB82D),
        color-stop(1,    #F3E047)
		);

    text-shadow: 0 1px rgba(255, 255, 255, .8);
    -webkit-text-shadow: 0 1px rgba(255, 255, 255, .8);
    -moz-text-shadow: 0 1px rgba(255, 255, 255, .8);

    box-shadow: inset -1px 0 rgba(255, 255, 255, .6), inset 1px 0 rgba(255, 255, 255, .6);
}

ul#mainMenu li ul {
    height: 0;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    padding-left: 0;

    border: solid 1px #747474;
    border-radius: 1px;

    background-image: linear-gradient(left, #D0D0D0 1%, #F0F0F0 100%);
    background-image: -o-linear-gradient(left, #D0D0D0 1%, #F0F0F0 100%);
    background-image: -moz-linear-gradient(left, #D0D0D0 1%, #F0F0F0 100%);
    background-image: -webkit-linear-gradient(left, #D0D0D0 1%, #F0F0F0 100%);
    background-image: -ms-linear-gradient(left, #D0D0D0 1%, #F0F0F0 100%);

    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0.01, #D0D0D0),
        color-stop(1, #F0F0F0)
		);

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .2);

    -webkit-transition: opacity .15s, height .15s;
    -moz-transition: opacity .15s, height .15s;
    transition: opacity .15s, height .15s;

}

ul#mainMenu li ul li {
    padding-left: 0;
    margin-left: 0;
    display: block;
}

ul#mainMenu li:hover ul {
    display: block;
    opacity: 1;
    height: 84px;
    overflow: visible;
}

ul#mainMenu ul a {
    border-style: solid none;
    border-width: 1px;
    border-color: transparent;
}

ul#mainMenu ul li:first-child a {
    border-top: none;
}

ul#mainMenu ul a:hover {
    box-shadow: inset 0 -1px rgba(255, 255, 255, .6), inset 0 1px rgba(255, 255, 255, .6);
}

ul#mainMenu ul a:active {
    box-shadow: inset 0 -1px rgba(255, 255, 255, .6), inset 0 1px rgba(255, 255, 255, .6);
}


form#connexion p#blocDejaInscrit,
form#connexion p#blocDejaInscrit label,
form#inscription p#blocDejaInscrit2,
form#inscription p#blocDejaInscrit2 label,
form fieldset p.cgv, form fieldset p.cgv label
{
    background: transparent;
    color: #000;

}

form#connexion fieldset,
form#inscription fieldset {
    float: left;
    width : 100%;
}

form#connexion fieldset p,
form#inscription fieldset p {
    clear: both;
}
form#connexion fieldset.submit {
    padding-top: 25px;
    clear: both;
    float: none;
}

form#inscription fieldset.submit {
    padding-top: 15px;
    clear: both;
    float: none;
}



form h3 {
    padding-top: 20px;
}


fieldset#inscriptionFields label {
    width: 208px;
}
fieldset#inscriptionFields input {
    width: 196px;
}

form p.outform {
    background: transparent;
}

tfoot {
	font-weight: bold;
}
#purchaseHistory table {
    margin-bottom: 35px;
    margin-top: 0em;
    border-left: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
}
#purchaseHistory h3 {
	font-weight: normal;
	background-color: #e7e7e7;
	margin-top: 10px;
	padding-left: 2px;
	padding-right: 5px;
}
#purchaseHistory h3 span.commandeEtat {
    float: right;
}
span.name {
	font-weight: bold;
}
#home {
	width: 450px;
}
#home p {
	margin-bottom: 15px;
}
.textInForm {
	padding-left: 8px;
	padding-right: 8px;
	width: 450px; 
}

div#basket {
    text-align: right;
    margin-right: 15px;
    float: right;
}

div#basket span.userBasket empty {
    background: transparent url('../img/cart_empty.png') no-repeat left center;
}

div#basket span.userBasket {
    background: transparent url('../img/cart.png') no-repeat left center;
    padding-left: 20px;
    color: #666;
}

table#basket tr.bottom {
    vertical-align: bottom;
}

table#basket tr.bottom td {
    text-align: right;
}

table#basket tr.bottom p.vat {
    text-align: right;
    font-weight: normal;
    font-size: .9em;
}

td.operationLabel {
    background: white;
    padding-bottom: 0;
    padding-top: 10px;
    color: #62b70e;
    font-size: 1.2em;
}

tr.operationDetail, table#basket tfoot tr {
    border-left: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
}

td.operationInfo {
    background: white;
    font-weight: bold;
    line-height: 30px;
}

td.operationDeleteLink {
    background: white;
    text-align: right;
}

td.operationAddLink {
    background: White;
    text-align:center;
}

table#basket td.numeric,
table#basket th.numeric {
    text-align: right;
}

table#basket th.quantityLabel {
    text-align: right;
}

table#basket td.last {
    text-align: right;
    font-size: .8em;
    vertical-align: middle;
}
table#basket td.last img {
    vertical-align: middle;
}

.notice {
    border: solid 2px #E6E65C;
    background: #FFFFD6;
    margin: 5px;
    padding: 5px;
}
.warning {
    border: solid 2px #FF0000;
    background: #FFF1F1;
    margin: 5px;
    padding: 5px;
}

#basketValidationButtons {
    text-align: center;
    clear: both;
    margin-top: 25px;
}

#cardRequestForm #cardRequestPicture {
    float: left;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
    border-bottom-left-radius : 8px;
    border-bottom-right-radius : 8px;
    padding : 6px;
    background-color : #A5A991;
    margin-right : 10px;
}

#cardRequestForm .addressFields {
    width : 608px;
}


#cardRequestForm #cardRequestPicture img {
    border: solid 1px #e7e7e7;
}

#cardRequestForm #cardRequestPrimaryInfo {
    float: left;
}

#cardRequestForm #cardRequestPrimaryInfo p {
    width: 480px;
}
#cardRequestForm input[type='file'] {
    width: 200px;
    font-size : 0.8em;
    margin-top : 3px;
}

#cardRequestForm fieldset#coordFields p {
    width: 608px;
}

span.lblprofil {
	padding-left: 25px;
	padding-top: 10px;
	font-weight: bold;
	display: block;
}
.lblprofil input {
	margin-left: 0px;
	margin-right: 5px;
}
.lblprofil label {
	display: inline;
	padding-left: 0px;
	background: white;
	color: black;
}
.lblprofil img {
	vertical-align: middle;
}

#cheminFer {
    margin: 20px 10px;
    padding: 0;
    background: url('../img/fond_chemin_fer.png') no-repeat left top;
    border: none 0;
}

#cheminFer .etapeCourante {
    margin: 0 0;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    border: none 0;
    width: 11px;
    height: 11px;
}

#cheminFer ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

#cheminFer li.active {
    font-weight: bold;
    font-size: 12px;
    color: #46A646;
}

#cheminFer ul li {
    margin: 0px 0px;
    padding: 0;
    display: inline-block;
    float: left;
    width: 128px;
    font-size: 10px;
    text-align: left;
    border: none 0;
    color: #cccccc;
    background: none;
}

#cheminFer li#step6 {
    margin: 0;
    width: 10px;
}

.cgv{
    margin-top : 20px;
    font-size : 0.9em;
}

.sendPictureLink{
    font-size : 0.8em;
}

.removePictureLink{
    margin-left : 8px;
}

dd.cardDetails ul li {
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana;
}

.cardRequestRecoverInfo {
    border: solid 2px #E6E65C;
    background: #FFFFD6;
    padding: 5px;
}

.pageValidation {
    text-align: center;
}

#adressSelected{
    margin-left: 250px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.captcha {
    clear: left;
    width: 608px;
}

.placeholder {
    color: #bbb;
}


.upload{
    background : transparent none;
    display : inline;
    border : 0px none;
    box-shadow : 0px 0px 0px transparent;
    margin-right : 0px;
    margin-left : 0px;
    padding-right : 0px;
    padding-left : 0px;
    text-align : left;
    position: relative; 
    top: 0px; 
    left: 0px;
    width : 150px;

}

.upload {
    color : #007317;
}

.upload a{
    text-decoration : underline;
    color :inherit;
}

.upload a:hover{
    color : black;
}

#crPicture:hover{
    color :black;
}