/* $Id:  $ */
/* Didierdoc2Html5 */

@font-face {
    font-family: 'OpenDyslexic-Bold';
    src: url('../Fonts/OpenDyslexic-Bold.otf') format('opentype'),
    url('../Fonts/OpenDyslexic-Bold.woff') format('woff'),
    url('../Fonts/OpenDyslexic-Bold.ttf') format('truetype'),
    url('../Fonts/OpenDyslexic-Bold.svg#OpenDyslexic-Bold') format('svg');
    font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'OpenDyslexic-Regular';
    src: url('../Fonts/OpenDyslexic-Regular.otf') format('opentype'),
    url('../Fonts/OpenDyslexic-Regular.woff') format('woff'),
    url('../Fonts/OpenDyslexic-Regular.ttf') format('truetype'),
    url('../Fonts/OpenDyslexic-Regular.svg#OpenDyslexic-Regular') format('svg');
    font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'DINPro-Regular';
    src: url('../Fonts/DINPro-Regular.otf') format('opentype'),
    url('../Fonts/DINPro-Regular.woff') format('woff'),
    url('../Fonts/DINPro-Regular.ttf') format('truetype'),
    url('../Fonts/DINPro-Regular.svg#DINPro-Regular') format('svg');
    font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'DINPro-Bold';
    src: url('../Fonts/DINPro-Bold.otf') format('opentype'),
    url('../Fonts/DINPro-Bold.woff') format('woff'),
    url('../Fonts/DINPro-Bold.ttf') format('truetype'),
    url('../Fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
    font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'Museo300';
    src: url('../Fonts/museo-300.woff') format('woff'),
    url('../Fonts/museo-300.ttf') format('truetype'),
    url('../Fonts/museo-300.svg#Museo300') format('svg');
}

@font-face {
    font-family: 'musicalsregular';
    src: url('../Fonts/musicals-webfont.eot');
    src: url('../Fonts/musicals-webfont.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/musicals-webfont.woff2') format('woff2'),
    url('../Fonts/musicals-webfont.woff') format('woff'),
    url('../Fonts/musicals-webfont.ttf') format('truetype'),
    url('../Fonts/musicals-webfont.svg#musicalsregular') format('svg');
    font-weight: normal;font-style: normal;
}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;padding: 0;
}
body {    
    font-family: sans-serif;
    padding: 0 1%;
    font-size: 13px;line-height: 1.231;
}

h1 {
    font-size: 180%;font-variant: small-caps;
}

img {
    max-width: 100%;max-height: 100%;
}

audio {
    max-width: 100%;
}

video {
    max-width: 100%;max-height: 320px
}

.publiquiz {
    position: relative;
}
/* ======== TOP LEVEL ======= */
/* ~~~~~~~~~ pdocToc ~~~~~~~~ */

.pdocToc a {
    color: black;
}

.pdocToc li li a {
    color: #4f4f4f;
}

/* ~~~~~~~ pdocNavBar ~~~~~~ */

.navComposite {
    text-align: center;
}

.pdocNavBar .col {
    text-align: center;
    width: 100%;
    background-image: url("../Images/header_rise-and-shine.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #f38628;
    height: 0;margin: 0 -1% 0 -1%;
    opacity: 0;
}

.pdocNavBar.col111 .colFirst, .col111 .colFirst {
    width: 49.9%;text-align: left;float: left;padding: 0;
}

.pdocNavBar.col111 .col {
    display: none;
}

.pdocNavBar.col111 .colLast {
    text-align: right;width: 49.9%;float: right;padding: 0;
}

.pdocNavBar hr {
    clear: both;
    border-bottom: 4px solid #03bfd7;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    margin: 1% -1%;
    width: 102%;
    opacity: 1;
}

.pdocNavBar a {
    border: none;
}

.pdocNavBar a:hover {
    background-color: transparent;
}

.pdocNavBar .col img {
    height: 133px;width: 100%;opacity: 0;
}

.pdocNavBar.col111:first-child {
    display: none !important
}

.pdocNavBar.col111:first-child * {
    display: none !important
}

.pdocToc .pdocNavBar, .pdocToc .pdocNavBar div {
    padding-top: 0;
}

.pdocToc .pdocNavBar a {
    padding: 0;
}

.colFirst {
    margin: 0;padding-right: 1%;float: left;
}

.col {
    margin: 0;padding: 0 1% 0 1%;float: left;
}

.colLast {
    margin: 0;padding-left: 1%;
}

.col111 .colFirst, .col111 .col {
    width: 32%;
}

/* ~~~~~~ didierSubject ~~~~~~ */

.didierSubject {
    font-size: 85%;
    margin-bottom: 1em;
    color: #e53725;
    font-size: 14px;
    margin-bottom: 1em;
    text-align: left;
    font-family: 'OpenDyslexic-Bold', Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    display: none;
}

/* ~~~~~~~ didierMain ~~~~~~~ */

.didierMain {
    margin-left: 52px;
}

/* ===== DIVISION LEVEL ===== */
/*~~~~~~~ pdocDivision ~~~~~~ */

div.pdocDivision {
    border-left: 8px solid #dcdcdc;
}

/* ===== SECTION LEVEL ====== */
/* ~~~~~~~ pdocSection ~~~~~~ */

.pdocSection1, .pdocSection2, .pdocSection3, .pdocSection4 {
    margin-bottom: 1.2em;
}

/* ~~~~~ pdocSection-box ~~~~ */

.pdocSection-box {
    margin: 1em 0 1em 0;padding: .5em 1em .5em 1em;border: 1px solid #000000;background-color: #efefef;
}

.pdocSection-box .pdocSectionTitle, .pdocSection-box .pdocSectionSubtitle {
    text-align: center;
}

/* ~~~ pquizInstructions ~~~~ */

.pquizInstructions {
    font-weight: normal;
    padding-left: 10px;margin-top: 10px;width: 65%;
}

/* ===== MODIFICATION POUR PICTO AUDIO ===== */

.pquizInstructions span.pdocAudioPlayer [data-player='button-play'],
.pquizInstructions span.pdocAudioPlayer span.play[data-player="button-play"], 
.pquizInstructions span.pdocAudioPlayer div.play[data-player="button-play"],
.pquizInstructions span.pdocAudioPlayer span.pause[data-player="button-play"], 
.pquizInstructions span.pdocAudioPlayer div.pause[data-player="button-play"] {
    background-image: url("../Images/picto_consigne.png");
    background-repeat: no-repeat;
    background-size: 28px;
    max-width: 100%;
    max-height: 100%;
    background-position: center 4px;
}

.pquizInstructions span.pdocAudioPlayer img {
    display: none
}

em.pdocVar {
    font-family:Arial, Helvetica, sans-serif; font-style:normal;}

.pquizInstructions .pdocAudioPlayer {   
    float: left;
    margin-bottom: 25px;
}

.pquizItem.pquizItemAudio .pdocAudioPlayer {
    height: 50px;margin-bottom: 0;position: relative;
}

.pquizDrop .pquizItem,
.pquizDrop .pquizCategory,
.pquizDrop .pquizCategoryItem {
    line-height: 26px;min-height: 26px;
}

.pquizCategoryDrop .pquizCategoryItem {
    display: block;
}

.pquizItemImage img {
    min-width:30px;
    width:100%;
}

/* ~~~~~~ didierButtons ~~~~~ */
.didierButtons {
    margin-top: 1em;
}

.didierButtons a.pquizButton {
    padding: 0;border: none;background: none;margin-right: .5em;
}

.didierButtons a.pquizButton img {
    padding: 0;border: none;background: none;margin-right: .5em;
}

/* ~~~~ didierExplanation ~~~~ */

.didierExplanationText {
    display: none;margin-top: 1em;padding: .5em;border: 1px solid #f19612;
}

.didierExplanationText h1 {
    margin: 0 0 .5em 0;
}

.didierExplanationText legend {
    color: #f19612;font-weight: bold;
}

/* ~~~~ didierStrategy ~~~~ */

.didierStrategyText {
    display: none;margin-top: 1em;padding: .5em;border: 1px solid black;
}

.didierStrategyText h1 {
    margin: 0 0 .5em 0;
}

.didierStrategyText legend {
    color: black;font-weight: bold;
}

/* ~~~~~~ didierScript ~~~~~~ */

.didierScriptText {
    display: none;margin-top: 1em;padding: .5em;border: 1px solid #7f7f7f;
}

.didierScriptText h1 {
    margin: 0 0 .5em 0;
}

.didierScriptText legend {
    color: #7f7f7f;font-weight: bold;
}

/* ====== BLOCK LEVEL ======= */
/* ~~~~~~~~~~ pdocP ~~~~~~~~~ */

.pdocP {
    color: #055851;
}

.pdocSection-ex .pdocP {
    display: inline;
}

/* ~~~~~~~~ pdocList ~~~~~~~~ */

ol.composite > li {
    list-style-type: lower-alpha;
}

li.pquizChoice, ul.pdocList li {
    color: #777777;
}

/* ~~~~~~~ pdocTable ~~~~~~~~ */

.pdocTableTitle {
    font-family: sans-serif;
}

.point .pdocTable {
    width: auto;
}

.point .pdocTable td {
    padding: .3em;
    font-family: monospace;
    font-size: 131%;
    font-weight: bold;
    border: 1px solid #999999;
}

/* ~~~~~~~ pdocMedia ~~~~~~~~ */

.pdocMedia {
    position: relative;font-family: sans-serif;
}

.pdocMediaCaptionAbsolute {
    position: absolute;
}

/* ~~~~~~~ pdocImage ~~~~~~~~ */

.pdocImage {
    max-width: 100%;max-height: 100%;
}

.pdocImageHotspot, .pdocImageDropzone {
    float: left;position: relative;line-height: 0;
}

/* ~~~~~~ pquizDropzone ~~~~~~ */

.pdocHotspot, .pdocHotspotSpot, .pquizDropzone {
    font-family: sans-serif;
    color: #055851;
    font-family: "Museo300",Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: normal;
}

.pquizDropzone {
    width: 8%;height: 6%;
}

/* ~~~~~~ pquizChoices ~~~~~~ */

.pquizMatching td {
    border: none;vertical-align: bottom;
}

.pquizChoice.cat1, .pquizItem.cat1 {
    background-color: #E7A8FF;
}

.pquizChoice.cat2, .pquizItem.cat2 {
    background-color: #C4FFC8;
}

.pquizChoice.cat3, .pquizItem.cat3 {
    background-color: #FFD6AC;
}

/* ====== INLINE LEVEL ====== */
/* ~~~~~~~ pdocLabelEx ~~~~~~ */

.pdocLabelEx {
    font-style: normal;
}

/* ~~~~~~ pdocHighlight ~~~~~ */

h1 .pdocHighlight, h2 .pdocHighlight,
h3 .pdocHighlight, h4 .pdocHighlight,
.pdocHighlight,
.pquizInstructions .pdocHighlight,
.pquizInstructions .pdocHighlightUnderline,
.pdocHighlightBoldItalic {
    font-weight: bold;
}

.pdocSection-ex .pdocHighlight, .pdocSection-ex .pdocHighlightUnderline {
    font-weight: normal;
}

.pdocHighlightColor {
    text-decoration: none;color: #00BDFF;
}

.pdocHighlightColor1 {
    text-decoration: none;color: #B700FF;
}

.pdocHighlightColor2 {
    text-decoration: none;color: #86E71E;
}

.pdocHighlightColor3 {
    text-decoration: none;color: #FF8000;
}

.pdocHighlightColor4 {
    text-decoration: none;color: #FF0000;
}

.pdocHighlightColor5 {
    text-decoration: none;color: #FF00FF;
}

.pdocHighlightColor6 {
    color: #F5E378;
}

.pdocHighlightColor7 {
    text-decoration: none;color: #ff7070;
}

.pdocHighlightColor8 {
    text-decoration: none;color: #40c8f4;
}

.pdocHighlightColor9 {
    text-decoration: none;color: #cbde5c;
}

.pdocHighlightColor10 {
    text-decoration: none;color: #fff44e;
}

.pdocHighlightColor11 {
    text-decoration: none;color: #ec1163;
}

/* ~~~~~ pdocMentioned ~~~~~~ */

.pdocHighlightBold .pdocMentioned {
    font-weight: bold;
}

/* ~~~~~~~~ pdocSmil ~~~~~~~~ */

.pdocSmil {
    background-color: #ffffc0;
}

/* ~~~~~~ pquizSliding ~~~~~~ */

.pquizSliding {
    text-decoration: underline;background-color: #d6dee4;
}

/* ~~~~~~~~~ blank ~~~~~~~~~~ */

textarea.pquizChoice {
    width: 100%;
    color: #000000;
    font-family: "OpenDyslexic-Regular",Arial,Helvetica,sans-serif;
    font-size: 19px;
    font-weight: normal;
}

.pquizNumbering, .pquizNumbering.pdocP {
    color: #aeadad;
    font-size: 16px;
    margin-bottom: 1em;
    margin-top: 0;
    text-align: right;
    font-family: "Museo300", Arial, Helvetica, sans-serif;
    font-weight: normal;
    height: 16px;
    line-height: 16px;
    width: 98%;
    margin-right: 30px;
    float: none;
}
.pquizNumbering:before,
.pquizNumbering.pdocP:before {
    content: 'Step ';
}

div.pquizGlobalScore.pquizScore {
    color: #e43726;font-size: 18px;
    font-family: 'DINPro-Bold', Arial, Helvetica, sans-serif;
    font-weight: normal;float: none;
}

.pquizQuiz h2 {
    font-size: 30px;
    font-family: 'DINPro-Bold', Arial, Helvetica, sans-serif;
    font-weight: normal;color: #e43726;
    text-align: right;
    background-color: #fff;
    display: block;
    padding: 2px 20px;
    border-radius : 22px;
    color: #fff;
    line-height: 40px;
    font-size: 25px;
}

.pquizQuiz h2 span.pdocSubtitle {
    font-family: 'DINPro-Bold', Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #fff;
    background-color: #800000;  
    text-align: right;
    display: inline;
    padding: 2px 20px;
    border-radius : 22px;    
    line-height: 40px;
    font-size: 25px;
}

.pquizQuiz h1 {
    text-align: right;padding: 2px 20px;
}

.pdocSection1 .pdocSectionTitle, h1 .pdocTitle {
    color:#03bfd7;
    font-size: 22px;
    font-family: 'DINPro-Bold', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.pquizInstructions .pdocP {
    color: #055851;font-size: 20px;
    font-family: 'Museo300', Arial, Helvetica, sans-serif;font-weight: normal;
}

input[type="text"].pquizChoice {
    min-width: 16px;font-size: 17px;
    color: #0625aa;
    font-family: 'OpenDyslexic-Regular', Arial, Helvetica, sans-serif;
    font-weight: normal;padding: 0 3px;
    border-bottom: 2px solid #818181;border-top: 0 none;border-left: 0 none;
    border-right: 0 none;margin: 0 1px;
    background-color: transparent;
}

input[type="text"].pquizChoice.cat1 {
    background-color: transparent;border-bottom: 2px solid #0072ff;color: #0072ff;
}

input[type="text"].pquizChoice.cat2 {
    background-color: transparent;border-bottom: 2px solid #e9150a;color: #e9150a;
}

input[type="text"].pquizChoice.cat3 {
    background-color: transparent;border-bottom: 2px solid #00c012;color: #00c012;
}

input[type="text"].pquizChoice.cat4 {
    background-color: transparent;border-bottom: 2px solid #fab72d;color: #fab72d;
}

input[type="text"].pquizChoice.cat5 {
    background-color: transparent;border-bottom: 2px solid #ff99cc;color: #ff99cc;
}

input[type="text"].pquizChoice.cat6 {
    background-color: transparent;border: 1px solid black;color: black;
}

input[type="text"].pquizChoice.cat7 {
    background-color: transparent;
    border-bottom: 2px solid red;color: black;
}

.pquizItem.cat1 {    
    background-color: #fff;color: #0072ff;
}

/* bleu */

.pquizItem.cat2 {
    background-color: #fff;color: #e9150a;
}

/* rouge */

.pquizItem.cat3 {
    background-color: #fff;color: #00c012;
}

/* vert */

.pquizItem.cat4 {
    background-color: #fff;color: #fab72d;
}

/* jaune */

.pquizItem.cat5 {
    background-color: #fff;color: #ff99cc;    
}

/* rose */

.pquizItem.cat6 {
    background-color: transparent;color: #000;border: 1px solid black;
} 
.pquizItem.cat7 {
    background-color: transparent;color: #000;border-bottom: 2px solid red;
}

/* surlignage situation */

.pdocHighlightColor {
    background-color: #e43726;color: #fff;
    border-radius: 3px;cursor: pointer;padding: 0.2em 0;line-height: 30px;
}

.noclue .pquizPoint.pquizBgColor1, .pquizBgColor1 {
    background-color: #40c8f4;color: #055851;
}

/* surlignage rouge */

.pdocHighlightColor1 {
    background-color: #40c8f4;color: #055851;
    border-radius: 3px;cursor: pointer;padding: 0.2em 0;line-height: 30px;
}

/* bleu */

.noclue .pquizPoint.pquizBgColor2, .pquizBgColor2 {
    background-color: #fff44e;color: #055851;
}

.pdocHighlightColor2 {
    background-color: #fff44e;color: #055851;
    border-radius: 3px;cursor: pointer;padding: 0.2em 0;line-height: 30px;
}

/* rouge */

.noclue .pquizPoint.pquizBgColor3, .pquizBgColor3 {
    background-color: #cbde5c;color: #055851;
}

.pdocHighlightColor3 {
    background-color: #cbde5c;color: #055851;
    border-radius: 3px;cursor: pointer;padding: 0.2em 0;line-height: 30px;
}

/* vert */

.noclue .pquizPoint.pquizBgColor4, .pquizBgColor4 {
    background-color: #ff7070;color: #055851;
}

.pdocHighlightColor4 {
    background-color: #ff7070;color: #055851;
    border-radius: 3px;cursor: pointer;padding: 0.2em 0;line-height: 30px;
}

/* jaune */

.noclue .pquizPoint.pquizBgColor5, .pquizBgColor5 {
    background-color: #ff99cc;color: #055851;
}

.pdocHighlightColor5 {
    background-color: #ff99cc;color: #055851;
    border-radius: 3px;cursor: pointer;padding: 0.2em 0;line-height: 30px;
}

/* rose */

.pdocHighlightColor6 {
    color: #000;border: 1px solid black;
}

.pdocHighlightColor7 {
    color: #e9150a;border: 0 none;
}

/* surlignage rouge */

.pdocP {
    color: #000000;font-family: 'OpenDyslexic-Regular', Arial, Helvetica, sans-serif;
    font-weight: normal;font-size: 19px;
}

li.pquizChoice, ul.pdocList li {
    color: #000000;
    font-family: 'OpenDyslexic-Regular', Arial, Helvetica, sans-serif;
    font-weight: normal;font-size: 19px;
}

li.pquizChoice.answerOk, ul.pdocList li.answerOk {
    color: #1f8f2c;
}

li.pquizChoice.answerKo, ul.pdocList li.answerKo {
    color: #ccc;
}

.pquizDropzone {
    font-size: 108%;text-shadow: 0 none;
}

.pquizDropzone-visible {
    background-image: url("../Images/fond_blanc-transparent.png");
}

.pquizDropzone.pquizDrop.pquizDropzone-visible.dragOver,
.pquizDropzone.pquizDrop.pquizDropzone-visible.mipDragOver {
    border: 2px dotted #800000;
}

.pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped {
    background-color: #fff;
}

span.pquizDrop,  .pquizQuiz .pdocTable tbody th span.pquizDrop,  .pquizQuiz .pquizEngine table tbody th span.pquizDrop {
    border-bottom: 2px dotted #818181;display: inline-block;
    line-height: 1em;padding-bottom: 3px;color: rgba(255,255,255,0);
}

.pquizQuiz .ras6_6p1_01.publiquiz .pdocTable tbody th span.pquizDrop, 
.pquizQuiz .ras6_6p1_01.publiquiz .pquizEngine table tbody th span.pquizDrop,
.pquizQuiz .ras6_6p1.publiquiz .pdocTable tbody th span.pquizDrop, 
.pquizQuiz .ras6_6p1.publiquiz .pquizEngine table tbody th span.pquizDrop {    
    max-width:90px;
}

div.pdocImageDropzone span.pquizDrop {
    border-bottom: 0 none;
}

div.pdocTable table td span.pquizDrop {
    line-height: 3em;
}

.pdocP span.pquizDrop {
    color: rgba(255,255,255,0);
}

.pquizDropzone span.pquizDrop {
    display: inline-block;line-height: 2em;
    padding-bottom: 3px;color: rgba(255,255,255,0);text-shadow: none;
}

[data-engine="mip"] .pquizDrop.answerOk {
    border: 1px solid #1f8f2c;background-color: #1f8f2c;background-image: none;
}

[data-engine="mip"] .pquizDrop.answerKo {
    border: 1px solid #ccc;background-color: #ccc;background-image: none;
}

.pquizItems, .pquizCategories, .pquizCategoriesItems {
    background-color: transparent;border: 0 none;border-radius: 0;box-shadow: none;
}

.pquizItem, .pquizCategory, .pquizCategoryItem {
    background-color: #fff;
    border: 2px solid #03bfd7;
    color: #000000;
    font-family: 'OpenDyslexic-Regular', Arial, Helvetica, sans-serif;
    font-size: 19px;font-weight: normal;display: inline-block
}

.pquizCategory.pquizItemAudio, 
.pquizCategoriesItems .pquizCategoryItem.pquizItemAudio,
.pquizItem.pquizItemAudio,
.pquizDrop .pquizItem.pquizItemAudio, 
.pquizDrop .pquizCategory.pquizItemAudio, 
.pquizDrop .pquizCategoryItem.pquizItemAudio,
.pquizCategoryDrop .pquizCategoryItem.pquizItemAudio,
.pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped.pquizItemAudio {
    position:relative;padding-right: 30px;
}

.ras6_9t8.publiquiz .pquizCategory.pquizItemAudio, 
.ras6_9t8.publiquiz .pquizCategoriesItems .pquizCategoryItem.pquizItemAudio,
.ras6_9t8.publiquiz .pquizItem.pquizItemAudio,
.ras6_9t8.publiquiz .pquizDrop .pquizItem.pquizItemAudio, 
.ras6_9t8.publiquiz .pquizDrop .pquizCategory.pquizItemAudio, 
.ras6_9t8.publiquiz .pquizDrop .pquizCategoryItem.pquizItemAudio,
.ras6_9t8.publiquiz .pquizCategoryDrop .pquizCategoryItem.pquizItemAudio,
.ras6_9t8.publiquiz .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped.pquizItemAudio,

.ras6_9t8_01.publiquiz .pquizCategory.pquizItemAudio, 
.ras6_9t8_01.publiquiz .pquizCategoriesItems .pquizCategoryItem.pquizItemAudio,
.ras6_9t8_01.publiquiz .pquizItem.pquizItemAudio,
.ras6_9t8_01.publiquiz .pquizDrop .pquizItem.pquizItemAudio, 
.ras6_9t8_01.publiquiz .pquizDrop .pquizCategory.pquizItemAudio, 
.ras6_9t8_01.publiquiz .pquizDrop .pquizCategoryItem.pquizItemAudio,
.ras6_9t8_01.publiquiz .pquizCategoryDrop .pquizCategoryItem.pquizItemAudio,
.ras6_9t8_01.publiquiz .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped.pquizItemAudio,

.ras6_11l1.publiquiz .pquizCategory.pquizItemAudio, 
.ras6_11l1.publiquiz .pquizCategoriesItems .pquizCategoryItem.pquizItemAudio,
.ras6_11l1.publiquiz .pquizItem.pquizItemAudio,
.ras6_11l1.publiquiz .pquizDrop .pquizItem.pquizItemAudio, 
.ras6_11l1.publiquiz .pquizDrop .pquizCategory.pquizItemAudio, 
.ras6_11l1.publiquiz .pquizDrop .pquizCategoryItem.pquizItemAudio,
.ras6_11l1.publiquiz .pquizCategoryDrop .pquizCategoryItem.pquizItemAudio,
.ras6_11l1.publiquiz .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped.pquizItemAudio {   
    background-color:transparent;
 }

.pquizCategoryItem.pquizItemAudio::before,
.pquizCategory.pquizItemAudio::before,
.pquizItem.pquizItemAudio::before {
    position:absolute;right:-3px; bottom:11px;content:' ';
    background-image: url("../Images/btn-drag-and-drop_s3.png");
    width:36px;height:36px; z-index: 0;
}

div.pquizDropzone input.pquizChoice[type="text"] {
    background-color:#fff;
}

.pquizQuiz div.pdocHotspotSpot {
    background-color:transparent;
}

.pquizItem.dragging,
.pquizCategory.dragging,
.pquizCategoryItem.dragging {
    background-color: #e43726;
    box-shadow: 2px 2px 4px #000000;
    border: 2px solid #e43726;
    color: #fff;
    display: inline-block
}

.pquizDrop .pquizItem,
.pquizDrop .pquizCategory,
.pquizDrop .pquizCategoryItem {
    background-color: transparent;
    border: 2px solid #f2d301;
    padding: 0.1em;margin-bottom: 0;
    display: inline-block
}

.pquizDrop.answerOk .pquizItem,
.pquizDrop .pquizItem.answerOk,
.pquizItem.answerOk {
    border: 2px solid #1f8f2c;color: black;
}

.pquizDrop.answerKo .pquizItem,
.pquizDrop .pquizItem.answerKo,
.pquizItem.answerKo {
    border: 2px solid #cccccc;color: black;
}

.pquizDropzone .pquizDrop .pquizItem,
.pquizDropzone .pquizDrop .pquizCategory,
.pquizDropzone .pquizDrop .pquizCategoryItem {
    background-color: #fff;
}

.pquizButton {
    background: #e43726;border: 0 none;border-radius: 3px;cursor: pointer;
    font-size: 17px;font-weight: normal;
    padding: 0.1em 0.4em;text-decoration: none;text-shadow: none;
    font-family: 'OpenDyslexic-Regular', Arial, Helvetica, sans-serif;
    color: #fff;    
}

.pquizButton.hidden {    
    display:none;
}

.pquizButton.pquizScoreButton,  .pquizScoreButton {
    background: #ef8422;float: none;    
    margin: 30px 0 0 15px;
    vertical-align: top;
}

.pquizButton.pquizScoreButton::before,
.pquizScoreButton::before {
    content: "Your ";
}

.pquizScore::before {
    content: "";
}

a.pquizButton,
a.pquizButton:visited {
    color: #fff;padding: 0.24em 0.45em;
}

.pquizButton:hover {
    background: #800000;
}

.pquizButton.pquizSubmit {
    background-color: transparent;
    background-image: url("../Images/bouton-ok.png");
    background-position: center center;
    background-repeat: no-repeat;
    font-family: "Museo300", Arial, Helvetica, sans-serif;
    font-size: 21px;font-weight: bold;padding: 0;width: 92px;height: 89px;overflow: hidden;text-indent: -9999px;
    display:inline-block;margin: 0 auto 20px auto;
}
.pquizButton.pquizSubmit.hidden {
    display:none;
}

.pquizButton.pquizRedo {
    background-color: transparent;
    background-image: url("../Images/again.png");
    background-position: center center;
    background-repeat: no-repeat;
    font-family: "Museo300", Arial, Helvetica, sans-serif;
    font-size: 21px;font-weight: bold;padding: 0;width: 92px;height: 89px;overflow: hidden;text-indent: -9999px;
    display:inline-block;margin: 0 auto 20px auto;                                  
    margin-left:20px;
}

.pquizButton.pquizSubmit.pquizRedo {
    display:none;}

.pdocAudioPlayer [data-player="cursor"] {
    border-radius: 50%;cursor: pointer;height: 24px;width: 24px;
    background: #f2d301 none repeat scroll 0 0;
}

.pquizMessageContent {
    background-color: #fff;border: 1px solid #e53725;border-radius: 5px;box-shadow: 0 none;padding: 30px 15px;
}

.pquizMessageContent .pquizP {
    margin-bottom: 0;color: #e53725;font-family: "DINPro-Regular", Arial, Helvetica, sans-serif;font-size: 20px;font-weight: normal;
}

.pquizHelpPopUp {
    min-width: 300px;max-width: 80%;max-height: 95%;
}

.pquizExplanationPopUp {
    min-width: 300px;max-width: 80%;max-height: 95%;
}

.pquizStrategyPopUp {
    min-width: 300px;max-width: 80%;max-height: 95%;
}

.pquizScriptPopUp {
    min-width: 300px;max-width: 80%;max-height: 95%;
}

.pquizHelpPopUp .helpLegend,
.pquizExplanationPopUp .explanationLegend,
.pquizStrategyPopUp .strategyLegend,
.pquizScriptPopUp .scriptLegend {
    margin: 0;position: relative;color: #ffffff;
    height: 34px;margin-bottom: 44px;margin-left: 72px;
}

.pquizHelpPopUp .helpLegend {
    border-bottom: 2px solid #03bfd7;
}

.pquizExplanationPopUp .explanationLegend {
    border-bottom: 2px solid #055851;
}

.pquizStrategyPopUp .strategyLegend {
    border-bottom: 2px solid #FAA41A;
}

.pquizScriptPopUp .scriptLegend {
    border-bottom: 2px solid #800000;
}

.pquizExplanationPopUp .explanationLegend:before,
.pquizStrategyPopUp .strategyLegend:before,
.pquizScriptPopUp .scriptLegend:before,
.pquizHelpPopUp .helpLegend:before {
    content: ' ';position: absolute;width: 73px;
    height: 68px;display: block;left: -72px;top: 0;
}

.pquizHelpPopUp .helpLegend:before {
    background-image: url("../Images/picto_aide.png");
}

.pquizExplanationPopUp .explanationLegend:before {
    background-image: url("../Images/picto_indice.png");
}

.pquizStrategyPopUp .strategyLegend:before {
    background-image: url("../Images/picto_strategie.png");
}

.pquizScriptPopUp .scriptLegend:before {
    background-image: url("../Images/picto_transcription.png");
}

.pquizHelpPopUp .helpContainer,
.pquizExplanationPopUp .explanationContainer,
.pquizStrategyPopUp .strategyContainer,
.pquizScriptPopUp .scriptContainer {
    background-color: #fff;border: 1px solid #fff;border-radius: 0;box-shadow: 2px 2px 3px #bbbbbb;padding: 15px;
}

.fadeBackground {
    overflow: auto;
}

div.strategyContainer div.pquizPopUpContainer div.pdocSection1 ul.pdocList li {
    list-style: disc;font-family: "Museo300", Arial, Helvetica, sans-serif;
    margin-left: 101px;font-size: 14px;color: #055851;
}

div.strategyContainer div.pquizPopUpContainer div.pdocSection1 .pdocP .pdocIcon {
    width: 30px !important;
    height: 30px !important
}

u.pdocHighlightColor6 {
    text-decoration: none;display: inline-block;padding: 2px 4px;
}

.pquizHelpPopUp .helpContainer .pquizPopUpContainer {
    border-bottom: 2px solid #03bfd7;
}

.pquizExplanationPopUp .explanationContainer .pquizPopUpContainer {
    border-bottom: 2px solid #055851;
}

.pquizStrategyPopUp .strategyContainer .pquizPopUpContainer {
    border-bottom: 2px solid #FAA41A;
}

.pquizScriptPopUp .scriptContainer .pquizPopUpContainer {
    border-bottom: 2px solid #800000;
}

.pquizExplanationPopUp .explanationContainer .pdocP,  
.pquizScriptPopUp .scriptContainer .pdocP, 
.pquizStrategyPopUp .strategyContainer .pdocP {
    font-family: "Museo300", Arial, Helvetica, sans-serif;
    padding-left: 15px;padding-right: 15px;
}

.pquizHelpPopUp .helpContainer .pdocP {
    font-family: 'OpenDyslexic-Regular', Arial, Helvetica, sans-serif;
    padding-left: 15px;padding-right: 15px;
}

.pquizStrategyPopUp .strategyContainer .pdocP {
    text-align: left;
}

.pdocSection1, .pdocSection2, .pdocSection3, .pdocSection4 {
    margin-bottom: 0;padding-bottom: 1.2em;
}

input.pquizChoice[type="text"],
input[type="text"].pquizChoice.cat1.disabled,
input[type="text"].pquizChoice.cat2.disabled,
input[type="text"].pquizChoice.cat3.disabled,
input[type="text"].pquizChoice.cat4.disabled,
input[type="text"].pquizChoice.cat5.disabled,
input[type="text"].pquizChoice.cat6.disabled,
input[type="text"].pquizChoice.cat7.disabled {
    background-color: transparent;
    border-color: -moz-use-text-color -moz-use-text-color #818181;
    border-style: none none solid;border-width: 0 0 2px;color: #000;
    text-align: center;
    font-family: "OpenDyslexic-Regular", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;margin: 0 1px;min-width: 16px;padding: 0 3px;
}

input.tempAnswer.pquizChoice.disabled,  
input.tempAnswer.pquizChoice[type="text"], 
input.tempAnswer.disabled.pquizChoice[type="text"] {
    color: #818181;
}

input.answerKo.pquizChoice[type="text"], input.answerKo.disabled.pquizChoice[type="text"] {
    color: #818181;
}

input.answerOk.pquizChoice[type="text"], input.answerOk.disabled.pquizChoice[type="text"] {
    color: #1f8f2c;
}

input[type="text"], input[type="password"], textarea {
    width: 12.25em;
}

select, input, button, textarea {
    font: 99% Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

input, textarea, select {
    font-family: inherit;font-size: inherit;font-weight: inherit;
}

input:-moz-read-write,
textarea:-moz-read-write {
    -moz-user-modify: read-write !important;
}

input {
    -moz-appearance: textfield;
    -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
    -moz-user-select: text;background-color: -moz-field;border: 2px inset threedlightshadow;
    color: -moz-fieldtext;cursor: text;
    letter-spacing: normal;line-height: normal;padding: 1px;
    text-align: start;text-indent: 0;text-rendering: optimizelegibility;
    text-shadow: none;text-transform: none;word-spacing: normal;
}

textarea > .anonymous-div, input > .anonymous-div,
input::-moz-placeholder,
textarea::-moz-placeholder,
*|*::-moz-button-content,
*|*::-moz-display-comboboxcontrol-frame,
optgroup::before {
    text-overflow: inherit;
    unicode-bidi: inherit;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    display: inline-block !important;
    opacity: 0.54;
    overflow: hidden !important;
    pointer-events: none !important;
    resize: none !important;
}

input > .anonymous-div,
input::-moz-placeholder {                          
    white-space: pre;
}

textarea > .anonymous-div,
input > .anonymous-div,
input::-moz-placeholder,
textarea::-moz-placeholder {                            
    -moz-control-character-visibility: visible;
    border: 0 none !important;
    display: inline-block;
    ime-mode: inherit;
    margin: 0;
    overflow: auto;
    padding: inherit !important;
    resize: inherit;
    text-decoration: inherit;
}

input > .anonymous-div,
input::-moz-placeholder {
    line-height: -moz-block-height;
    word-wrap: normal !important;
}

.pdocP {
    color: #055851;font-family: "OpenDyslexic-Regular", Arial, Helvetica, sans-serif;
    font-size: 18px;font-weight: normal;
}

.pdocSection1, .pdocSection2, .pdocSection3, .pdocSection4, .pdocSection5 {
    font-variant: normal;text-align: left;
}

.pdocSection1.pdocSection-article {
    padding: 12px;border: 1px solid #faa41a;width: -moz-max-content;display: inline-block;
}

.pdocSection1.pdocSection-article .pdocP.first em.pdocHighlight {
    font-family: 'musicalsregular';font-size: 210%;color: #faa41a;display: block;padding: 16px 0;
}

.pquizText {
    line-height: 2em;
}

.pquizHelpPopUp .helpClose, .pquizExplanationPopUp .explanationClose, .pquizStrategyPopUp .strategyClose, .pquizScriptPopUp .scriptClose {
    background: rgba(0, 0, 0, 0) url("../Images/close.png") no-repeat scroll 0 0;
    cursor: pointer;height: 30px;position: absolute;right: 5px;top: 10px;width: 30px;
}

.pquizHelpPopUp .helpClose, .pquizExplanationPopUp .explanationClose, .pquizStrategyPopUp .strategyClose, .pquizScriptPopUp .scriptClose {
    cursor: pointer;height: 42px;position: absolute;right: -13px;top: -16px;width: 42px;
}

.pquizHelpPopUp .helpClose:hover,
.pquizExplanationPopUp .explanationClose:hover,
.pquizStrategyPopUp .strategyClose:hover,
.pquizScriptPopUp .scriptClose:hover {
    background-position: 0 0;                                                                                                                             
}

.pquizHelpPopUp .helpClose {
    background: rgba(0, 0, 0, 0) url("../Images/btn-fermer-help_modale.png") no-repeat scroll 0 0;
}

.pquizExplanationPopUp .explanationClose {
    background: rgba(0, 0, 0, 0) url("../Images/btn-fermer-tip_modale.png") no-repeat scroll 0 0;
}

.pquizStrategyPopUp .strategyClose {
    background: rgba(0, 0, 0, 0) url("../Images/btn-fermer-how-to_modale.png") no-repeat scroll 0 0;
}

.pquizScriptPopUp .scriptClose {
    background: rgba(0, 0, 0, 0) url("../Images/btn-fermer-script_modale.png") no-repeat scroll 0 0;
}

.pdocLead1 {
    display: none
}

.pquizCategoriesBasket {
    background-color: #fff;
    border: 1px solid #800000;
}

.pquizCategoriesBasket .legend {
    background-color: #800000;
    color: #fff;font-family: "DINPro-Regular", Arial, Helvetica, sans-serif;
    font-size: 18px;font-weight: normal;
}

.pdocHotspot-visible {
    border: 0 none;box-shadow: 2px 2px 4px #000;
}

div.pdocMediaText div.pdocMediaCaption,
div.pdocMediaText div.pdocMediaTitle {
    text-align: center;font-size: 24px;
    font-family: 'DINPro-Bold', Arial, Helvetica, sans-serif;
    color:#800000;
    font-weight: normal;
}

.pquizChoiceRadio.answerOk::before,
.pquizChoiceCheckbox.answerOk::before {
    color: #1f8f2c;
}

.pquizCategoryDrop.answer .pquizCategoryItem.answerOk,
.pquizCategoriesItems.answer .pquizCategoryItem.answerOk {
    border: 2px solid #1f8f2c;color: black;
}

.pquizChoiceRadio.answerKo::before,
.pquizChoiceCheckbox.answerKo::before {
    color: #ccc;
}

.pquizCategoryDrop.answer .pquizCategoryItem.answerKo,
.pquizCategoriesItems.answer .pquizCategoryItem.answerKo {
    border: 2px solid #ccc;color: black;
}

.pquizMessage {
    margin-top: 50px;
}

.pquizMessage .pquizMedia img {
    height: auto;margin: 0 auto;max-width: 400px;width: 400px;max-height: 600px;height: auto;
}

.pdocTable th, .pdocTable td {
    border: 0 none;
}

.pdocTable table {
    border: 0 none;
}

.pdocTable-line th, .pdocTable-line td {    
    border: 1px solid;
}

.pquizItems, .pquizCategories, .pquizCategoriesItems {
    clear: both;
}

.pquizItems.pquizPickFloat, .pquizCategories.pquizPickFloat, .pquizCategoriesItems.pquizPickFloat {
    clear: none;
}

textarea.pquizProduction {
    background-color: transparent;border: 2px solid #818181;
    color: #000;font-family: "OpenDyslexic-Regular", Arial, Helvetica, sans-serif;
    font-size: 16px;font-weight: normal;margin: 0 1px;padding: 0 3px;text-align: left;
}

.pquizButtons {
    text-align: center;font-size: 20px;height: 110px;background-color: #fff;
}

.pquizQuiz .pquizEngine table, .pquizQuiz .pdocTable {
    margin: 0 auto;
}

.pquizQuiz .pquizEngine table.pquizMatching {
    margin: 0 auto 0 0;
}

.pquizQuiz .pdocTable th {
    padding: 0.3em;
    color: #fff;
    font-family: "OpenDyslexic-Regular", Arial, Helvetica, sans-serif;
    font-size: 18px;font-weight: normal;
}

.pquizQuiz .pdocTable thead th,  .pquizQuiz .pquizEngine table thead th {
    padding: 0.3em;
    color: #fff;
    background-color: #e43726;
    font-family: "OpenDyslexic-Regular", Arial, Helvetica, sans-serif;
    font-size: 18px;font-weight: normal;
}

.pquizQuiz .pdocTable tbody th, .pquizQuiz .pquizEngine table tbody th {
    text-align: center;padding: 0.3em;color: #055851;
    font-family: "OpenDyslexic-Regular", Arial, Helvetica, sans-serif;font-size: 18px;font-weight: normal;
}

.pquizQuiz .pdocTable tbody th span,  .pquizQuiz .pquizEngine table tbody th span {
    text-align: right;display: block;color: #000;
}

.pquizQuiz .pdocTable tbody th span.pquizItem.pquizItemDropped,  
.pquizQuiz .pquizEngine table tbody th span.pquizItem.pquizItemDropped {
    display: inline-block;
}
.pquizQuiz .pdocTable tbody th span.pdocAudioPlayer,  
.pquizQuiz .pquizEngine table tbody th span.pdocAudioPlayer {
    display: inline-block;
    display: inline-block;
}

.pquizQuiz .pdocTable td, .pquizQuiz .pquizEngine table td.pquizCategoryChoice {
    padding: 0.3em;color: #055851;
    font-family: "OpenDyslexic-Regular", Arial, Helvetica, sans-serif;
    font-size: 18px;font-weight: normal;vertical-align: middle;
}

.pquizQuiz .pdocTable td span.pquizPoint {
    line-height: 42px;
}

.pquizQuiz div.pquizText span.pquizPoint {
    line-height: 42px;
}

.pquizQuiz .pdocHotspotSpot {
    background-color: #fff;
    color: #000000;font-family: "OpenDyslexic-Regular", Arial, Helvetica, sans-serif;
    font-size: 18px;font-weight: normal;height: 30px;line-height: 30px;padding: 0 5px;
}

.pquizQuiz .pdocHotspotSpot .pdocP {
    color: #000000;font-family: "OpenDyslexic-Regular", Arial, Helvetica, sans-serif;font-size: 18px;font-weight: normal;
}

.pquizQuiz .pquizEngine {
    margin-left: 60px;margin-right: 20px;
}

.pquizQuiz div.pquizCompositeNavigation {
    text-align: left;border-top: 4px solid #f2d301;padding-top: 10px;
}

.pquizQuiz div.pquizCompositeNavigation .pquizCompositeNext {
    float: right;
}

.pquizQuiz div.pquizCompositeNavigation .pquizCompositePrevious.disabled,  .pquizQuiz div.pquizCompositeNavigation .pquizCompositeNext.disabled {
    cursor: default;opacity: 0;
}

.pquizQuiz .pquizPoint {
    background-color: #fff;border-radius: 3px;cursor: pointer;padding: 0.2em 0;
}

.pquizQuiz .pquizPoint.selected {
    background-color: #800000;color: #fff;
}

.pquizQuiz .pquizPoint.answerOk {
    border-bottom: 2px solid #1f8f2c;
}

.pquizQuiz .pquizPoint.answerKo {
    border-bottom: 2px solid #ccc;
}

.pquizQuiz .pquizPickFloat {
    max-width: 80%;
}

div.didierButtons {
    position: absolute;right: 0;text-align: right;top: 0;z-index: 1;
}

div.didierButtons.didierButtons-bottom {
    bottom: 0;left: 0;position: relative;right: inherit;text-align: left;top: inherit;
}

.pquizMessage {
    width: 430px;
}

.pquizMessageClose {
    display: none;
}

.pquizMessageContent {
    background-color: transparent;
    border: 0px solid #e53725;
    border-radius: 0px;
    padding: 30px 15px;
    box-shadow: none;
}

#ras6_03a01-2_engine .pquizItem.pquizItemImage,
#ras6_s03-2_engine .pquizItem.pquizItemImage {
    float: left;
}

/* Responsive */

.pquizDropFloat, .pquizQuiz .pquizPickFloat {
    max-width: none;float: none;display: table-cell;vertical-align: top;
}

div.pquizInstructions div.pdocSection1.first p.pdocP.first span.pdocAudioPlayer,
div.pquizInstructions div.pdocSection1 p.pdocP.first span.pdocAudioPlayer,
div.pquizInstructions div.pdocSection1.first p.pdocP span.pdocAudioPlayer,
div.pquizInstructions p.pdocP.first span.pdocAudioPlayer {
    display: block;float: left;margin-right: 15px;width: 30px;height: 32px;margin-bottom: 25px;
}

.pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped {
    background-color: #fff;margin-right:0;padding-right:0;
}

.pquizItemDropped {   
    float: none;
    margin-right: 1em;
}

.pquizDrop .pquizItemDropped {
    

    margin-right: 0;
}

.pquizDropzone.dragOver {
    border: 2px dashed #e43726;
}

#ras6_s02-11_engine div.pdocTable table td {
    border: 1px solid #055851;
}

#ras6_s02-26_engine .pquizItem,  
#ras6_s02-26_engine .pquizCategory,  
#ras6_s02-26_engine .pquizCategoryItem,
#ras6_s02-26_engine .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped,
#ras6_s02-27_engine .pquizItem,  
#ras6_s02-27_engine .pquizCategory,  
#ras6_s02-27_engine .pquizCategoryItem,
#ras6_s02-27_engine .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped,
#ras6_s02-28_engine .pquizItem,  
#ras6_s02-28_engine .pquizCategory,  
#ras6_s02-28_engine .pquizCategoryItem,
#ras6_s02-28_engine .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped,
#ras6_s02-29_engine .pquizItem,  
#ras6_s02-29_engine .pquizCategory,  
#ras6_s02-29_engine .pquizCategoryItem,
#ras6_s02-29_engine .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped,
#ras6_s02-30_engine .pquizItem,  
#ras6_s02-30_engine .pquizCategory,  
#ras6_s02-30_engine .pquizCategoryItem,
#ras6_s02-30_engine .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped,
.ras6_2p5_01.publiquiz .pquizItem,  
.ras6_2p5_01.publiquiz .pquizCategory,  
.ras6_2p5_01.publiquiz .pquizCategoryItem,
.ras6_2p5_02.publiquiz .pquizItem,  
.ras6_2p5_02.publiquiz .pquizCategory,  
.ras6_2p5_02.publiquiz .pquizCategoryItem,
.ras6_2p5_03.publiquiz .pquizItem,  
.ras6_2p5_03.publiquiz .pquizCategory,  
.ras6_2p5_03.publiquiz .pquizCategoryItem,
.ras6_2p5_01.publiquiz .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped,
.ras6_2p5_02.publiquiz .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped,
.ras6_2p5_03.publiquiz .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped  {    
    background-color: transparent;
}

.pdocImage.pdocImageDropzone .pquizDropzone.pquizDrop .pquizItem.pquizItemDropped,
.pdocImage.pdocImage-cover.pdocImageDropzone .pquizDropzone.pquizDropzone-visible.pquizDrop .pquizItem.pquizItemDropped {
    width:auto; height:auto; display:inline-block; margin-right: 0;}

.pdocImage.pdocImage-cover.pdocImageDropzone .pquizDropzone.pquizDropzone-visible.pquizDrop .pquizItem.pquizItemDropped img {
    width:auto; max-width:100%; height:auto; display:inline-block; margin-right: 0;}

#ras6_s02-27_engine .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped,  
#ras6_s02-28_engine .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped,  
#ras6_s02-29_engine .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped,  
#ras6_s02-30_engine .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped {
    background-color: transparent;
}

#ras6_s02-26_engine .pquizDropzone-visible, 
#ras6_s02-27_engine .pquizDropzone-visible,  
#ras6_s02-28_engine .pquizDropzone-visible,  
#ras6_s02-29_engine .pquizDropzone-visible,  
#ras6_s02-30_engine .pquizDropzone-visible {
    background-image: none;background-color: transparent;
}

#ras6_s01-26_engine .pquizDropzone-visible {   
    background-color: #fff;
}

.pquizPickFloat .pquizItem {  
    display: inline-block;
}

.ras6_3p1_01 .pquizElement {
    display: inline-block;margin-right: 5%;}

.noclue .pquizPoint.pquizBgColor6, .pquizBgColor6 {  
    background-color: transparent;
    border: 1px solid black;
    color: #000;
    display: inline-block;
    padding: 2px 4px;
    text-decoration: none;
    line-height: 26px;
}
.noclue .pquizPoint.pquizBgColor7, .pquizBgColor7 {  
    background-color: transparent;
    text-decoration: underline;
}

.pdocTable th, .pdocTable td {    
    vertical-align: middle;
}

.pquizCategoriesDrops.pquizDropFloat {  
    min-width: 500px;
}

.pdocP {    
    min-height: 26px;
}

#ras6_s06-22-1_engine #sect57 .pdocTable th, 
#ras6_s06-22-1_engine #sect57 .pdocTable td {    
    border: 1px solid #055851;
}
#ras6_s06-23-1_engine #sect59 .pdocTable th, 
#ras6_s06-23-1_engine #sect59 .pdocTable td {    
    border: 1px solid #055851;
}

div.pdocSection-blog {    
    padding: 20px;
}
div.pdocSection-blog .pdocP {    
    font-family: "Museo300",Arial,Helvetica,sans-serif;
    text-align:center;
}
.pquizQuiz div.pdocSection-blog .pquizPoint {    
    background-color: #fff;
}
.pquizQuiz div.pdocSection-blog .pquizPoint.selected {    
    background-color: #800000;
}

.pquizElements li {    
    padding-top: 30px;
    position: relative;
}	

.pquizDropFloat {    
    min-width:640px;
    width:640px;
    max-width:100%;
}

.pquizQuiz .pdocTable tbody td span.pquizDrop {    
    width: 60%;
}	

.ras6_9a2_01.publiquiz .pquizDropzone-visible,
#ras6_s09-7_engine .pquizDropzone-visible {    
    background-image: none;
    background-color: transparent;
}

.ras6_9t8_01.publiquiz .pquizDropzone-visible,
#ras6_s09-21_engine .pquizDropzone-visible {    
    background-image: none;
    background-color: transparent;
}

.ras6_9t8_01.publiquiz .pquizDropzone.dragOver,
#ras6_s09-21_engine .pquizDropzone.dragOver {    
    background-image: url("../Images/fond_blanc-transparent.png");
}

.ras6_9p5_01.publiquiz .pquizDropzone-visible,
#ras6_s09-27_engine .pquizDropzone-visible {    
    background-image: none;
    background-color: transparent;
}

.ras6_9p5_01.publiquiz .pquizDropzone.dragOver,
#ras6_s09-27_engine .pquizDropzone.dragOver {    
    background-image: url("../Images/fond_blanc-transparent.png");
}
.ras6_9p5_01.publiquiz .pquizItem.pquizItemImageDropped img,
#ras6_s09-27_engine .pquizItem.pquizItemImageDropped img {  
    max-width:auto;
    max-height:100%;
    height:100%;
    width:auto;
}

.ras6_9p5_01.publiquiz .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped,
#ras6_s09-27_engine .pdocImage.pdocImage-cover.pdocImageDropzone .pquizItem.pquizItemDropped {    
    height:100%;
    max-height: 100%;
    background-color: transparent;
}

.ras6_10a1_01.publiquiz .pdocTable tbody td span.pquizDrop,
.ras6_11a1_02.publiquiz .pdocTable tbody td span.pquizDrop,
.pquizQuiz #ras6_s10-1_engine .pdocTable tbody td span.pquizDrop,
.pquizQuiz #ras6_s11-2_engine .pdocTable tbody td span.pquizDrop {    
    width: auto;
}

.ras6_10p2_01.publiquiz .pquizDrop .pquizItem, 
.ras6_10p2_01.publiquiz .pquizDrop .pquizCategory, 
.ras6_10p2_01.publiquiz .pquizDrop .pquizCategoryItem,
#ras6_s10-38_engine .pquizDrop .pquizItem, 
#ras6_s10-38_engine .pquizDrop .pquizCategory, 
#ras6_s10-38_engine .pquizDrop .pquizCategoryItem {    
    background-color: #fff;
}

.ras6_11l1_01.publiquiz .pquizDropzone-visible,
#ras6_s11-14_engine .pquizDropzone-visible {    
    background-image: none;
    background-color:transparent;
}

.ras6_8t9_01.publiquiz .pquizDots::before,
#ras6_s08-42_engine .pquizDots::before {    
    content: "....";
}

.pdocHotspot.pdocHotspot-text {
}
.pdocHotspot.pdocHotspot-text.pdocHotspot-active {
    text-shadow: 2px 2px 4px #000;}

.pdocAudioPlayer span.play[data-player="button-play"], .pdocAudioPlayer div.play[data-player="button-play"] {    
    background-repeat: no-repeat;   
    background-image: url("../Images/audio_play_s3.png");
    background-size: 44px;
}
.pdocAudioPlayer span.pause[data-player="button-play"], .pdocAudioPlayer div.pause[data-player="button-play"] {    
    background-repeat: no-repeat;  
    background-image: url("../Images/audio_play_s3.png");
    background-size: 44px;
}

@media screen and (max-width: 1024px) {
    .pquizEngine, .pquizPickFloat, .pquizDropFloat {
        display: block;
    }

    .pquizPickFloat .pquizItem {
        display: inline-block;
    }

    .pquizDropFloat {       
	min-width:100%;
	width:100%;
	max-width:100%;
    }

    .ras6_3p1_01 .pquizElement {        
        width: 25%;
    }
}

/* ===== TEMPLATES ===== */

/* Couleur catégorie */
.template1 .pdocSection1 .pdocSectionTitle, .template1 h1 .pdocTitle {
    color: #f2d301;
}
.template2 .pdocSection1 .pdocSectionTitle, .template2 h1 .pdocTitle {
    color: #c0d731;
}
.template3 .pdocSection1 .pdocSectionTitle, .template3 h1 .pdocTitle {
    color: #03bfd7;
}
.template4 .pdocSection1 .pdocSectionTitle, .template4 h1 .pdocTitle {
    color: #f8bf16;
}
.template5 .pdocSection1 .pdocSectionTitle, .template5 h1 .pdocTitle  {
    color: #82ca9c;
}

.template1 .pquizItem, .template1 .pquizCategory, .template1 .pquizCategoryItem {
    border: 2px solid #f2d301;
},
.template2 .pquizItem, .template2 .pquizCategory, .template2 .pquizCategoryItem  {
    border: 2px solid #c0d731;
}
.template3 .pquizItem, .template3 .pquizCategory, .template3 .pquizCategoryItem  {
    border: 2px solid #03bfd7;
}
.template4 .pquizItem, .template4 .pquizCategory, .template4 .pquizCategoryItem  {
    border: 2px solid #f8bf16;
}
.template5 .pquizItem, .template5 .pquizCategory, .template5 .pquizCategoryItem  {
    border: 2px solid #82ca9c;
}

.template1 .pdocNavBar hr {
    border-bottom: 4px solid #f2d301;
}
.template2 .pdocNavBar hr {
    border-bottom: 4px solid #c0d731;
}
.template3 .pdocNavBar hr {
    border-bottom: 4px solid #03bfd7;
}
.template4 .pdocNavBar hr {
    border-bottom: 4px solid #f8bf16;
}
.template5 .pdocNavBar hr {
    border-bottom: 4px solid #82ca9c;
}

.template1 .pdocAudioPlayer [data-player="cursor"] {
    background: #f2d301 none repeat scroll 0 0;
}
.template2 .pdocAudioPlayer [data-player="cursor"] {
    background: #c0d731 none repeat scroll 0 0;
}
.template3 .pdocAudioPlayer [data-player="cursor"] {
    background: #03bfd7 none repeat scroll 0 0;
}
.template4 .pdocAudioPlayer [data-player="cursor"] {
    background: #f8bf16 none repeat scroll 0 0;
}
.template5 .pdocAudioPlayer [data-player="cursor"] {
    background: #82ca9c none repeat scroll 0 0;
}

.template1 .pquizItem,
.template1 .pquizCategory,
.template1 .pquizCategoryItem {
    border: 2px solid #f2d301;
}
.template2 .pquizItem,
.template2 .pquizCategory,
.template2 .pquizCategoryItem {
    border: 2px solid #c0d731;
}
.template3 .pquizItem,
.template3 .pquizCategory,
.template3 .pquizCategoryItem {
    border: 2px solid #03bfd7;
}
.template4 .pquizItem,
.template4 .pquizCategory,
.template4 .pquizCategoryItem {
    border: 2px solid #f8bf16;
}
.template5 .pquizItem,
.template5 .pquizCategory,
.template5 .pquizCategoryItem {
    border: 2px solid #82ca9c;
}

.template1 div.pquizCompositeNavigation {
   border-top: 4px solid #f2d301;
}
.template2 div.pquizCompositeNavigation {
   border-top: 4px solid #c0d731;
}
.template3 div.pquizCompositeNavigation {
   border-top: 4px solid #03bfd7;
}
.template4 div.pquizCompositeNavigation {
   border-top: 4px solid #f8bf16;
}
.template5 div.pquizCompositeNavigation {
   border-top: 4px solid #82ca9c;
}
        
/* Couleur code exercice */
.template1 h2 span.pdocSubtitle {
    background-color: #e43726;  
}
.template2 h2 span.pdocSubtitle {
    background-color: #c5168d;  
}
.template3 h2 span.pdocSubtitle {
    background-color: #800000;  
}
.template4 h2 span.pdocSubtitle {
    background-color: #45418b;  
}
.template5 h2 span.pdocSubtitle {
    background-color: #ec1163;  
}

.template1 div.pdocMediaText div.pdocMediaCaption,
.template1 div.pdocMediaText div.pdocMediaTitle {
    color:#e43726;
}
.template2 div.pdocMediaText div.pdocMediaCaption,
.template2 div.pdocMediaText div.pdocMediaTitle {
    color:#c5168d;
}
.template3 div.pdocMediaText div.pdocMediaCaption,
.template3 div.pdocMediaText div.pdocMediaTitle {
    color:#800000;
}
.template4 div.pdocMediaText div.pdocMediaCaption,
.template4 div.pdocMediaText div.pdocMediaTitle {
    color:#45418b;
}
.template5 div.pdocMediaText div.pdocMediaCaption,
.template5 div.pdocMediaText div.pdocMediaTitle {
    color:#ec1163;
}

.template1 .pquizItem.dragging,
.template1 .pquizCategory.dragging,
.template1 .pquizCategoryItem.dragging {
    background-color: #e43726;
    border: 2px solid #e43726;
}
.template2 .pquizItem.dragging,
.template2 .pquizCategory.dragging,
.template2 .pquizCategoryItem.dragging {
    background-color: #c5168d;
    border: 2px solid #c5168d;
}
.template3 .pquizItem.dragging,
.template3 .pquizCategory.dragging,
.template3 .pquizCategoryItem.dragging {
    background-color: #800000;
    border: 2px solid #800000;
}
.template4 .pquizItem.dragging,
.template4 .pquizCategory.dragging,
.template4 .pquizCategoryItem.dragging {
    background-color: #45418b;
    border: 2px solid #45418b;
}
.template5 .pquizItem.dragging,
.template5 .pquizCategory.dragging,
.template5 .pquizCategoryItem.dragging {
    background-color: #ec1163;
    border: 2px solid #ec1163;
}

.template1 .pquizPoint.selected {
    background-color: #e43726;
}
.template2 .pquizPoint.selected {
    background-color: #c5168d;
}
.template3 .pquizPoint.selected {
    background-color: #800000;
}
.template4 .pquizPoint.selected {
    background-color: #45418b;
}
.template5 .pquizPoint.selected {
    background-color: #ec1163;
}

.template1 div.pdocSection-blog .pquizPoint.selected {    
    background-color: #e43726;
}
.template2 div.pdocSection-blog .pquizPoint.selected {    
    background-color: #c5168d;
}
.template3 div.pdocSection-blog .pquizPoint.selected {    
    background-color: #800000;
}
.template4 div.pdocSection-blog .pquizPoint.selected {    
    background-color: #45418b;
}
.template5 div.pdocSection-blog .pquizPoint.selected {    
    background-color: #ec1163;
}

.template1 .pquizScoreButton:hover {
    background: #e43726;
}
.template2 .pquizScoreButton:hover {
    background: #c5168d;
}
.template3 .pquizScoreButton:hover {
    background: #800000;
}
.template4 .pquizScoreButton:hover {
    background: #45418b;
}
.template5 .pquizScoreButton:hover {
    background: #ec1163;
}

.template1 div.pquizGlobalScore.pquizScore {
    color: #e43726;
}
.template2 div.pquizGlobalScore.pquizScore {
    color: #c5168d;
}
.template3 div.pquizGlobalScore.pquizScore {
    color: #800000;
}
.template4 div.pquizGlobalScore.pquizScore {
    color: #45418b;
}
.template5 div.pquizGlobalScore.pquizScore {
    color: #ec1163;
}
.template1 .pquizCategoriesBasket {
    border: 1px solid #e43726;
}
.template1 .pquizCategoriesBasket .legend {
    background-color: #e43726;
}
.template2 .pquizCategoriesBasket {
    border: 1px solid #c5168d;
}
.template2 .pquizCategoriesBasket .legend {
    background-color: #c5168d;
}
.template3 .pquizCategoriesBasket {
    border: 1px solid #800000;
}
.template3 .pquizCategoriesBasket .legend {
    background-color: #800000;
}
.template4 .pquizCategoriesBasket {
    border: 1px solid #45418b;
}
.template4 .pquizCategoriesBasket .legend {
    background-color: #45418b;
}
.template5 .pquizCategoriesBasket {
    border: 1px solid #ec1163;
}
.template5 .pquizCategoriesBasket .legend {
    background-color: #ec1163;
}
    
.template1 .pquizDropzone.pquizDrop.pquizDropzone-visible.dragOver,
.template1 .pquizDropzone.pquizDrop.pquizDropzone-visible.mipDragOver {
    border: 2px dotted #e43726;
}  
.template2 .pquizDropzone.pquizDrop.pquizDropzone-visible.dragOver,
.template2 .pquizDropzone.pquizDrop.pquizDropzone-visible.mipDragOver {
    border: 2px dotted #c5168d;
}  
.template3 .pquizDropzone.pquizDrop.pquizDropzone-visible.dragOver,
.template3 .pquizDropzone.pquizDrop.pquizDropzone-visible.mipDragOver {
    border: 2px dotted #800000;
}  
.template4 .pquizDropzone.pquizDrop.pquizDropzone-visible.dragOver,
.template4 .pquizDropzone.pquizDrop.pquizDropzone-visible.mipDragOver {
    border: 2px dotted #45418b;
}  
.template5 .pquizDropzone.pquizDrop.pquizDropzone-visible.dragOver,
.template5 .pquizDropzone.pquizDrop.pquizDropzone-visible.mipDragOver {
    border: 2px dotted #ec1163;
}

.template1 .pdocHighlightColor {
    background-color: #e43726;
}
.template2 .pdocHighlightColor {
    background-color: #c5168d;
}
.template3 .pdocHighlightColor {
    background-color: #800000;
}
.template4 .pdocHighlightColor {
    background-color: #45418b;
}
.template5 .pdocHighlightColor {
    background-color: #ec1163;
}


/* Images */
.template1 .pquizCategoryItem.pquizItemAudio::before,
.template1 .pquizCategory.pquizItemAudio::before,
.template1 .pquizItem.pquizItemAudio::before {
    background-image: url("../Images/btn-drag-and-drop_s1.png");
}
.template2 .pquizCategoryItem.pquizItemAudio::before,
.template2 .pquizCategory.pquizItemAudio::before,
.template2 .pquizItem.pquizItemAudio::before {
    background-image: url("../Images/btn-drag-and-drop_s2.png");
}
.template3 .pquizCategoryItem.pquizItemAudio::before,
.template3 .pquizCategory.pquizItemAudio::before,
.template3 .pquizItem.pquizItemAudio::before {
    background-image: url("../Images/btn-drag-and-drop_s3.png");
}

.template4 .pquizCategoryItem.pquizItemAudio::before,
.template4 .pquizCategory.pquizItemAudio::before,
.template4 .pquizItem.pquizItemAudio::before {
    background-image: url("../Images/btn-drag-and-drop_s4.png");
}
.template5 .pquizCategoryItem.pquizItemAudio::before,
.template5 .pquizCategory.pquizItemAudio::before,
.template5 .pquizItem.pquizItemAudio::before {
    background-image: url("../Images/btn-drag-and-drop_s5.png");
}

.template1 .pdocAudioPlayer span.play[data-player="button-play"],
.template1 .pdocAudioPlayer div.play[data-player="button-play"] {    
    background-image: url("../Images/audio_play_s1.png");
}
.template1 .pdocAudioPlayer span.pause[data-player="button-play"],
.template1 .pdocAudioPlayer div.pause[data-player="button-play"] {    
    background-image: url("../Images/audio_pause_s1.png");
}
.template2 .pdocAudioPlayer span.play[data-player="button-play"],
.template2 .pdocAudioPlayer div.play[data-player="button-play"] {    
    background-image: url("../Images/audio_play_s2.png");
}
.template2 .pdocAudioPlayer span.pause[data-player="button-play"],
.template2 .pdocAudioPlayer div.pause[data-player="button-play"] {    
    background-image: url("../Images/audio_pause_s2.png");
}
.template3 .pdocAudioPlayer span.play[data-player="button-play"],
.template3 .pdocAudioPlayer div.play[data-player="button-play"] {    
    background-image: url("../Images/audio_play_s3.png");
}
.template3 .pdocAudioPlayer span.pause[data-player="button-play"],
.template3 .pdocAudioPlayer div.pause[data-player="button-play"] {    
    background-image: url("../Images/audio_pause_s3.png");
}
.template4 .pdocAudioPlayer span.play[data-player="button-play"],
.template4 .pdocAudioPlayer div.play[data-player="button-play"] {    
    background-image: url("../Images/audio_play_s4.png");
}
.template4 .pdocAudioPlayer span.pause[data-player="button-play"],
.template4 .pdocAudioPlayer div.pause[data-player="button-play"] {    
    background-image: url("../Images/audio_pause_s4.png");
}
.template5 .pdocAudioPlayer span.play[data-player="button-play"],
.template5 .pdocAudioPlayer div.play[data-player="button-play"] {    
    background-image: url("../Images/audio_play_s5.png");
}
.template5 .pdocAudioPlayer span.pause[data-player="button-play"],
.template5 .pdocAudioPlayer div.pause[data-player="button-play"] {    
    background-image: url("../Images/audio_pause_s5.png");
}