/*****************************************************************************
					         STYLES RECURRENTS
*****************************************************************************/
.mc_wrapper {
position:relative;
margin:20px 30px 10px 30px;
}
.mc_content ul, .mc_box h2 {
margin:0px;
padding:0px;
}
img {
border:none;
behavior: url(/librairies/pngfix/iepngfix.htc);
}
.mc_box ul {
list-style:none;
}
/*****************************************************************************
					 MISE EN FORME DES BLOCS PRINCIPAUX
*****************************************************************************/

/* HEADER */
.mc_header {
position:relative;
top:0px;
height:67px;
}

/* CONTENU DE LA PAGE */
.mc_content {
position:relative;
width:90%;
margin-right: auto;
margin-left: auto;
min-height:300px;
}





/*****************************************************************************
					      MISE EN FORME DU HEADER
*****************************************************************************/

/* POSITIONNEMENT DE L'ILLUSTRATION */
.mc_headerIcon {
position:absolute;
top:0px;
left:0px;
} 
/* POSITIONNAMENT DU TITRE */
.mc_headerTitle {
position:absolute;
left:58px;
margin:10px 5px 0px 0px;
float:left;
}
/* POSITIONNEMENT DU NOM D'UTILISATEUR */
.mc_username {
position:relative;
margin:10px 5px 0px 0px;
float:right;
}





/*****************************************************************************
					 MISE EN FORME DE LA BARRE DE MENU
*****************************************************************************/

/* BARRE COLOREE */
.mc_menubar {
position:relative;
height:17px;
top:-17px;
overflow:hidden;
}

/* PARTIE OMBREE DE LA BARRE COLOREE */
.mc_menubarShadow {
position:relative;
height:9px;
top:-26px;
overflow:hidden;
}

/* ELEMENTS DU MENU */
ul.mc_menutxt {
list-style:none;
text-align:center;
margin:0px;
padding:0px;
position:absolute;
top:50px;
left:58px;
}
ul.mc_menutxt li {
float:left;
}
ul.mc_menutxt li a {
display:block;
height:24px;
float:left;
text-transform:uppercase;
font-size:10px;
}

/* LIENS DU MENU */
.mc_menutxt a {
text-decoration:none;
padding:0px 5px 0px 5px;
display:block;
line-height:17px;
cursor:pointer;
}

/* PETITE FLECHE SOUS LA BARRE */

.mc_menutxt a:hover, .mc_menutxt li.current a {
background:url(/V4/b2b/images/fleche.gif) no-repeat center 17px;
}

.mc_menutxt li.current a {
background:url(/V4/b2b/images/fleche.gif) no-repeat center 17px;
cursor:default;
}





/*****************************************************************************
						  MISE EN FORME DES FIELDSETS
*****************************************************************************/

/* POSITIONNEMENT DU CADRE*/
.mc_fieldset {
position: relative;
margin-top: 20px;
padding:10px;
}

/* POSITIONNEMENT DU TITRE */
.mc_fieldset h1 {
position: absolute;
height:20px;
line-height:20px;
text-align:center;
background-color: #FFFFFF;
margin:0px;
padding:0px 3px 0px 3px;
top: -10px;
left: 10px;
}





/*****************************************************************************
					 MISE EN FORME DU BOUTON PAR DEFAUT
*****************************************************************************/

/* MISE EN FORME */
.mc_boxBtn {
text-align:right;
padding:12px;
}
input.mc_btn {
text-align:center;
text-decoration:none;
}

/* TAILLES PREDEFINIES */
input.btnS {width:120px;}
input.btnM {width:140px;}
input.btnL {width:170px;}





/*****************************************************************************
						  MISE EN FORME DES TABLES
*****************************************************************************/

.mc_alerts table {
border-collapse:collapse;
}
.mc_alerts table th {
width:30px;
height:80px;
background:#d2d5db;
}
.mc_alerts table td.mc_alertsPic {
width:80px;
}

.mc_alerts table td dl {
text-align:left;
}

.mc_alerts table td dl dd {
margin:0px;
padding:0px;
}
.mc_alerts table td dl dt {
font-weight:bold;
font-size:12px;
}





/*****************************************************************************
						  MISE EN FORME DU CARNET D'ADRESSES
*****************************************************************************/

/* choix adresses */
.mc_adressBook ul.cl_aroTmlfRadioListe {
padding:0px;
}
.mc_adressBook ul li, .cl_mc_adressBook ul li {
position:relative;
float:left;
}
.cl_mc_adressBook ul li ul li {
position:relative;
float:none;
}
.cl_mc_adressBook ul li ul {
visibility:visible;
margin-bottom:10px;
}
.cl_mc_adressBook ul li input {
position:absolute;
visibility:hidden;
}
.cl_mc_adressBook_fact ul li input,
.cl_mc_adressBook_livr ul li input {
visibility:visible;
position:absolute;
left:50%;
margin-left:-5px;
top:50%;
margin-top:-5px;
}
.cl_mc_adressBook_fact ul li ul,
.cl_mc_adressBook_livr ul li ul {
visibility:hidden;
white-space:nowrap;
}
.cl_mc_adressBook_adr ul li span {
display:block;
margin-left:10px;
}
.cl_mc_adressBook_fact ul li span,
.cl_mc_adressBook_livr ul li span {
display:block;
background:#CCC;
margin-left:10px;
width:150px;
}
.cl_mc_adressBook_adr ul li ul li {
height:auto;
}
.mc_adressBookLegend li.mc_adressBook_livr , .mc_adressBookLegend li.mc_adressBook_fact{
margin-left:10px;
width:150px;
background:none;
font-size:12px;
font-weight:bold;
height:14px !important;
text-align:center;
}
.cl_mc_adressBookFrame {
background:#DBDBDB;
margin-bottom:5px;
padding-top:5px;
}
.adresseChoixTmlf .cl_aroTmlfSubmit {
margin:15px 180px;
}

/*****************************************************************************
					   MISE EN FORME DU TABLEAU DE BORD
*****************************************************************************/

/* COLONNES DU TABLEAU DE BORD */
.mc_Lcol {
position:relative;
width:48%;
float:left;
}
.mc_Rcol {
position:relative;
width:48%;
float:right;
}

/* BOITE DU TABLEAU DE BORD */
.mc_box {
position:relative;
margin:5px 5px 10px 5px;
padding-left:5px;
padding-top:5px;
padding-right:5px;
font-size:12px;
border-left:solid 10px #e0e3ea;
border-bottom:solid 1px #e0e3ea;
/*background:#eeeeee;*/
}
.mc_box h2 {
padding-bottom:10px;
}

.mc_boxBtn {
margin:10px 0px 0px 5px;
padding-bottom:10px;
}
.mc_boxFrame {
background:#eeeeee;
margin:0px 0px 5px 0px;
padding:5px;
}



/* LISTE DU TABLEAU DE BORD */
.mc_boxList ul li {
list-style:square !important;
list-style-position:inside;
font-size:10px;
line-height:20px;
}

/* INFOS D'UNE ADRESSE */
.mc_adressInfo ul {
position:relative;
}

.mc_adressInfo ul li {
list-style:none;
list-style-position:outside;
font-size:12px;
line-height:15px;
margin:0px 0px 5px 5px;
}

li.cl_adresse, li.cl_telephone, li.cl_fax, li.cl_email {padding-left:25px;}
li.cl_adresse {
background:url(/V4/b2b/images/adresse.gif) no-repeat 0px 0px;
margin-bottom:8px;
}
li.cl_telephone {background:url(/V4/b2b/images/telephone.gif) no-repeat 0px 0px;}
li.cl_fax {background:url(/V4/b2b/images/fax.gif) no-repeat 0px 0px;}
li.cl_email {background:url(/V4/b2b/images/email.gif) no-repeat 0px 0px;}
.identification li.cl_email {
background:none;
padding-left:0px;
}

/* MODIFICATION DU MOT DE PASSE */
.mc_password label {
line-height:10px;
display:inline-block;
width:120px;
text-align:right;
vertical-align:absmiddle;
}