body{
  font-family:arial,geneva;
  font-size:11px;
  padding:0px;
  margin:0px;
  background-color:#D8DBE2;
  overflow:auto;
  scrollbar-face-color:#E9ECF3;
  scrollbar-arrow-color:#AAB1C3;
  scrollbar-track-color:#AAB1C3;
  scrollbar-shadow-color:#E9ECF3;
  scrollbar-highlight-color:#E9ECF3;
  scrollbar-3dlight-color:#022D57;
  scrollbar-darkshadow-Color:#022D57;
}

table {
  padding:0px; margin:0px;
  }

a:link,a:visited {
  color:black;
}
a:hover {
  color:#FF964A;
}

ul {
  margin-top:0px;
  padding-top:0px;
  margin-bottom:11px;
  padding-bottom:0px;
}

/* Pour les popups ================================================================================================== */
.popup_container{
  font-family:verdana,arial;
  font-size:11px;
  text-align:left;
  border:none;
  margin:11px;
  padding:0px;
}

/* Le bandeau ======================================================================================================= */
.bandeau_container {
  height:74px;
  background-color:#AAB1C3;
  overflow:none;
  border-bottom:solid #002C52 1px;
}

/* Le titre ========================================================================================================= */
.title_container {
  font-family:verdana,arial;
  font-weight:normal;
  text-align:center;
  width:100%;
  background-color:#AAB1C3;
  padding:0px;
  padding-top:5px;
  padding-bottom:5px;
  borde:none;
}

.title_separator {
  height:3px;
  width:100%;
  border-top:solid #012D57 1px;
  background-color:#A7E55C;
  overflow:none;
}

.title {
  font-size:18px;
  font-weight:bold;
}

.subtitle {
  font-size:11px;
}

/* Le pied de page ================================================================================================== */
.footer {
  font-family:verdana,arial;
  font-size:10px;
  color:#999999;
  text-align:left;
  padding-top:11px;
  padding-left:11px;
}

/* Page d'authentification ========================================================================================== */
input.login {
  width:150px;
  margin:0px;
  padding:0px;
  font-family:arial,geneva;
  font-size:11px;
}

.fieldname {
  font-weight:bold;
}

.field {
  text-align:right;
  width:150px;
}

.login {
  font-family:arial,geneva;
  font-size:11px;
  font-weight:normal;
  color:black;
  color:black;
}

.login_head {
  font-family:arial,geneva;
  font-size:11px;
  font-weight:normal;
  color:#000000;
  border:1px #022D57 solid;
  border-top: none;
  background-color:#AAB1C3;
  text-align:left;
  padding:10px;
}

.login_error {
  font-family:verdana,arial;
  font-size:11px;
  color:#F56432;
}


/* Les bulles d'informations ======================================================================================== */
a.bulle:link,a.bulle:visited {
  color:#000000;
  font-weight:normal;
}

a.bulle:hover {
  color:#F7D1AC;
  font-weight:normal;
}

div.bulle {
  width:200px;
  color:#000000;
  font-family:verdana;
  font-size:11px;
  background-color: rgb(254, 151, 76);
  border:none;
  padding:8px;
  text-align:left;
  z-index:10
}

/* Les liens ======================================================================================================== */
a.lienvideo:link,a.lienvideo:visited {
  font-family:verdana,arial;
  font-size:10px;
  color:#6E6E70;
  text-decoration:none;
}

a.lienvideo:hover {
  font-family:verdana,arial;
  font-size:10px;
  color:#F5822F;
  text-decoration:underline;
}

a.version_link:link, a.version_link:visited, a.version_link:hover{
  font-size:11px;
  }

/* Les bandeau d'en-tête de rubrique ================================================================================ */
.rubrique_header {
  font-family:arial,geneva;
  font-size:14px;
  font-weight:normal;
  text-transform:uppercase;
  background-color:#022D57;
  border-bottom:3px solid #A7E55C;
  color:#FFFFFF;
  text-align:center;
  padding-top:5px;
  padding-bottom:5px;
}

/* Le block de texte simple ========================================================================================= */
.text_container {
  font-family:arial,geneva;
  font-size:11px;
  font-weight:normal;
  background-color:#FFFFFF;
  color:#000000;
  text-align:left;
  padding:8px;
  padding-top:12px;
  border:none;
}

/* L'edito ========================================================================================================== */
.edito_container {
  width:257px;
}

.edito_container_head {
  height:90px;
  font-family:arial,geneva;
  font-size:11px;
  font-weight:normal;
  color:#000000;
  border:1px #012D57 solid;
  border-top: none;
  background-color:#AAB1C3;
  text-align:left;
  padding:0px;
}

.edito {
  font-family:arial,geneva;
  font-size:11px;
  font-weight:normal;
  color:#000000;
}

/* Outils =========================================================================================================== */
.outils_container {
  width:190px;
}

.outils {
font-family:arial,geneva;
font-size:11px;
}

.outils_container_bandeau {
  text-align:center;
  background-color:red;
}

.outils_container_body {
  font-family:verdana,arial;
/*  padding:5px;*/
  font-size:11px;
  border:none;
  background-color:pink;
}

.outils_rubrique {
  font-weight:bold;
}

/* Les vidéos ======================================================================================================= */
.video_container {
  width:100%;
  margin:0px;
  padding:0px;
  margin-bottom:10px;
}

.video_container_bandeau {
  text-align:center;
  background-color:red;
}

.video_container_head {
  height:90px;
  font-family:arial,geneva;
  font-size:11px;
  font-weight:normal;
  color:#000000;
  border:1px #012D57 solid;
  border-top: none;
  background-color:#AAB1C3;
  text-align:left;
  padding:0px;
  padding-left:30px;
  overflow: auto;
  z-index:1;
}


.video_container_head_title {
  font-family:arial,geneva;
  font-size:15px;
  font-weight:bold;
  margin-top:30px;
}

.video_container_desc {
  font-family:verdana,arial;
  font-size:11px;
  text-align:left;
  background-color:#FFFFFF;
  padding-top:12px;
  padding-right:20px;
  padding-left:30px;
  overflow: auto;
  z-index:1;
  color:#F58232;
}

.video_container_body {
  height:220px;
  font-family:verdana,arial;
  font-size:11px;
  text-align:left;
  overflow: auto;
  padding:0px;
  padding-left:30px;
  padding-right:10px;
  background-color:#FFFFFF;
  z-index:1;
}

span.video_titre {
  font-family:verdana,arial;
  font-size:11px;
  font-weight:bold;
}

span.video_caracteristique {
  font-family:verdana,arial;
  font-size:10px;
  color:#6E6E70;
}

div.video_pres {
  width:100%;
  padding:0px;
  padding-bottom: 0px;
  padding-top: 5px;
  background-color:#FFFFFF;
}

div.video_pres_rollo {
  width:100%;
  padding:0px;
  padding-bottom: 0px;
  padding-top: 5px;
  background-color:#C4C7CE;
}

div.video_pres_actif {
  padding:0px;
  padding-bottom: 0px;
  padding-top: 5px;
  background-color:#D8DBE2;
}