/* definition des polices generiques + couleurs*/
@import url(commons.css);
body, div {margin:0;padding:0;}
ul {list-style:none;}

/* -- Gestion logo -- */
#entete {width:100%; height:60px}
#entete img {padding:20px; }
.lettre {padding:15pt; width:80%; margin:10px auto}
.lettre p {line-height:15pt;}
.noprint {display:block;}
.noscreen {display:none;}

/* nom et titre */
#title {
    float:right;
    background:url(../../datas/inscription/structure/logos/audit_online.gif) no-repeat top right;
    width:500px;
    height:143px;
    margin:0;
    overflow:hidden;
}
#name {position:absolute;top:10px; right:10px;}
#name p {font-weight:bold; margin:0}
#title h1 {margin:26px 100px 0 0;color:#FFFFFF}
.log #content h1{width:auto;padding:0;margin: 14px 0 14px;font-size:1.6em;border-bottom: #414B56 1px dotted;}
#tel, #notel {position:absolute;top:100px; right:10px;height:45px;;}
#tel {background:url(../../datas/inscription/structure/icones/tel.png) no-repeat left center; width:200px}
#tel p {margin-left:45px; margin-top:0;padding-top:6px;font-size:10pt}
.partenaire {float:right; padding:30px 10px}


/*////////////////////////  Structure de la barre de progression //////////////////*/
#progress_vide {background:url(../../datas/progress/progress_1.gif) no-repeat right;height:18px}
#progress_plein {background:url(../../datas/progress/progress_2.gif) no-repeat left;height:18px;}
#progress_vide_no {background:url(../../datas/progress/progress_3.gif) no-repeat right;height:18px;}
#progress_plein_no {background:url(../../datas/progress/progress_4.gif) no-repeat left;height:18px;}

#progressb_vide{background:url(../../datas/progress/progress_1b.gif) no-repeat right;height:18px;}
#progressb_plein {background:url(../../datas/progress/progress_2b.gif) no-repeat left;height:18px;}
#progressb_vide_no {background:url(../../datas/progress/progress_3b.gif) no-repeat right;height:18px;}
#progressb_plein_no {background:url(../../datas/progress/progress_4b.gif) no-repeat left;height:18px;}

.metier {width:80%; margin:5px auto; background: #FFFFFF url(../../datas/inscription/structure/t_gris.gif) repeat-x bottom;    border:#d2d2d2 1px solid;}
.metier p {margin:2px}
.metier a {font-weight:bold;}
.metier div {float:left; margin:10px;}

/* -- Gestion des titres -- */
#picto {
    width:100px;
    height:auto;
    position:absolute;
    left:-39px;
    top:-14px;
}

#content .titreSecond h1 {
    position:absolute;
    left:2%;
    top:102px;
    margin:0 auto;
	padding:5px 0;
    color:#003896;
    width:95%;
    border:none;
    text-indent:0;
}
#content {margin:0 auto; position:relative; line-height:1.5;}
#content h1 a {text-decoration:none;}
#content h1 em {font-size:10pt;float:right;}
#content .imgAudit {background:url(../../datas/inscription/structure/icones/ico_audit.png) no-repeat 0 top;}
#content .imgFree {background:url(../../datas/inscription/structure/icones/free.png) no-repeat 0 top;}
#content .imgInfos {background:url(../../datas/inscription/structure/icones/info2.png) no-repeat 0 top;}

/* -- Boites -- */

.log .exerciceContent .t_gris td{padding:2px;}
#content .boxBig h3 {margin:2px 2px 20px 0;}
#auditDiv{
    width:900px;
    margin:0 auto;
}
.boxBook {
	width:95%;
	clear:both;
	border:1px solid #dbdbdb;
	margin:0 auto;
    padding-bottom:10px
}
.boxBook h2 {font-size:1.1em;
	background-color:#e3e6e8;
	border-bottom:1px solid #dbdbdb;
	color:#0a4b98;
	margin:0;
	padding:6px;
    text-align:center;
}

#footer {width:100%;padding-top:10px}
#footer p {color:#414b56; margin:10px 20px; }
.echelle table {width:70%; margin:0 auto}
.echelle td p {text-align:center;}