body, form { margin: 0; padding: 0; }
body { font: 100% Verdana, Arial, Sans-serif; color: #48555B; background: #FFF url(/medias/communs/mstr_bg.gif) repeat-x; }
a { color: #1154AB; }
#ctntColDt a:hover { background-color: #E0E3F1; }
img, table { border: 0; }
table { border-spacing: 0; width: 100%; }
td, th { padding: 3px; }
th { color: #FFF; }
h1 { font-size: 115%; color: #4A575D; margin: 0.75em 0; }
h3 { background: #FFF url(/medias/communs/vc_lbl_drop.jpg) no-repeat left bottom; margin: 0; padding-left: 11px; font-size: 85%; }
h3 span { display: block; background-color: #1154AB; color: #FFF; padding: 1em 0.6em 0.5em; }
h4 { font-size: 100%; margin: 0 0 1.1em; }
h5 { font-size: 100%; margin: 0; }


/* template */
#mstrCtnr { width: 845px; margin: 0 auto; background: url(/medias/communs/ctnt_fonddrop1.gif) repeat-y; }
#mstrHdr { position: relative; height: 159px; background: url(/medias/communs/hdr_fond.jpg) no-repeat; }
#mstrHdr img { position: absolute; left: 49px; bottom: 39px; }
#mstrCtnt { background: url(/medias/communs/ctnt_fonddrop2.jpg) no-repeat; min-height: 200px; padding: 0 11px 0 12px; }
#mstrFtr { background: #FFF url(/medias/communs/ftr_fond.gif) no-repeat; color: #004AA2; font: 59% Arial, Sans-serif; text-align: right; padding: 25px 43px; }
#mstrFtr span { font-size: 125%; }
#ctntColGc { float: left; width: 196px; margin: 18px 0 0 32px; }
#ctntColGc img { display: block; }
#ctntColDt { float: left; width: 546px; margin: 23px 0 0 37px; }
#sdmenu, #sdmenu ul { margin: 0; padding: 0; list-style: none; }
#sdmenu { margin: 11px 0 0; padding: 0 0 4px; background: url(/medias/communs/sdmenu_fond.png) no-repeat left bottom; }
#sdmenu li { float: left; }
#sdmenu a, #sdmenu img { display: block; width: 195px; height: 21px; background-repeat: no-repeat; }
#sdmenu a:hover { visibility: visible; }
#sdmenu a:hover img { visibility: hidden; }
#sdmBt01 { background-image: url(/medias/fr/sdmenu_bt01_on.png); }
#sdmBt02 { background-image: url(/medias/fr/sdmenu_bt02_on.png); }
#sdmBt03 { background-image: url(/medias/fr/sdmenu_bt03_on.png); }
#sdmBt04 { background-image: url(/medias/fr/sdmenu_bt04_on.png); }
#sdmBt05 { background-image: url(/medias/fr/sdmenu_bt05_on.png); }
#sdmBt05a { background-image: url(/medias/fr/sdmenu_bt05a_on.png); }
#sdmBt05b { background-image: url(/medias/fr/sdmenu_bt05b_on.png); }
#sdmBt06 { background-image: url(/medias/fr/sdmenu_bt06_on.png); }
#sdmBt07 { background-image: url(/medias/fr/sdmenu_bt07_on.png); }
#filAriane { display: block; font-size: 64%; }
#filAriane a, #accLiens a { color: #48555B; }
#filAriane a:hover, #accLiens a:hover { background-color: #EBEBEB; }


/* sandbox texte*/
.txtContenu { font-size: 75%; margin-right: 20px; }
.txtContenu p { margin: 0 0 1.1em; }
.txtContenu ul { list-style: none; height: 1%; margin: 1.1em 0; padding: 0; }
.txtContenu ul li { padding: 0 0 1.1em 14px; background: url(/medias/communs/ctnt_puce.gif) no-repeat 0 0.5em; }
.txtContenu ul ul { margin: 0.33em 0 0; }
.txtContenu ul ul li { padding-bottom: 0.33em; background: none; }
#documents { margin: 1.35em 0 1.1em 1.1em; }
#documents li { padding: 0 0 0.75em 2.0em; background: url(/medias/communs/mstr_docs_icopdf.gif) no-repeat; }


/* accueil */
#accEncadre { float: right; display: inline; width: 218px; padding: 25px 31px 37px 33px; background: url(/medias/communs/acc_encadre_fond.jpg) no-repeat; color: #1050AC; }
#accEncadre h4 { color: #1050AC; }


/* votre consommation */
#vcBoxCtnr { margin-left: -16px; position: relative; width: 546px; }
#vc56k { margin-right: 5px; }
#vc56k label, #vc56k input, .txtContenu label, .txtContenu input { vertical-align: middle; }
.vcBox { float: left; display: inline; width: 267px; }
.vcBoxInner, .mpBoxInner { margin-left: 11px; border: 1px solid #A2B5D9; border-width: 0 1px 1px; padding: 0 7px 20px; font-size: 75%; }
#vc56k .vcBoxInner { padding-top: 20px; }
.vcTxtInput { width: 200px; }


/* webmail */
#webmail.mpBox label { width: 115px; }
#webmail .mpBtSend { margin-left: 115px; }


/* modifier votre profil */
.mpBox { width: 546px; margin-top: 1.1em; }
.mpBox label { clear: both; }
.mpBox label, .mpTxtStd, .mpTxtMail, .mpBox textarea, .mpBox form span, #demCaptcha { float: left; }
.mpBox label, .mpBox form span  { width: 260px; padding-top: 4px; font-size: 92%; }
.mpBox form span { width: 130px; margin: 0 0 16px 3px; font-size: 85%; overflow: hidden; }
.mpBox textarea, .mpTxtStd  { margin-bottom: 10px; width: 185px; }
.mpTxtMail { margin-bottom: 10px; width: 120px; }
.mpBtSend { margin-left: 250px; float: left; }
.jsvalidator { padding: 10px 0; }
.jsvalidator span { display: none; font-size: 100%; color: #F00; }
.jsvalidator span#ssv { display: block; }


/* contactez-nous  */
#demInfo.mpBox label { width: 180px; }
#demInfo .mpTxtStd, #webmail .mpTxtStd, #demInfo textarea { width: 255px; }
#demInfo .mpBtSend { margin-left: 180px; }
#demCaptcha  { margin-bottom: 10px; }
label.demSpace { padding: 0; margin-top: -3px; }


/* clearfix pour floats */
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */