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

/* ---- fond bandeau entete ---- */
#top {
	width:100%;
	padding:0;
	margin:0;
	height:143px;
}
#topEntreprise {
	width:100%;
	padding:0;
	margin:0;
	height:190px;
}

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

/* 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}
#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}

/* gestion flatplan */
#flatplan {height:40px;clear:both; cursor:default;margin-top:25px}
#flatplan ul {list-style:none; margin:0 auto; padding:0;width:590px;}
#flatplan ul li {float:left; line-height:40px; white-space:nowrap; width:130px}
#flatplan ul li.etape {width:70px; font-weight:bold;}
#flatplan ul li strong {background:url(../../datas/inscription/structure/icones/ok.png) no-repeat left center; display:block; padding-left:45px; color:#414b56; font-weight:200}

#flatplan li strong.num1 {background:url(../../datas/inscription/structure/icones/1.png) no-repeat left center; font-weight:bold; color:#000000;}
#flatplan li strong.num2 {background:url(../../datas/inscription/structure/icones/2.png) no-repeat left center; font-weight:bold; color:#000000;}
#flatplan li strong.num3 {background:url(../../datas/inscription/structure/icones/3.png) no-repeat left center; font-weight:bold; color:#000000;}
#flatplan li strong.num4 {background:url(../../datas/inscription/structure/icones/4.png) no-repeat left center; font-weight:bold; color:#000000;}

#flatplan li strong.num1Off {background:url(../../datas/inscription/structure/icones/1f.png) no-repeat left center; color:#999999; }
#flatplan li strong.num2Off {background:url(../../datas/inscription/structure/icones/2f.png) no-repeat left center; color:#999999; }
#flatplan li strong.num3Off {background:url(../../datas/inscription/structure/icones/3f.png) no-repeat left center; color:#999999; }
#flatplan li strong.num4Off {background:url(../../datas/inscription/structure/icones/4f.png) no-repeat left center; color:#999999; }

/* gestion flag */
#flatplan .flag {position:absolute;top:90px; text-align:center;width:100%}
#flatplan .flag ul {list-style:none; padding:0; margin:0 auto;width:600px;}
#flatplan .flag ul li {float:left; line-height:47px; width:50px}
#flatplan .flag ul li img {border:none}

/*////////////////////////  Structure des textes spécial AUDIT //////////////////*/
#flatplan h6 {float:left; width:103px; text-align:center; margin:0; font-size:9pt; color:#000000;}
#no_dispo {color:#CCCCCC; text-decoration:line-through}

/*////////////////////////  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:5px;
    top:130px;
}
#content h1 {text-indent:35px;}
#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 h1 a {text-decoration:none;}
#content h1 em {font-size:10pt;float:right;}
#content {width:90%; margin:0 auto}
#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 -- */
.exerciceContent {
    /*-moz-border-radius: 10px;*/
    /*-webkit-border-radius: 10px;*/
    /*-khtml-border-radius: 10px;*/
	/*-moz-box-shadow:0 0 10px #CCC;*/
    /*-webkit-box-shadow:0 0 10px #CCC;*/
    /*-khtml-box-shadow:0 0 10px #CCC;*/
    /*background-color:#fff;*/
}
.exerciceTexte {margin:5px 20px}
#content .boxBig h3 {margin:2px 2px 20px 0;}
.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; }
#video {
    width:200px;
    height:140px;
    top:3px;
    position:absolute;
    left:50%;
}
.myLearning { background: url(../../datas/resultats/loreal/mylearning.png) no-repeat center; width:150px ; height:63px; position:absolute; right:15px; top:38px; }