/*--------------------------------------------------------------------------------*/
/* balises standards */
/*--------------------------------------------------------------------------------*/

* {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
	color: #0A0A0A;
	letter-spacing: 0.5px;
}

body {
  background-color: #FFFFFF;
  margin: 10px;
}

p {
  margin: 0px 0px 10px 0px;
}

blockquote {
  margin: 5px 10px 10px 20px;
}



h1 {
	font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 20px; color: #5054B8; font-weight: bold;
	text-align: left;
	padding: 0px 0px 5px 0px;
	margin: 0px ;
	letter-spacing: 2px;
}
h2 {
	font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 18px; color: #CA589A; font-weight: bold;
	text-align: left;
	padding: 10px 0px 5px 0px;
	margin: 0px ;
	letter-spacing: 2px;
}
h3 {
	font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 16px; color: #E59763; font-weight: bold;
	text-align: left;
	padding: 0px;
	margin: 0px ;
	letter-spacing: 2px;
}
h4 {
  font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 14px; color: #E56763; 
  text-align: left; font-weight: bold;
	padding: 0px;
	margin: 0px ;
}


/*--------------------------------------------------------------------------------*/
/* menu top */
/*--------------------------------------------------------------------------------*/
table.table_menu {
  width: 950px;
  height: 37px;
  padding: 0px;
  background-image: url('../../img/educatube_menu.gif');
  border: none;
  margin: auto;
}
table.table_menu td{
  padding: 0px 5px 0px 5px;
}
table.table_menu form{
  margin: 0px;
  padding: 0px;
}
table.table_menu a {
  width: 100px;
  height: 15px;
  display: inline-block;
  text-align: center;
  padding: 5px 0px 5px 0px;
  font-weight: bold;
  color: 5286BD;
  background-image: url('../../img/educatube_bouton_1.gif');
  background-position: bottom center;
  margin: 0px;
  border: none;
  text-decoration: none;
}


/* ----- HOMEPAGE PROJETS ----- */
div.projets {}

div.projets div.header {
	font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 18px; color: #FFFFFF; font-weight: bold;
	background-color: #AB50FF; 
	text-align: left;
	padding: 2px 2px 2px 6px;
	margin: 10px 0px 0px 0px;
	letter-spacing: 2px;
  height: 25px;
	border: 1px solid #AB50FF;
  -moz-border-radius-topleft        : 8px;
  -moz-border-radius-topright       : 8px;
  -moz-border-radius-bottomleft     : 0px;
  -moz-border-radius-bottomright    : 0px;
  -webkit-border-top-left-radius    : 8px;
  -webkit-border-top-right-radius   : 8px;
  -webkit-border-bottom-left-radius : 0px;
  -webkit-border-bottom-right-radius: 0px;
}
div.projets ul  {
  list-style-type: none;
  margin: 0px;
}
div.projets ul li {
  border-top: none;
  border-right: solid 1px #AB50FF;
  border-bottom: solid 1px #AB50FF;
  border-left: solid 1px #AB50FF;
  background-color: #F5F5F5;
  margin: 0px 0px 0px 0px;
  padding: 5px;
  height: 65px;
}
div.projets ul li.hl_0 {
  background-color: #FFFFFF;
}
div.projets ul li.hl_1 {
  background-color: #F5F5F5;
}
div.projets ul li:last-child {
  -moz-border-radius-bottomleft     : 8px;
  -moz-border-radius-bottomright    : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -webkit-border-bottom-right-radius: 8px;
}

div.projets a {
	font-size: 14px; color: #AB50FF; font-weight: bold;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	margin: 0px ;
}
div.projets p {
  margin: 0px;
}
div.projets div.img {
  float: left;
  padding: 0px 10px 10px 0px;
  margin: 0px 5px 0px 0px;;
  display: inline; 
  overflow: hidden;
  padding: 1px;
  border: solid 1px #CCCCCC; 
}
div.projets img {
  margin: 0px;
  width: 90px;
  height: 60px;
}


div.projets_top {}
div.projets_top div.header {
	font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 18px; color: #FFFFFF; font-weight: bold;
	background-color: #74C22E;
	text-align: left;
	padding: 2px 2px 2px 6px;
	margin: 10px 0px 0px 0px;
	letter-spacing: 2px;
	border: 1px solid #74C22E;
  -moz-border-radius-topleft        : 8px;
  -moz-border-radius-topright       : 8px;
  -moz-border-radius-bottomleft     : 0px;
  -moz-border-radius-bottomright    : 0px;
  -webkit-border-top-left-radius    : 8px;
  -webkit-border-top-right-radius   : 8px;
  -webkit-border-bottom-left-radius : 0px;
  -webkit-border-bottom-right-radius: 0px;
}
div.projets_top ul {
  margin: 0px 0px 5px 0px;
  padding: 0px;
}
div.projets_top li {
  float: left;
  width: 106px; height: 90px;
  overflow: hidden;
  border: solid 1px #74C22E;
  margin-right: 2px;
  padding: 5px;
  text-align: center;
}
div.projets_top li:first-child {
  -moz-border-radius-bottomleft     : 8px;
  -moz-border-radius-bottomright    : 0px;
  -webkit-border-bottom-left-radius : 8px;
  -webkit-border-bottom-right-radius: 0px;
}
div.projets_top li:last-child {
  -moz-border-radius-bottomleft     : 0px;
  -moz-border-radius-bottomright    : 8px;
  -webkit-border-bottom-left-radius : 0px;
  -webkit-border-bottom-right-radius: 8px;
}
div.projets_top div.img {
  padding: 1px;
  margin: auto;
  border: solid 1px #CCCCCC; 
  width: 92px;
  height: 62px;
}
div.projets_top div.img img {
  margin: 0px;
  width: 90px;
  height: 60px;
}




div.projet_highlight {}
div.projet_highlight div.header {
	font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 18px; color: #FFFFFF; font-weight: bold;
	background-color: #FF5055;
	text-align: left;
	padding: 2px 2px 2px 6px;
	margin: 10px 0px 0px 0px;
	letter-spacing: 2px;
	border: 1px solid #FF5055;
  -moz-border-radius-topleft        : 8px;
  -moz-border-radius-topright       : 8px;
  -moz-border-radius-bottomleft     : 0px;
  -moz-border-radius-bottomright    : 0px;
  -webkit-border-top-left-radius    : 8px;
  -webkit-border-top-right-radius   : 8px;
  -webkit-border-bottom-left-radius : 0px;
  -webkit-border-bottom-right-radius: 0px;
}
div.projet_highlight div.projet {
  border: solid 1px #FF5055;
  background-color: #FFFFFF;
  margin: 0px 0px 10px 0px;
  padding: 5px;
  -moz-border-radius-bottomleft     : 8px;
  -moz-border-radius-bottomright    : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -webkit-border-bottom-right-radius: 8px;
}
div.projet_highlight div.projet div.title {
	font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 14px; color: #FF5055; font-weight: bold;
	background-color: #FFFFFF;
	text-align: left;
	padding: 0px;
	margin: 0px ;
	letter-spacing: 2px;
}
div.projet_highlight div.projet div.title a {
	font-size: 14px; color: #FF5055; font-weight: bold;
	text-decoration: none;
}

div.projet_highlight div.projet div.img {
  padding: 1px;
  margin: 0px;
  overflow: hidden;
  width: 302px;
  height: 152px;
  border: solid 1px #CCCCCC; 
}
div.projet_highlight div.projet div.img img {
  margin: 0px;
  width: 300px;
  height: 150px;
}



div.projets_infos {}
div.projets_infos div.header {
	font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 18px; color: #FFFFFF; font-weight: bold;
	background-color: #036AC7;
	text-align: left;
	padding: 2px 2px 2px 6px;
	margin: 10px 0px 0px 0px;
	letter-spacing: 2px;
	border: 1px solid #036AC7;
  -moz-border-radius-topleft        : 8px;
  -moz-border-radius-topright       : 8px;
  -moz-border-radius-bottomleft     : 0px;
  -moz-border-radius-bottomright    : 0px;
  -webkit-border-top-left-radius    : 8px;
  -webkit-border-top-right-radius   : 8px;
  -webkit-border-bottom-left-radius : 0px;
  -webkit-border-bottom-right-radius: 0px;
}
div.projets_infos div.projet {
  border: solid 1px #036AC7;
  background-color: #FFFFFF;
  margin: 0px 0px 10px 0px;
  padding: 5px;
  -moz-border-radius-bottomleft     : 8px;
  -moz-border-radius-bottomright    : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -webkit-border-bottom-right-radius: 8px;
}

div.projets_selection {}
div.projets_selection div.header {
	font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 18px; color: #FFFFFF; font-weight: bold;
	background-color: #FF7206;
	text-align: left;
	padding: 2px 2px 2px 6px;
	margin: 10px 0px 0px 0px;
	letter-spacing: 2px;
	border: 1px solid #FF7206;
  -moz-border-radius-topleft        : 8px;
  -moz-border-radius-topright       : 8px;
  -moz-border-radius-bottomleft     : 0px;
  -moz-border-radius-bottomright    : 0px;
  -webkit-border-top-left-radius    : 8px;
  -webkit-border-top-right-radius   : 8px;
  -webkit-border-bottom-left-radius : 0px;
  -webkit-border-bottom-right-radius: 0px;
}
div.projets_selection div.projet {
  border: solid 1px #FF7206;
  background-color: #FFFFFF;
  margin: 0px 0px 10px 0px;
  padding: 5px;
  -moz-border-radius-bottomleft     : 8px;
  -moz-border-radius-bottomright    : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -webkit-border-bottom-right-radius: 8px;
}


img.img_s {
  border: solid 1px #555555; 
  padding: 1px;
  margin: 0px;
}
img.img_m {
  border: solid 1px #555555; 
  padding: 1px;
  margin: 0px;
}
img.img_l {
  border: solid 1px #555555; 
  padding: 2px;
  margin: 0px;
}



div.projet_documents {}
div.projet_documents div.title {
	font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 18px; color: #CA589A; font-weight: bold;
	text-align: left;
	padding: 10px 0px 5px 0px;
	margin: 0px ;
	letter-spacing: 2px;
}
div.projet_documents div.document_doc_2 {
  width: 100px; height: 100px;
  float: left;
  margin: 0px 5px 5px 0px;
  padding: 5px;
  border: solid 1px #DDDDDD;
  text-align: center;
}
div.projet_documents div.document_doc_2 img{
  float: left;
  width: 90px;
  height: 60px;
  margin: 0px 0px 5px 0px;
}
div.projet_documents div.document_doc_3 {
  width: 100px; height: 100px;
  float: left;
  margin: 0px 5px 5px 0px;
  padding: 5px;
  border: solid 1px #DDDDDD;
  text-align: center;
  overflow: hidden;
}
div.projet_documents div.document_doc_3 img{
  width: 90px;
  height: 60px;
  margin: 0px 0px 5px 0px;
}
div.projet_documents div.document_doc_4{
  width: 100px; height: 100px;
  float: left;
  margin: 0px 5px 5px 0px;
  padding: 5px;
  border: solid 1px #DDDDDD;
  text-align: center;
}



div.curseur  {
  margin: 0px;
  display: inline;
}
div.curseur a {
  margin: 0px 2px 0px 0px;
  padding: 1px 3px 1px 3px;
  height: 10px;
  text-decoration: none;
  display: table-cell;
}
div.curseur a.hl_0 {
  border: solid 1px #AB50FF;
  background-color: #FFFFFF;
  color: #AB50FF;
}
div.curseur a.hl_1 {
  border: solid 1px #FFFFFF;
  background-color: #AB50FF;
  color: #FFFFFF;
}


/*--------------------------------------------------------------------------------*/
/* pas verifiees */
/*--------------------------------------------------------------------------------*/

hr {height: 1px; }




div.page_body {
  border: solid 0px #0000CC;
  padding: 3px;
}

div.page_body img {
  border: solid 1px #DDDDDD;
}


ul {
  list-style-type: circle;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 20px;
}


div.page_footer  {
  margin: auto;
  display: compact;
}
div.page_footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;
  border-top: solid 1px #0A0A0A;
  display: block;
  text-align: center;
  padding: 2px; margin: 2px;
}
div.page_footer img {
	border: solid 0px #DDDDDD;
}

table.documents {
  border-collapse: collape;
  border: solid 1px #AAAAAA;
}
table.documents th {
  background-color: #DDDDDD;
  color: #0A0A0A;
  text-align: left;
  padding: 2px;
}

table.admin_list {
  border-collapse: collape;
  border: solid 1px #AAAAAA;
}
table.admin_list th {
  background-color: #DDDDDD;
  color: #0A0A0A;
  text-align: left;
  padding: 2px;
}
table.admin_list tr.hl_0 {
}
table.admin_list tr.hl_1 {
  background-color: #F5F5F5;
}


.it_t  {width:  50px; height:  20px; font-size: 10px; color: #212C79; }
.it_s  {width: 100px; height:  20px; font-size: 10px; color: #212C79; }
.it_m  {width: 200px; height:  20px; font-size: 10px; color: #212C79; }
.it_l  {width: 300px; height:  20px; font-size: 10px; color: #212C79; }
.it_x  {width: 400px; height:  20px; font-size: 10px; color: #212C79; }

/* select */
.is_ss  {width: 100px; height:  20px; font-size: 10px; color: #212C79; }
.is_ms  {width: 200px; height:  20px; font-size: 10px; color: #212C79; }
.is_ls  {width: 300px; height:  20px; font-size: 10px; color: #212C79; }
.is_xs  {width: 400px; height:  20px; font-size: 10px; color: #212C79; }
.is_xm  {width: 400px; height:  45px; font-size: 10px; color: #212C79; }
.is_xl  {width: 400px; height:  150px; font-size: 10px; color: #212C79; }

.is_lm  {width: 300px; height: 100px; font-size: 10px; color: #212C79; }
.is_mm  {width: 200px; height: 100px; font-size: 10px; color: #212C79; }
/* textarea */
.ia_ms {width: 200px; height:  45px; font-size: 10px; color: #212C79; }
.ia_mm {width: 200px; height: 100px; font-size: 10px; color: #212C79; }
.ia_ml {width: 200px; height: 200px; font-size: 10px; color: #212C79; }
.ia_mx {width: 200px; height: 400px; font-size: 10px; color: #212C79; }

.ia_ls {width: 300px; height:  45px; font-size: 10px; color: #212C79; }
.ia_lm {width: 300px; height: 100px; font-size: 10px; color: #212C79; }
.ia_ll {width: 300px; height: 200px; font-size: 10px; color: #212C79; }
.ia_lx {width: 300px; height: 300px; font-size: 10px; color: #212C79; }

.ia_xs {width: 400px; height:  45px; font-size: 10px; color: #212C79; }
.ia_xm {width: 400px; height: 100px; font-size: 10px; color: #212C79; }
.ia_xl {width: 400px; height: 200px; font-size: 10px; color: #212C79; }
.ia_xx {width: 400px; height: 300px; font-size: 10px; color: #212C79; }

.ia_gg {width: 700px; height: 500px; font-size: 10px; color: #212C79; }