/* ------------------ commande -------------------- */
/*- - - - haut commande - - - - */
.bandeau {clear:both; float:left;}
.bandeau h3 {float:left; font-size:20px; color:#ffffff; margin:5px 0 0 5px;}
.bandeau h4 {float:left; font-size:15px; color:#ffffff; margin:5px 0 0 7px;}

.bandeausmall {clear:both; float:left; background: url(../img/fond_bleu_bandeau_small.gif) no-repeat;}
.bandeausmall h3 {float:left; font-size:20px; color:#ffffff; margin:5px 0 0 5px;}
.bandeausmall h4 {float:left; font-size:15px; color:#ffffff; margin:10px 0 0 7px;}

.resultrecherche  {float:left; font-size:12px; color:#ffffff; margin:15px 0 10px 5px; font-weight:bold;}
.resultrecherche span {color:#FFF468; font-weight:bold; font-size:12px;}

.statutcommande {clear:both; float:left;}
.situationcommande {clear:both; float:left; margin:10px 0 10px 2px; font-size:11px; width:700px;}
.situationstatut {clear:both; float:left; margin:10px 0 0px 2px; font-size:11px; width:700px;}


.commandesmall {clear:both; float:left; width:620px;}
.situationcommandesmall {clear:both; float:left; margin:10px 0 10px 2px; font-size:11px; width:600px;}
.texterouge {float:left; margin:10px 0 0px 2px; font-size:11px; color:#FF0000;}
.texterouge2 {color:#FF0000;}
.situationstatutsmall {clear:both; float:left; margin:10px 0 0px 2px; font-size:11px; width:600px; color:#FF0000;}
.situationstatutlienssmall {clear:both; float:left; margin:5px 0 10px 2px; font-size:11px; width:600px;}
.situationstatutlienssmall a {color:#006DB5;text-decoration:none;}
.situationstatutlienssmall a:hover {color:#006DB5;text-decoration:underline;}


.situationstatut  span {color:#CC0000;}
.situationstatutliens {clear:both; float:left; margin:5px 0 10px 2px; font-size:11px; width:700px;}
.situationstatutliens a {color:#006DB5;text-decoration:none;}
.situationstatutliens a:hover {color:#006DB5;text-decoration:underline;}
/*- - - - fin haut commande - - - - */


/*- - - - cadre bleu - - - - */
.cadrebleuhaut {clear:both; float:left; width:792px; height:11px; margin-top:5px;}
.cadrebleucentre {clear:both; float:left; margin:0; padding:0 10px; background: url(../img/cadrebleumilieu.gif) repeat-y; width:772px;}
.cadrebleucentre2 {clear:both; float:left; margin:0; padding:0 10px 0 10px; background: url(../img/cadrebleumilieu.gif) repeat-y; width:772px;}
.cadrebleubas {clear:both; float:left; width:792px; height:13px; vertical-align:top; margin-bottom:5px;}

.cadrebleucentre2 input {margin-right:0px;}

/*- - - - cadre bleu - - - - */


/*- - - - Elements mise en page - - - - */
.prixgros {font-size:15px; font-weight:bold;}
.validation {clear:both; float:left; width:792px;}
.validation fieldset {float:left; border:0px; width:792px;}
.validationsmaller {clear:both; float:left; width:785px;}
.validationsmaller fieldset {float:left; border:0px; width:785px;}

.validationsmallest {clear:both; float:left; width:615px;}
.validationsmallest fieldset {float:left; border:0px; width:615px;}

.recap {clear:both; float:left; background: url(../img/recap.gif) no-repeat; margin:10px 0 0 0; width:124px;}
.recap a {display:block; width:124px; height:26px; text-align:center; padding-top:10px; color:#fff; font-weight:bold; text-decoration:none;}
/*- - - - fin Elements mise en page - - - - */


/*- - - - cartebancaire - - - - */
.cartebancaire {clear:both; float:left; width:792px;}
.cartebancaire form {float:left; width:792px;}
.cartebancaire fieldset {float:left; border:0px;}
.cartebancaire p.textecarte {float:left; margin:5px 10px 0 5px; font-weight:bold;}
.cartebancaire p.descriptif {float:left; padding:10px 10px 15px 10px; width:750px;}
.cartebancaire label {display:none;}
.cartebancaire input {vertical-align: middle; font-size:10px; margin:10px 10px 10px 10px;}
.cartebancaire img.cartes {vertical-align: middle; font-size:10px; margin-right:8px;}
.cartebancaire .bt_validate_search {float:right; margin:10px 0px 0 0px; width:102px;}
/*- - - - fin cartebancaire - - - - */

/*- - - - left cadre - - - - */
.cartebancaire2 {clear:both; float:left; width:792px;}
.cartebancaire2 form {float:left; width:792px; border:0;}
.cartebancaire2 fieldset {float:left; border:0px;}
.cartebancaire2 .bt_validate_search {float:right; margin:10px 0px 0 0px; width:102px;}
/*.leftcadre {float:left; width:314px;}*/
.leftcadre {float:left; width:50%;}
.middlecadre {float:left; width:100%;}
.etatun {width:287px; background: url(../img/traitbasetatun.gif) bottom no-repeat; padding:0px 0 5px 0px;}
.etatun strong {font-size:15px;} 
.etatdeux { width:287px; background: url(../img/traitbasetatun.gif) top no-repeat; padding:5px 0 0px 0px;}
.etatdeux strong {font-size:11px;} 
.listeelements dl {float:left; margin:8px 0 0 0; width:100%;}
.listeelements dl dt {clear:both; float:left; background: url(../img/square.gif) 0 5px no-repeat; font-weight:bold; text-decoration:none; padding:0 0 0 8px; margin:0 0 5px 0;}
/*.listeelements dl dd {clear:both; float:left; margin:0px 0 2px 0px; width:268px; margin-bottom:5px;}*/
.listeelements dl dd {clear:both; float:left; margin:0px 0 2px 0px; width:100%; margin-bottom:5px;}
.listeelements dl dd a {float:left; color:#CC0000; background: url(../img/fleche_rouge.gif) 0 4px no-repeat; text-decoration:none; padding:0 0 0 10px;}
.listeelements dl dd a:hover {float:left; color:#CC0000; text-decoration:underline;}
.listeelements dd label {vertical-align: middle;}
.elementtexte {vertical-align: middle; font-size:10px; border:1px solid #595959; margin-left:5px; padding-left:5px; width:150px;}
.elementtexteadresse {vertical-align: middle; font-size:10px; border:1px solid #595959; margin-left:5px; padding-left:5px; width:100%}
.labelspace {float:left; width:55px;}

.cartebancaire3 {clear:both; float:left; width:792px;}
.cartebancaire3 fieldset {float:left; border:0px; width:792px;}
.bt_validate_all {float:right; margin:10px 0px 0 0px; width:102px;}
.introcarte {float:left; width:600px; margin:0 0 0 0px;}
.introcarte strong {font-size:15px;} 
.introcarteleft {float:left; width:330px; margin:8px 0 0 0px;}
.introcarteleft label {font-size:11px; font-weight:bold;} 
.introcarteleft strong {font-size:12px; font-weight:bold;} 

/*.rightcadre {float:left; width:458px;}*/
.rightcadre {float:left; width:50%;}
.labelspace2 {float:left; width:180px;}
.listeelementsdroite dd label {vertical-align: middle; margin:0 5px 0 2px;}
.listeelementsdroite dl {float:left; margin:8px 0 0 6px; width:446px;}
.listeelementsdroite dl dt {clear:both; float:left; background: url(../img/square.gif) 0 5px no-repeat; font-weight:bold; text-decoration:none; padding:0 0 0 8px; margin:0 0 5px 0;}
.listeelementsdroite dl dd {clear:both; float:left; margin:0 0 5px 6px; width:268px;}
.elementtexte2 {vertical-align: middle; font-size:10px; border:1px solid #595959; margin:0 0 0 5px; padding:0 0 0 5px; width:150px;}
/*- - - - fin left cadre - - - - */


/*- - - - cadrecentre - - - - */
.cadrecentre {float:left; width:730px; padding:0 0 0 5px;}
.etattrait {float:left; width:600px; background: url(../img/traitbasetatun.gif) bottom left no-repeat; padding:5px 0; margin:0 0 0 3px;}


a.pdftele {display:block; font-size:11px; height:20px; background: url(../img/picto_pdf.gif) no-repeat; padding-left:20px; margin-bottom:2px; color:#CC0000; text-decoration:none;} 
a:hover.pdftele {color:#CC0000; text-decoration:underline;} 

.telecharge {clear:both; float:left; background: url(../img/bt_rouge.gif) no-repeat; margin:10px 0 0 0; width:84px; height:36px; }
.telecharge a {display:block; color:#fff; width:84px; height:26px; text-align:center; padding-top:10px; color:#fff; font-weight:bold; text-decoration:none;}

.commentgauche2 {clear:both; float:left; width:700px; margin-top:4px;} 
.commentgauche2 p {float:left; margin:5px;} 
.commentgauche2 ul {float:left; margin-left:3px;} 
.commentgauche2 ul li {clear:both; float:left; text-decoration:none; color:#006DB5; background: url(../img/fleche_bleu.gif) 2px 4px no-repeat; padding:0 0 3px 12px; width:650px;}
.commentgauche2 ul li a {color:#006DB5; text-decoration:none;}
.commentgauche2 ul li a:hover {color:#006DB5; text-decoration:underline;}

a.flechebleualone {color:#006DB5; text-decoration:none; clear:both; float:left; background: url(../img/fleche_bleu.gif) 2px 4px no-repeat; padding:0 0 3px 12px;}
a:hover.flechebleualone {color:#006DB5; text-decoration:underline;}
a.flechebleualonegras {color:#FF0000; font-size:12px; font-weight:bold; text-decoration:none; clear:both; float:left; background: url(../img/fleche_bleu.gif) 2px 4px no-repeat; padding:0 0 3px 12px;}
a:hover.flechebleualonegras {color:#FF0000; font-size:12px; font-weight:bold; text-decoration:underline;}


/*- - - - cadrecentre - - - - */


.tableaurecap {float:left; margin:10px 0 0 0px; width:795px;}
.tableaurecap th {background-color:#E6E6E6; border-bottom:1px solid #7BB3DA;  padding:3px 0 3px 4px;}
/*html>body .tableaurecap th {padding:3px 0 5px 4px;}*/
.tableaurecap th.dsgn {width:275px;}
.tableaurecap th.lang {width:100px;}
.tableaurecap th.quant {width:60px; text-align:center;}
.tableaurecap th.format {width:100px; text-align:center;}
.tableaurecap th.prix {width:80px; text-align:center;}
.tableaurecap th.tva {width:80px; text-align:center;}
.tableaurecap th.ttc {width:80px; text-align:center;}
.tableaurecap th.trash {width:20px; text-align:center;}
.tableaurecap td.grey {background-color:#F7F7F7;}
.tableaurecap td {background-color:#fff; border-bottom:1px solid #7BB3DA; padding:3px 0 3px 4px;}
/*html>body .tableaurecap td {padding:3px 0 5px 4px;}*/
.tableaurecap td.dsgn {width:275px;}
.tableaurecap td.lang {width:100px;}
.tableaurecap td.quant {width:60px; text-align:center;}
.tableaurecap td.format {width:100px; text-align:center;}
.tableaurecap td.prix {width:80px; text-align:center;}
.tableaurecap td.tva {width:80px; text-align:center;}
.tableaurecap td.ttc {width:80px; text-align:center;}
.tableaurecap td.trash {width:20px; text-align:center;}

/* tableaurecapsmall */
.tableaurecapsmall {float:left; margin:6px 0 0 2px; width:615px;}
.tableaurecapsmall th {background-color:#E6E6E6; border-bottom:1px solid #7BB3DA; padding:3px 0 3px 4px;}
/*html>body .tableaurecapsmall th {padding:3px 0 5px 4px;}*/
.tableaurecapsmall th.dsgn {width:220px;}
.tableaurecapsmall th.lang {width:105px;}
.tableaurecapsmall th.quant {width:65px; text-align:center;}
.tableaurecapsmall th.format {width:100px; text-align:center;}
.tableaurecapsmall th.prix {width:80px; text-align:center;}
.tableaurecapsmall th.ttc {width:80px; text-align:center;}
.tableaurecapsmall th.trash {width:20px; text-align:center;}
.tableaurecapsmall td.grey {background-color:#F7F7F7;}

.tableaurecapsmall td {background-color:#fff; border-bottom:1px solid #7BB3DA; padding:3px 0 3px 4px;}
/*html>body .tableaurecapsmall td {padding:3px 0 5px 4px;}*/
.tableaurecapsmall td.dsgn {width:220px;}
.tableaurecapsmall td.lang {width:105px;}
.tableaurecapsmall td.quant {width:65px; text-align:center;}
.tableaurecapsmall td.format {width:100px; text-align:center;}
.tableaurecapsmall td.prix {width:80px; text-align:center;}
.tableaurecapsmall td.ttc {width:80px; text-align:center;}
.tableaurecapsmall td.trash {width:20px; text-align:center;}

.tableaurecapsmall select.qte {width:55px;}
.tableaurecapsmall select.format {width:85px;}
/* fin tableaurecapsmall */


.gauchelientableau {float:left; width:613px; margin-top:5px;}
.gauchelientableausmall {float:left; width:413px; margin-top:5px;}
.droitlientableau {float:right; width:140px; border:1px solid #7BB3DA; border-top:0px; padding:3px 0 3px 4px;}
.droitlientableau span {font-size:14px; font-weight:bold; margin-left:5px;}

.pushapropos {float:left; background: url(../img/push_apropos.gif) no-repeat; width:387px; height:107px; margin:20px 0 0 0;}
.pushapropos p {float:right; margin:10px 8px 0 0; width:280px;}

.pushaproposdroit {float:left; background: url(../img/push_apropos.gif) no-repeat; width:387px; height:107px; margin:20px 0 0 15px;}
.pushaproposdroit p {float:right; margin:10px 8px 0 0; width:280px;}

.pushapropossmallEnglish {float:left; background: url(../img/English/push_apropos_small.gif) no-repeat; width:297px; height:157px; margin:20px 0 0 0;}
.pushapropossmallEnglish p {float:right; margin:10px 8px 0 0; width:180px;}
.pushapropossmallFrench {float:left; background: url(../img/French/push_apropos_small.gif) no-repeat; width:297px; height:157px; margin:20px 0 0 0;}
.pushapropossmallFrench p {float:right; margin:10px 8px 0 0; width:180px;}

.pushaproposdroitsmallEnglish {float:left; background: url(../img/English/push_apropos_small_fileopen.gif) no-repeat; width:297px; height:157px; margin:20px 0 0 25px;}
.pushaproposdroitsmallEnglish p {float:right; margin:10px 8px 0 0; width:180px;}
.pushaproposdroitsmallFrench {float:left; background: url(../img/French/push_apropos_small_fileopen.gif) no-repeat; width:297px; height:157px; margin:20px 0 0 25px;}
.pushaproposdroitsmallFrench p {float:right; margin:10px 8px 0 0; width:180px;}

.tableaudebordbas {clear:both; float:left; width:795px; margin:15px 0 0 0px;}
.tableaudebordbasinside {float:right; width:405px;}

.tableaudebordbasinside table {width:405px;}
.tableaudebordbasinside th {border-bottom:1px solid #ACACAC; border-right:1px solid #ACACAC; background-color:#fff; padding:3px 4px 3px 4px;}
.tableaudebordbasinside th.un {width:190px;}
.tableaudebordbasinside th.deux {width:70px;}
.tableaudebordbasinside th.trois {width:70px;}
.tableaudebordbasinside th.quatre {width:70px; font-weight:normal; text-align:right;}

.tableaudebordbasinside td {border-bottom:1px solid #ACACAC; border-right:1px solid #ACACAC; background-color:#fff; padding:3px 4px 3px 4px;}
.tableaudebordbasinside td.un {width:190px; font-weight:bold;}
.tableaudebordbasinside td.deux {width:70px;}
.tableaudebordbasinside td.trois {width:70px;}
.tableaudebordbasinside td.quatre {width:70px; text-align:right;}	

td.quatrebleu {width:403px; background-color:#006DB5; color:#fff; font-weight:bold; border-right:1px solid #ACACAC;}
td.quatrebleudroite {width:70px; background-color:#006DB5; color:#fff; font-weight:bold; text-align:right;}

.tableaudebordbasinside td.cinq {width:190px; font-weight:bold; border:0px;}
.tableaudebordbasinside td.six {width:70px; border:0px;}
.tableaudebordbasinside td.sept {width:70px; border:0px; border-right:1px solid #ACACAC;}
.tableaudebordbasinside td.huit {width:70px; text-align:right; border:0px;}	


.situationcommandefirst {clear:both; float:left; background: url(../img/fond_roseblanc.gif) no-repeat; width:794px; height:83px; margin:20px 0 0 0;}
.situationcommandefirst h6 {padding:8px 0 5px 8px;}
.situationcommandefirst fieldset {float:left; border:0px;}
.situationcommandefirst img {float:left; margin:0 0 0 15px;}
.situationcommandefirst input {float:left; margin:0 0 0 5px;}
.situationcommandefirst label {float:left; margin:0 0 0 8px; width:120px; color:#CC0000;}
.situationcommandefirst label.txt_disabled {float:left; margin:0 0 0 8px; width:120px; font-style:oblique; color:#ACACAC;}

.lblmodepaiement {float:left; margin:0 0 0 8px; width:120px; color:#CC0000;}
.lblmodepaiementdis {float:left; margin:0 0 0 8px; width:120px; font-style:oblique; color:#ACACAC;}

img.sepimages {float:left; margin:0 0 0 80px;}

/* .jesouhaiterecevoirdeux {float:left; width:750px; margin:8px 0 0px 0px;}*/
.jesouhaiterecevoirdeux {width:750px; margin:8px 0 0px 0px;}
.jesouhaiterecevoirdeux label {font-weight:bold;}
.jesouhaiterecevoirdeux label a {font-weight:bold; color:#CC0000;} 

.commandeimprimer {float:left; margin:5px 0 0 5px;}
.commandeimprimersmall {float:left; margin:5px 0 0 5px;}
.imprimer {float:right;}
.imprimer2 {float:right; width:auto;}
a.imprimer {display:block; float:left;  background: url(../img/bt_imprimer.gif) no-repeat; text-decoration:none; padding-left:20px;}
a:hover.imprimer {text-decoration:underline;}
/* ------------------  commande -------------------- */

.conditionstop {clear:both; float:left; width:797px; background: url(../img/bd_top_rose.gif) no-repeat; height:25px;}
.conditionstop p {margin:6px 0 0 6px; font-weight:bold; color:#FF0000;}
.conditionsmiddle {clear:both; float:left; width:797px; background: url(../img/bd_middle_rose.gif) repeat-y;}
.conditionsmiddle p {float:left; padding:6px 8px 5px 8px;}
.conditionstop {clear:both; float:left; width:797px;}
.conditionsbottom {clear:both; float:left; width:797px; height:6px;}
.conditionsbottom img {vertical-align:top;}


.votrereference {float:left; width:797px; background: url(../img/votrereference.gif) no-repeat; height:34px; margin-top:15px;}
.votrereference label {font-weight:bold; margin:10px 0 0 10px; text-transform:uppercase;}
.votrereference input {font-weight:bold; margin:10px 0 0 0;}
.votrereference label span {font-weight:bold; color:#CC0000;}