html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
body { line-height: 1; background: #e3e4e5; }
ol, ul { list-style: none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
label { cursor: pointer; }
strong { font-weight: bold; }
em { font-style: italic; }
.clear { clear: both; }
h1.static { font-size: 40px; font-weight: bold; font-family: Verdana, Arial, Helvetica; color: #0065A1; margin-bottom: 10px; }
/* clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
#qcm { width: 970px; margin: 0 auto; }
#qcm #qcm-top { width: 970px; height: 126px; background: url(../img/logo.png) left top no-repeat; }
#qcm #qcm-top img { float: right; margin: 27px 28px 0 0; }
#qcm .protection { background: url('../img/logo-protection-cellulaire.png') left top no-repeat !important; }
#qcm .communication { background: url('../img/logo-communication-cellulaire.png') left top no-repeat !important; }
#qcm .interface { background: url('../img/logo-interface-digestive.png') left top no-repeat !important; }
#qcm .fonction { background: url('../img/logo-fonction-cerveau.png') left top no-repeat !important; }
#qcm .cardio { background: url('../img/logo-cardio-metabolique.png') left top no-repeat !important; }
#qcm #qcm-bottom { width: 956px; height: 55px; padding: 0 7px; background: url(../img/background-bottom.png) left top no-repeat; font-family: Verdana, Arial, Helvetica; }
#qcm .large {height:110px!important;background: url(../img/footer.jpg) left top no-repeat !important; margin-bottom:20px;}
#qcm #qcm-bottom #iedm { float: left; width: 126px; height: 46px; background: url(../img/logo-iedm.png) left top no-repeat; }
#qcm #qcm-bottom #iedm a { display: block; text-indent: -9999px; width: 126px; height: 46px; }
#qcm #qcm-bottom #iedm-content { margin-left: 148px; padding-top: 10px; padding-right: 20px; }
#qcm #qcm-bottom #iedm-content p { font-size: 12px; color: #ffffff; }
#qcm #qcm-content { width: 832px; background: url(../img/background-content.png) left top repeat-y; padding: 57px 69px; }
#qcm #qcm-content #introduction p { font-size: 14px; font-family: Verdana, Arial, Helvetica; color: #707173; line-height: 20px; }
#qcm #qcm-content #introduction ul { font-size: 14px; font-family: Verdana, Arial, Helvetica; color: #707173; line-height: 20px; list-style: circle; margin-bottom: 15px; }
#qcm #qcm-content #erreur h1 { font-size: 40px; font-weight: bold; font-family: Verdana, Arial, Helvetica; color: #0065A1; margin-bottom: 10px; }
#qcm #qcm-content #erreur p.erreur { font-size: 14px; font-family: Verdana, Arial, Helvetica; color: #707173; }
#qcm #qcm-content #erreur p a { font-size: 14px; font-family: Verdana, Arial, Helvetica; color: #707173; }
#qcm #qcm-content #erreur p a:hover { color: #83B817; }
#qcm #qcm-content #vous-etes-medecin { float: left; width: 266px; height: 108px; padding: 18px 19px 20px 97px; background: url(../img/background-inscription.png) left top no-repeat; font-family: Verdana, Arial, Helvetica; }
#qcm #qcm-content #vous-etes-medecin h2 { color: #0065a1; font-size: 14px; font-weight: bold; }
#qcm #qcm-content #vous-etes-medecin form { margin-top: 15px; }
#qcm #qcm-content #vous-etes-medecin form input { color: #3c3c3c; font-family: Verdana, Arial, Helvetica; }
#qcm #qcm-content #vous-etes-medecin form input[type=text] { width: 194px; height: 29px; line-height: 29px; background: url(../img/input-text.png) left top no-repeat; border: 0; font-size: 11px; padding: 0 11px; }
#qcm #qcm-content #vous-etes-medecin form input[type=text]:focus { color: #707173; }
#qcm #qcm-content #vous-etes-medecin form input[type=submit] { cursor: pointer; width: 30px; height: 29px; margin-left: 5px; background: url(../img/input-submit.png) left top no-repeat; border: 0; font-size: 12px; text-transform: uppercase; }
#qcm #qcm-content #vous-etes-medecin form input#emailPatient { float: left; }
#qcm #qcm-content #je-commence { margin-left: 550px; margin-top: 48px; }
#qcm #qcm-content #profils-4 { font-size: 14px; font-family: Verdana, Arial, Helvetica; color: #707173; font-weight: bold; margin-top: 31px; padding-bottom: 4px; text-transform: uppercase; border-bottom: 1px dashed #a4a4a4; }
#qcm #qcm-content .separation { clear: both; width: 832px; border-bottom: 1px dashed #a4a4a4; margin: 16px 0; }
#qcm #qcm-content a.link { display: block; color: #707173; background: url(../img/link.png) right top no-repeat; font-family: Verdana, Arial, Helvetica; font-size: 14px; font-weight: bold; text-transform: uppercase; height: 43px; width: 215px; padding: 10px 64px 0 0; text-align: right; text-decoration: none; }
#qcm #qcm-content #profils { height: 100%; overflow: hidden; font-family: Verdana, Arial, Helvetica; font-weight: bold; color: #707173; margin: 20px 0; }
#qcm #qcm-content #profils li { float: left; width: 208px; text-align: center; }
#qcm #qcm-content #profils li img { margin-bottom: 14px; }
#qcm #qcm-content form fieldset.blue { background-color: #d6ecee; }
#qcm #qcm-content form fieldset.red { background-color: #ffcccc; }
#qcm #qcm-content form fieldset.yellow { background-color: #ffff66; }
#qcm #qcm-content form fieldset.green { background-color: #ccff99; }
#qcm #qcm-content form fieldset.brown { background-color: #b2b2b2; }
#qcm #qcm-content form fieldset.blueyes { background-color: #66ffff; }
#qcm #qcm-content form fieldset.orange { background-color: #f79646; }
#qcm #qcm-content form fieldset.beige { background-color: #fdeada; }
#qcm #qcm-content form fieldset.white { background-color: #ffffff; }
#qcm #qcm-content form p.label { margin-bottom: 10px; font-style: italic; }
#qcm #qcm-content form input.suivant { width: 196px; height: 54px; background: url(../img/link-continue.png) left top no-repeat; border: 0; display: block; font-size: 0; display:block; line-height: 0; cursor: pointer; }
#qcm #qcm-content form input.result { width: 196px; height: 54px; background: url(../img/link-result.png) left top no-repeat; border: 0; display: block; font-size: 0; display:block; line-height: 0; cursor: pointer; }
#qcm #qcm-content h3 { padding: 5px; font-size: 14px; font-family: Verdana, Arial, Helvetica; color: #707173; font-weight: bold; }
#qcm #qcm-content .issue-complete { clear: both; height: 100%; overflow: hidden; border-top: 1px dashed #a4a4a4; padding: 5px; font-size: 14px; font-family: Verdana, Arial, Helvetica; color: #707173; }
#qcm #qcm-content .first-issue { border: 0; }
#qcm #qcm-content .issue-complete .issue { float: left; margin-left: 5px; }
#qcm #qcm-content .issue-complete .answer { float: right; }
#qcm #qcm-content .issue-complete .answer label { margin-right: 10px; }
#qcm #qcm-content #imc { height: 100%; overflow: hidden; }
#qcm #qcm-content #imc p.label { font-family: Verdana, Arial, Helvetica; font-style: italic; font-weight: bold; margin-bottom: 10px; font-size: 12px; }
#qcm #qcm-content #imc form { float: left; }
#qcm #qcm-content #imc form p { float: left; line-height: 29px; color: #3c3c3c; font-size: 12px; font-family: Verdana, Arial, Helvetica; margin-right: 10px; }
#qcm #qcm-content #imc form label { float: left; color: #3c3c3c; font-size: 12px; font-family: Verdana, Arial, Helvetica; }
#qcm #qcm-content #imc form input { color: #3c3c3c; font-family: Verdana, Arial, Helvetica; margin: 0 5px; }
#qcm #qcm-content #imc form input[type=text] { width: 22px; height: 29px; line-height: 29px; background: url(../img/input-imc.png) left top no-repeat; border: 0; font-size: 11px; padding: 0 11px; float: left; }
#qcm #qcm-content #imc form input[type=text]:focus { color: #707173; }
#qcm #qcm-content #imc form input[type=submit] { float: left; cursor: pointer; width: 30px; height: 29px; margin-left: 5px; background: url(../img/input-submit.png) left top no-repeat; border: 0; font-size: 12px; text-transform: uppercase; }
#qcm #qcm-content #imc #result { color: #0065A1; line-height: 29px; margin-left: 320px; }
#qcm #qcm-content #imc #result p { font-family: Verdana, Arial, Helvetica; font-style: italic; font-size: 12px; }
#qcm #qcm-content #imc #result p strong { font-weight: bold; }
#qcm #qcm-content #score { float: left; height: 100%; overflow: hidden; }
#qcm #qcm-content #score .score-title { }
#qcm #qcm-content #score .score { padding: 10px; background-color: #9999FF; }
#qcm #qcm-content #score .score .score-number { float: left; }
#qcm #qcm-content #score .score .score-total { }
#qcm #qcm-content #suite { float: right; margin-top: 75px; }
#qcm #qcm-content .img-result { text-align: center; }
#qcm #qcm-content .alert { border-radius: 4px 4px 4px 4px; margin-bottom: 20px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; }
#qcm #qcm-content .alert-error { background-color: #F2DEDE; border-color: #EED3D7; color: #B94A48; }
#qcm #qcm-content .alert-success { background-color: #DFF0D8; border-color: #D6E9C6; color: #468847; }
#qcm #qcm-content #form-resultat { width: 340px; height: 255px; background: url(../img/background-envoi.png) left top no-repeat; margin: 0 auto; }
#qcm #qcm-content #form-resultat h2 { color: #0065a1; margin-left: 106px; margin-bottom: 15px; padding-top: 18px; font-size: 14px; font-weight: bold; font-family: Verdana, Arial, Helvetica; }
#qcm #qcm-content #form-resultat p { height: 30px; padding-left: 106px; }
#qcm #qcm-content #form-resultat input[type=text] { width: 194px; height: 29px; background: url(../img/input-text.png) left top no-repeat; border: 0; font-size: 11px; padding: 0 11px; line-height: 29px; color: #3C3C3C; font-family: Verdana,Arial,Helvetica; }
#qcm #qcm-content #form-resultat input[type=text]:focus { color: #707173; }
#qcm #qcm-content #form-resultat input[type=submit] { cursor: pointer; float: right; width: 30px; margin-right: 18px; height: 29px; margin-left: 5px; margin-top: -10px; background: url(../img/input-submit.png) left top no-repeat; border: 0; font-size: 12px; text-transform: uppercase; }
#compteur {
float: left;
margin: 75px 0 0 0;
font-family: Arial, Verdana;
font-size: 26px;
font-weight: bold;
color: #003e87;
}
#compteur .left {
float: left;
height: 80px;
text-align: right;
padding: 20px 0 0 0;
margin: 0 30px 0 0;
}
#compteur .right {
float: right;
height: 10px;
padding: 35px 50px 55px 50px;
}
#compteur.pc .right {
background: #9999ff;
}
#compteur.cc .right {
background: #ffcc66;
}
#compteur.id .right {
background: #ff99cc;
}
#compteur.fc .right {
background: #cccc99;
}
#compteur.cm .right {
background: #ff9999;
}
.resultats:first-of-type {
margin-top: 30px;
}
.score-total {
font-weight: bold;
font-size: 22px;
text-align: center;
padding: 30px;
float: right;
font-family: Verdana;
margin-top: 125px;
}
.champs-obligatoires {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
}