@charset "utf-8";
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
html {
  color: #000;
  background: #ffffff;
}
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;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
input,
textarea,
select {
  *font-size: 100%;
}
legend {
  color: #000000;
}
/* additional reset */
hr {
  margin: 0;
}
/* html5 reset */
header,
footer,
article,
section,
nav,
menu,
hgroup,
aside {
  display: block;
}
/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
.clear {
  clear: both;
}
html,
body {
  background: #f1efe5;
  color: #333;
  font-family: "Open sans";
  font-size: 13px;
  height: 100%;
}
div.clear {
  clear: both;
}
#wrap {
  background: url('../images/bg.jpg');
  min-height: 100%;
}
#container {
  overflow: auto;
  padding-bottom: 95px;
}
header.oai {
  background: #f8f8f8 url('../images/oai_header.png') no-repeat top center;
  border-top: 5px solid #000;
  padding-top: 107px;
  position: relative;
}
header.oai a.oai {
  display: block;
  height: 107px;
  left: 50%;
  margin-left: -480px;
  position: absolute;
  top: 0;
  width: 250px;
}
header.oai a.tfo {
  display: block;
  height: 60px;
  margin-right: -490px;
  position: absolute;
  width: 100px;
  top: 40px;
  right: 50%;
}
header.oai a.uottawa {
  display: block;
  height: 60px;
  margin-right: -300px;
  position: absolute;
  width: 190px;
  top: 40px;
  right: 50%;
}
header.oai nav {
  background: url('../images/oai_header_menu_bg.gif');
  height: 37px;
  position: relative;
}
header.oai nav ul {
  height: 37px;
  left: 50%;
  margin: 0 0 0 -474px;
  padding: 6px 0;
  position: absolute;
  top: 0;
}
header.oai nav ul li {
  float: left;
  line-height: 25px;
  padding: 0 20px;
}
header.oai nav ul li a {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}
header.oai nav ul li.oai {
  border-right: 1px solid #686868;
}
footer {
  background: url('../images/footer_bg.png') repeat-x top center;
  clear: both;
  height: 75px;
  margin-top: -75px;
  position: relative;
}
footer p {
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
  padding: 30px 0 0 0;
  text-align: center;
  width: 500px;
}
div#nano {
  background: url('../images/header_bg.png') repeat-x top;
}
div#nano header {
  background: url('../images/header.jpg') no-repeat top center;
  height: 158px;
  position: relative;
}
div#nano header div#menu_container {
  margin: 0 auto;
  width: 946px;
}
div#nano header div#menu_container a#html_carriere {
  display: block;
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/bt_carriere.png') no-repeat;
  clear: both;
  height: 57px;
  float: right;
  margin-top: 12px;
  width: 275px;
}
div#nano header div#menu_container a#html_carriere:hover {
  background-position: 0 -57px;
}
div#nano header div#menu_container ul {
  margin: 0 auto;
  padding: 12px 0 0 1px;
  width: 946px;
}
div#nano header div#menu_container ul li {
  cursor: pointer;
  float: left;
  margin: 0;
  padding: 0;
}
div#nano header div#menu_container ul li a {
  display: block;
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/menu_btn_bg.png') no-repeat;
  height: 44px;
}
div#nano header div#menu_container ul li a#html_accueil {
  background-position: 0px 0;
  width: 83px;
}
div#nano header div#menu_container ul li a#html_accueil:hover,
div#nano header div#menu_container ul li a#html_accueil.active,
div#nano header div#menu_container ul li a#html_accueil.actif {
  background-position: 0px -44px;
}
div#nano header div#menu_container ul li a#html_quest_ce_que_cest {
  background-position: -83px 0;
  width: 176px;
}
div#nano header div#menu_container ul li a#html_quest_ce_que_cest:hover,
div#nano header div#menu_container ul li a#html_quest_ce_que_cest.active,
div#nano header div#menu_container ul li a#html_quest_ce_que_cest.actif {
  background-position: -83px -44px;
}
div#nano header div#menu_container ul li a#html_a_quoi_ca_sert {
  background-position: -259px 0;
  width: 146px;
}
div#nano header div#menu_container ul li a#html_a_quoi_ca_sert:hover,
div#nano header div#menu_container ul li a#html_a_quoi_ca_sert.active,
div#nano header div#menu_container ul li a#html_a_quoi_ca_sert.actif {
  background-position: -259px -44px;
}
div#nano header div#menu_container ul li a#html_cest_bon_pour_nous {
  background-position: -406px 0;
  width: 186px;
}
div#nano header div#menu_container ul li a#html_cest_bon_pour_nous:hover,
div#nano header div#menu_container ul li a#html_cest_bon_pour_nous.active,
div#nano header div#menu_container ul li a#html_cest_bon_pour_nous.actif {
  background-position: -406px -44px;
}
div#nano header div#menu_container ul li a#html_la_nanotoxicite_cest_quoi {
  background-position: -594px 0;
  width: 220px;
}
div#nano header div#menu_container ul li a#html_la_nanotoxicite_cest_quoi:hover,
div#nano header div#menu_container ul li a#html_la_nanotoxicite_cest_quoi.active,
div#nano header div#menu_container ul li a#html_la_nanotoxicite_cest_quoi.actif {
  background-position: -594px -44px;
}
div#nano header div#menu_container ul li a#html_synthese {
  background-position: -817px 0;
  width: 106px;
}
div#nano header div#menu_container ul li a#html_synthese:hover,
div#nano header div#menu_container ul li a#html_synthese.active,
div#nano header div#menu_container ul li a#html_synthese.actif {
  background-position: -817px -44px;
}
div#nano header div#menu_container ul li + li {
  margin-left: 5px;
}
div#nano #download_flash {
  display: none;
}
div#nano div.content-nano {
  margin: 1px auto 8px auto;
  width: 948px;
}
div#nano div.content-nano div.box,
div#nano div.content-nano div.rounded-box,
div#nano div.content-nano div.rounded-dotted-box,
div#nano div.content-nano a.box,
div#nano div.content-nano a.rounded-box,
div#nano div.content-nano a.rounded-dotted-box {
  margin: 0;
  padding: 16px;
}
div#nano div.content-nano div.box h2,
div#nano div.content-nano div.rounded-box h2,
div#nano div.content-nano div.rounded-dotted-box h2,
div#nano div.content-nano a.box h2,
div#nano div.content-nano a.rounded-box h2,
div#nano div.content-nano a.rounded-dotted-box h2 {
  color: #00b6ff;
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
div#nano div.content-nano div.box h3,
div#nano div.content-nano div.rounded-box h3,
div#nano div.content-nano div.rounded-dotted-box h3,
div#nano div.content-nano a.box h3,
div#nano div.content-nano a.rounded-box h3,
div#nano div.content-nano a.rounded-dotted-box h3 {
  color: #00b7ff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
div#nano div.content-nano div.box p,
div#nano div.content-nano div.rounded-box p,
div#nano div.content-nano div.rounded-dotted-box p,
div#nano div.content-nano a.box p,
div#nano div.content-nano a.rounded-box p,
div#nano div.content-nano a.rounded-dotted-box p {
  line-height: 19px;
  margin-bottom: 24px;
}
div#nano div.content-nano div.box#content-photo,
div#nano div.content-nano div.rounded-box#content-photo,
div#nano div.content-nano div.rounded-dotted-box#content-photo,
div#nano div.content-nano a.box#content-photo,
div#nano div.content-nano a.rounded-box#content-photo,
div#nano div.content-nano a.rounded-dotted-box#content-photo {
  float: left;
  height: 356px;
  margin-right: 8px;
  padding: 4px;
  width: 256px;
}
div#nano div.content-nano div.box#content-photo h2,
div#nano div.content-nano div.rounded-box#content-photo h2,
div#nano div.content-nano div.rounded-dotted-box#content-photo h2,
div#nano div.content-nano a.box#content-photo h2,
div#nano div.content-nano a.rounded-box#content-photo h2,
div#nano div.content-nano a.rounded-dotted-box#content-photo h2 {
  margin: 0;
  text-align: center;
  font-weight: 700;
}
div#nano div.content-nano div.box#content-photo h5,
div#nano div.content-nano div.rounded-box#content-photo h5,
div#nano div.content-nano div.rounded-dotted-box#content-photo h5,
div#nano div.content-nano a.box#content-photo h5,
div#nano div.content-nano a.rounded-box#content-photo h5,
div#nano div.content-nano a.rounded-dotted-box#content-photo h5 {
  color: #666;
  font-size: 11px;
  font-style: italic;
  text-align: center;
}
div#nano div.content-nano div.box.info,
div#nano div.content-nano div.rounded-box.info,
div#nano div.content-nano div.rounded-dotted-box.info,
div#nano div.content-nano a.box.info,
div#nano div.content-nano a.rounded-box.info,
div#nano div.content-nano a.rounded-dotted-box.info {
  background: #ffffff url('../images/icon_info.png') no-repeat top left;
  color: #333;
  font-weight: 700;
  padding: 16px 16px 16px 54px;
}
div#nano div.content-nano div.box.attention,
div#nano div.content-nano div.rounded-box.attention,
div#nano div.content-nano div.rounded-dotted-box.attention,
div#nano div.content-nano a.box.attention,
div#nano div.content-nano a.rounded-box.attention,
div#nano div.content-nano a.rounded-dotted-box.attention {
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  background: #f5c6c6 url('../images/icon_attention.png') no-repeat center left;
  border: 1px #d31a1a dashed;
  color: #d31a1a;
  font-weight: 700;
  margin: 0 auto 24px auto;
  padding: 16px 16px 16px 54px;
  width: 586px;
}
div#nano div.content-nano div.rounded-box,
div#nano div.content-nano a.rounded-box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  background: #fff;
}
div#nano div.content-nano div.rounded-box.video_container,
div#nano div.content-nano a.rounded-box.video_container {
  background: #ffffff url('../images/bottom_bg.jpg') repeat-x bottom center;
  border: 1px #eee solid;
  padding: 8px;
  margin: 1px auto;
  width: 640px;
}
div#nano div.content-nano div.rounded-box.video_container div.video,
div#nano div.content-nano a.rounded-box.video_container div.video {
  background: #eee;
  height: 360px;
  padding: 0;
  width: 640px;
}
div#nano div.content-nano div.rounded-box.video_container p.caption,
div#nano div.content-nano a.rounded-box.video_container p.caption {
  color: #00b7ff;
  font-size: 16px;
  font-weight: 600;
  margin: 8px 0 0 0;
  line-height: 46px;
  text-align: center;
  text-transform: uppercase;
}
div#nano div.content-nano div.rounded-box.video_container p.description,
div#nano div.content-nano a.rounded-box.video_container p.description {
  color: #666;
  font-size: 13px;
  margin-bottom: 8px;
  padding: 0 8px;
  text-align: center;
}
div#nano div.content-nano div.rounded-dotted-box,
div#nano div.content-nano a.rounded-dotted-box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px #ccc dashed;
}
div#nano div.content-nano div#div_activite {
  display: none;
}
div#nano div.content-nano div#div_activite div.info {
  background-position: 8px 14px;
  float: left;
  line-height: 41px;
  padding-left: 62px;
  width: 747px;
}
div#nano div.content-nano div#div_activite div#btn_video,
div#nano div.content-nano div#div_activite a#btn_video,
div#nano div.content-nano div#div_activite a.btn_video {
  overflow: hidden;
  text-indent: -1000px;
  background: #ffffff url('../images/video_btn.jpg') no-repeat;
  display: block;
  float: right;
  height: 65px;
  padding: 4px;
  width: 103px;
}
div#nano div.content-nano div#div_activite div#btn_video:hover,
div#nano div.content-nano div#div_activite a#btn_video:hover,
div#nano div.content-nano div#div_activite a.btn_video:hover {
  background-position: -111px 0;
}
div#nano div.content-nano div#div_activite div#btn_video.cest_bon_pour_nous,
div#nano div.content-nano div#div_activite a#btn_video.cest_bon_pour_nous,
div#nano div.content-nano div#div_activite a.btn_video.cest_bon_pour_nous {
  background-position: 0 -73px;
}
div#nano div.content-nano div#div_activite div#btn_video.cest_bon_pour_nous:hover,
div#nano div.content-nano div#div_activite a#btn_video.cest_bon_pour_nous:hover,
div#nano div.content-nano div#div_activite a.btn_video.cest_bon_pour_nous:hover {
  background-position: -111px -73px;
}
div#nano div.content-nano div#div_activite div#btn_video.la_nanotoxicite_cest_quoi,
div#nano div.content-nano div#div_activite a#btn_video.la_nanotoxicite_cest_quoi,
div#nano div.content-nano div#div_activite a.btn_video.la_nanotoxicite_cest_quoi {
  background-position: 0 -146px;
}
div#nano div.content-nano div#div_activite div#btn_video.la_nanotoxicite_cest_quoi:hover,
div#nano div.content-nano div#div_activite a#btn_video.la_nanotoxicite_cest_quoi:hover,
div#nano div.content-nano div#div_activite a.btn_video.la_nanotoxicite_cest_quoi:hover {
  background-position: -111px -146px;
}
div#nano div.content-nano div#div_activite div.info {
  margin-bottom: 12px;
}
div#nano div.content-nano div#div_activite div.rounded-dotted-box {
  margin: 48px auto 16px auto;
  padding: 8px 26px;
}
div#nano div.content-nano div#div_activite div.rounded-dotted-box p {
  display: block;
  height: 18px;
  margin: 0 0 0 -24px;
  text-align: center;
}
div#nano div.content-nano div#div_activite div.rounded-dotted-box p strong {
  padding-left: 24px;
}
div#nano div.content-nano div#div_activite div#resultat,
div#nano div.content-nano div#div_activite div.resultat {
  display: none;
  margin-top: 12px;
}
div#nano div.content-nano div#div_activite div#resultat h2,
div#nano div.content-nano div#div_activite div.resultat h2 {
  color: #00b7ff;
  font-family: "Strait";
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 32px;
  text-align: center;
  text-transform: none;
}
div#nano div.content-nano div#div_activite div#resultat div.boutons,
div#nano div.content-nano div#div_activite div.resultat div.boutons {
  margin: 32px 16px 16px 16px;
}
div#nano div.content-nano div#div_activite a#btn_refaire_activite {
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/bt_activite.png') no-repeat;
  display: block;
  float: left;
  height: 44px;
  width: 187px;
  background-position: -359px 0;
}
div#nano div.content-nano div#div_activite a#btn_refaire_activite:hover,
div#nano div.content-nano div#div_activite a#btn_refaire_activite.active,
div#nano div.content-nano div#div_activite a#btn_refaire_activite.actif {
  background-position: -359px -44px;
}
div#nano div.content-nano div#div_activite a#btn_retour_aux_consignes {
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/bt_activite.png') no-repeat;
  display: block;
  float: left;
  height: 44px;
  width: 225px;
  background-position: -1388px 0;
}
div#nano div.content-nano div#div_activite a#btn_retour_aux_consignes:hover,
div#nano div.content-nano div#div_activite a#btn_retour_aux_consignes.active,
div#nano div.content-nano div#div_activite a#btn_retour_aux_consignes.actif {
  background-position: -1388px -44px;
}
div#nano div.content-nano div#div_activite a#btn_activite_suivante,
div#nano div.content-nano div#div_activite div.btn_activite_suivante {
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/bt_activite.png') no-repeat;
  display: block;
  float: right;
  height: 44px;
  width: 187px;
}
div#nano div.content-nano div#div_activite div.btn_activite_suivante {
  background-position: -172px -88px;
}
div#nano div.content-nano div#div_activite div.btn_activite_suivante.actif {
  background-position: -172px 0;
}
div#nano div.content-nano div#div_activite div.btn_activite_suivante.actif:hover {
  background-position: -172px -44px;
  cursor: pointer;
}
div#nano div.content-nano div#div_activite a#btn_activite_suivante {
  background-position: -172px 0;
}
div#nano div.content-nano div#div_activite a#btn_activite_suivante:hover,
div#nano div.content-nano div#div_activite a#btn_activite_suivante.active,
div#nano div.content-nano div#div_activite a#btn_activite_suivante.actif {
  background-position: -172px -44px;
}
div#nano div.content-nano div#div_activite div.texte_troue {
  padding: 32px 24px 24px 24px;
}
div#nano div.content-nano div#div_activite div.texte_troue div#draggable_list_texte {
  margin: 0 0 12px -8px;
}
div#nano div.content-nano div#div_activite div.texte_troue div#draggable_list_texte div.drag_content_container {
  float: left;
  margin-bottom: 12px;
}
div#nano div.content-nano div#div_activite div.texte_troue div#draggable_list_texte div.drag_content_container span.drag_content {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  border: 1px #ccc solid;
  background: url('../images/bottom_bg.jpg') repeat-x bottom center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  margin: 6px 8px;
  padding: 0 8px 1px 8px;
  text-align: center;
}
div#nano div.content-nano div#div_activite div.texte_troue div#draggable_list_texte div.drag_content_container span.drag_content:hover {
  background: #00b7ff;
  border-color: #00b7ff;
  color: #fff;
}
div#nano div.content-nano div#div_activite div.texte_troue div#droppable_list_texte p {
  clear: both;
  line-height: 23px;
  margin: 16px 0;
}
div#nano div.content-nano div#div_activite div.texte_troue div#droppable_list_texte span.drop_zone {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: url('../images/drop_bg.jpg') repeat-x;
  border: 1px #ccc dashed;
  color: #faf8f5;
  font-weight: 600;
  padding: 1px 8px;
  word-wrap: break-word;
}
div#nano div.content-nano div#div_activite div.texte_troue div#droppable_list_texte span.drop_zone.actif {
  border-color: #00b7ff;
  color: #00b7ff;
}
div#nano div.content-nano div#div_activite div.texte_troue div#droppable_list_texte span.drop_zone.actif.dropped {
  border-color: #ccc;
  color: inherit;
}
div#nano div.content-nano div#div_activite div.texte_troue div#droppable_list_texte span.drop_zone a {
  background: url('../images/icon_remove.png') repeat-x;
  padding-left: 16px;
  text-decoration: none;
}
div#nano div.content-nano div#div_activite div.texte_troue div#droppable_list_texte span.drop_zone a:hover {
  background-position: 0 -18px;
}
div#nano div.content-nano a#btn_faire_activite {
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/bt_activite.png') no-repeat;
  display: block;
  float: right;
  height: 44px;
  margin: 32px -10px 0 0;
  width: 172px;
  background-position: 0 0;
}
div#nano div.content-nano a#btn_faire_activite:hover,
div#nano div.content-nano a#btn_faire_activite.active,
div#nano div.content-nano a#btn_faire_activite.actif {
  background-position: 0 -44px;
}
div#nano div.content-nano .drag_content.ui-draggable-dragging {
  z-index: 999;
}
div#nano div.content-nano div#quiz {
  padding: 24px;
}
div#nano div.content-nano div#quiz div.question p {
  color: #00b7ff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
div#nano div.content-nano div#quiz div.question p span {
  color: #333;
  padding-right: 4px;
}
div#nano div.content-nano div#quiz ul.answers {
  margin-bottom: 16px;
}
div#nano div.content-nano div#quiz ul.answers li {
  background: #ffffff url('../images/icon_radio_indicator.png') no-repeat;
  cursor: pointer;
  height: 21px;
  padding-left: 52px;
}
div#nano div.content-nano div#quiz ul.answers li.clicked {
  background-position: 0 -21px;
}
div#nano div.content-nano div#quiz ul.answers li.clicked.win {
  background-position: 0 -63px;
  font-weight: 600;
}
div#nano div.content-nano div#quiz ul.answers li.clicked.fail {
  background-position: 0 -105px;
  color: #888;
}
div#nano div.content-nano div#quiz ul.answers li.win_failed {
  background-position: 0 -42px;
  font-weight: 600;
}
div#nano div.content-nano div#quiz ul.answers li.fail {
  background-position: 0 -84px;
  color: #888;
}
div#nano div.content-nano div#quiz ul.answers li + li {
  margin-top: 4px;
}
div#nano div.content-nano div#quiz div.message {
  clear: both;
  margin-top: 16px;
}
div#nano div.content-nano div#quiz div.counter {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  margin: 1px auto;
  padding-top: 14px;
  text-align: center;
  width: 100px;
}
div#nano div.content-nano div.fleche_gauche {
  overflow: hidden;
  text-indent: -1000px;
  background-image: url('../images/bt_question.png');
  background-position: 0 -88px;
  display: block;
  float: left;
  height: 44px;
  width: 217px;
}
div#nano div.content-nano div.fleche_gauche.actif {
  background-position: 0 0;
}
div#nano div.content-nano div.fleche_gauche.actif:hover {
  background-position: 0 -44px;
  cursor: pointer;
}
div#nano div.content-nano div.fleche_droite {
  overflow: hidden;
  text-indent: -1000px;
  background-image: url('../images/bt_question.png');
  background-position: -217px -88px;
  display: block;
  float: right;
  height: 44px;
  width: 197px;
}
div#nano div.content-nano div.fleche_droite.actif {
  background-position: -217px 0;
}
div#nano div.content-nano div.fleche_droite.actif:hover {
  background-position: -217px -44px;
  cursor: pointer;
}
div#nano div.content-nano div.quiz_fail,
div#nano div.content-nano div.quiz_win,
div#nano div.content-nano div.win,
div#nano div.content-nano div.fail {
  display: none;
  min-height: 19px;
  margin-bottom: 16px;
  padding-left: 31px;
}
div#nano div.content-nano div.quiz_fail strong,
div#nano div.content-nano div.quiz_win strong,
div#nano div.content-nano div.win strong,
div#nano div.content-nano div.fail strong {
  font-weight: 600;
}
div#nano div.content-nano div.quiz_fail p,
div#nano div.content-nano div.quiz_win p,
div#nano div.content-nano div.win p,
div#nano div.content-nano div.fail p {
  margin: 0;
}
div#nano div.content-nano div.quiz_win,
div#nano div.content-nano div.win {
  background: url('../images/icon_retroaction_win.png') no-repeat left top;
  color: #5ec106;
}
div#nano div.content-nano div.quiz_fail,
div#nano div.content-nano div.fail {
  background: url('../images/icon_retroaction_fail.png') no-repeat left top;
  color: #de1a02;
}
div#nano div.content-nano div#msg_container {
  height: 20px;
  margin-bottom: 16px;
}
div#nano div.content-nano div#msg_container div.quiz_fail {
  margin: 0 auto;
  text-align: center;
  width: 280px;
}
div#nano div.content-nano div#msg_container div.quiz_win {
  margin: 0 auto;
  text-align: center;
  width: 190px;
}
div#nano div.content-nano .display_none {
  display: none;
}
div#section_video {
  margin: 1px auto;
  padding: 0;
  width: 652px;
}
div.video_container {
  background: #ffffff url('../images/bottom_bg.jpg') repeat-x bottom center;
  border: 1px #eee solid;
  padding: 8px;
  margin: 1px auto;
  width: 640px;
}
div.video_container div.video {
  background: #eee;
  height: 360px;
  padding: 0;
  width: 640px;
}
div.video_container p.caption {
  color: #00b7ff;
  font-size: 16px;
  font-weight: 600;
  margin: 16px 0 0 0;
  line-height: 46px;
  text-align: center;
  text-transform: uppercase;
}
div.video_container p.description {
  color: #666;
  font-size: 13px;
  margin-bottom: 8px;
  padding: 0 8px;
  text-align: center;
}
div.video_container iframe {
  height: 360px;
  width: 640px;
}
div.fancybox-inner div.video_container {
  background: none;
  border: none;
  padding: 0;
}
html.touch div#nano div.content-nano div.fleche_droite.actif:hover {
  background-position: -217px 0;
}
html.touch div#nano div.content-nano div.fleche_gauche.actif:hover {
  background-position: 0 0;
}
div#nano div#content-accueil div.rounded-box#content {
  float: right;
  height: 316px;
  padding: 24px;
  width: 604px;
}
div#nano div#content-accueil div.rounded-box#content a#_quest_ce_que_cest {
  display: block;
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/bt_accueil.png') no-repeat;
  height: 44px;
  width: 289px;
  background-position: 0 0;
}
div#nano div#content-accueil div.rounded-box#content a#_quest_ce_que_cest:hover,
div#nano div#content-accueil div.rounded-box#content a#_quest_ce_que_cest.active,
div#nano div#content-accueil div.rounded-box#content a#_quest_ce_que_cest.actif {
  background-position: 0 -44px;
}
div#nano div#content-accueil div.rounded-box#content a#_carriere {
  display: block;
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/bt_accueil.png') no-repeat;
  height: 44px;
  margin-top: 8px;
  width: 224px;
  background-position: -289px 0;
}
div#nano div#content-accueil div.rounded-box#content a#_carriere:hover,
div#nano div#content-accueil div.rounded-box#content a#_carriere.active,
div#nano div#content-accueil div.rounded-box#content a#_carriere.actif {
  background-position: -289px -44px;
}
div#nano div#content-carriere div#content-photo {
  margin-right: 20px;
}
div#nano div#content-carriere div#div_en_savoir_plus {
  float: right;
  margin-bottom: -8px;
  width: 660px;
}
div#nano div#content-carriere div#div_en_savoir_plus div.bt_savoir_plus {
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #ffffff url('../images/bt_savoir_plus.png') no-repeat left bottom;
  color: #00b7ff;
  cursor: pointer;
  display: block;
  float: left;
  font-family: "Strait";
  font-size: 22px;
  height: 138px;
  margin: 0 0 8px 8px;
  padding: 20px 24px;
  text-decoration: none;
  text-transform: uppercase;
  width: 274px;
}
div#nano div#content-carriere div#div_en_savoir_plus div.bt_savoir_plus:hover {
  background-color: #00b4ff;
  background-position: -322px bottom;
  color: #fff;
}
div#nano div#content-carriere div#content {
  display: none;
  float: right;
  height: 324px;
  padding: 20px 24px;
  position: relative;
  width: 604px;
  /*span.mediaelement_str
			{
				display: none;
			}*/

}
div#nano div#content-carriere div#content div.carriere_reponse {
  display: none;
}
div#nano div#content-carriere div#content div.carriere_reponse h2 {
  font-family: "Strait";
  font-size: 22px;
  font-weight: 400;
}
div#nano div#content-carriere div#content a#revenir_aux_questions {
  background: url('../images/icon_back.png') no-repeat right center;
  bottom: 20px;
  color: #333;
  font-family: "Strait";
  font-size: 16px;
  padding: 0 24px 0 0;
  position: absolute;
  right: 24px;
  text-decoration: none;
}
div#nano div#content-carriere div#content a#revenir_aux_questions:hover {
  color: #00b7ff;
}
div#nano div#content-carriere div#content div.mejs-container {
  margin: 4px 0 12px 0;
  width: 600px;
}
div#nano div#content-quest_ce_que_cest div#content {
  clear: both;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div.info {
  line-height: 16px;
  padding: 20px 24px 21px 68px;
  width: 733px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list {
  height: 64px;
  margin: 16px auto 48px auto;
  width: 898px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container {
  height: 60px;
  float: left;
  position: relative;
  width: 60px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  background: url('../images/quest_ce_que_cest_activite.png') no-repeat;
  border: #fff 1px solid;
  display: block;
  height: 60px;
  width: 60px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img1 {
  background-position: 0 0;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img2 {
  background-position: -60px 0;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img3 {
  background-position: -120px 0;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img4 {
  background-position: -180px 0;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img5 {
  background-position: -240px 0;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img6 {
  background-position: -300px 0;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img7 {
  background-position: -360px 0;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img8 {
  background-position: -420px 0;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img9 {
  background-position: -480px 0;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img10 {
  background-position: -540px 0;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img11 {
  background-position: -600px 0;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img12 {
  background-position: -660px 0;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span strong {
  display: block;
  font-size: 10px;
  font-weight: normal;
  left: -5px;
  line-height: 10px;
  position: absolute;
  text-align: center;
  bottom: 68px;
  width: 70px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span:hover {
  border-color: #00b7ff;
  cursor: pointer;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span.ui-draggable-dragging strong {
  display: none;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container span.bottom.ui-draggable-disabled strong {
  bottom: auto;
  top: 66px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite ul.images_list li.drag_content_container + li {
  margin-left: 14px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area {
  background: url('../images/quest_ce_que_cest_echelle.png') no-repeat center 74px;
  height: 200px;
  width: 852px;
  margin: 1px auto;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  background: #f4f4f4 url('../images/drop_bg.jpg') repeat-x top center;
  border: 1px #ccc dashed;
  height: 60px;
  float: left;
  width: 60px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone.zone1 {
  margin-left: 12px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone.zone2 {
  margin-left: 118px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone.zone3 {
  margin-left: 46px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone.zone4 {
  margin-left: 86px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone.zone5 {
  margin-left: 74px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone.zone6 {
  margin-left: 22px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone.zone7 {
  margin-left: 48px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone.zone8 {
  margin-top: 75px;
  margin-left: 80px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone.zone9 {
  margin-top: 75px;
  margin-left: 98px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone.zone10 {
  margin-top: 75px;
  margin-left: 70px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone.zone11 {
  margin-top: 75px;
  margin-left: 130px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone.zone12 {
  margin-top: 75px;
  margin-left: 28px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone div.drop_zone_droppable {
  height: 60px;
  width: 60px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.drop_area div.drop_zone div.drop_zone_droppable span.icon_x_droppable {
  background: url('../images/icon_x.png') no-repeat center center;
  display: block;
  height: 60px;
  width: 60px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite #echelle {
  background: url('../images/quest_ce_que_cest_echelle.png') no-repeat;
  height: 51px;
  margin: 12px auto;
  width: 852px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#activite div.rounded-dotted-box {
  width: 568px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#resultat div#texte {
  display: block;
  float: left;
  margin-left: 32px;
  width: 350px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#resultat div#texte strong {
  font-weight: 600;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#resultat div#texte strong#texte_titre {
  line-height: 30px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#resultat div#resultat_echelle_img {
  background: #eef4f6 url('../images/quest_ce_que_cest_resultat_echelle.png') no-repeat center center;
  float: right;
  height: 133px;
  margin-right: 32px;
  width: 423px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#resultat p#resultat_img {
  background: #eef4f6 url('../images/quest_ce_que_cest_resultat.png') no-repeat center center;
  margin: 32px -16px 0 -16px;
  padding: 152px 0;
  overflow: hidden;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#resultat div.rounded-dotted-box {
  margin: 24px auto 0 auto;
  width: 688px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div#msg_container {
  margin-top: 16px;
}
div#nano div#content-quest_ce_que_cest div#content div#div_activite div.rounded-dotted-box {
  margin: 24px auto 16px auto;
}
div#nano div#content-a_quoi_ca_sert div#content {
  clear: both;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite {
  display: block;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div.info {
  background-position: 8px 14px;
  float: left;
  line-height: 16px;
  padding: 14px 24px 14px 68px;
  width: 858px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite {
  padding: 16px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte,
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite h2,
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#resultat_diagrammes,
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite a#btn_refaire_activite,
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite a#btn_activite_suivante {
  display: none;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#quiz {
  margin-top: 24px;
  padding-bottom: 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list {
  height: 72px;
  margin: 4px auto 36px auto;
  width: 866px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container {
  height: 74px;
  float: left;
  padding: 0;
  width: 74px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container span {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  background: url('../images/a_quoi_ca_sert_activite.jpg') no-repeat;
  border: 1px #999 solid;
  display: block;
  height: 68px;
  padding: 2px;
  width: 68px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img1 {
  background-position: 0 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img2 {
  background-position: -70px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img3 {
  background-position: -140px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img4 {
  background-position: -210px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img5 {
  background-position: -280px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img6 {
  background-position: -350px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img7 {
  background-position: -420px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img8 {
  background-position: -490px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img9 {
  background-position: -560px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container span.img10 {
  background-position: -630px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container span strong {
  display: block;
  font-size: 10px;
  font-weight: normal;
  left: -5px;
  line-height: 10px;
  position: absolute;
  text-align: center;
  bottom: 78px;
  width: 78px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container span:hover {
  border-color: #00b7ff;
  cursor: pointer;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container span.ui-draggable-dragging strong {
  display: none;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite ul.images_list li.drag_content_container + li {
  margin-left: 14px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg {
  margin: 0 -16px;
  width: 946;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg div#quiz {
  padding-top: 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area {
  height: 74px;
  margin: 1px auto 0 auto;
  width: 866px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area.descriptions {
  height: 76px;
  margin: 0 auto 8px auto;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li {
  float: left;
  height: 75px;
  width: 74px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_zone {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  background: #f4f4f4 url('../images/drop_bg.jpg') repeat-x top center;
  border: 1px #ccc dashed;
  border-bottom: none;
  display: block;
  height: 73px;
  width: 72px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_zone strong {
  display: none;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_zone span.icon_x_droppable {
  background: url('../images/icon_x.png') no-repeat center center;
  display: block;
  height: 73px;
  width: 72px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_zone span.answer {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  background: url('../images/a_quoi_ca_sert_activite.jpg') no-repeat;
  border: 1px #999 solid;
  display: block;
  height: 68px;
  margin: -1px 0 0 -1px;
  padding: 2px;
  width: 68px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_zone span.answer.img5 {
  background-position: 0 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_zone span.answer.img1 {
  background-position: -70px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_zone span.answer.img3 {
  background-position: -140px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_zone span.answer.img7 {
  background-position: -210px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_zone span.answer.img2 {
  background-position: -280px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_zone span.answer.img4 {
  background-position: -350px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_zone span.answer.img10 {
  background-position: -420px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_zone span.answer.img8 {
  background-position: -490px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_zone span.answer.img9 {
  background-position: -560px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_zone span.answer.img6 {
  background-position: -630px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_image {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  background: #f4f4f4 url('../images/a_quoi_ca_sert_activite_nanoparticules.jpg') repeat-x center center;
  border: 1px #999 solid;
  cursor: pointer;
  display: block;
  height: 68px;
  padding: 2px;
  position: relative;
  width: 68px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_image.img1 {
  background-position: 0 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_image.img2 {
  background-position: -70px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_image.img3 {
  background-position: -140px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_image.img4 {
  background-position: -210px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_image.img5 {
  background-position: -280px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_image.img6 {
  background-position: -350px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_image.img7 {
  background-position: -420px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_image.img8 {
  background-position: -490px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_image.img9 {
  background-position: -560px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_image.img10 {
  background-position: -630px 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_image span.icon_info {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #fff;
  bottom: 0;
  color: #333;
  cursor: pointer;
  display: block;
  font-weight: 800;
  height: 18px;
  line-height: 16px;
  padding-right: 1px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 16px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li span.drop_image:hover span.icon_info {
  color: #00b7ff;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div.blue_bg ul.drop_area li + li {
  margin-left: 14px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #00b7ff;
  display: none;
  margin: 24px auto 8px auto;
  padding: 12px 16px 12px 16px;
  position: relative;
  width: 834px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div {
  color: #fff;
  display: none;
  font-size: 13px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div h3 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div p {
  line-height: 16px;
  margin: 6px 0 0 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div.text_activite {
  display: block;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div.text_resultat {
  display: none;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div.resultat {
  margin: 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div.resultat div.text_activite {
  display: none;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div.resultat div.text_resultat {
  display: block;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div#boite_fleche {
  background: url('../images/boite_fleche.jpg') no-repeat center center;
  height: 8px;
  margin-left: 32px;
  position: absolute;
  top: -8px;
  width: 13px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div#boite_fleche.img1 {
  left: 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div#boite_fleche.img2 {
  left: 88px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div#boite_fleche.img3 {
  left: 176px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div#boite_fleche.img4 {
  left: 264px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div#boite_fleche.img5 {
  left: 352px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div#boite_fleche.img6 {
  left: 440px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div#boite_fleche.img7 {
  left: 528px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div#boite_fleche.img8 {
  left: 616px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div#boite_fleche.img9 {
  left: 704px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#texte_explicatif div#boite_fleche.img10 {
  left: 792px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite div#msg_container {
  margin-top: 16px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat {
  display: block;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat div#texte,
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat h2,
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat div#resultat_diagrammes,
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat a#btn_refaire_activite,
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat a#btn_activite_suivante {
  display: block;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat div#texte {
  margin-left: 48px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat div#texte strong#texte_titre {
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat ul.images_list {
  display: none;
  height: 0px;
  overflow: hidden;
  margin: 0;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat div#resultat_diagrammes {
  background: #eef4f6 url('../images/a_quoi_ca_sert_activite_resultat_graphique.png') no-repeat center center;
  height: 269px;
  margin: 16px auto 0 auto;
  width: 820px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat div.blue_bg {
  background: #eef4f6;
  padding: 32px 0 24px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat div.blue_bg ul.drop_area li span.drop_zone {
  position: relative;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat div.blue_bg ul.drop_area li span.drop_zone strong {
  display: block;
  font-size: 10px;
  font-weight: normal;
  left: -5px;
  line-height: 10px;
  position: absolute;
  text-align: center;
  bottom: 80px;
  width: 78px;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat div#texte_explicatif div.text_activite {
  display: none;
}
div#nano div#content-a_quoi_ca_sert div#content div#div_activite div#activite.resultat div#texte_explicatif div.text_resultat {
  display: block;
}
div#nano div#content-cest_bon_pour_nous div#content {
  clear: both;
}
div#nano div#content-cest_bon_pour_nous div#content a#btn_debuter_enquete {
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/bt_activite.png') no-repeat;
  display: block;
  float: right;
  height: 44px;
  margin: 32px -10px 0 0;
  width: 217px;
  background-position: -546px 0;
}
div#nano div#content-cest_bon_pour_nous div#content a#btn_debuter_enquete:hover,
div#nano div#content-cest_bon_pour_nous div#content a#btn_debuter_enquete.active,
div#nano div#content-cest_bon_pour_nous div#content a#btn_debuter_enquete.actif {
  background-position: -546px -44px;
}
div#nano div#content-cest_bon_pour_nous div#content div#div_activite {
  display: none;
  position: relative;
}
div#nano div#content-cest_bon_pour_nous div#content div#div_activite div.info {
  line-height: 16px;
  padding: 12px 24px 13px 68px;
  width: 733px;
}
div#nano div#content-cest_bon_pour_nous div#content div#div_activite div#activite {
  padding: 16px;
}
div#nano div#content-cest_bon_pour_nous div#content div#div_activite div#activite div#div_lire_la_suite {
  margin: 0 auto -8px auto;
  width: 884px;
}
div#nano div#content-cest_bon_pour_nous div#content div#div_activite div#activite div#div_lire_la_suite a.bt_lire_la_suite {
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #ffffff url('../images/bt_lire_la_suite.png') no-repeat left bottom;
  color: #00b7ff;
  cursor: pointer;
  display: block;
  float: left;
  font-family: "Strait";
  font-size: 16px;
  height: 132px;
  margin: 0 0 8px 0;
  padding: 18px 20px;
  text-decoration: none;
  text-transform: uppercase;
  width: 244px;
}
div#nano div#content-cest_bon_pour_nous div#content div#div_activite div#activite div#div_lire_la_suite a.bt_lire_la_suite:hover {
  background-color: #00b4ff;
  background-position: -292px bottom;
  color: #fff;
}
div#nano div#content-cest_bon_pour_nous div#content div#div_activite div#activite div#div_lire_la_suite a.bt_lire_la_suite + a {
  margin-left: 16px;
}
div#nano div#content-cest_bon_pour_nous div#content div#div_activite div#activite div.btn_activite_suivante {
  display: none;
  position: absolute;
  bottom: 24px;
  right: 32px;
}
div#nano div#content-cest_bon_pour_nous div#content div#div_activite div#activite h3 {
  color: #00b7ff;
  font-size: 14px;
  font-weight: 600;
  padding: 32px 16px 0;
  text-transform: uppercase;
}
div#nano div#content-cest_bon_pour_nous div#content div#div_activite div#activite h3 span {
  color: #333;
  padding-right: 4px;
}
div#nano div#content-cest_bon_pour_nous div#content div#div_activite div#activite a.gros_bouton_rose {
  height: 40px;
  line-height: 40px;
  margin: 28px auto;
  text-align: center;
  width: 108px;
}
div.article {
  color: #333;
  padding: 4px 8px 8px 8px;
  width: 720px;
}
div.article h3 {
  color: #00b7ff;
  font-size: 14px;
  font-weight: 600;
  padding-right: 32px;
  text-transform: uppercase;
}
div.article p {
  margin: 16px 0;
}
div.article em {
  color: #666;
  font-size: 11px;
}
div.article#comportement div#nano_argent {
  background: url('../images/cest_bon_article_1_nano_argent.png') no-repeat;
  float: right;
  height: 158px;
  margin: 0 0 16px 32px;
  width: 124px;
}
div.article#comportement div#tableau_article1 {
  background: url('../images/cest_bon_article_1.png') no-repeat;
  height: 324px;
  margin: 16px auto;
  width: 718px;
}
div.article#evaluation_toxicite div#tableau_article2 {
  background: url('../images/cest_bon_article_2.png') no-repeat;
  height: 306px;
  margin: 16px auto;
  width: 667px;
}
div.article#alterent_developpement div#tableau_article3 {
  background: url('../images/cest_bon_article_3.png') no-repeat;
  height: 216px;
  margin: 16px auto;
  width: 717px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content {
  clear: both;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content a#btn_decouvre_ton_labo {
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/bt_activite.png') no-repeat;
  display: block;
  float: right;
  height: 44px;
  margin: 32px -10px 0 0;
  width: 255px;
  background-position: -763px 0;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content a#btn_decouvre_ton_labo:hover,
div#nano div#content-la_nanotoxicite_cest_quoi div#content a#btn_decouvre_ton_labo.active,
div#nano div#content-la_nanotoxicite_cest_quoi div#content a#btn_decouvre_ton_labo.actif {
  background-position: -763px -44px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content a#btn_debuter_activite {
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/bt_activite.png') no-repeat;
  display: block;
  height: 44px;
  margin: 16px auto;
  width: 216px;
  background-position: -1018px 0;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content a#btn_debuter_activite:hover,
div#nano div#content-la_nanotoxicite_cest_quoi div#content a#btn_debuter_activite.active,
div#nano div#content-la_nanotoxicite_cest_quoi div#content a#btn_debuter_activite.actif {
  background-position: -1018px -44px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content a.btn_poursuivre_activite {
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/bt_activite.png') no-repeat;
  background-position: -1234px -88px;
  display: block;
  height: 44px;
  margin: 16px auto;
  width: 154px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content a.btn_poursuivre_activite.actif {
  background-position: -1234px 0;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content a.btn_poursuivre_activite.actif:hover {
  background-position: -1234px -44px;
  cursor: pointer;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div.rounded-dotted-box {
  margin: 16px auto 32px auto;
  padding: 8px 0;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div.rounded-dotted-box p {
  margin: 0;
  text-align: center;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div.rounded-dotted-box span {
  background: url('../images/nanotoxicite_icon_embryons.png') no-repeat;
  display: block;
  float: left;
  font-weight: 600;
  height: 23px;
  line-height: 22px;
  margin-left: 42px;
  padding-left: 32px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div.rounded-dotted-box span#embryon_vivant {
  background-position: 0 0;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div.rounded-dotted-box span#embryon_mort {
  background-position: 0 -23px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div.rounded-dotted-box span#embryon_eclos {
  background-position: 0 -46px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#instructions div.info {
  line-height: 16px;
  padding: 20px 24px 21px 68px;
  width: 733px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#instructions div.rounded-dotted-box {
  padding-left: 150px;
  width: 674px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#instructions div.experience {
  padding: 0 32px;
  text-align: center;
  width: 368px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#instructions div.experience h4 {
  font-weight: 600;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#instructions div.experience span.experience_img {
  background: url('../images/nanotoxicite_embryons.png') no-repeat;
  display: block;
  height: 314px;
  margin: 16px auto;
  width: 314px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#instructions div.experience#mortalite {
  float: left;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#instructions div.experience#mortalite span.experience_img {
  background-position: 0 0;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#instructions div.experience#eclosion {
  float: right;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#instructions div.experience#eclosion span.experience_img {
  background-position: -314px 0;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite3 {
  display: none;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.rounded-dotted-box,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div.rounded-dotted-box,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite3 div.rounded-dotted-box {
  font-weight: 600;
  text-align: center;
  width: 700px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.rounded-dotted-box p.p_embryons,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div.rounded-dotted-box p.p_embryons,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite3 div.rounded-dotted-box p.p_embryons {
  line-height: 24px;
  margin: 8px 0;
  text-align: center;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.rounded-dotted-box p.p_embryons span,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div.rounded-dotted-box p.p_embryons span,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite3 div.rounded-dotted-box p.p_embryons span {
  display: inline-block;
  float: none;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.info,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div.info {
  line-height: 16px;
  padding: 12px 24px 13px 68px;
  width: 733px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.boutons,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div.boutons {
  padding: 0 16px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.boutons div.fleche_gauche,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div.boutons div.fleche_gauche {
  float: left;
  margin-bottom: 16px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.boutons div.fleche_droite,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div.boutons div.fleche_droite {
  float: right;
  margin-bottom: 16px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.boutons div.counter,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div.boutons div.counter {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  margin: 1px auto;
  padding-top: 14px;
  text-align: center;
  width: 100px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.quiz_win,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div.quiz_win,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.quiz_fail,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div.quiz_fail {
  margin-left: 32px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.quiz_win span.ie789,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div.quiz_win span.ie789,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.quiz_fail span.ie789,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div.quiz_fail span.ie789 {
  display: none;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div#tableau1_img_reponse {
  background: url('../images/nanotoxicite_tableau_activite1_reponse.png') no-repeat;
  display: block;
  float: left;
  height: 68px;
  margin: 16px 0 8px -3px;
  width: 777px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.question {
  float: left;
  padding: 0 15px 16px 15px;
  text-align: center;
  width: 274px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.question h3 {
  color: #00b7ff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.question h3 span {
  text-transform: none;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.question span.question_img {
  background: url('../images/nanotoxicite_embryons_activite1.png') no-repeat;
  display: block;
  height: 268px;
  margin: 16px auto;
  width: 268px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.question#question1 span.question_img {
  background-position: 0 0;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.question#question2 span.question_img {
  background-position: -268px 0;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.question#question3 span.question_img {
  background-position: -536px 0;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.question div.formulaire {
  margin-right: 30px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.question div.formulaire div.mortalite,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.question div.formulaire div.eclosion {
  float: right;
  margin-bottom: 8px;
  padding-right: 30px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.question div.formulaire div.mortalite.right,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.question div.formulaire div.eclosion.right {
  background: url('../images/icon_retroaction_win.png') no-repeat right center;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.question div.formulaire div.mortalite.wrong,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite1 div.question div.formulaire div.eclosion.wrong {
  background: url('../images/icon_retroaction_fail.png') no-repeat right center;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div#tableau_img {
  background: url('../images/nanotoxicite_tableau_activite2.png') no-repeat;
  display: block;
  float: left;
  height: 176px;
  margin: 8px 8px 32px 112px;
  width: 585px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div#tableau2_img_reponse {
  background: url('../images/nanotoxicite_tableau_activite2_reponse.png') no-repeat;
  display: block;
  float: left;
  height: 176px;
  margin: 16px 0 8px 49px;
  width: 649px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div#tableau_form {
  float: left;
  margin-top: 8px;
  padding-top: 40px;
  width: 90px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div#tableau_form div.div_input {
  padding: 2px 0;
  padding-right: 30px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div#tableau_form div.div_input.right {
  background: url('../images/icon_retroaction_win.png') no-repeat right center;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite2 div#tableau_form div.div_input.wrong {
  background: url('../images/icon_retroaction_fail.png') no-repeat right center;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite3 div.content,
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite3 div.content h3 {
  background: #fff;
  position: relative;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite3 div.info {
  line-height: 16px;
  padding: 20px 24px 21px 68px;
  width: 733px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite3 p#tableau_img {
  background: #eef4f6 url('../images/nanotoxicite_tableau_activite3.png') no-repeat center center;
  margin: 24px -16px;
  padding-top: 470px;
  overflow: hidden;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite3 h3 {
  margin: 0 48px;
  text-align: center;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite3 div#quiz {
  padding-top: 0;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite3 a#btn_refaire_activite {
  position: absolute;
  bottom: 24px;
  left: 32px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div#activite3 div.btn_activite_suivante {
  display: none;
  position: absolute;
  bottom: 24px;
  right: 32px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div.btn_valider {
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/bt_verifier.png') no-repeat;
  background-position: -183px -41px;
  display: block;
  height: 41px;
  margin: 16px auto;
  width: 90px;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite div.btn_valider.actif {
  background-position: -183px 0;
  cursor: pointer;
}
div#nano div#content-la_nanotoxicite_cest_quoi div#content div#div_activite input {
  background: url('../images/input_bg.png') repeat-x;
  border: #b5bebe solid 1px;
  height: 28px;
  text-align: center;
  width: 54px;
}
div#nano div#content-synthese div#content {
  clear: both;
}
div#nano div#content-synthese div#content div.info {
  display: none;
}
div#nano div#content-synthese div#content div#div_activite {
  display: none;
  margin: 12px 0 0 0;
  position: relative;
}
div#nano div#content-synthese div#content div#div_activite div#quiz {
  position: relative;
}
div#nano div#content-synthese div#content div#div_activite div#quiz div.question {
  margin: 0 0 16px 16px;
  text-transform: uppercase;
}
div#nano div#content-synthese div#content div#div_activite div#quiz div.question span {
  color: #000;
  margin-left: -16px;
}
div#nano div#content-synthese div#content div#div_activite div#quiz div.answers {
  margin-bottom: 24px;
}
div#nano div#content-synthese div#content div#div_activite div#quiz div.answers textarea {
  background: url('../images/input2_bg.png') repeat-x;
  border: #b5bebe solid 1px;
  float: left;
  height: 54px;
  margin-left: 16px;
  padding: 3px;
  resize: none;
  width: 612px;
}
div#nano div#content-synthese div#content div#div_activite div#quiz div.answers div.btn_verifier {
  background: url('../images/bt_verifier.png') no-repeat;
  background-position: 0 -41px;
  display: block;
  float: right;
  height: 41px;
  margin: 21px 0 0 0;
  width: 183px;
}
div#nano div#content-synthese div#content div#div_activite div#quiz div.answers div.btn_verifier.actif {
  background-position: 0 0;
  cursor: pointer;
}
div#nano div#content-synthese div#content div#div_activite div#quiz div.message {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  background: #00b7ff;
  color: #fff;
  display: none;
  font-weight: 600;
  margin: 16px 16px 24px 16px;
  padding: 14px 16px;
}
div#nano div#content-synthese div#content div#div_activite div#bt_en_entrevue {
  display: block;
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/bt_accueil.png') no-repeat;
  cursor: pointer;
  height: 44px;
  margin-top: 8px;
  width: 224px;
  background-position: -289px 0;
  position: absolute;
  bottom: 24px;
  right: 32px;
}
div#nano div#content-synthese div#content div#div_activite div#bt_en_entrevue:hover,
div#nano div#content-synthese div#content div#div_activite div#bt_en_entrevue.active,
div#nano div#content-synthese div#content div#div_activite div#bt_en_entrevue.actif {
  background-position: -289px -44px;
}
div#nano div#content-synthese div#content div#div_activite div#bt_en_entrevue.disabled {
  background-position: -289px -88px;
}
div#nano div#content-synthese div#content div#div_activite div#bt_en_entrevue.disabled:hover {
  background-position: -289px -88px;
}
div#nano div#content-synthese div#content div#div_message {
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  background: #f5c6c6 url('../images/icon_attention.png') no-repeat center left;
  border: 1px #d31a1a dashed;
  color: #d31a1a;
  display: none;
  font-weight: 700;
  margin: 0 auto 24px auto;
  padding: 16px 16px 16px 54px;
  width: 660px;
}