/****************************************************************************
	GENERAL
****************************************************************************/
html, body {
	height: 100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #504c61;
	text-align: center;
	font-size:0.8em;
	line-height: 1.2em;
	background: url(img/fond.png) repeat-x #b5c1d1;
	margin:0;
	padding:0;
}
#conteneur {
	width: 839px;
	text-align: left;
	margin:0 auto;
	background: url(img/conteneur.png) repeat-y 0% 160px;
	height: auto !important;
	min-height: 100%;
	height: 100%;
}
.clear-conteneur {
	clear: both;
	height: 37px;
}
a {
color: #504c61;
text-decoration: none;
border-bottom: 1px solid #504c61;
}
a:visited {
	color: #504c61;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8B84AA;
}
a:hover {
border-bottom: 1px solid #40A5D4;
}




/****************************************************************************
	HEADER
****************************************************************************/
#header {
	background: url(img/lignes.png) repeat-y #939eac;
	padding: 0 1px;
	height: 159px;
	border-bottom: 1px #fdeea4 solid;
}
h1 {
	margin:0;
	padding:0;
	background: url(img/header.jpg) 100% 0% no-repeat;
	border-bottom: 1px #fdeea4 solid;
	width: 171px; 
	float: left;
}
h1 a, h1 a:visited, h1 a:hover {
	background: url(img/ige.png) no-repeat;
	display: block;
	width: 171px;
	height: 124px;
	border: 0;
}
h1 span {
	display: none;
}
#lang {
	float: left;
	height: 34px;
	line-height: 34px;
	color: #ffffff;
	text-align: center;
	width: 172px;
	font-size: 0.8em;
}
#lang a:link, #lang a:visited {
	color: #ffffff;
	text-decoration: none;
	border: 0;
}
#lang a:hover, #lang a:active {
	color: #ffffff;
	text-decoration: underline;
	border: 0;
}
#header address {
	float: left;
	display: block;
	background: url(img/adresse.jpg) no-repeat 97px 3px;
	width: 575px;
	height: 32px;
}
#header address span {
	display: none;
}


/****************************************************************************
	CENTRE
****************************************************************************/
#centre {
	width: 480px;
	padding: 20px 0 16px 190px;
	float: left;
}
.edito {
	background: url(img/visu-edito.jpg) no-repeat 100% 10px;
	height: auto !important;
	height: 150px;
	min-height: 150px;
}
.edito p {
width: 300px;
}
#centre p {
	margin: 0;
	padding: 1em 0 0 0;
}
#centre h2 {
	font-family: "Times New Roman", Times, serif;
	margin:0;
	padding:5px 0 0 0;
	font-size: 2em;
	color: #e4a743;
	font-weight: normal;
}

#centre h3 {
	color: #40A5D4;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 0.3em;
	margin: 30px 0 10px 0;
}
#centre h4 {
	color: #333333;
	clear: both;
}

/*** tableau devises ***/
table.calcul-devises {
	border-collapse: collapse;
	border-spacing:0;
	margin: 2em 0 3em 0;
	padding: 0;
}
table.calcul-devises form {
	margin:0;
	padding:0;
}
table.calcul-devises td, table.calcul-devises input {
	color: #4f4f4f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
table.calcul-devises td {
	padding: 4px 0;
}
table.calcul-devises input.montant {
	width:50px;
	padding:0 2px;
	height: 1.2em;
	margin: 1px 0 0 0;
	border: 1px #666666 solid;
}
table.calcul-devises input.submit {
	vertical-align: -4px;
	margin-left:4px;
}
table.calcul-devises td.change {
	color: #808080;
	width: 140px;
}
table.calcul-devises .drapeau {
	text-align: center;
	width: 75px;
}
table.calcul-devises .drapeau img {
	border: 1px #999999 solid;
}
table.calcul-devises .pays {
	width: 115px;
}

#centre .attention {
background-color: #C4D3DF;
padding: 5px;
border: 1px solid #939EAC;
margin: 15px 0;
}
#centre .attention p {
}
#centre div.attention h4 {
	color: #333333;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0;
}


#erreur {
background-color: #C4D3DF;
padding: 5px;
border: 1px solid #939EAC;
margin: 15px 0;
}
#erreur h2 {
color: #2E2E2E;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
}
#erreur p {
color: #2E2E2E;
}

#billets {
text-align: right;
margin: 0;
}

#billets img {
border: 1px solid #939EAC;
}


#centre .colonne {
	width: 45%;
	float: right;
}

fieldset, legend {
border: 1px solid #939EAC;
}
fieldset {
margin-bottom: 1em;
}

form#formCompte {
margin: 0 auto;
width:380px;
}
form#formCompte input, form#formCompte textarea {
width: 190px;
border: 1px solid #939EAC;
}
form#formCompte label {
width: 165px;
font-weight: bold;
display: block;
float: left;
text-align: right;
margin-right: 5px;
}
input.inputValider {
	border: 1px solid #939EAC;
	margin-left: 170px;
	padding-right: 13px;
	background-color: #D8EAF6;
	background-image: url(img/puce2.png);
	background-repeat: no-repeat;
	background-position: right top;
}
input.inputAdresse, input.inputBouton { /* Pas de marge*/
	border: 1px solid #939EAC;
	padding-right: 13px;
	background-color: #D8EAF6;
	background-image: url(img/puce2.png);
	background-repeat: no-repeat;
	background-position: right top;
	}
form#formCompte input.checkbox {
	width: 15px;
	margin-left: 170px;
}	
form.formAdress {
margin-bottom: 2em;
}


#centre p.nb {
font-size: 0.8em
}

table.tableCours {
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #CCC;
	font-size: 0.9em;
	width: 100%;
}
.tableCours th {
	text-align: left;
	font-weight: normal;
}
.tableCours .tableHeader th {
	text-align: center;
	padding: 2px;
	border-bottom: 1px solid #CCC;
	font-weight: bold;

}
.tableCours td {
padding: 2px;
}
.tableCours th.tdOrNom {
text-align: right;
width: 100px;
border-bottom: none;
}
.tableCours td.tdOrCours {
text-align: right;
width: 70px;
paddind: 0 2px;
}
.tableCours td.tdOrImg {
text-align: center;
}
tr.LigneColorGris {
	background-color: #E6EEF4;
}
tr.LigneBorderTop {
	border-top: 1px solid #CCC;
}
tr.LigneBorderBottom{
	border-bottom: 1px solid #CCC;
}
tr.trCours td {
font-style: italic;
width: 150px;
}
.tableDevises img {
	border: 1px #999999 solid;
	float: left;
	margin: 2px 5px;
}
.tableDevises span.tauxDirecteur {
	text-align: center;
	display: block;
	font-weight: bold;
	
}

table.tableCommande {
border-right: 1px solid #b9b9b9;
border-top: 1px solid #b9b9b9;
margin: 1em auto 3em auto;
width: 100%;
border-collapse: collapse ;
}
.tableCommande td, .tableCommande th {
border-left: 1px solid #b9b9b9;
border-bottom: 1px solid #b9b9b9;
font-size: 0.8em;
text-align: center;
}
table.tableCommande img {
	border: 1px #999999 solid;
}

#centre ul {
	margin: 1em 0 0 0.5em;
	padding: 0;
}
#centre li {
	margin-bottom: 0.5em;
}


#centre .floatRight {
	float: right;
}

#centre .bigger {
	font-size: 120%;
}
img.imgConvertisseur {
	border: 1px #999999 solid;
	float: left;
	margin: 5px;

}

/***************************
PAGE PANIER  & COMMANDE
***************************/
#centre ul#ulPanierComplet {
margin-top: 35px;
}

#centre ul#ulPanierComplet li {
margin-bottom: 20px;
}

#centre ul#ulPanierComplet img {
float: right;
border: none;
margin-right: 15px;
}

#centre li.ulPanierCompletTotal, #centre p.PanierCompletTotal {
border-top: 1px solid #666666;
padding-top: 10px;
list-style-type: none;
} 
#centre li.ulPanierCompletTotal span, #centre p.PanierCompletTotal span {
font-size: 1.3em;
}
#centre li.ulPanierCompletTotal p, #centre p.franco {
background:url(img/starfishwebconsulting/delivery.png) no-repeat 0 5px;
padding-left: 40px;
color: #333333;
list-style-type: none;
} 
#centre a.puce {
	background-image: url(img/puce2.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 13px;
}
#centre a.puce2 {
	background-image: url(img/puce2.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 13px;
}

#centre dt {
font-weight: bold;
}

#centre dd {
margin-bottom: 1em;
margin-left: 1em;
padding: 0;
}


/****************************************************************************
	PANIER
****************************************************************************/
#panier {
	padding-top: 20px;
	width:135px;
	padding-left: 20px;
	float: left;
	text-align: right;
}
#panier h2 {
	color: #329fd1;
	font-size: 1.2em;
}
#panier h3 {
	color: #333333;
	font-size: 0.9em;
	margin: 0;
	padding: 1em 0 0 0;
}
#panier p {
	color: #333333;
	font-size: 0.9em;
	margin: 0;
	padding: 1em 0 0 0;
}
#panier ul {
list-style-type: none;
}
#panier li {
	background-image: url(img/puce2.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 13px;
	margin-right: -10px;
	font-size: 0.9em;
}

#panier #ulPanier li {
margin-bottom: 10px;
}

#panierTotal {
border-top: 1px solid #666666
}


/****************************************************************************
	MENUS
****************************************************************************/
#menus {
	padding: 20px 0 16px 16px;
	width: 155px;
	float: left;
	margin-left: -824px;
	color: #2e2e2f;
	background: url(img/menus.png) repeat-x;
}
#menus ul {
	margin: 0;
	padding: 1em 0 0 0;
}
#menus #outils ul {
	padding: 0 0 1.9em 0;
}

#menus #outils ul.ulLong {
	padding-bottom: 0em;
}
#menus a:link, #menus a:visited {
	color: #2e2e2f;
	text-decoration: none;
	padding-right: 10px;
	border: 0;
	background: url(img/fleche_droite_bleu2.png) no-repeat right;
}
#menus a:hover, #menus a:active {
	color: #2e2e2f;
	text-decoration: underline;
	background-image: url(img/fleche_droite_blanc.png);

}
#menus p {
	margin: 0;
	padding: 1em 0 0 0;
}
#menus p.img {
	padding-top: 3.5em;
	margin-left: -18px;
	text-align: center;
}
#menus p.img a img{
	border: 0;
	padding: 0;
	background: none;
}
#menus p.img img {
	margin: 5px 0;
}
#menus li {
	list-style-position: inside;
}
#menus img {
	margin-left: 14px;
}
	

/****************************************************************************
	FOOTER
****************************************************************************/
#footer .contenu {
	width: 839px;
	text-align: left;
	margin:0 auto;
	background:  url(img/lignes.png) repeat-y 0% 0% #939eac;
	height: 35px;
	line-height: 35px;
}
#footer {
	color: #2d2d2e;
	font-size: 0.8em;
	background:  #939eac;
	font-weight: bold;
	height: 35px;
	border-top: 1px #fdeea4 solid;
	margin-top: -36px;
}
#footer ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;	
}
#footer li {
	float: left;
	list-style-position: inside;
	padding-left: 8px;
}
#footer li.first {
	list-style-type: none;
}
#footer a:link, #footer a:visited {
	color: #2d2d2e;
	text-decoration: none;
	border: 0;
}
#footer a:hover, #footer a:active {
	color: #2d2d2e;
	text-decoration: underline;
	border: 0;

}