/* $Id$ */
/* Latitudes */

body {
  margin: 10px;
  font-family: sans-serif;
  font-size: 15px;
}

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

img { max-width: 100%; max-height: 100%; }
audio { max-width: 180px; }


/* ======== TOP LEVEL ======= */


/* ~~~~~~~~~ pdocToc ~~~~~~~~ */

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

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

.pdocNavBar .col { text-align: center; }
.pdocNavBar .colLast { text-align: right; }
.pdocNavBar hr { clear: both; }
.pdocNavBar a { border: none; }
.pdocNavBar a:hover { background-color: transparent; }
.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 {
  float: right;
  color: #4f4f4f;
  margin-bottom: 2em;
}


/* ===== 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;
}

/* ~~~~~ pdocSection-ex ~~~~~ */

.pdocSection-ex {
  font-style: italic;
}

/* ~~~~~~ didierButtons ~~~~~ */

.didierButtons {
  margin-top: 1em;    
}

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

/* ~~~~~~~~ pquizHelp ~~~~~~~ */

.pquizQuiz div.pquizHelpButton a.pquizButton {
    background-image: url("../Images/picto_aide.png");
    width: 39px;
    height: 39px;
    text-indent: -9999px;
    overflow: hidden;
    background-color: transparent;
    display: block;
    border: 0 none;
    padding: 0;
    background-position: top left;
    background-repeat: no-repeat;
}

.pquizHelpText {
  border: 1px solid #00bbe2;
}

.pquizHelpText legend {
  color: #00bbe2;
  font-size: 15px;
}

.pquizHelpText h1 {
  font-size: 15px;
  color: #00bbe2;
  font-weight: normal;
}

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

.pquizQuiz div.didierExplanationButton a.pquizButton {
  background-image: url("../Images/picto_indice.png");
  width: 39px;
  height: 39px;
  text-indent: -9999px;
  overflow: hidden;
  background-color: transparent;
  display: block;
  border: 0 none;
  padding: 0;
  background-position: top left;
  background-repeat: no-repeat;
}

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

.didierExplanationText legend {
  color: #f1960e;
  font-size: 15px;
}

.didierExplanationText h1 {
  margin: 0 0 .5em 0;
  font-size: 15px;
  color: #f1960e;
  font-weight: normal;
}

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

.pquizQuiz div.didierScriptButton a.pquizButton {
  background-image: url("../Images/picto_transcription.png");
  width: 39px;
  height: 39px;
  text-indent: -9999px;
  overflow: hidden;
  background-color: transparent;
  display: block;
  border: 0 none;
  padding: 0;
  background-position: top left;
  background-repeat: no-repeat;
}

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

.didierScriptText legend {
  color: #124189;
  font-size: 15px;
  font-weight: bold;
}

.didierScriptText h1 {
  margin: 0 0 .5em 0;
  font-size:15px;
  color:#124189;
  font-weight: normal;
}


/* ====== BLOCK LEVEL ======= */


/* ~~~~~~~~~~ pdocP ~~~~~~~~~ */

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

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

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

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

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

.point .pdocTable {
  width: auto;
}

.point .pdocTable td {
  padding: .3em;
  font-family: monospace;
  font-size: 110%;
  font-weight: bold;
  border: 1px solid #999999;
  line-height: 20px;
  text-align:center;
  vertical-align:middle;
}
.point .pdocTable td.intitule {text-align:left;}

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

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

.pdocMediaCaptionAbsolute {
  position: absolute;
}

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

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

.pdocImageDropzone {
  float: left;
  position: relative;
}

/* ~~~~~~~~ pdocAudio ~~~~~~~~ */

.pdocAudio {
  margin-right: 1em;
}

.pquizItem .pdocAudio,
.pquizCategoryItem .pdocAudio {
  margin-right: 0;
  height: 2em;
}

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

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

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

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


/* ====== INLINE LEVEL ====== */


/* ~~~~~~~ pdocLabelEx ~~~~~~ */

.pdocLabelEx {
  font-style: normal;
}

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

.pdocHighlight {
  font-weight: inherit;
  font-style: italic;
}

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

.pdocHighlightBoldItalic {
  font-weight: bold;
}

.pdocSection-ex .pdocHighlightItalic,
.pdocSection-ex .pdocHighlightBoldItalic {
  font-style: normal;
}

.pdocSection-ex .pdocHighlightBold,
.pdocSection-ex .pdocHighlightUnderline {
  font-style: italic;
}

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

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

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

.pdocSmil {
  background-color: #ffffc0;
}

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

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

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

textarea.pquizChoice {
  width: 100%;
}


/* ========================================================================= */


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

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

body {
  font-family: 'pt_sansregular', Arial, Helvetica, sans-serif;
  margin: 10px;
  background-color:#fffcf6
}

div.pdocSection1.first p.pdocP.first,
div.pquizInstructions p.pdocP,
div.pdocSection1 p.pdocP,
div.pdocSection2 p.pdocP {
  font-size: 15px;
  color: #444;
  font-weight: normal;
}

table.pquizMatching {
  font-size: 15px;
  color: #777;
  font-weight: normal;
  border-radius:0;
 padding: 5px 10px; 
 cursor:pointer;
}
span.pquizChoice {
  font-size: 15px;
  color: #777;
  font-weight: normal;
  border-radius:0;
 padding: 5px 10px; 
 cursor:pointer;
 display: inline-block;
 margin-right:2px;
 margin-bottom:4px;
 background-color: #c0e8ff;
}
div.pquizText p.pdocP {

}
li.pquizChoice,
ul.pdocList li {
  font-size: 15px;
  color: #777;
  font-weight: normal;
  border-radius:0;
 padding: 0; 
}
.pquizMatchingLinkItems span.pquizMatchingLinkItem {
  font-size: 15px;
  color: #777;
  font-weight: normal;
  border-radius:0;
  padding: 5px 0;
  margin-right:2px;
}

div.pdocSection1.pdocSection-ex p.pdocP,
div.pdocSection1.pdocSection-ex span.pdocLabelEx,
div.pdocSection1 p.pdocP em.pdocHighlight,
div.pdocSection2 p.pdocP em.pdocHighlight {
  font-size: 15px;
  color: #00bbe2;
  font-weight: normal;
}

div.pquizItems {
  background-color: transparent;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  float: left;
  margin-bottom: 1em;
  min-height: 2.8em;
  min-width: 8em;
  padding: 1em 0 0 1em;
}

.pquizMatchingLinkItem {
  background-color: transparent;
  border: 0 none;
  border-radius: 0;
}

div.pquizItems span.pquizItem,
span.pquizItem,
div.pquizCategoriesItems .pquizCategory,
div.pquizCategoriesItems .pquizCategoryItem,
.pquizCategoryItem {
  background-color: #ebfaff;
  border: 0 none;
  border-radius: 1px;
  box-shadow: -1px 1px 3px #BBBBBB;
  float: left;
  margin-bottom: 1em;
  margin-right: 1em;
  padding: 0.2em 1em;
  white-space: nowrap;
  font-size:15px; 
  color:#00bbe2;
  font-weight: normal;
  line-height: 1.8em;
  cursor:pointer;
}

.pquizText .pquizItemDropped {
  margin-right: 0;
  margin-bottom: -13px;
}

.pquizItemImageDropped {
  padding: 0 !important;
  margin: 0 !important;
}

.pquizItemImageDropped img {
  border:0 none;
  margin:0 0 ;
  width: 100% !important;
  height:auto !important
}

div.pquizSubmit input#submit.pquizButton {
  font-family:'pt_sansbold';
  background-image: none !important;
  background-color: #53b92b;
  border: 0 none;
  border-radius:4px;
  color: #fff;
  cursor: pointer;
  font-size:18px;
  text-transform:none;
  font-weight: normal;
  padding: 8px 20px;
  text-decoration: none;
}

div.pquizSubmit a#pquizUserAnswer {
  background-image: none;
  background-color: #4d71ad;
  border: 0 none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  text-transform:none;
  font-weight: normal;
  padding: 8px 20px;
  text-decoration: none;
}

div.pquizSubmit a#pquizRightAnswer {
  background-image: none;
  background-color: #53b92b;
  border: 0 none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  ligne-height:18px;
  text-transform:none;
  font-weight: normal;
  padding: 8px 20px;
  text-decoration: none;
}

.pquizCategoriesBasket {
  background-color: #FAFAFA;
  border: 2px solid #02657c;
  border-radius: 0;
  box-shadow: none;
  float: left;
  margin: 1em 1em 1em 0;
}

.pquizCategoriesBasket .legend {
  background-color: #02657c;
  border-radius: 0;
  color: #FFFFFF;
  font-size: 85%;
  padding: 0.5em 1em;
  text-align: center;
  white-space: nowrap;
}

.pdocAudio {
  margin-right:10px;
  height:35px;
}

span.pdocAudio a {
  display: inline-block;
  background-image: url("../Images/audio.png");
  background-position: top left;
  background-repeat: no-repeat;
  width: 35px;
}
span.pdocAudio a:hover {
  background-image: url("../Images/audio_over.png");
}
span.pdocAudio a img { visibility: hidden; }

div.pquizPoint table.pdocTable,
div.pdocTable table { /*width:inherit;*/ width:100%; }
div.pquizPoint table.pdocTable td { padding:0; }
div.pdocTable table td { padding:2px 5px; }
.point .pdocTable td { padding:5px; }
div.pquizPoint table.pdocTable span.pquizChoice,
div.pdocTable table span.pquizChoice {
  background-color:#E8F0F7;
  border-radius: 0;
  display: block;
  padding:5px 10px;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  color: #777777;
  cursor: pointer;
  font-family: 'pt_sansregular', Arial, Helvetica, sans-serif;
}
div.pquizPoint table.pdocTable span.pquizChoice.selected,
div.pdocTable table span.pquizChoice.selected,
.pquizPoint .selected {
  background-color: #00bbe2;
  color: #FFFFFF;
}
div.pquizPoint table.pdocTable span.pquizChoice.case,
div.pdocTable table span.pquizChoice.case {
  /*background-color: #fff;*/
  background-color:#fff;
  background-image:url("../Images/bt-non.png");
  border-radius: 0;
  display: block;
  height: 50px;
  line-height: 50px;
  width: 50px;
  padding:0;
  color: #E8F0F7;
  margin:0 auto;
  border:0 none;
  cursor: pointer;
  text-indent:-9999px;
  overflow:hidden;
}
div.pquizPoint table.pdocTable span.pquizChoice.selected.case,
div.pdocTable table span.pquizChoice.selected.case,
.pquizPoint .selected.case {
  background-color: #fff;
  color: #00bbe2;
  background-image:url("../Images/bt-oui.png");
}
.pquizPoint .modeAnswer {
    background-color: #1FBE1F !important;
}
div.pquizPoint table.pdocTable span.pquizChoice.selected.modeAnswer.case,
div.pdocTable table span.pquizChoice.selected.modeAnswer.case,
.pquizPoint .selected.modeAnswer.case {
  background-color: #fff !important;
  color: #1FBE1F;
  background-image:url("../Images/bt-corrige.png");
}

.pquizInstructions {
    margin-bottom:10px;
}
.pquizEngine.composite {margin-left:0;}

textarea.pquizProduction,
input.pquizChoice {
  border: 1px solid #00bbe2;
  border-radius: 3px;
  padding:0 4px;
}

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

div.pquizSubmit {
  position:relative; 
  background-color: transparent;
  height: 30px;
}
div.pquizSubmit div.pquizScore {
  position: absolute;
  border: 1px solid #4d71ad;
  color: #4d71ad;
  float: none;
  font-size: 15px;
  left: 50%;
  top: 0;
  margin-left: -100px;
  padding: 5px 0;
  text-align: center;
  width: 200px;
}

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

div.pquizTitle p { font-size:25px; }

.theme-phonetique div.pquizTitle p { color:#8bbc39; }
.theme-grammaire div.pquizTitle p { color:#f57d20; }
.theme-lexique div.pquizTitle p { color:#00a9ab; }
.theme-bilan div.pquizTitle p { color:#bc0e5a; }
.theme-production-ecrite div.pquizTitle p { color:#7453a2; }

.pquizCategory {
  background-color: #fff;
  border: 0 none;
  border-radius: 1px;
  box-shadow: none;
  float: left;
  margin-bottom: 1em;
  margin-right: 1em;
  padding: 0.2em 1em;
  white-space: nowrap;
  font-size:15px; 
  color:#00bbe2; 
  font-weight: normal;
}
.pquizCategory.selected {
  background-color: #fff;
  color: #00bbe2;
}

.pquizCategory .pquizColor1,
.pquizCategory .pquizColor2 { border: 2px solid #fff; }

.pquizCategory.selected .pquizColor1,
.pquizCategory.selected .pquizColor2 { border:2px solid #ec0c6e; }

.pquizCategoryColor {
  border: 0 none;
  border-radius: 0;
  margin-left: 0.5em;
  margin-right: 0.2em;
  padding: 0 1em;
  white-space: nowrap;
}
.pquizCategoriesChoices li {
  border: 1px solid #fff;
  border-radius: 0;
  margin: 0.8em;
  padding: 0.3em;
}
.pquizColor1,
.pquizCategoriesChoices li.pquizColor1 {
  background-color: #e1faff;
  border: 1px solid #00bbe2;
  color: #00bbe2;
}
.pquizColor2,
.pquizCategoriesChoices li.pquizColor2 {
  background-color: #00bbe2;
  border: 1px solid #e1faff;
  color: #e1faff;
}

body.pdocToc, 
body.pquizQuiz, 
body.pdocTopic {
  margin:0;
  padding:0 40px;
}

body.pdocToc div.header,
body.pquizQuiz div.header,
body.pdocTopic div.header {
  height:140px;
  background-color:#ade7f3;
  margin:0 -40px 25px -40px;
  background:url(../Images/logo_editeur.png) 95% 95% no-repeat #ade7f3;
}

body.pdocToc   div.header p,
body.pquizQuiz div.header p, 
body.pdocTopic div.header p {
  text-align:center;
}

.pdocToc h1 { font-variant: normal; font-weight:bold; color:#211d1e; font-size:30px; }
.pdocToc h2 { font-variant: normal; font-weight:normal; color:#ec0c6e; font-size:16px; }
.pdocToc ul {}
.pdocToc ul li { color: #00bbe2; font-size: 24px; }
.pdocToc ul li a {
  margin-bottom: 3px;
  color: #45a0b3;
  font-size: 24px;
  padding: 0;
}
.pdocToc ul li ul {
  border-top: 2px solid #00bbe2;
  margin-left: 0;
  padding-left: 20px;
  padding-top: 7px;
}
.pdocToc ul li ul li { color: #45a0b3; font-size: 20px; margin-top: 0; }
.pdocToc ul li ul li a,
.pdocToc ul li ul li span { color: #212d2e; font-size: 17px; border-bottom: 1px solid #c0e8ff; }
.pdocToc ul li ul li ul { border-top: 1px solid #45a0b3; }
.pdocToc ul li ul li ul li { color: #211d1e; font-size: 17px; margin-top: 0; }
.pdocToc ul li ul li ul li a {
  color: #211d1e;
  font-size: 17px;
  border-bottom: 1px solid #c0e8ff;
  padding: 2px 0;
  margin-bottom: 0;
}

h1 {
  margin: 30px 0;
}

.didierSubject {
  color: #4F4F4F;
  float: none;
  margin-bottom: 0;
  padding: 3px 20px 3px 20px;
  margin-left: -10px;
  width: 90px;
  text-transform: uppercase;
  text-align: center;
}
	
.theme-phonetique div.didierSubject {background-color:#8bbc39; color: #fff;}
.theme-grammaire div.didierSubject {background-color:#f57d20; color: #fff;}
.theme-lexique div.didierSubject {background-color:#00a9ab; color: #fff;}
.theme-bilan div.didierSubject {background-color:#bc0e5a; color: #fff;}
.theme-production-ecrite div.didierSubject {background-color:#7453a2; color: #fff;}	

.theme-phonetique h1 {color:#8bbc39;}
.theme-grammaire h1 {color:#f57d20;}
.theme-lexique h1 {color:#00a9ab;}
.theme-bilan h1 {color:#bc0e5a;}
.theme-production-ecrite h1 {color:#7453a2;}	

h1 {font-variant: normal;}

.pquizCategoriesBasket .legend {
    font-size: 15px;
}

.pquizEngine {
  margin-top: 0;
}
ul.pquizChoices {margin-bottom:20px;}

li.pquizChoice {
  padding-left: 15px;
}

.pquizMatchingLinkItems {
  padding-top:10px;
}

div.pquizText p.pdocP {
  font-size: 15px;
}
.didierSubject {
  font-size:13px;
}