﻿@charset "UTF-8";

div#testsquiz dl, div#testsquiz dt, div#testsquiz dd, div#testsquiz ol {
    margin:0; padding:0;
}
div#testsquiz img, div#testsquiz input, div#testsquiz select {
    vertical-align:middle;
}
div#testsquiz legend {
    display:none;
}
div#testsquiz button {
    cursor:pointer; padding:0; border:0; margin:0;
    background:transparent none; vertical-align:top;
    font:normal normal normal 12px/normal Arial, Verdana, Helvetica, sans-serif
}
div#testsquiz input.text {
    border:1px solid #666;
}

/* */

div#breadcrumbs {
    clear:both; height:26px;
    text-transform:uppercase; font-size:0.8em;
}
div#breadcrumbs a, div#breadcrumbs a:hover  {
    font-weight:bold; text-decoration:none; color:#000;
}

/* */

span#sharethis  {
    position:absolute;
    top:5px; right:0; width:70px; height:22px;
    border:1px solid #d4d4d4; border-top:0;
    background:transparent url(http://jobs-stages.letudiant.fr/etucmsJcsPlugin/images/etu/testsquiz/share.gif) repeat-x top left;
}
span#sharethis  a {
    float:left; width:35px; height:22px;
}
span#sharethis  a.print {
    background:transparent url(http://www.letudiant.fr/file/resources/etu/front/img/icon_print.gif) no-repeat center 0px;
}
span#sharethis  a.print:hover {
    background:transparent url(http://www.letudiant.fr/file/resources/etu/front/img/icon_print.gif) no-repeat center -21px;
}
span#sharethis  a.mail {
    background:transparent url(http://www.letudiant.fr/file/resources/etu/front/img/icon_mail.gif) no-repeat center 0px;
}
span#sharethis  a.mail:hover {
    background:transparent url(http://www.letudiant.fr/file/resources/etu/front/img/icon_mail.gif) no-repeat center -21px;
}
span#sharethis  a span {
    display:none;
}

/* div.leftNav div.footer */

div.leftNav div.footer {
    height:30px; padding:72px 0 0 250px;
    background:transparent url(http://jobs-stages.letudiant.fr/etucmsJcsPlugin/images/etu/testsquiz/footer.gif) no-repeat bottom center;
}
div.leftNav div.footer a {
    float:left; width:100px; height:22px;
    text-indent:28px; line-height:20px; text-decoration:none; color:#b3b3b3;
}
div.leftNav div.footer  a.print {
    background:transparent url(http://www.letudiant.fr/file/resources/etu/front/img/icon_print.gif) no-repeat 0px 0px;
}
div.leftNav div.footer  a.print:hover {
    background:transparent url(http://www.letudiant.fr/file/resources/etu/front/img/icon_print.gif) no-repeat 0px -21px;
}
div.leftNav div.footer a.mail {
    background:transparent url(http://www.letudiant.fr/file/resources/etu/front/img/icon_mail.gif) no-repeat 0px 0px;
}
div.leftNav div.footer a.mail:hover {
    background:transparent url(http://www.letudiant.fr/file/resources/etu/front/img/icon_mail.gif) no-repeat 0px -21px;
}

/* div#testsquiz */

div#testsquiz {
    position:relative; color:#333;
}
div#testsquiz h1 {
    height:52px; border-top:5px solid #c00;
    line-height:52px; font-weight:bold; font-size:2em;
    text-indent:4px; color:#c00;
}

/* div#testsquiz.form */

div#testsquiz.form div.progressing {
    height:28px;
}
div#testsquiz.form div.progressing button {
    float:left;	width:127px; height:28px;
    border-bottom:6px solid #c00; margin:0 2px 0 0;
    font-size:1.4em; text-align:center; font-style:normal; font-weight:bold;
    line-height:22px; color:#c00;
}
div#testsquiz.form div.progressing strong.selected,
div#testsquiz.form div.progressing em {
    float:left;	width:127px; height:22px;
    border-bottom:6px solid #ccc; margin:0 2px 0 0;
    font-size:1.4em; text-align:center; font-style:normal; font-weight:bold;
    line-height:22px; color:#ccc;
}
div#testsquiz.form div.progressing strong.selected {
    border-bottom:6px solid #333; color:#333;
}
div#testsquiz.form h2 {
    height:64px;
    background:transparent url(http://jobs-stages.letudiant.fr/etucmsJcsPlugin/images/etu/testsquiz/h3-arrow.gif) no-repeat top left;
    line-height:76px; font-size:1.7em; text-indent:48px;
}
div#testsquiz.form form {
    border-bottom:1px solid #cfcfcf;
}
div#testsquiz.form form fieldset {
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
}
div#testsquiz.form form fieldset h3 {
    height:30px;
    background:transparent url(http://jobs-stages.letudiant.fr/etucmsJcsPlugin/images/etu/testsquiz/h4.gif) repeat-x top left;
    text-indent:16px;
    line-height:28px; font-weight:bold; font-size:1.4em; color:#c00;
}
div#testsquiz.form form fieldset h4 {
    padding:8px 0 4px 0;
    text-indent:24px; font-size:1.1em;
}
div#testsquiz.form form fieldset div.even {
    background:#f4f4f4 none;
    padding: 1px 0 0 0;
}
div#testsquiz.form form fieldset h4.even {
    background:#f4f4f4 none;
}
div#testsquiz.form form fieldset ul {
    padding:0 0 8px 32px;
}
div#testsquiz.form form fieldset ul.even {
    background:#f4f4f4 none;
}
div#testsquiz.form form div.submits {
    padding:16px 0;
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
    text-align:center;
}
div#testsquiz.form form div.submits button {
    width:242px;
}
div#testsquiz.form form div.submits button.submit img {
    padding:0;
    margin:0;
}

/* div#testsquiz.landingpage */

div#testsquiz.landingpage p {
    padding:16px;
    font-size:1.1em; line-height:1.6em;
}
div#testsquiz.landingpage p span {
    display:block; padding:16px 0 0 0;
    text-align:center;
}

/* div#testsquiz.password */
#longinleft{float:left;}
#longinright{float:right;}
div#testsquiz.password h2 {
    height:36px;
    font-size:1.4em; text-indent:4px;
}
div#testsquiz.password form {
    border:1px solid #a8adb4;
}
div#testsquiz.password form h3 {
    height:30px; background:#a8adb4 none;
    line-height:30px; text-indent:16px; font-size:1.4em;
}
div#testsquiz.password form fieldset {
    padding:16px 16px 32px 16px;
}
div#testsquiz.password form fieldset input.text {
    width:300px;
}
div#testsquiz.password form fieldset a {
    color:#0d859f;
}

/* div#testsquiz.login */
div#testsquiz.login h2 {
    height:36px;
    font-size:1.4em; text-indent:4px;
}
div#testsquiz.login form, div#testsquiz.login div.login {
    border:1px solid #a8adb4;
}
div#testsquiz.login form.login, div#testsquiz.login div.login {
    width:312px;
}
div#testsquiz.login form.signin {
    width:312px;
}
div#testsquiz.login form h3, div#testsquiz.login div.login h3 {
    height:30px; background:#a8adb4 none;
    line-height:30px; text-indent:16px; font-size:1.4em;
}
div#testsquiz.login form span, div#testsquiz.login div.login span {
    display:block; padding:0 8px 0 0;
    text-align:right;
}
div#testsquiz.login form span a div#testsquiz.login div.login span a {
    padding:0 10px 0 0;
}
div#testsquiz.login form a, div#testsquiz.login div.login a {
    color:#0d859f;
}
div#testsquiz.login form fieldset, div#testsquiz.login div.login fieldset  {
    padding:16px 16px 0 16px;
}

div#testsquiz.login form fieldset input, div#testsquiz.login div.login input {
    margin-bottom:10px;
}

div#testsquiz.login form fieldset br, div#testsquiz.login div.login fieldset br {
    display:none;
}

ul.message{
    display:none;
}
div#testsquiz.login form fieldset ul,
div#testsquiz.login div.login fieldset ul,
div#testsquiz.signup form fieldset.personaldatas ul li ul.error_list,
div#testsquiz.signup form fieldset.studies ul.error_list{
    margin:0;
    padding:0;
}


div#testsquiz.login form fieldset ul li,
div#testsquiz.login div.login fieldset ul li,
div#testsquiz.signup form fieldset.personaldatas ul li ul.error_list li,
div#testsquiz.signup form fieldset.identifying ul li ul.error_list li,
div#testsquiz.signup form fieldset.studies ul.error_list li,
div#testsquiz.signup form fieldset.skills ul.error_list li{
    background:url(http://jobs-stages.letudiant.fr/etucmsJcsPlugin/images/etu/bullet_error.png) no-repeat 0px -1px;
    padding-left:19px;
    font-weight: bold;
    color:#900;
}


div#testsquiz.login form fieldset label, div#testsquiz.login div.login fieldset label {
    display:block; height:26px;
    line-height:26px; font-size:1.1em;
}
div#testsquiz.login form fieldset input.text, div#testsquiz.login div.login fieldset input.text {
    width:276px;
}

/* div#testsquiz.results */

div#testsquiz.results h3 {
    clear:both; height:40px;
    border-top:4px solid #c00; margin:8px 0 0 0;
    font-size:1.3em; line-height:40px;
}
div#testsquiz.results h3 a {
    color:#0d859f;
}
div#testsquiz.results h3.learnmore {
    background:transparent url(http://jobs-stages.letudiant.fr/etucmsJcsPlugin/images/etu/testsquiz/icons.gif) no-repeat 0px 0px;
    text-indent:34px;
}
div#testsquiz.results h3.skills {
    background:transparent url(http://jobs-stages.letudiant.fr/etucmsJcsPlugin/images/etu/testsquiz/icons.gif) no-repeat 0px -50px;
    text-indent:34px;
}
div#testsquiz.results h3.anwsers {
    background:transparent url(http://jobs-stages.letudiant.fr/etucmsJcsPlugin/images/etu/testsquiz/icons.gif) no-repeat 0px -100px;
    text-indent:34px;
}
div#testsquiz.results h3.crosslinking {
    background:transparent url(http://jobs-stages.letudiant.fr/etucmsJcsPlugin/images/etu/testsquiz/icons.gif) no-repeat 0px -150px;
    text-indent:34px;
}
div#testsquiz.results p.userskill {
    padding:8px 16px;
    border-color:#a8adb4; border-style:solid; border-width:1px 0;
    margin:0 0 8px 0;
    background:#f4f4f4 none;
    font-size:1.2em; font-weight:bold; line-height:1.4em;
}
div#testsquiz.results p.userskill span {
    display:block; padding:0.6em 0;
    font-size:1.2em; line-height:2em;
}
div#testsquiz.results p.userskill span strong {
    padding:0.3em;
    background:#333 none; color:#fff;
}
div#testsquiz.results div.movieclips {
    overflow:hidden; height:100%;
}
div#testsquiz.results div.movieclips p {
    float:left; width:272px;
    padding:0 26px 16px 26px;
}
div#testsquiz.results div.movieclips p strong {
    color:#c00;
}
div#testsquiz.results ol li {
    height:1.4em;
}
div#testsquiz.results ol li a {
    color:#0d859f;
}
div#testsquiz.results ol.crosslinking li {
    background:transparent url(http://jobs-stages.letudiant.fr/etucmsJcsPlugin/images/etu/testsquiz/li.gif) no-repeat top left;
    text-indent:8px;
}
div#testsquiz.results ol, div#testsquiz.results dl {
    padding:0 0 0 60px;
}
div#testsquiz.results dl {
    font-size:1.1em;
}
div#testsquiz.results dl dt, div#testsquiz.results dl dd {
    height:1.8em;
}
div#testsquiz.results span.leave {
    display:block; padding:16px 64px 0 0;
    text-align:right;
}

/* div#testsquiz.signup */

div#testsquiz.signup h2 {
    height:36px;
    font-size:1.4em; text-indent:4px;
}
div#testsquiz.signup form h3 {
    height:30px; margin:16px 0;
    background:#c00 none;
    line-height:30px; text-indent:16px; font-size:1.4em;
    color:#fff;
}
div#testsquiz.signup form fieldset h4 {
    height:40px; margin:16px 0 0 0;
    background:transparent url(http://jobs-stages.letudiant.fr/etucmsJcsPlugin/images/etu/testsquiz/h4.gif) repeat-x top left;
    text-indent:10px; line-height:28px; font-weight:bold; font-size:1.2em;
}
div#testsquiz.signup form fieldset.identifying {
    height:72px;
    padding:20px 50px 0 80px;
    border:1px solid #a8adb4;
    font-size:1.1em;
}
div#testsquiz.signup form fieldset.identifying ul li {
    clear:both; height:30px;
}
div#testsquiz.signup form fieldset.identifying ul li label {
    width:140px; float:left;
}
div#testsquiz.signup form fieldset.identifying ul li input.text {
    width: 280px;
    float: left;
    margin-right: 10px;
}
div#testsquiz.signup form fieldset.personaldatas,
div#testsquiz.signup form fieldset.studies,
div#testsquiz.signup form fieldset.skills {
    padding:0 80px 0 40px;
}
div#testsquiz.signup form fieldset.personaldatas {
    font-size:1.1em;
}
div#testsquiz.signup form fieldset.personaldatas ul li {
    clear:both; padding:0 0 1em 0;
}

div#testsquiz.signup form fieldset.personaldatas ul li ul.error_list,
div#testsquiz.signup form fieldset.identifying ul li ul.error_list {
    float:left;
}

div#testsquiz.signup form fieldset.personaldatas ul li.notify {
    height:auto; padding:1.6em 0; color:#c00;
}
div#testsquiz.signup form fieldset.personaldatas ul li em {
    font-size:0.9em; font-style:normal;
}
div#testsquiz.signup form fieldset.personaldatas ul li label,
div#testsquiz.signup form fieldset.personaldatas ul li span.label {
    float:left; width:170px;
}
div#testsquiz.signup form fieldset.personaldatas ul li span label {
    float:none; width:auto;
}
div#testsquiz.signup form fieldset.personaldatas ul li input.text,
div#testsquiz.signup form fieldset.personaldatas ul li select {
    width:200px;float:left;margin-bottom:10px;margin-right:10px;
}
div#testsquiz.signup form fieldset.personaldatas ul li a{float:left;margin-right:5px;}
div#testsquiz.signup form fieldset.personaldatas ul li input#birthdate {
    width:120px;
}
div#testsquiz.signup form fieldset.personaldatas ul li input#zipcode {
    width:70px;
}
div#testsquiz.signup form fieldset.studies ul li {
    float:left; width:25%;
}
div#testsquiz.signup form fieldset.skills ul li {
    float:left; width:50%;
}
div#testsquiz.signup p {
    padding:16px 0 0 0; margin:16px 80px 0 40px;
    border-top:4px solid #c00;
}
div#testsquiz.signup p span {
    display:block; height:50px;
    border-bottom:1px solid #e8e7e7;
    margin:0 0 20px 0;
}
div#testsquiz.signup p span br,
div#testsquiz.signup p em br {
    display:none;
}
div#testsquiz.signup p strong {
    float:left; width:400px;
    background:transparent url(http://jobs-stages.letudiant.fr/etucmsJcsPlugin/images/etu/testsquizz/li.gif) no-repeat top left;
    text-indent:8px;
}
div#testsquiz.signup p input {
    float:right;
}
div#testsquiz.signup p em {
    clear:both; display:block;
    line-height:4em; font-style:normal; font-weight:bold; color:#0d859f;
}
div#testsquiz.signup p a {
    color:#0d859f;
}

div#testsquiz.results.quizz { font-size: 12px; }
div#testsquiz.results.quizz h2 { margin: 0 0 10px 0; }
div#testsquiz.results.quizz h3 { margin: 0 0 5px 10px; border-top: 0; font-size: 15px; height: 20px; line-height: 20px; }
div#testsquiz.results.quizz h4 { margin: 0 0 5px 20px; border-top: 0; font-size: 13px; height: 20px; line-height: 20px; }
div#testsquiz.results.quizz .reponses { margin-bottom: 20px; line-height: 16px; }
div#testsquiz.results.quizz .reponses .question { margin: 0 0 0 30px; font-weight: bold; }
div#testsquiz.results.quizz .reponses .question .titre { margin-right: 5px; }
div#testsquiz.results.quizz .reponses .reponse { margin: 0 0 5px 30px; }
div#testsquiz.results.quizz .reponses .reponse .titre { margin-right: 5px; }
div#testsquiz.results.quizz .reponses .reponse .resultat { font-weight: bold; }
div#testsquiz.results.quizz .reponses .reponse .resultat.ok { color: #00BB00; }
div#testsquiz.results.quizz .reponses .reponse .resultat.nok { color: #BB0000; }
div#testsquiz.results.quizz .reponses .reponse .resultat.soluce { color: #0000BB; }
div#testsquiz.results.quizz .stats { margin-bottom: 10px; font-weight: bold; }
div#testsquiz.results.quizz .stats span { color: #999999; }

#globalerr div { padding: 1px 0 0 20px; margin: 10px; font-size: 14px; color: #dd0000; font-weight: bold; background: url("../../etucmsPlugin/images/icons/bullet_error.png") no-repeat scroll 0 0 transparent; }

.question .err div { padding: 1px 0 0 20px; margin: 10px 0 0 10px; font-size: 14px; color: #dd0000; font-weight: bold; background: url("../../etucmsPlugin/images/icons/bullet_error.png") no-repeat scroll 0 0 transparent; }

a.bouton-commencer { background: transparent url('http://jobs-stages.letudiant.fr/etucmsJcsPlugin/images/etu/testsquiz/bouton.gif') no-repeat scroll top right; display: block; float: right; height: 40px; padding-right: 15px; text-decoration: none; color: #fafafa; font-size: 20px; }
a.bouton-commencer span { background: transparent url('http://jobs-stages.letudiant.fr/etucmsJcsPlugin/images/etu/testsquiz/bouton.gif') no-repeat;  display: block; line-height: 40px; padding: 0 0 0 42px; }
