/*
	Circon'script CSS
	Version 2.1 
	CeCILL Copyright (C) 2008 Thierry Gangloff
	e-mail: thierry.gangloff@ac-strasbourg.fr
*/
#corps {
	background-color:#fafafa;
	color:#000;
	padding:1.5em;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #202020;
	border-right-color: #202020;
	border-bottom-color: #202020;
	border-left-color: #202020;
}

#conteneur {
	background-color:#fafafa;
	min-width:60em;
	position:absolute;
	width:90%;
	margin-top: 1em;
	margin-right: 5%;
	margin-left: 5%;
}

#menu_principal {
background-color:#202020;                                           
height:2.4em;
max-height:2.4em;
}

.menu_secondaire {
	background-color:#D8DDFE;
	height:2.4em;
	max-height:2.4em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

#header {
	background-color:#3882C7;
	border:1px solid #fafafa;
	color:#fafafa;
	font-size:2em;
	height:2.5em;
	padding-left:72px;
	padding-top:1em;
	background-image: url(images/bandeau3.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.presentation {
	vertical-align: top;

}


#pied {
border:1px solid #202020;
border-top:0;
padding:0.5em;
text-align:right;
}

.menu1 {
	font-size:1em;
	list-style-type:none;
	margin:0;
	padding:0;
}

.menu1 a {
	color:#fafafa;
	margin:0 0.4em;
	text-decoration: none;
}

.menu1 a:hover {
color:#66CCFF;
text-decoration:none;
}
.menu1 a.sel {
color:#35BDFF;
text-decoration:none;
}
.menu1 li {
border-right:1px solid #fff;
display:inline;
float:left;
margin:0;
padding:0.6em 10px;
}

.menu2 {
	font-size:1em;
	list-style-type:none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0px;
}

.menu2 a {
	color:#0000;
	margin:0 0.4em;
	text-decoration: none;
}

.menu2 a:hover {
color:#3399FF;
text-decoration:none;
}

.menu2 li {
	display:inline;
	float:left;
	margin:0;
	padding:0.6em 10px;
}

a {
color:#000;
text-decoration:underline;
}

body {
background-color:#CDCDCD;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.65em;
}

h1 {
	font-size:1.3em;
	margin-top: 0.8em;
	margin-right: 0.5em;
	margin-bottom: 0.3em;
	margin-left: 0;
	font-weight: bold;
	height: 1.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCFF;
	border-right-color: #CCCCFF;
	border-bottom-color: #CCCCFF;
	border-left-color: #CCCCFF;
	background-image: url(images/degrade.png);
	background-repeat: no-repeat;
}

.help {
	background-image: url(images/degrade_aide.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 32px;
}
h2 {
font-size:1.2em;
margin:0.8em 0.5em 0.3em 0.6em;
}

h3 {
	font-size:1.1em;
	margin-top: 0.8em;
	margin-right: 0.5em;
	margin-bottom: 0.3em;
	margin-left: 1.5em;
}

h4 {
font-size:1em;
margin:0.7em 0.5em 0.3em 1em;
}

h5 {
font-size:0.9em;
margin:0.6em 0.5em 0.2em 1.5em;
}

p {
font-size:1em;
margin:1px 0.5em 0.5em 1.5em;
}

.erreur  {
	font-weight: bold;
	color: #FF0000;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	margin-left: 0.5em;
}
p.remarque  {
	font-weight: lighter;
	color: #000000;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	margin-left: 0.5em;
	font-style: italic;
}
input.bouton_standard
{
	background-color: #D8DDFE;
	border: 1px outset #0000CC;
}
input.bouton_standard:hover
{
	background-color: #E7EAFE;
	border: 1px inset #0066CC;
}
input.bouton_ajoute
{
	border: none;
	background-color: #fafafa;
	padding: 22px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_ajoute.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px; 	
}
input.bouton_ajoute:hover
{
	cursor: pointer;
}
input.bouton_retranche
{
	border: none;
	background-color: #fafafa;
	padding: 22px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_retranche.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px; 	
}
input.bouton_retranche:hover
{
	cursor: pointer;
}
input.bouton_modifier
{
	border: none;
	background-color: #fafafa;
	padding: 22px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_edit.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px; 	
}
input.bouton_modifier:hover
{
	cursor: pointer;
}
input.bouton_editer
{
	border: none;
	background-color: #fafafa;
	padding: 22px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_modify.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px; 	
}
input.bouton_editer:hover
{
	cursor: pointer;
}
input.bouton_dupliquer
{
	border: none;
	background-color: #fafafa;
	padding: 16px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_duplique.png");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px; 	
}
input.bouton_dupliquer:hover
{
	cursor: pointer;
}
input.bouton_dupliquer2
{
	border: none;
	background-color: #fafafa;
	padding: 16px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_duplique2.png");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px; 	
}
input.bouton_dupliquer2:hover
{
	cursor: pointer;
}
input.bouton_supprimer
{
	border: none;
	background-color: #fafafa;
	padding: 16px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_supprime.png");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px; 	
}
input.bouton_supprimer:hover
{
	cursor: pointer;
}
input.bouton_undo
{
	border: none;
	background-color: #fafafa;
	padding: 22px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_undo.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px; 	
}
input.bouton_undo:hover
{
	cursor: pointer;
}

input.bouton_suiv
{
	border: none;
	background-color: #fafafa;
	padding: 22px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_suiv.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px; 	
}
input.bouton_suiv:hover
{
	cursor: pointer;
}
input.bouton_prec
{
	border: none;
	background-color: #fafafa;
	padding: 22px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_prec.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px; 	
}
input.bouton_prec:hover
{
	cursor: pointer;
}
input.bouton_fin
{
	border: none;
	background-color: #fafafa;
	padding: 22px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_fin.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px; 	
}
input.bouton_fin:hover
{
	cursor: pointer;
}input.bouton_deb
{
	border: none;
	background-color: #fafafa;
	padding: 22px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_debut.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px; 	
}
input.bouton_deb:hover
{
	cursor: pointer;
}
input.bouton_enregistre
{
	border: none;
	background-color: #fafafa;
	padding: 22px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_enregistre.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px; 	
}
input.bouton_enregistre:hover
{
	cursor: pointer;
}
input.bouton_actualise
{
	border: none;
	background-color: #fafafa;
	padding: 22px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_actualise.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px; 	
}
input.bouton_actualise:hover
{
	cursor: pointer;
}
input.bouton_courriel
{
	border: none;
	background-color: #fafafa;
	padding: 22px 0 0 0;
	overflow: hidden;
	background-image: url("images/internet-mail.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px; 	
}
input.bouton_courriel:hover
{
	cursor: pointer;
}
input.bouton_chercher
{
	border: none;
	background-color: #fafafa;
	padding: 22px 0 0 0;
	overflow: hidden;
	background-image: url("images/b_recherche.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px; 	
}
input.bouton_chercher:hover
{
	cursor: pointer;
}
input.bouton_interdit
{
	border: none;
	background-color: #fafafa;
	padding: 22px 0 0 0;
	overflow: hidden;
	background-image: url("images/interdit.png");
	background-repeat: no-repeat;
	height: 22px;
	width: 22px; 	
}
input.bouton_interdit:hover
{
	cursor: pointer;
}
input.bouton_haut
{
	border: none;
	background-color: #fafafa;
	padding: 11px 0 0 0;
	overflow: hidden;
	background-image: url(images/fleche_haut2.png);
	background-repeat: no-repeat;
	height: 11px;
	width: 11px; 	
}
input.bouton_haut:hover
{
	cursor: pointer;
}
input.bouton_bas
{
	border: none;
	background-color: #fafafa;
	padding: 11px 0 0 0;
	overflow: hidden;
	background-image: url(images/fleche_bas2.png);
	background-repeat: no-repeat;
	height: 11px;
	width: 11px; 	
}
input.bouton_bas:hover
{
	cursor: pointer;
}

input.texte {
   background-color: #E9ECFE;

}
 a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
tr.table_entete {
	font-weight: bolder;
	background-color: #CCCCFF;
	line-height: 2em;
	text-align: center;
}
tr.ligne_bas {
	border-bottom-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;

}
.survol:hover {
	background-color: #E6E6FF;
	
}
.img_survol{
	cursor: pointer;

}
.controle {
	text-align: center;
}
#corps_popup {
border-bottom:0;
border-top:0;
color:#000;
padding:1.5em;
}

#conteneur_popup {
	margin:0;
	padding: 0;
	width:100%;
	height: 100%;
}

#header_popup {
background-color:#3882C7;
border:1px solid #fafafa;
color:#fafafa;
font-size:1.5em;
height:1.8em;
padding-left:1em;
padding-top:1em;

}
body.popup {
background-color:#FAFAFA;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.65em;
}
/*
	-------------------présentation des tables de séances (incluses dans tables animation)
*/

tr.seance_entete
{
	font-size:1em;
	margin:0.5em 0.5em 0.5em 0.5em;
	font-weight: bold;
	text-align: center;
}
tr.seance_impaire
{

}
tr.seance_paire
{

}
tr.seance_impaire:hover
{
	background-color: #EEF0FD;

}
tr.seance_paire:hover
{
	background-color: #F4EEFD;
}
td.seance_impaire
{

}
td.seance_paire
{

}
td.seance_impaire:hover
{
	background-color: #EEF0FD;

}
td.seance_paire:hover
{
	background-color: #F4EEFD;
}
td.fleches
{
	width: 30px;
}

.seance td{
	padding-top: 0em;
	padding-right: 0.3em;
	padding-bottom: 1em;
	padding-left: 0.3em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
td.date_surbrille{
	background-color: #FFFF00;
}
td.seance_suppl{
	background-color: #CCFF66;
}
#animation h2
{
	font-size:1.3em;
	background-color: #CBB9FF;
	vertical-align: middle;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	background-image: url(images/puce_domaine.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0.5em;
	padding-right: .5em;
	padding-bottom: 0.5em;
	padding-left: 30px;
}
#animation h3
{
	font-size:1.3em;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0em;
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 40px;
	font-style: normal;
	font-weight: bolder;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-image: url(images/puce.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#animation p
{
	margin: 0em;
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 1em;
}
.domaine_petit
{
	background-image: url(images/puce_domaine_petit.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1em;

}
ul.fleche
{
 	list-style-image: url(images/puce_domaine_petit.png);
}
.theme_petit
{
	padding-left: 1em;
	background-image: url(images/puce_theme_petit.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#animation table
{
	border-collapse:collapse;
	padding: 0px;
	margin-top: 0em;
	margin-right: 2em;
	margin-bottom: 0em;
	margin-left: 3em;
	vertical-align: top;
	width: 90%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#animation table.seance
{
	border-collapse:collapse;
	padding: 0px;
	margin: 0em;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#animation h4 {
	font-size:1.2em;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: .5em;
	padding-left: 0em;
}
#animation h1{
	font-size: 1.5em;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	text-align: center;
	text-decoration: underline;
}
td.animation_intitule
{
	width: 20em;
	vertical-align: middle;
}
td.centre
{
	text-align: center;
}

.cadre
{
	border: thin solid #000000;
}
.cadre_inactif
{
	border: thin solid #000000;
	text-align: center;
}
.cadre_actif
{
	border: 1px solid #000000;
	background-color: #D2E3F2;
	text-align: center;
}
.cadre_groupe_actif
{
	border: 1px solid #000000;
	background-color: #00FF33;
	text-align: center;
}
.cadre_groupe_inactif
{
	border: 1px solid #000000;
	background-color: #FFCC33;
	text-align: center;
}
#animation table.invisible
{
	border-collapse: collapse;
	padding: 0px;
	width: 100%;
	border-bottom-style: none;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
span.droite
{
	float: right;
	position: relative;

}

.important {
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
}

#alaffiche
{
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-color: #EEF0FD;
	border: 1px solid #000000;
}
#alaffiche:hover
{
	background-color: #DBDFFB;
}
.attention
{
	color: #FF0000;
}

td.attention
{
	color: #FF0000;
	text-align: center;
}
.accolade
{
	background-image: url(images/accolade.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.etirer
{
	width: 12px;
	height: 100%;
}
.accolade_d
{
	background-image: url(images/accolade.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.non_partage
{
	font-style: italic;
	color: #00CC33;
}