body
{
	margin: 0 auto;
	padding: 0;
	background-color: #FFF; /*#91A9CF;*/
}

#conteneur
{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}

.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}

.page
{
	position:relative;
	z-index:0;
	margin:0 auto;
	/*width: 960px;*/
	width: 100%;
	min-width:3px;
	min-height:3px;
	
}

.page-body
{
	position: relative;
	z-index:1;
	padding: 4px;
}

.page-cc
{
	position:absolute;
	z-index:-1;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	background-color: #FFFFFF;
}


.page
{
	margin-top: -4px !important;
}

div.bandeau
{
	margin: 0 auto;
	width: 100%;
	height: 48px;
	margin-top: 28px;
	margin-bottom: 23px;
}


#logo_livreval
{
	position: absolute;
	top: 23px;
	left: 30px;
	z-index:1000;
}

div.bandeau-jpeg
{
	height: 48px;
	background-color: #496DA7;
	text-align:right;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin-left: 100px;
	padding:0;
}


.element-menu-horizontal a, .element-menu-horizontal a:link, .element-menu-horizontal a:visited, .element-menu-horizontal a:hover
{
	text-align:left;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}

.element-menu-horizontal, .element-menu-horizontal ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.element-menu-horizontal li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}

.element-menu-horizontal li:hover
{
	z-index: 10000;
	white-space: normal;
}

.element-menu-horizontal li li
{
	float: none;
}

.element-menu-horizontal ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}

.element-menu-horizontal li:hover>ul
{
	visibility: visible;
	top: 100%;
}

.element-menu-horizontal li li:hover>ul
{
	top: 0;
	left: 100%;
}

.element-menu-horizontal:after, .element-menu-horizontal ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.element-menu-horizontal, .element-menu-horizontal ul
{
	min-height: 0;
}

.element-menu-horizontal ul
{
	background-image: url(images/spacer.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}

.element-menu-horizontal ul ul
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}

.element-menu-horizontal
{
	padding: 0px 4px 4px 200px;
}

.menu-horizontal
{
	height: 27px;
}

.menu-horizontal .l, .menu-horizontal .r
{
	height: 25px;
	background-image: url('images/nav.png');
}

.menu-horizontal .l
{
	left: 0;
	right:0px;
}

.menu-horizontal .r
{
	right: 0;
	width: 952px;
	clip: rect(auto, auto, auto, 952px);
}

.element-menu-horizontal ul li
{
	clear: both;
}

.element-menu-horizontal a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 23px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 1px;
	margin-left: 1px;
}


.element-menu-horizontal a .r, .element-menu-horizontal a .l
{
	position:absolute;
	display: block;
	top:0;
	z-index:-1;
	height: 69px;
	/*background-image: url('images/Separator.png');*/
}

.element-menu-horizontal a .l
{
	left:0;
	right:7px;
}

.element-menu-horizontal a .r
{
	width:414px;
	right:0;
	clip: rect(auto, auto, auto, 407px);
}

.element-menu-horizontal a .t 
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #D8E0EE;
	padding: 0 15px;
	margin: 0 7px;
	line-height: 23px;
	text-align: center;
}

.element-menu-horizontal a:hover .l, .element-menu-horizontal a:hover .r
{
	top:-23px;
}

.element-menu-horizontal li:hover>a .l, .element-menu-horizontal li:hover>a .r
{
	top:-23px;
}

.element-menu-horizontal li:hover a .l, .element-menu-horizontal li:hover a .r
{
	top:-23px;
}
.element-menu-horizontal a:hover .t
{
	color: #C9FF24; /*C9FF24*/
}

.element-menu-horizontal li:hover a .t
{
	color: #C9FF24;
}

.element-menu-horizontal li:hover>a .t
{
	color: #C9FF24;
}


.element-menu-horizontal a.active .l, .element-menu-horizontal a.active .r
{
	top: -46px;
}

.element-menu-horizontal a.active .t
{
	color: #C9FF24;
}

.menu-horizontal .element-menu-horizontal-separator
{
	display: block;
	width: 1px;
	height: 23px;
	background-image: url('images/MenuSeparator.png');
}

.pageLayout
{
	position: relative;
	margin-bottom: 0px;
	/*width: 952px;*/
	width:100%;
	background-color: white; /*#EDF1F8; F5F4F6;*/ 

}

.element-menu-vertical
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:11px;
	min-height:11px;
}

.element-menu-vertical-body
{
	position: relative;
	z-index:1;
	padding: 9px;
	color:red;
}

.element-menu-vertical-cc
{
	position:absolute;
	z-index:-1;
	top: 2px;
	left: 0px;
	right: 1px;
	bottom: 2px;
	background-image: url('images/Block-c2.png');
}
.element-menu-vertical-cc2
{
	position:absolute;
	z-index:-1;
	top: 2px;
	left: 0px;
	right: 1px;
	bottom: 2px;
	background-image: url('images/Block-c3.png');
}


.element-menu-vertical
{
	margin: 0px;
}

.element-menu-verticalContent
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.element-menu-verticalContent-body
{
	position: relative;
	z-index:1;
	padding: 0px;
}


.element-menu-verticalContent-body
{
	color:#FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
	/*margin-left: 30px;*/
}

.element-menu-verticalContent-body a:link
{
	color: #F5F4F6;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}

.element-menu-verticalContent-body a:visited, .element-menu-verticalContent-body a.visited
{
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}

.element-menu-verticalContent-body a:hover, .element-menu-verticalContent-body a.hover
{
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}

.element-menu-verticalContent-body ul
{
	list-style-type: none;
	color: #D7D3D9;
	margin:0;
	padding:0;
}

.element-menu-verticalContent-body li
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

.element-menu-verticalContent-body ul li
{
	padding:0px 0 0px 10px;
	/*background-image: url('images/BlockContentBullets.png');*/
	background-repeat:no-repeat;
	margin:0.5em 0 0.5em 0;
	line-height:1.2em;
}

.contenu
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}


.contenu-aide
{
	position: relative;
	z-index:1;
	padding: 2px 15px 15px 15px;

	
}

.contenu-body
{
	position: relative;
	z-index:1;
	padding: 15px;
}



.contenu
{
	margin: 5px;
}

a img
{
	border: 0;
}

body
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #334C75;
}

a
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  letter-spacing: 1px;
  color: #B25300;
}

/* Adds special style to an unvisited link. */
a:link
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  letter-spacing: 1px;
  color: #B25300;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  letter-spacing: 1px;
  color: #381A00;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  letter-spacing: 1px;
  color: #111927;
}

/* Finish Content link style */

.lien_pied a
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  letter-spacing: 1px;
  color: #000;
}
.lien_pied a:link
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  letter-spacing: 1px;
  color: #000;
}
.lien_pied a:visited, a.visited
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  letter-spacing: 1px;
  color: #000;
}
.lien_pied a:hover, a.hover
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  letter-spacing: 1px;
  color: #000;
}



/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 28px;
  text-transform: uppercase;
  text-align: left;
  color: #36517C;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
  color: #486BA3;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 22px;
  text-transform: uppercase;
  text-align: left;
  color: #5A535F;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 18px;
  text-transform: uppercase;
  text-align: left;
  color: #192539;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 16px;
  text-transform: uppercase;
  text-align: left;
  color: #192539;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
  color: #192539;
}

ol, ul
{
	color: #413B44;
	margin:1em 0 1em 2em;
	padding:0;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	text-align: left;
	margin-left: 12px;
}

li ol, li ul
{
	margin:0.5em 0 0.5em 2em;
	padding:0;
}

li 
{
	margin:0.2em 0;
	padding:0;
}

ul
{
	list-style-type: none;
}

ol
{
	list-style-position:inside;
	
}

blockquote p
{
	color:#312D34;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}

blockquote
{
	margin:10px 10px 10px 50px;
	padding:5px 5px 5px 41px;
	background-color:#FFD6B3;
	/*background-image:url('images/PostQuote.png');*/
	background-position:left top;
	background-repeat:no-repeat;
}


.pied-de-page
{
	position:relative;
	z-index:0;
	overflow:hidden;
	width: 100%;
	margin: 1px auto 0px auto;
	padding-top:10px;
	background-color:#91A9CF;
	height:30px;
	color:#44669D;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 11px;
}


.pageLayout .menu-vertical
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 175px;
	/*width: 11%;*/
}

.pageLayout .page
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	/*width: 809px;*/
	width : 86%;
	/*height:200px;*/
}
.pageLayout .page-wide
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 951px;
	/*background-color:#E1E8F4;*/

	
}



/*--------------------------------------------------------------*/
/*------------------Classes Chris-----------*/
/*--------------------------------------------------------------*/ 

.titre_bouton {
	color: #F5F4F6;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}
.titre_bouton2 {
	color: #C9FF35;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}

.date_du_jour {
	padding-right: 5px;
	color:#C9FF8F;
	font-size: 10px;	
}

.titre_application {
	padding-top:6px;
	color:white;
	font-size: 14px;
	font-weight:bold;	
}
.sous_titre_application {
	padding-top:6px;
	color:white;
	font-size: 11px;
	font-style:normal;	
}

.colonne_gauche{
	width:49%;
	/*background-color:white;*/
	margin:0;
	padding:0;
}

.colonne_droite{
	width:49%;
	background-color:white;
	float:right;
	margin:0;
	padding:0;

}
.colonne_droite_eleve{
	width:45%;
	background-color:white;
	float:right;
	margin:0;
	padding:0;
	
}
.colonne_gauche_eleve{
	width:45%;
	background-color:white;
	float:left;
	margin:0;
	padding:0;

}

.colonne_droite dd{
	margin:0;
	padding:0;

}

.colonne_gauche_1demi{
	width:50%;
	float:left;
	background-color:white;
	margin:0;
	padding:0;
}

.colonne_droite_1demi{
	width:50%;
	float:right;
	background-color:white;
	margin:0;
	padding:0;
}


.msg_no { padding: 5px 5px 5px 30px; color: #921A1B; font-size:12px; font-weight:bold; line-height:20px; text-align:left; background-color: #E6BFC0; border-left: 4px solid #D08081; border-bottom: 2px dotted #D08081; width:100%; background-image : url(images/no.png); background-repeat:no-repeat; background-position:left center; }
.msg_yes { padding: 5px 5px 5px 30px; color: #38661A; font-size:12px; font-weight:bold; line-height:20px; text-align:left; background-color: #C2E9A7; border-left: 4px solid #59A228; border-bottom: 2px dotted #59A228; width:100%; background-image : url(images/yes.png); background-repeat:no-repeat; background-position:left center; }
.msg_info { padding: 5px 5px 5px 30px; color: #0055BB; font-size:12px; font-weight:bold; line-height:20px; text-align:left; background-color: #C3D2E5; border-left: 4px solid #84A7DB; border-bottom: 2px dotted #84A7DB; width:100%; background-image : url(images/info.png); background-repeat:no-repeat; background-position:left center; }
.msg_warning { padding: 5px 5px 5px 35px; color: #933000; font-size:12px; font-weight:bold; line-height:20px; text-align:left; background-color: #FFFF00; border-left: 4px solid #FF8042; border-bottom: 2px dotted #FF8042; width:100%; background-image : url(images/warning.png); background-repeat:no-repeat; background-position:left center; }
.msg_jaune { padding: 5px 5px 5px 30px; color: #334c75; font-size:12px; font-weight:bold; line-height:20px; text-align:left; background-color: #FFFFCE; border-left: 4px solid #d08081; border-bottom: 2px dotted #d08081; width:100%; background-image : url(images/info.png); background-repeat:no-repeat; background-position:left center; }

#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	/*width: 100%; 480px; modif chris*/
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('table-images/left.png') left -1px no-repeat; /*#E2E2E2 #F8F8F8 #969696;*/
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 7px 4px;
	font-weight: bold;
	font-size: 13px;
	color: #039; /*#039;*/
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 5px 2px 5px 4px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}

#rounded-corner input {
/*cursor:pointer;
border: #005B88 1px solid; */
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 13px;
color:#005B88;
}
#rounded-corner textarea, select{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 12px;
color:#005B88;
}

#rounded-corner .tab_form3 {border:0 ; border:none}
#rounded-corner .tab_form3 tr { height: 10px; border:none}
#rounded-corner .tab_form3 td {padding:0px; font-size: 11px; border:none;}

/* ----------------------------------- */
/* pour tableau orange   */
/* ----------------------------------- */
#rounded-corner_orange
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	/*width: 100%; 480px; modif chris*/
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner_orange thead th.rounded-company_orange
{
	background: #F29200 url('table-images/left_orange.png') left -1px no-repeat; /*#E2E2E2 #F8F8F8 #969696;*/
}
#rounded-corner_orange thead th.rounded-q4_orange
{
	background: #F29200 url('table-images/right_orange.png') right -1px no-repeat;
}
#rounded-corner_orange th
{
	padding: 7px 4px;
	font-weight: bold;
	font-size: 13px;
	color: #039; /*#039;*/
	background: #F29200;
}
#rounded-corner_orange td
{
	padding: 5px 2px 5px 4px;
	background: #FFD89D;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner_orange tfoot td.rounded-foot-left_orange
{
	background: #FFD89D url('table-images/botleft_orange.png') left bottom no-repeat;
}
#rounded-corner_orange tfoot td.rounded-foot-right_orange
{
	background: #FFD89D url('table-images/botright_orange.png') right bottom no-repeat;
}
#rounded-corner_orange tbody tr:hover td
{
	background: #FFB442;
}

#rounded-corner_orange input {
/*cursor:pointer;
border: #005B88 1px solid; */
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 13px;
color:#005B88;
}
#rounded-corner_orange textarea, select{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 12px;
color:#005B88;
}

#rounded-corner_orange .tab_form3 {border:0 ; border:none}
#rounded-corner_orange .tab_form3 tr { height: 10px; border:none}
#rounded-corner_orange .tab_form3 td {padding:0px; font-size: 11px; border:none;}



/* ----------------------------------- */
/* pour tableau gris des classes vides */
/* ----------------------------------- */
#rounded-corner_gris
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	/*width: 100%; 480px; modif chris*/
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner_gris thead th.rounded-company_gris
{
	background: #E2E2E2 url('table-images/left_gris.png') left -1px no-repeat; /*#E2E2E2 #F8F8F8 #969696;*/
}
#rounded-corner_gris thead th.rounded-q4_gris
{
	background: #E2E2E2 url('table-images/right_gris.png') right -1px no-repeat;
}
#rounded-corner_gris th
{
	padding: 2px 4px;
	font-weight:normal;
	font-style:italic;
	font-size: 13px;
	color: #969696;
	background: #E2E2E2;
}

#rounded-corner_gris td
{
	padding: 5px 2px 5px 4px;
	background: #F8F8F8;
	border-top: 1px solid #fff;
	color: #969696;
}
#rounded-corner_gris tfoot td.rounded-foot-left_gris
{
	background: #F8F8F8 url('table-images/botleft_gris.png') left bottom no-repeat;
}
#rounded-corner_gris tfoot td.rounded-foot-right_gris
{
	background: #F8F8F8 url('table-images/botright_gris.png') right bottom no-repeat;
}
#rounded-corner_gris tbody tr:hover td
{
	background: #E9E9E9;
}

#rounded-corner_gris input {
/*cursor:pointer;
border: #005B88 1px solid; */
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 13px;
color:#005B88;
}
#rounded-corner_gris textarea, select{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 12px;
color:#005B88;
}

#rounded-corner_gris .tab_form3 {border:0 ; border:none}
#rounded-corner_gris .tab_form3 tr { height: 10px; border:none}
#rounded-corner_gris .tab_form3 td {padding:0px; font-size: 11px; border:none;}



/* ----------------------------------- */
/* fin de tableau gris des classes vides */
/* ----------------------------------- */


/* ----------------------------------- */
/* pour tableau gris des notations vides */
/* ----------------------------------- */
#rounded-corner_gris2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	/*width: 100%; 480px; modif chris*/
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner_gris2 thead th.rounded-company_gris2
{
	background: #E2E2E2 url('table-images/left_gris.png') left -1px no-repeat; /*#E2E2E2 #F8F8F8 #969696;*/
}
#rounded-corner_gris2 thead th.rounded-q4_gris2
{
	background: #E2E2E2 url('table-images/right_gris.png') right -1px no-repeat;
}
#rounded-corner_gris2 th
{
	padding: 7px 4px;
	font-weight:normal;
	font-style:italic;
	font-size: 13px;
	color: #969696;
	background: #E2E2E2;
}

#rounded-corner_gris2 td
{
	padding: 5px 2px 5px 4px;
	background: #F8F8F8;
	border-top: 1px solid #fff;
	color: #969696;
}
#rounded-corner_gris2 tfoot td.rounded-foot-left_gris2
{
	background: #F8F8F8 url('table-images/botleft_gris.png') left bottom no-repeat;
}
#rounded-corner_gris2 tfoot td.rounded-foot-right_gris2
{
	background: #F8F8F8 url('table-images/botright_gris.png') right bottom no-repeat;
}
#rounded-corner_gris2 tbody tr:hover td
{
	background: #E9E9E9;
}

#rounded-corner_gris2 input {
/*cursor:pointer;
border: #005B88 1px solid; */
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 13px;
color:#005B88;
}
#rounded-corner_gris2 textarea, select{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 12px;
color:#005B88;
}
/* ----------------------------------- */
/* fin de pour tableau gris des notations vides */
/* ----------------------------------- */






.tab_form {border:1px solid #ccc; border-bottom:none}
.tab_form th {padding:4px 6px 6px; background:#5F005F; text-align:left; color:white; font-weight: bold;}
.tab_form tr { height: 10px;}
.tab_form td {padding:2px 2px 2px 15px; border-bottom:1px solid #ccc; font-size: 12px;}

.tab_form2 {padding:0; border-right:3px solid #b9c9fe;}

.tab_form3 {border:1px solid #ccc;}

#rounded-corner .tab_form3 {border:0 ; border:none}
#rounded-corner .tab_form3 tr { height: 10px; border:none}
#rounded-corner .tab_form3 td {padding:0px; font-size: 11px; border:none;}




.form_classes {
	width:100%;
	margin:0;
	padding:0;
}


/*Classe permettant aux éléments lui appartenant d'effectuer une rotation de 90° par rapport à leur position initialement définie. Le code distingue le type de moteur des navigateurs*/
 .demo {
	-moz-transform:rotate(90deg); 
	-webkit-transform:rotate(90deg); 
	-o-transform:rotate(90deg);
	/*Distinction Internet Explorer : Vous devrez coller le code du second chapitre de ce tutoriel dans un
	fichier que vous nommerez –ms-transform.htc */ 
	/*Liaison avec ce fichier à l'aide de l'attribut behavior*/
    behavior:url(-ms-transform.htc);
	-ms-transform:rotate(90deg);
 }

 /*Au survol des éléments appartenant à cette classe, les éléments se repositionnent à 0, donc à 
l'horizontal */
 .demo:hover {
	-moz-transform:rotate(0deg); 
	-webkit-transform:rotate(0deg); 
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
 }


#entete_evaluation {
  /* position:absolute;
  top:100px;
  left:2%;
  width:100%;
  margin-right:5%;*/
  padding:0;
  margin:0; 
  /*height:275px;*/
  width:100%;
  
 /*margin: 10 auto 0 auto;right: 100px;
 border: 1px solid #B9BEBD;*/
 /*width:100%;z-index:200000; 
  background-color:red;
 background-color:red;*/
}
/*html>body #entete_evaluation{
  position:fixed;

}*/

/*#entete_evaluation table {
 margin:auto;
 border-collapse: collapse;
 width:100%;
}*/

#eleves_evaluation {
  margin:0;
  padding:0;
  margin-top:2px;
  overflow: auto;
  width:100%;
}

.verticaltext {
    color:#334C75;
    writing-mode:tb-rl;
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    white-space:nowrap;
    display:block;
    bottom:0;
    width:20px;
    height:20px;
    /*text-shadow: 0px 0px 1px #334C75;*/
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;    
	font-size:12px;
    font-weight:normal;
}

.alerte {
	color: red;
	font-style : 20px;
	font-weight:bold;	
	padding-left:20px;
}

dl,dt,dd{/* suppression des marges */

margin : 0px;

padding: 0px;

}

.letter_alpha {
border:1px solid #ccc;
}

.letter_alpha a {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 20px;
color:#005B88;
text-decoration: none;	
padding: 0px 3px 0px 3px;
}

.texte_grey {
color: #808080;	
font-style: italic;
}
/*--------------------------------------------------------------*/
/*------------------FIN Classes Chris-----------*/
/*--------------------------------------------------------------*/ 


/*-----------------------------------------------------*/
/*---Tableau de la page annee_programmation -----------*/
/*-----------------------------------------------------*/
#tab_programmation
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border-collapse: collapse;
}
#tab_programmation thead th.head-left
{
	background: #b9c9fe url('table-images/left.png') left -1px no-repeat; 
}
#tab_programmation thead th.head-right
{
	background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}
#tab_programmation th
{
	padding: 7px 4px;
	font-weight: bold;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#tab_programmation td
{
	padding: 7px 2px 7px 4px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#tab_programmation tfoot td.foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#tab_programmation tfoot td.foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
#tab_programmation input {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 13px;
color:#005B88;
}
#tab_programmation textarea, select{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 12px;
color:#005B88;
}


#tab_programmation .tabs 
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	/*width: 100%; 480px; modif chris*/
	text-align: left;
	border-collapse: collapse;

}
#tab_programmation .tabs tr:hover td { background: #D0DAFD;}
#tab_programmation .tabs td {font-size: 11px; border-color:none;}
#tab_programmation table.pad2 td {padding: 10px 4px 3px 4px;}

#tab_programmation .tabs2 
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 13px;
	font-weight: bold; 
	margin: 0px;
	text-align: center;
	border-collapse: collapse;
}
#tab_programmation .tabs2 td {border-color:none; padding:1px 1px; color: #666699;border-top: none;}

.tabs4 
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 13px;
	font-weight: bold; 
	margin: 0px;
	text-align: center;
	border-collapse: collapse;
}
.tabs4 td {border:hidden; padding:1px 1px; color: #666699;}

/*-----------------------------------------------------*/
/*--- FIN Tableau de la page annee_programmation ------*/
/*-----------------------------------------------------*/