* {
padding: 0;
margin: 0;
}


a {
text-decoration:none;
border: 0px none;
outline: none;
}
/* DESIGN GLOBAL */
body {
background: url(img/body.gif) repeat-x #030303;
font-size: 0.7em;
color: #fff;
font-family: Arial;
}

label {
display : block;
float : left;
width: 180px;
margin-left:180px 
}

input {
	
}

div#global {
width: 947px;
margin: auto;
overflow: hidden;
background: url(img/global.gif) repeat-y;
}

a img { border: none; }
ul { list-style: none; }



/* BARRE HORIZONTALE */
div#barrehorizontale {
margin: 0 14px 0 14px;
background: url(img/top.gif) repeat-x;
height: 26px;
position: relative;
padding: 0 0 0 31px;
}

div#barrehorizontale a {
color : #00fffc;
text-decoration : none;
}

div#barrehorizontale form {
float: right;
margin: 3px 35px 0 0;
display: inline;
}

div#barrehorizontale form input#utilisateur, div#barrehorizontale form input#mdp {
width: 96px;
height: 17px;
padding: 2px 5px 0 5px;
border: none;
background: url(img/input.gif) no-repeat;
color: #fff;
}

div#barrehorizontale form input#connexion {
border: none;
color: #fff;
height: 18px;
width: 28px;
background: url(img/ok.gif) no-repeat;
}

div#barrehorizontale p#message {
font-weight: bold;
padding: 7px 0 0 31px;
}

div#barrehorizontale img#icone {
position: absolute;
margin: 5px 0 0 31px;
top: 0;
left: 0;
}

div#footer {
padding-top:65px;
background: url(img/footer.jpg) no-repeat;
height:37px;	
}

/* BANNIERE */
h1#banniere {
margin: 0 14px 0 14px;
height: 180px;
background: url(img/header.jpg) no-repeat;
}

h1#banniere a {
display: block;
width: 919px;
height: 180px;
}

h1#banniere a span { display: none; }



/* MENU HORIZONTAL */
ul#menuhorizontal {
height: 60px;
margin: 0 13px 0 14px;
background: url(img/nav_barre.jpg) no-repeat;
}

ul#menuhorizontal li {
float: left;
margin: 0 1px 0 0;
}

ul#menuhorizontal li a {
display: block;
width: 114px;
height: 33px;
}

ul#menuhorizontal li a span { display: none; }



/* CONTENU */
div#contenu {
overflow: hidden;
width: 100%;
margin: 0 14px 0 14px;
background: url(img/content.gif) no-repeat;
}

div#contenu div#menuvertical {
float: left;
display: inline;
margin: 12px 0 0 17px;
width: 143px;
}

div#contenu div#menuvertical ul { margin: 10px 0 15px 0; }

div#contenu div#menuvertical ul li {
padding: 0 0 4px 0;
margin: 0 0 8px 0;
background: url(img/dotted.gif) repeat-x bottom left;
}

div#contenu div#menuvertical ul li a {
color: #fff;
text-decoration: none;
background: url(img/puce.gif) bottom left no-repeat;
padding: 1px 0 1px 20px;
font-size: 1.1em;
}

div#contenu div#texte {
margin: 34px 0 0 30px;
width: 709px;
float: left;
}

div#desc_offre {
font-size: 12px;
width : 402px;
text-align: center;
}


/* PIED DE PAGE */
div#pieddepage {
padding: 71px 0 0 0;
text-align: center;
}

div#pieddepage a#remonter {
display: block;
width: 947px;
height: 41px;
}

div#pieddepage a#remonter span { display: none; }

div#pieddepage p {
margin: 10px 0 0 0;
padding: 0 0 10px 0;
}

div#contenu div#texte a, div#pieddepage p a { color: #00fffc; font-weight: bold; text-decoration: none; }

fieldset { 
border: 1px solid #595959; 
padding: 10px;     
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
}

legend {
font-family: "Verdana", "Trebuchet MS", Arial, Helvetica , sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}

input:hover { background-color: #FFFFFE; color: #212121;}
input{ 
border: 1px solid #595959;
background-color: #212121; 
font-family: "Tahoma", Verdana, "Trebuchet MS", Arial, Helvetica , sans-serif;
font-size: 12px;
color: #FFFFFE; 
}

input.disabled{ 
border: 1px solid #595959;
background-color: #FFFFFE;
font-family: "Tahoma", Verdana, "Trebuchet MS", Arial, Helvetica , sans-serif;
font-size: 12px;
color: #212121; 
}
select {
border: 1px solid #595959;
background-color: #212121; 
font-family: "Tahoma", Verdana, "Trebuchet MS", Arial, Helvetica , sans-serif;
font-size: 12px;
color: #FFFFFE; 
}
textarea:hover { background-color: #FFFFFE; color: #212121;}
textarea{ 
border: 1px solid #595959;
background-color: #212121; 
font-family: "Tahoma", Verdana, "Trebuchet MS", Arial, Helvetica , sans-serif;
font-size: 12px;
color: #FFFFFE; 
}

textarea.disabled{ 
border: 1px solid #595959;
background-color: #FFFFFE;
font-family: "Tahoma", Verdana, "Trebuchet MS", Arial, Helvetica , sans-serif;
font-size: 12px;
color: #212121; 
}
/* Barre de progression */

.progressBar{
	width:216px;
	height:41px;
	background:url(../images/suivi_commande/bg_bar.gif) no-repeat 0 0;
	position:relative;
}
.progressBar span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(../images/suivi_commande/bar.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
.progressBar em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(../images/suivi_commande/bg_cover.gif) repeat-x 0 0;
	top:0;
}