/*--------------------------------------------------------------------------------*/
/* FONTES */
/*--------------------------------------------------------------------------------*/

@font-face {
  font-family: Oswald;
  src: url(../oswald.woff);
}
/*--------------------------------------------------------------------------------*/
/* balises standards */
/*--------------------------------------------------------------------------------*/


body {
  background-color: #FFFFFF;
  margin: 10px;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	font-size: 100%; 
  color: #0A0A0A;
	letter-spacing: 0.1px;
}
p,div,a {font-size: 11px; }
p {margin-bottom: 10px;}
a {text-decoration: none; color: #e14a0f;}
a:hover {color: #883a60;}

h1, h2, h3, h4, h5, h6 {
    color: #f5800f;
    font-family: Oswald,Verdana,sans-serif;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0 0 10px 0px;
    text-transform: uppercase;
}
h1 {
  /*color: #883a60;*/
  font-size: 64px;
  font-size: 32px;
 }
h2 {font-size: 24px;}
h3 {font-size: 18px; margin: 20px 0px 5px 0px;}
h3:first-child {margin-top: 0px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
h1 span {
  color: #883a60
/*  color: #6D6D6D; */
}
h3 span {
  color: #883a60
/*  color: #6D6D6D; */
}

ul {
  list-style-type: square;
  list-style-position: outside;
  margin-left: 30px;
}
ul ul {
  list-style-type: disc;
}
ul ul ul {
  list-style-type: circle;
}


.cmtr {color: #888888;}
p.chapeau {
  margin: 0px 0px 10px 0px;
  font-weight: bold;
}
/*--------------------------------------------------------------------------------*/
/* balises  */
/*--------------------------------------------------------------------------------*/

div.body_center {
  width: 975px; 
  margin: auto; 
}
div.header {
    font-size: 40px;
    font-family: 'Oswald',Verdana,sans-serif;
    font-weight: normal;
    line-height: 1.2em;
    text-transform: uppercase;
    color: #232323;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    height: 120px;
    //background-image: url('../../img/educatube_banner_01.jpg');
}
div.header div   {
  float: right;
  margin-top: 4px;
  font-size: 25px; color: #FFFFFF; 
  width:280px;
  line-height: 1.4em;
  }


div.col_gauche {
  width: 600px;
  float: left;
  margin: 0px 20px 0px 0px;
  xoutline: rgba(255,0,0,.65) 1px double;
}
div.col_droite {
  width: 340px;
  float: left;
  xoutline: rgba(255,0,0,.65) 1px double;
}

div.search_zone {
  width: 590px;
  background-color: #883a60;
  margin-bottom: 10px;
  border: solid 5px #883a60;
  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;
}
 
div.search_zone input[type="text"]  {
  width:490px;
}


/* thumb des projets en colonne de droite */
div.proj_thumb_list {
  width:290;
  padding: 0px;
}
div.proj_thumb {
  border-bottom: dashed 1px #999999;
  cursor: pointer;
  overflow: hidden;
  padding: 5px;
}
div.proj_thumb:hover {
  background-color: #EEEEEE;
}
div.proj_thumb_div_img {
  border: solid 1px #999999;
  height: 50px;
  width:90px;
  float: left;
  overflow: hidden;
  margin-right: 5px;
}
div.proj_thumb_div_titre_infos {
  overflow: hidden;
  height: 50px;
  xoutline: rgba(255,0,0,.65) 1px double;
}
div.proj_thumb_div_titre {
  width:90;
  font-size: 12px;
  font-weight: bold;
  color: #f5800f;
  font-family: Verdana,sans-serif;
}
div.proj_thumb_div_infos {
  width:90;
  font-size: 11px;
}

/* thumb des documents detail d'un projet */
div.doc_thumb_list {
}

div.doc_thumb {
  float: left;
  width: 90px;
  height: 68px;
  overflow: hidden;  
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 1px;
  border: solid 5px #CCCCCC;
  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;
  font-size: 8px;
}
div.doc_thumb:hover {
  border-color: #999999;
}
div.doc_thumb_div_img {
  height: 50px;
  width: 90px;
  overflow: hidden;
  margin-right: 2px;
}
div.doc_thumb_div_download {
  height: 15px;
  margin-top: 2px;
  padding-left: 15px;
  background: #CCCCCC;
}
div.doc_thumb_div_download:hover {  background-color: #999999;}
div.doc_thumb_div_download a {  color: #FFFFFF; font-size: 10px;}


/* thumb des projet d une chaine */
div.chaine_projet {
  width:92px;
  height:80px;
  float: left;
  padding: 1px;
  margin: 0px 10px 10px 0px;
  border: solid 5px #CCCCCC;
  cursor: pointer;
  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;
}
div.chaine_projet_titre {
  width:92px;
  height:30px;
  font-size: 9px;
  overflow: hidden;
}
div.chaine_projet_thumb {
  width:90px;
  height:50px;
  overflow: hidden;
  border: solid 1px #AAAAAA;
}


div.projet_footer {
  text-align: center;
  margin: auto;
  margin-top: 30px;
  padding: 5px;
  background-color: #CCCCCC;
  border: solid 5px #CCCCCC;
  border-radius : 8px;
}


/*--------------------------------------------------------------------------------*/
/* curseur de pagination */
/*--------------------------------------------------------------------------------*/
a.curseur  {
  background-image: none;
  background: #FFFFFF;
  padding: 0px 2px 0px 2px;;
  border: solid 1px #EEEEEE;
  margin: 0px 5px 0px 0px;
  display: cell;
  cursor: pointer;
  color: #000000;
}
a.curseur:link    {color: #000000; border: solid 1px #FFFFFF; background-color: #FFFFFF;}
a.curseur:active  {color: #000000; border: solid 1px #FFFFFF; background-color: #5286bd;}
a.curseur:visited {color: #000000; border: solid 1px #FFFFFF; background-color: #FFFFFF;}
a.curseur:hover   {color: #FFFFFF; border: solid 1px #FFFFFF; background-color: #5286bd;}


/*--------------------------------------------------------------------------------*/
/* Table homepage projets */
/*--------------------------------------------------------------------------------*/
table td {
  padding: 2px 2px 2px 2px;
  text-align: left;
}
table th {
  padding: 2px 2px 2px 2px;
  text-align: left;
}


table.onglet {
  border-collapse: collapse;
}
table.onglet td {
  margin: 0px;
  padding: 0px;
}
div.onglet_search {
  border: solid 1px #883a60;
  border-bottom-left-radius            : 8px;
  border-bottom-right-radius           : 8px;
}
div.onglet_h {
  xbackground: #5286bd;
  background: #883a60;
  padding: 2px 8px 2px 8px;;
  margin: auto;
  margin: 0px;
  text-align: center;
  color: #FFFFFF;
  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
}
div.onglet_v {
  border: solid 1px #CCCCCC;
  background: #ccb5ee;
  color: #883a60;
  text-transform: uppercase;
  line-height: 1.5em;
  padding: 2px;
  margin: 0px 0px 5px 0px;
  height: 35px;
  width: 120px;
  text-align: center;
  cursor: pointer;
  border-top-left-radius            : 8px;
  border-bottom-left-radius         : 8px;
}
div.onglet_v:hover {
  background: #883a60;
  color: #FFFFFF;
}
div.onglet_v_hover {
  border: solid 1px #CCCCCC;
  background: #ccb5ee;
  color: #883a60;
  text-transform: uppercase;
  line-height: 1.5em;
  padding: 2px;
  margin: 0px 0px 5px 0px;
  height: 35px;
  width: 120px;
  text-align: center;
  cursor: pointer;
  border-top-left-radius            : 8px;
  border-bottom-left-radius         : 8px;
  background: #883a60;
  color: #FFFFFF;
}

/*--------------------------------------------------------------------------------*/
/* input zones  */
/*--------------------------------------------------------------------------------*/

/* text */
.it_t  {width:  50px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.it_s  {width: 100px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.it_m  {width: 200px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.it_l  {width: 300px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.it_x  {width: 400px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.it_g  {width: 700px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
/* select */                                                       
.is_ts {width:  50px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_ss {width: 100px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_ms {width: 200px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_ls {width: 300px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_xs {width: 400px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_xm {width: 400px; height:  45px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_xl {width: 400px; height: 150px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_lm {width: 300px; height: 100px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_mm {width: 200px; height: 100px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
/* textarea */                                                     
.ia_ms {width: 200px; height:  45px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_mm {width: 200px; height: 100px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_ml {width: 200px; height: 200px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_mx {width: 200px; height: 400px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
                                                                   
.ia_ls {width: 300px; height:  45px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_lm {width: 300px; height: 100px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_ll {width: 300px; height: 200px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_lx {width: 300px; height: 300px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
                                                                   
.ia_xs {width: 400px; height:  45px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_xm {width: 400px; height: 100px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_xl {width: 400px; height: 200px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_xx {width: 400px; height: 300px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
                                                                   
.ia_gs {width: 700px; height:  45px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_gm {width: 700px; height: 100px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_gl {width: 700px; height: 200px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_gl {width: 700px; height: 300px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_gx {width: 700px; height: 400px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_gg {width: 700px; height: 500px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}




/*--------------------------------------------------------------------------------*/
/* Table homepage projets */
/*--------------------------------------------------------------------------------*/

div.admin_search {
  background-color: #f5800f;
  margin: auto;
  margin-bottom: 10px;
  border: solid 5px #f5800f;
  border-radius            : 8px;
  color: #FFFFFF;
}
div.admin_search table {
  color: #FFFFFF;
}
table.admin_list {
  margin-top: 20px;
  border-bottom: solid 1px #f5800f;
}
table.admin_list thead {
  background-color: #f5800f;
}
table.admin_list th {
  color: #FFFFFF;
  padding: 2px;
  font-weight: bold;
  text-align: left;
}
table.admin_list td {
  padding: 2px;
}
/*
table.admin_list button {
  margin: 0px;
}
*/