/* Global */
html{
	min-height:100%;
}

body {
  /*background: #000000 url("images/background.jpg") repeat-x top left;*/
  background-color: #0d1e3d;
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  color: #3F214F;
}

 ul  {list-style-type:square;}


/* Header */
#header {
  position: relative;
  background: url("images/back_head.jpg") no-repeat top left; 
  height: 107px;
  padding: 0;
  margin: 0;
}

#header h1 {
	position: absolute;
    top: 0px;
	left: 25px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size:14px;
	text-transform:uppercase;
	color: #e3e8d9;
	width: 340px;
}

#header h1 a {
  display: block;
  height: 60px;
}

#header h2 {
	position: absolute;
	top: 15px;
	left: 25px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
  	color: #77d1ee;
	width: 300px;
}

#header h2 em {
	display: block;
	font-style: normal;
}

#header ul {
  margin: 0;
  padding: 0;
}

#header ul li {
  display: inline;
  list-style-type: none;
}

#header ul#globalnav {
	position: absolute;
	top: 5px;
	left: 609px;
	font-size: 0.9em !important;
	font-size: 0.8em;
}

#header ul#globalnav li {
    float: left;
	background: url("images/globalnav_back_left.gif") no-repeat top left;
	margin: 4px 2px;
	padding: 0 0 0 9px;
}

#header ul#globalnav li a {
	display: block;
	background: url("images/globalnav_back_right.gif") no-repeat top right;
	min-width: 113px;
	height: 23px !important;
	height: 19px;
	padding: 0px 8px 0 6px;
	text-decoration: none;
	color: #000000;
	text-align: center;
}

* html #header ul#globalnav li a {
	width: 118px;
	padding: 2px 8px 0 6px;
}

#header ul#globalnav li a:hover {
	text-decoration: underline;
	color: #516B91;
}

#header ul#globalnav li.help {
	display: block;
	position:absolute;
	top: -4px;
	left: 142px;
	background: url("images/globalnav_help.gif") no-repeat top left;
	width: 34px;
	height: 34px;
	margin-top: 0;
	text-indent: -1000em;
}

.select_petit {
	font-size: 0.8em;
}

#header ul#globalnav li.help a {
	background: none;
	min-width: 30px;
}

#header .subhead {
	clear: both;
	min-width: 800px;
}

#header ul#supinfo {
	position: absolute;
	top: 34px;
	left: 611px;
  	font-size: 0.9em !important;
  	font-size: 0.8em;
}

#header ul#supinfo li {
	display: block;
	background: url("images/supinfonav_back_left.gif") no-repeat top left;
	padding-left: 25px;
}

#header ul#supinfo li a {
	display: block;
	background: url("images/supinfonav_back_right.gif") no-repeat top right;
	min-width: 100px;
	height: 22px !important;
	height: 19px;
	padding: 2px 8px 0 4px;
	text-decoration: none;
	color: #e6d8b0;
}

* html #header ul#supinfo li a {
	width: 100px;
	padding: 3px 8px 0 4px;
}

#header ul#supinfo li a:hover {
	text-decoration: underline;
	color: #fff;
}

.page-demo #header #supinfo .lien-inactif {
    color: #CCCCCC;
}

/** ONGLETS **/
#header ul#mainnav {
	position: absolute;
	bottom: 16px;
	margin-left: 24px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

* html #header ul#mainnav {
	bottom: 23px;
}



#header ul#mainnav li {
	float: left;
	display: inline;
	list-style-type: none;
	background: url("images/mainnav_back_right_off.gif") no-repeat 100% 0;
	margin: 0 2px 0 0;
	padding: 0 6px 0 0;
	text-align: center;
}

#header ul#mainnav li a {
  	display: block;
  	background: url("images/mainnav_back_left_off.gif") no-repeat top left;
	max-width: 20em;
	min-width: 4em;
	min-height: 1.8em;
	padding: 5px 0 5px 6px;
	text-decoration: none;
	color: #77D0EE;
	border: none;
}

#header ul#mainnav li a:hover{
  text-decoration: none;
  color: #FFFFFF;
}

#header ul#mainnav li.on a:hover {
  text-decoration: none;
  color: #77D0EE;
}

#header ul#mainnav li.on {
  background: url("images/mainnav_back_right_on.gif") no-repeat top right;
}

#header ul#mainnav li.on a {
  background: url("images/mainnav_back_left_on.gif") no-repeat top left;
  color: #58538A;
}

#header ul#mainnav li.med a {

	max-width: 7em;

	min-width: 5em;

}



#header form {
	position: absolute;
	top: 77px;
	margin: 0;
	padding: 2px 10px 15px 10px;
	white-space: nowrap;
	text-align:center;
}



#header form img {
	margin-bottom: -7px;
	padding: 5px;

}



#header form .larrow {

	/*border-right: 1px solid #6d654f;*/

}



#header form .rarrow {

	/*border-left: 1px solid #6d654f;*/

}



#pagenav {
	position: absolute;
	top: 0px;
	right: 0px;
}



#pagenav select {

	font-size: 80%;

}

/*header des gabarits simplifiés */
#header3 {
	background: url(images/back_head.jpg) no-repeat scroll left top;
	height:60px;
	padding:0;
	position:relative;
	width:798px;
}

#header3 h1 {
	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color: #e3e8d9;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:1.2;
	margin:1.5em 0 0 30px;
	width:300px;
}
#header ul#globalnav, #header3 ul#globalnav {
float:right;
font-size:0.9em !important;
}
#header ul, #header3 ul {
margin:0;
padding:0;
}

#header ul#globalnav li a, #header3 ul#globalnav li a {
/*padding:7px 0 6px 10px;*/
}

#header ul li, #header3 ul li {
display:inline;
list-style-type:none;
}

/* bouton fermer fenetre */
.bouton {
	float:right;
}	

a.fermer-fenetre{
    text-decoration: none;
	color: #000000;
	margin-left: 2.8em;
	font-size: 1em;
	text-align: center;
	
	display: block;
	background: url("images/bouton_fermer.gif") no-repeat center center;
	margin: 2px 0;
	width: 122px;
	height: 19px;
}

a.fermer-fenetre:hover{
	text-decoration: underline;
}

#footer{
	color: FFFFFF;
	font-size: 10px;
}

/* CONTENU */



#content {
	background: #ffffff url("images/back_page.jpg") repeat-x top left;
	padding: 15px 20px 55px 35px;
    line-height:1.5;
	width:743px;
	word-spacing:.1em;
	min-height: 355px;
}


/*,#content ul,#content ol = enlevés, a tester*/
#content p{
font-size:14px;
}

/* titres de niveau 2 */
#content div p i b, #content form p i b
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #516B91;
	margin:0;
}

/* titres de niveau 3 */
#content .sous-titre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #58538A;
	font-weight: bold;
	margin-top: 1.5em;
}


#lexique a{
  text-decoration: none;
  border-bottom: 1px dotted #516b91;
  color: #516b91;
}



#lexique a:hover {
  border-bottom: 1px solid #000;
  color: ##b27b97;
}



#content h3, #content h4 {

	color: #516B91;

}

#content h3 {
	margin: 0 0 10px 0;
	/* changer pour ajuster lexique, tester autres pages: width: 700px;*/
	width: 670px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
  	font-size: 18px;
	font-weight: bold;
}

#content h4, #content.task h4.reg {

  margin-bottom: 0;

  font-size: 1.3em;

}



#content h5 {

  margin-bottom: 0;

  font-size: 1.1em;

}





#content dl, #content dt, #content dd {font-size:14px;line-height:1.5em;}


/** STYLE DES IMAGES **/
#content div.imageright {
	float: right;
	margin: 0 0 5px 10px;
	font-size: 0.8em;
	font-weight: bold;
}

#content div.imageleft {
	float: left;
	margin: 0 10px 5px 0;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 12px;
}

#content div.imageright img {
  display: block;
  margin-bottom: 5px;
}

#content div.imageright span {
	font-weight: normal;
}

#content div.imagecenter {
  font-size: 9px;
  font-weight: bold;
  margin-left: 10%;
  padding: 0.5em;
}

div.width100,div.width100 img  {width:100px;}
div.width150,div.width150 img  {width:150px;}
div.width200,div.width200 img  {width:200px;}
div.width250,div.width250 img  {width:250px;}
div.width300,div.width300 img  {width:300px;}
div.width350,div.width350 img  {width:350px;}
div.width400, div.width400 img  {width:400px;}

/** STYLE DE LA LÉGENDE ET SOURCE **/

#content .src-title, #content .src-titre {

	 font-weight:bold;

}

#content .src-description {

	 

}

#content .src-source {

	 display:none;

}

#content .src-rights {

	  font-weight:normal;

}





/** CONTENU **/



#content .indentgroup {

  margin-left: 2em;

}



#content .indentgroup h4 {

  margin: 0 0 -2.2em -2em;

  font-size: 1em;

}









#content.task {

	padding: 20px 20px 55px 75px;

}



#content.task h3 {

  margin-left: -20px;

  padding: 5px;

  border: 1px dotted #90453e;

  text-align: center;

  font-size: 1.2em;

}



#content.task h4 {

  width: 200px;

  margin-left: -20px;

  padding: 5px 5px 5px 20px;

  border: 1px solid #90453e;

  font-size: 1em;

  font-weight: normal;

}



#content.task table.dotted h4 {

  margin-left: 0;

}



.darkerbox {

	background: #f0e9ce;

	margin-top: 10px;

	padding: 5px 20px;

}



.darkerbox .right {

	float: right;

}



#content ol {

	margin: 0 0 0 20px;

	padding-left: 0;

}



#content ol li {

	margin-bottom: 8px;

}

/* QUIZ */
.type-quiz2 .centre{
text-align:center;
}

#content p .lancer-quiz{
margin-left:300px;
}

.lancer-quiz button{
	border: none;
	background: url("images/btn_120px_qz_off.png") no-repeat center center;
	width:120px;
	height: 24px;
	color:#FFFFFF;
	font-weight: bold;
}

.lancer-quiz button:hover {
	background: url("images/btn_120px_qz_on.png") no-repeat center center;
}

.type-quiz2 .barre-navigation .precedent.inactif,
.type-quiz2 .barre-navigation .suivant.inactif {
display:none;
}

.type-quiz2 .barre-navigation {
    background: url("images/back_formnav.gif") no-repeat right bottom;
    text-align: right;
    margin-top: -65px;
    /* IE FIXING, pas touche */
    zoom: 1;
    position: relative;
    z-index: 1;
    /* FIN IE FIXING */
}

.type-quiz2 .compteur-pages {
display:none;
}

.type-quiz2 .question {
	margin:2em 0em;
	color: #3F214F;
}

.type-quiz2 .correction-quiz{
	margin:2em 0em;
}

.type-quiz2 .center{
	text-align: center;
	margin-bottom: 15px;
}

.type-quiz2 .choix-multiples { width:100% }
.type-quiz2 .choix-multiples .cell-radio     { width: 10% }
.type-quiz2 .choix-multiples .cell-etiquette { width: 60% }
.type-quiz2 .choix-multiples .feedback-inline { width: 30% }
.type-quiz2 .choix-multiples .cell-radio input { border: none }

.choix-multiples .feedback-inline,
.type-quiz2 .choix-multiples .feedback-inline div div,
.type-quiz2 .corrige {
	background: url("images/back_q_tp.jpg") repeat left top;
	border-top: 2px solid #CCCCCC;
	border-left: 2px solid #999999;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #333333;
	color: #3F214F;
	margin-top: 0.5em;
	padding: 0 2px;
}

.type-quiz2 .choix-multiples .feedback-inline {
    border: none; background: none;
}

.type-quiz2 button.btn-corrige {
	border: none;
	padding: 0;
    background: transparent url("images/btn_100px_qz_off.png") no-repeat center;
	width: 100px;
	height: 24px;
	color: #FFFFFF;
	font-weight: bold;
}

.type-quiz2  button.btn-corrige:hover {
   background: transparent url("images/btn_100px_qz_on.png") no-repeat center;
}


.type-quiz2 .barre-navigation-bas{
   background: transparent url("images/quiz_bottom.gif") no-repeat center;
   text-align: right;
   height: 32px;
}

.type-quiz2 .barre-navigation-bas button{
	position: relative;
	top: -23px;
    border: none;
	background: url("images/btn_100px_qz_off.png") no-repeat center;
	height: 24px;
	width:100px;
	color:#FFFFFF;
	font-weight: bold;
}

.type-quiz2 .barre-navigation-bas button:hover{
   background: url("images/btn_100px_qz_on.png") no-repeat center;
}

.type-quiz2 .barre-navigation-bas .correction-quiz{
margin-left: 100px;
}


.type-quiz2 .barre-navigation-bas .suivant.inactif,
.type-quiz2 .barre-navigation-bas .precedent.inactif {
	background: url("images/btn_100px_qz_inactif.png") no-repeat center;
	color:#CCCCCC;
}


.type-quiz2 div.correction-quiz a{
	/*padding:0 0.2em ;*/
	border-bottom: 1px dotted #516B91;
  	color: #516B91;
}

.type-quiz2 div.affiche-resultats div.barre-navigation-bas {
    display: none;
}

/*tableaux dans quiz avec cases a cocher*/

#c2s1m3t9_04_06,
#c2s1m3t9_04_09,
#c2s1m9t9_90_02,
#c2s2m4t9_04_04,
#c2s1m5t9_04_03,
#c2s1m5t9_04_10,
#c2s1m7t9_04_01,
#c2s3m9t9_90_09,
#c2s2m5t9_05_02 {
	background-color: #F5F6F9;
}

#c2s1m3t9_04_06 th,
#c2s1m3t9_04_09 th,
#c2s1m9t9_90_02 th,
#c2s2m4t9_04_04 th,
#c2s1m5t9_04_03 th,
#c2s1m5t9_04_10 th,
#c2s1m7t9_04_01 th,
#c2s3m9t9_90_09 th,
#c2s2m5t9_05_02 th{
	background-color: #C3CCDA;
	color: #3F214F;
	font-style: italic;
}

#c2s1m3t9_04_06 td,
#c2s1m3t9_04_09 td,
#c2s1m9t9_90_02 td,
#c2s2m4t9_04_04 td,
#c2s1m5t9_04_03 td,
#c2s1m5t9_04_10 td,
#c2s1m7t9_04_01 td,
#c2s3m9t9_90_09 td,
#c2s2m5t9_05_02 td{
	vertical-align: top;
	color: #516B91;
	font-weight: bold;
}


/** CHAMPS DE FORMULAIRES **/

#content form {font-size:100%;}

.tableauPrise1 .question,
.tableauPrise2 .question{
	font-size:12px;
	color: #933353;
	font-weight: bold;
}

.tableauPrise1 ul,
.tableauPrise2 ul{
	font-size:12px;
	color: #933353;
	font-weight: bold;
}

#content form input, 
#content form textarea {
	border: 1px solid #58538A;
	color: #3F214F;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	margin:0.5em 0;
	padding:0 0.5em;
}

/*#content form textarea {
	width:100%;
	margin:0 0 0.5em 0;
}*/

#content form input {padding:0 3px;margin:0 .3em;}

.tableauPrise1 .btn-enregistrer-demo,
.tableauPrise2 .btn-enregistrer-demo{
	border: none;
	background: url("images/btn_105px_form_off.gif") no-repeat center center;
	width:106px;
	height: 24px;
	color:#CCCCCC;
	font-weight: bold;
}


.tableauPrise1,
.tableauPrise2{
background:transparent url(images/form_q_top.jpg) no-repeat left top;
padding:0.5em;
}

.formulaire_last{
background:transparent url(images/form_q_btm.jpg) no-repeat left top;
padding:0.5em;
margin-bottom: 5px;
}
	
.enregistrer-right {
float:right;
}

.tableauPrise2 td {
padding:0 0.5em 0 0;
}

.ceQueJeSavais-titre,
.ceQueJeSaisMaintenant-titre{
	font-size:12px;
	color: #58538A;
	font-weight: bold;
}

.reponse-donnee {
	border: 1px solid #3f214F;
    padding-left: 2em;
	background: url("images/prise2_td.jpg") no-repeat top left;
    font-style: italic;
	font-weight: normal;
	color: #516b91;
	margin:0.5em 0 0.5em 0;
	min-height:105px;
	padding:0.3em 0.5em;
}

/* Content tables */



table.results {

	background: #ffffff;

}



table.results th, table.results td {

	padding: 5px 20px;

	text-align: left;

	vertical-align: top;

}



table.results th {

	background: #f0e9ce;

}



table.results th span {

	font-weight: normal;

	font-size: 0.9em;

}



table.results th.emphasis {

	background: #f1dec8;

	border-left: 1px solid #fff;

}



table.results td.emphasis {

	background: #fff;

	border-left: 1px solid #b2ada1;

}



img.beigeline {

	width: 100%;

	height: 1px;

	margin-top: 15px;

}



/* Miscellaneous */



.copy {

	font-size: 0.85em;

	color: #948a79;

}



p {

	margin: 0 0 6px 0;

}



blockquote {
	color: #3F214F;
}



blockquote em {
	font-style: normal;
	color: #3F214F;
}



#conteneur button {

	background-color: transparent;

	border: none;

}


img {

  border: 0;

}



.clearfix:after {

  content: "."; 

  display: block; 

  height: 0; 

  clear: both; 

  visibility: hidden;

}



.clearfix {display: inline-table;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



.bonne-reponse    { color: green; }

.mauvaise-reponse { color: red; }







/* Ajouts Francois */









#stockageEnregistre {

    margin: 2em 0;

    font-weight: bold;

    text-align: center;

}



.img-droite, .img-gauche {

    padding: 0.8em;

    width: 300px;

}

.img-droite p, .img-gauche p {

    margin: 0;

    padding: 0;

    font-size: 90%;

}



.img-droite { float: right; }



.img-gauche { float: left; }



.bonne-reponse    { color: green; font-weight: bold; }



.mauvaise-reponse { color: #FF6666; }



.chargement {display: none; }











/* Ajouts Benoit */



/* References - Lexique */





/* Tableaux dans les pages texte */



table.pagestexte {

	width:100%; margin:15px 0;

}

table.c1s1m1 {

	background: #eadeae url(c1s1m1_filigrane.jpg) no-repeat center center;

}

table.pagestexte td, table.pagestexte th {

	line-height:1em; color:#581A01; font-family:Georgia, "Times New Roman", Times, serif;

	padding:10px; text-align:center;

}

table.pagestexte th.headerCol {

	background: transparent url("background_th.gif") no-repeat left bottom;

	border-left:1px solid #A29975; border-top:1px solid #A29975;

}

table.pagestexte .headerColSpace {

	padding:0; line-height:5px; font-size:5px; height:10px; background:none; border:none;

}

table.pagestexte th.headerRow {

	background: transparent url("background_th.gif") no-repeat right top;

	border-left:1px solid #A29975; border-top:1px solid #A29975;

}

table.pagestexte .headerRowSpace {

	padding:0; line-height:5px; font-size:40px; width:10px; background:none; border:none;

}



table.pagestexte td {

	background: transparent url("background_td.gif") no-repeat left top;

	border-left:1px solid #A29975; border-top:1px solid #A29975;

}



table.pagestexte .lastBottom {

	border-bottom:1px solid #A29975;

}

table.pagestexte .lastRight {

	border-right:1px solid #A29975;

}

table.pagestexte .last {

	border-right:1px solid #A29975; border-bottom:1px solid #A29975;

}





/* Images dans une page texte */



#content .txtImage {

	padding:5px 0 10px 0; font-size:10px; line-height:12px;

}



#content .droite {

	float:right; margin:0 0 10px 10px;

}

#content .gauche {

	float:left; margin:10px 10px 0 0;

}

#content .centre {

	margin:10px auto 0 auto;

}



#content .txtImage p {

	margin:0; padding:0; font-size:10px;

}

#content .txtImage div {

	margin:0; padding:0; text-align:left;

}

#content .txtImage img {

	margin:0; padding:0 0 5px 0;

}



#content .src-title, #content .src-titre {
	 color: #3F214F;
	 font-weight:bold;
	 line-height: 10px;
}

#content .src-description {

	

}

#content .src-source {

	 

}

#content .src-rights {

	

}
/* BOUTONS pas de pointille dans FF */
button::-moz-focus-inner { border: 0; }

/* RÉSUMÉ*/
.type-resumer .btn-reinit-resumer {
	display:none;
}

.type-resumer .question{
 color: #58538A;
}
.type-resumer ul{
	font-size: 14px;
}

.type-resumer .barre-navigation {
   background: transparent url("images/quiz_bottom.gif") repeat left top;
   height:32px;
   text-align:center;
}

.type-resumer .barre-navigation .suivant,
.type-resumer .barre-navigation .precedent,
.type-resumer .barre-navigation .btn-corrige-resumer,
.type-resumer .barre-navigation .btn-enregistre-resumer{
	position: relative;
	top: 4px;
}

.type-resumer .compteur-pages {
    background: url("images/back_compteurpage.gif") no-repeat center center;
	width: 53px;
	height: 22px;
	}

.compteur-pages {
	font-weight: bold;
	color: #3F214F;
	position: relative;
	float: right;
	right: 6px;
	top: -19px;
}

.type-resumer .suivant,
.type-resumer .precedent,
.type-resumer .btn-corrige-resumer{
    border: none;
    background: url("images/btn_100px_qz_off.png") no-repeat center center;
	width:104px;
	height: 24px;
	color:#FFFFFF;
	font-weight: bold;
}

.type-resumer .suivant:hover,
.type-resumer .precedent:hover,
.type-resumer .btn-corrige-resumer:hover,
.type-resumer .btn-reinit-resumer:hover{
   background: url("images/btn_100px_qz_on.png") no-repeat center;
}

.type-resumer .suivant.inactif,
.type-resumer .precedent.inactif,
.type-resumer .btn-corrige-resumer.inactif{
    border: none;
	background: url("images/btn_100px_qz_inactif.png") no-repeat center center;
	width:104px;
	height: 24px;
	color:#dbdbdb;
	font-weight: bold;
}

.type-resumer .btn-enregistre-resumer {
    border: none;
	background: url("images/btn_205px_qz_off.png") no-repeat center center;
	width:209px;
	height: 24px;
	color:#FFFFFF;
	font-weight: bold;
}
	
.type-resumer .btn-enregistre-resumer:hover {
	background: url("images/btn_205px_qz_on.png") no-repeat center;
}

.type-resumer .btn-enregistre-resumer.inactif{
    border: none;
	background: url("images/btn_205px_qz_inactif.png") no-repeat center center;
	width:209px;
	height: 24px;
	color:#dbdbdb;
}

/* Formulaires*/


.type-quiz2  .questionnaire textarea,
.type-resumer .questionnaire textarea,
type-formulaire .questionnaire textarea,{
	padding:5px;
}

.clef-correction {
    margin-left: 2em;
    font-style: italic;
}

/** YO 2007-05-15 **/
/** SOMMAIRES DES SECTIONS ET DES THÈMES **/

#content  div.sommaire {margin:1em 2em;padding:1em 0;border-bottom:#77D0EE solid 1px;border-top:#77D0EE solid 1px;width:60%;}

#content  div.sommaire p {font-weight:bold;color:#00a4db;font-size:1.5em;padding-left:10px;}

#content  div.sommaire ul li {margin:0;padding:0;color:#00a4db;}

/** BAS DE PAGE **/
div#basdepage {font-size:x-small;color:#FFFFFF;margin:1em 0 0 10px;}

/** DIRECTIVE DANS LES PRISE1 et PRISE2 **/
#content div.directive {
margin:1em 4em 3em 4em;
padding:1em 0;
border-bottom:#77D0EE solid 1px;
border-top:#77D0EE solid 1px;
}

#content div.directive p,
#content div.directive ul {
	font-size:14px;
	padding:0 0 0.5em 0;
	margin:0;
	color:#367D95;
}

#content div.directive ul{
	list-style-type: square;
	margin-left: 3em;
}

#content div.directive hr {
width:72px;
color:#90360A;
}

/* ACTIVITES NOTEES */
/*#activite-notee-barre-vue-haut {
	height: 3em;
	margin: 0;
	padding: 0;
}*/

.barre-vue {
	text-align: center;
}

.description,
.formulaire {
	border: none;
	background: url("images/btn_100px_qz_off.png") no-repeat center;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0.5em 0;
	width: 105px;
	margin-right:3px;
}

.section-inactive {
	border: none;
	background: url("images/btn_100px_qz_inactif.png") no-repeat center;
	color: #e4e4e6;
	font-weight: bold;
	padding: 0.5em 0;
	width: 105px;
	margin-right:3px;
	outline: none;
}

.section-inactive:hover {
	border: none;
	background: url("images/btn_100px_qz_on.png") no-repeat center;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0.5em 0;
	width: 105px;
	margin-right:3px;
	outline: none;
}

div.btn-feuillederoute {
	background:transparent no-repeat left top;
	margin-top:-2.2em;
	float: right;
}

.activite-notee .btn-feuillederoute a {
	background:transparent url("images/btn_fdr.gif") no-repeat center;
	color:#E6D8B0;
	display: block;
	height:24px;
	text-align: center;
	width: 140px;
	text-decoration: none;
	padding: 5px 0 0 0;
	font-weight: normal;
}

.activite-notee .btn-feuillederoute a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

/* block d'enetete*/
.evaluation {
	background: url("images/back_tp_entete.gif") repeat left top;
	border-top: 2px solid #e5e9ed;
	border-left: 2px solid #f1f4f6;
	border-right: 2px solid #9fa8b0;
	border-bottom: 2px solid #889099;
	font-size:14px;
	text-align: left;
	padding:0.5em;
	width:100%;
	height:180px;
	margin: 1em 0;
}

.evaluation th,
.evaluation td{
	background: url("images/back_tbl_eval.jpg") repeat bottom right;
}

.btn-enregistrer-tp {
	vertical-align:center;
}
#content .btn-enregistrer,
#content .btn-transmettre,
#content .btn-enregistrer-jdb,
#content .btn-refuser,
.activite-notee .btn-corrige{
	color:#CCCCCC; 
	font-weight: bold;
	border:none;
}

.contenant-btn-enregistrer {
	float:right;
}

.button btn-enregistrer {
text-align: center;
}

.activite-notee .btn-enregistrer-jdb,
.activite-notee button.btn-enregistrer,
.activite-notee input.btn-enregistrer{
	background: transparent url("images/btn_105px_form_off.gif") no-repeat center;
	width:100px;
	height: 30px;
}

/*.activite-notee .btn-enregistrer-jdb:hover,
.activite-notee button.btn-enregistrer:hover,
.activite-notee input.btn-enregistrer:hover {
	background: transparent url("images/btn_100px_qz_on.png") no-repeat center;
}*/

#content input.btn-transmettre,
.activite-notee .btn-corrige {
	background: transparent url("images/btn_180px_qz_off.png") no-repeat center;
	width:180px;
	height:30px;
}


#content .etat,
#content .remise-ev {
	font-size:12px;
	color: #666666;
	font-weight: bold;
}

.reponse-verrouillee {
	min-height: 50px;
    font-style: italic;
	background-color: #FFFFFF;
	border: 1px solid #3F214F;
	padding: 0.2em;
}


.section-question {
	background: transparent url("images/back_q_tp.jpg") no-repeat scroll right bottom;
}

.section-question td {
padding:0.5em 0.5em 1em;
vertical-align:top;
}

.question-seule{
	color:#933353;
	font-weight: bold;
}

.section-question a{
	color:#58538A;
	font-weight: bold;
	text-decoration: underline;
	border:none;
}

.petit-texte{
	color: #516b91;
	font-weight: bold;
	font-style: italic;
	padding: 6px 20px;
}


.fmt-note-partielle{
	color: #3F214F;
}

/*tableaux dans TP avec cases-texte*/

#c2s2m5t9_05_02,
#c2s2m5t9_05_04,
#c2s2m6t9_05_01,
#c2s3m7t9_05_02,
#c2s3m8t9_05_01,
#c2s3m8t9_05_05,
#c2s3m8t9_05_03,
#c2s3m8t9_05_04,
#c2s9m2t1_17 {
	background-color: #F5F6F9;
}

#c2s2m5t9_05_02 th,
#c2s2m5t9_05_04 th,
#c2s2m6t9_05_01 th,
#c2s3m7t9_05_02 th,
#c2s3m8t9_05_01 th,
#c2s3m8t9_05_05 th,
#c2s3m8t9_05_03 th,
#c2s3m8t9_05_04 th,
#c2s9m2t1_17 th{
	border: 1px solid #3F214F;
	background-color: #C3CCDA;
	color: #3F214F;
	font-style: italic;
}

#c2s2m5t9_05_02 td,
#c2s2m5t9_05_04 td,
#c2s2m6t9_05_01 td,
#c2s3m7t9_05_02 td,
#c2s3m8t9_05_01 td,
#c2s3m8t9_05_05 td,
#c2s3m8t9_05_03 td,
#c2s3m8t9_05_04 td,
#c2s9m2t1_17 td{
	border: 1px solid #3F214F;
	vertical-align: top;
	color: #516B91;
	font-weight: bold;
}




.description, .an-tableau { clear: both } 

.an-tableau th {
    text-align: center;
}

.an-tableau .entete-dates {
    text-align: left;
}

.an-tableau .entete-dates p {
    margin-bottom: 0;
}



.an-tableau .question {
    margin-top: 1em;
}

.an-tableau .reponse {
	font-style: italic;
	color: #512816;
	margin-left: 2em;
}

div.clef-correction {
    margin: 1em 2em;
    padding: 0.3em;
    background: white;
}


span.clef-correction { font-weight: bold; color: green; }

.afficheur-pointage {
float:right;
}

.tableau-correction,
.an-tableau{
    clear: both;
	width: 400px;
    margin-bottom: 1em;
}


.tableau-correction th,
.tableau-correction td,
.an-tableau th,
.an-tableau td {
    vertical-align: top;
    padding: 0.4em;
	background: url("images/back_tbl_eval.jpg") no-repeat center;
}

.tableau-correction th,
.an-tableau th { background: #E4D9AB; font-weight: normal }

.tableau-correction .etiquette-commentaire-note {
    text-align: left;
    margin-bottom: 0;
    font-weight: bold;
}

.tableau-correction .date-correction {
    text-align: left;   
}

.tableau-correction td.correction-formateur {
    text-align: center;
}



.an-msg-action {

    color: #902124;

    margin: 1.4em;

    font-weight: bold;

}





/** SCHEMAS **/

.schema {
    position: relative;
}


.schema span.texte-a-trou {
    position: absolute;
}

#content div.schema div.bloc-trous {
font-family:Arial,sans-serif;
font-size:10px;
position:absolute;
}

#content #formulaire-an .schema .texte-a-trou input,
#content #formulaire-an .schema .texte-a-trou,
#content #formulaire-an .schema .champ-texte textarea,
#content #formulaire-an .schema .champ-texte,
#content #formulaire-an .schema .champ-texte p {
    font-size: 11px;
}

#content .schema .champ-texte { position: absolute; }
#content .schema .champ-texte .reponse-verrouillee { margin: 0 }
#content .schema .champ-texte textarea {
    width: auto;
    font-family: Verdana, Arial, Helvetica, Verdana, sans-serif;    
}



.schema span.reponse-verrouillee {
    border-width: 0 0 1px 0;
    padding: 0;
    margin-left: 4px;
}

.schema .correction-reponse {
    border: 1px solid #E3D8A9;
    background: white;

    padding: 0.3em;

    color: green;

}

 /** JOURNAL DE BORD **/
.jdb-titre{
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:14px;
	color: #516B91;
	font-weight: bold;
	margin: 14px 0 0;
}

.jdb-stitre{
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 8px;
}

a.jdb{
	padding:0 0em ;
	border-bottom: 1px dotted #bb5008;
  	color: #bb5008;
}

p.btn-imprimer button.btn-imprimer {
	float: right;
    border: none;
    background: url("images/btn_180px_qz_off.png") no-repeat center;
	width:180px;
	height: 24px;
	color:#FFFFFF;
    margin-top: 1.2em;
	font-weight: bold;
 }
 
p.btn-imprimer button.btn-imprimer:hover {
    background: transparent url("images/btn_180px_qz_on.png") no-repeat center;
 }


.jdb-retour {
margin-left:2em;
position:relative;
top:2em;
}

.jdb-retour a{
	color: #FFFFFF;
 }
 
.jdb-retour a:hover{
	text-decoration: underline;
 }

#content div.imageright-jb {
  float: right;
  margin: 16pt 0pt 5px 2em;
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
  color: #516B91;
}

#content div.imageright-jb img,
#content div.imageleft-jb img {
  display: block;
  margin-bottom: 5px;
}

#content div.imageleft-jb {
  float: left;
  margin: 2em;
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
  color: #516B91;
}

#content div.imageright-jb span {
	font-weight: normal;
}

#content .src-jb-titre{
	text-align: center;
}

#content button.btn-enregistrer, #content input.btn-enregistrer {
	background:transparent url("images/btn_105px_form_off.gif") no-repeat scroll center center;
	border:medium none;
	padding:6px;
	width:100px;
	height: 30px;
}





#retour {
	margin-bottom:1em;
	text-align:center;
}

#retour a {
	background: transparent url("images/nav_prelim.gif") no-repeat scroll center center;
	color:#E6D8B0;
	height:21px;
	padding:0.8em;
	text-align:center;
	width:127px;
	font-weight: bold;
	font-size: 12px;
}

#retour a:hover {
	color:#FFFFFF;
}

/* References */
.float-right a{
	float:right;
	font-family: Arial;
	font-size: 10pt;
	color: #58538A;
}

.bloc-cartes {
	margin: 10em 0;
}


.carte-ctr {
	text-align:center;
}

.carte-ctr img{
	border: 1px solid;
	border-color: #3E3429;
}

.tbl_chrono {
	margin-bottom: 10px;
}

.a-right {
	text-align:right;
	width: 100px;
}
.fleche {
	padding: 0 5px;
	width: 30px;
}

.dark{
	background-color: #BCC7D9;
}

#page-c2s9m9t9_93 .sous-titre {
color:#628C74;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-top:1.5em;
}

#page-c2s9m9t9_93 div p i b, #page-c2s9m9t9_93 form p i b {
color:#E1B124;
font-family:Helvetica,Arial,Verdana,sans-serif;
font-size:16px;
font-style:normal;
margin:0;
}



#content .image-biblio{
	background: url('images/bibliographie.jpg') no-repeat top left;
}



/* Code pour les autres */
#ressourcessousmenu {
	position: absolute; width:84px; 
	top:34px;
	margin:0; padding:0 5px 5px 5px;
	background-color:#D5dEE8; text-align:left; color:#58538A;
	z-index:100; display:none;
	border:1px solid #516B91;
}
/* Code pour IE */
* html #ressourcessousmenu {
	position: absolute; width:84px;
	top:34px; 
	margin:0; padding:0 5px 5px 5px;
	background-color:#D5dEE8; text-align:left; color:#58538A;
	z-index:100; display:none;
}
#ressourcessousmenu ul {
	margin:0; padding:0; list-style:none; 
}
#ressourcessousmenu ul li {
	line-height:12px; padding:0.5em; font-size:11px;
}
#ressourcessousmenu ul li a {
	display:block; width:69px; color:#58538A; text-decoration:none;
}
#ressourcessousmenu ul li a:hover {
	text-decoration:none; color:#5080AF;
}

/* Fin Sous-menu References */

/* DEMO */

.sommaire a{
	color:#516B91;
	text-decoration:none;
}

.sommaire a:hover{
	color:#3F214F;
	text-decoration:underline;
}

.page-demo #footer {color: #FFFFFF}

/* INFO BULLES */

#page-c2s2m5t0_01.page-demo .bulles_info1,
#page-c2s2m5t9_05 .bulles_info1 {
	background: url('images/bulles_c2s2m5t0_01_01.png') no-repeat top left;
	top: 16px;
	left:480px;
	width:146px;
	height: 108px;
	z-index:10;
	position: relative;
}

#page-c2s2m5t0_01.page-demo .bulles_info2 {
	background: url('images/bulles_c2s2m5t0_01_02.png') no-repeat top left;
	top: -30px;
	left:210px;
	width:116px;
	height: 52px;
	z-index:10;
	position: relative;
}

#page-c2s2m5t0_01.page-demo .bulles_info3 {
	background: url('images/bulles_c2s2m5t0_01_03.png') no-repeat top left;
	top: -60px;
	left:610px;
	width:134px;
	height: 53px;
	z-index:10;
	position: relative;
}

#page-c2s2m5t0_03.page-demo .bulles_info1 {
	background: url('images/bulles_c2s2m5t0_03_01.png') no-repeat top left;
	top: 110px;
	left:250px;
	width:95px;
	height: 51px;
	z-index:10;
	position: relative;
}
#page-c2s2m5t0_03.page-demo .bulles_info2 {
	background: url('images/bulles_c2s2m5t0_03_02.png') no-repeat top left;
	top: 370px;
	left:700px;
	width:97px;
	height: 57px;
	z-index:10;
	position: relative;
}

#page-c2s2m5t0_03.page-demo .bulles_info3 {
	background: url('images/bulles_c2s2m5t0_03_03.png') no-repeat top left;
	top: 310px;
	left:490px;
	width:101px;
	height: 46px;
	z-index:10;
	position: relative;
}

#page-c2s2m5t0_04.page-demo .bulles_info1 {
	background: url('images/bulles_c2s2m5t0_04_01.png') no-repeat top left;
	top: 131px;
	left:0px;
	width:116px;
	height: 35px;
	z-index:10;
	position: relative;
}

#page-c2s2m5t0_04.page-demo .bulles_info2 {
	background: url('images/bulles_c2s2m5t0_04_02.png') no-repeat top left;
	top: 620px;
	left:100px;
	width:94px;
	height: 48px;
	z-index:10;
	position: relative;
}

#page-c2s2m5t9_02 .bulles_info1{
	background: url('images/bulles_c2s2m5t9_02_01.png') no-repeat top left;
	top: 626px;
	left:100px;
	width:156px;
	height: 120px;
	z-index:10;
	position: relative;
}

#page-c2s2m5t9_05 .bulles_info2{
	background: url('images/bulles_c2s2m5t9_05_02.png') no-repeat top left;
	top: 10px;
	left:320px;
	width:166px;
	height: 43px;
	z-index:10;
	position: relative;
}


#page-c2s2m5t1_02 .bulles_info1{
	background: url('images/bulles_c2s2m5t1_02_01.png') no-repeat top left;
	top: 106px;
	left:260px;
	width:84px;
	height: 53px;
	z-index:10;
	position: relative;
}