.separateur { clear:both; border:none; margin:0 0 0 0; padding:0 0 0 0;  }
.options { height:20px; text-align:right; font-size:10px; color:red; }
.options a {	background:black; color:white; padding:2px 5px 2px 5px;  }
#standby { position: absolute; left:0; width:100%; height:0; z-index:100; text-align:center; line-height:0; background:#000; }

.article {
	font-size:12px;
	padding:10px 10px 10px 10px
}

.article .titre {
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}

.article .legende {
	font-size:12px;
	font-style:italic;
	padding-left:10px;
}

.article .paragraphe{
	padding:10px 10px 10px 10px;
}

.article .paragraphe .expose {
	border:1px black dotted;
	text-align:center;
	padding:5px 5px 5px 5px;
	margin:10px 10px 10px 10px;
	background:#fff;
}

.article .paragraphe .expose ul {
	text-align:left;
}

.article .paragraphe .titre {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.article .paragraphe .contenu {
	margin:10px 0;
	padding:10px 10px 10px 10px;
}

.article .paragraphe .contenu  p{
	margin:0 0 10px 0;
}

.article .paragraphe .contenu  p:hover {
	/*font-weight:600;
	cursor:default;*/
}

.article .paragraphe .contenu .note {
	border:#FFA500 1px solid;
	padding:3px 3px 3px 3px;
	width:200px;
	/*background:#0D7DA5;*/
	background:#ffffff;
	/*color:#EFFBFF;*/
	color:#000;
}

.article .paragraphe .contenu .right { margin:0 0 10px 10px; }
.article .paragraphe .contenu .left { margin:10px 10px 10px 0; }

.article .paragraphe .contenu .legende {
	font-size:10px;
	text-align:right;
	margin:5px 0;
	padding-right:10px;
}
.article .paragraphe .contenu .legende p { margin:0 0 0 0; }

.article .paragraphe .image{ padding:2px 2px 2px 2px; margin:5px 10px 5px 10px; }
.article .paragraphe .left{ float:left; }
.article .paragraphe .right{ float:right; }
.article .paragraphe .half{ width:43%; }

.article .bar {
	display:block;
	margin:auto;
	width:400px;
}

.article .button { border:1px solid black; text-align:center; background:white; font-weight:bold; text-decoration:none; }
.article .button:hover { background:black; border:1px solid white;  }


.displayer {
	width:500px;
	height:82px;
	position:relative;
	overflow:hidden;
}

.displayer .content{ position:relative; }
.displayer .content ul { display:block; }

.displayer .content li{
	position:absolute;
	list-style:none;
	height:70px;
	border:1px solid #B3D4EF;
	background: url(../../images/bubble.png) top left;
}

.displayer .content li img {
	height:70px;
}

/******GREENTHEME*********************************/

.greentheme  { color:black; }
.greentheme .paragraphe .image{ /* border:dashed 1px #FFA500; */}
.greentheme .paragraphe .contenu{ background-color:#EAFFDF; color:#183F04; }
.greentheme .paragraphe  .contenu .titre{ color:#183F04; border-bottom:1px dashed #183F04; margin-bottom:5px; display:block; }
.greentheme .paragraphe .contenu .legende { border: #FFA500 1px dashed; }
.greentheme .paragraphe .contenu .legende a { color:#86A2EF; }
.greentheme .paragraphe .contenu .legende a:hover { color:#CF7000; }

/*******REDTHEME***********************************/

.redtheme  { color:black; }
.redtheme .paragraphe .image{ border:dashed 1px #FFA500; }
.redtheme .paragraphe .contenu { /*background-color:#B14030;*/background-color:#EFE2E0; color:#000; }
.redtheme .paragraphe .contenu  .titre{ color:#fff; color:#B14030; border-bottom:1px dashed #B14030; margin-bottom:5px; display:block; }
.redtheme .paragraphe .contenu .legende { border: #FFA500 1px dashed; }
.redtheme .paragraphe .contenu .legende a { color:#86A2EF; }
.redtheme .paragraphe .contenu .legende a:hover { color:#CF7000; }

.redtheme .tableau {
	width:100%;
	border-collapse:collapse;
	border:#FFA500 2px solid;
	background-color:#FFF1EF;
	color:#7F0F14;
}

.redtheme .tableau  th {
	border:#FFA500 1px solid;
	color:#7F0F14;
	text-align:center;
	background-color:white;
	font-weight:bold;
	padding:2px 5px 2px 5px;
}

.redtheme .tableau  tr:hover{  background-color:#B14030; color:white; cursor:default; }
.redtheme .tableau  td { border:#FFA500 1px solid;	padding:2px 2px 2px 2px; }

.redtheme .plaquette { margin-top:10px; border-collapse:collapse; color:black; }
.redtheme .plaquette  tr.clair{ background-color:#ecd6cd; }
.redtheme .plaquette  tr.fonce{background-color:#e7e7e9; }
.redtheme .plaquette  td { color:#57575a;	padding:5px 5px 5px 5px; }
.redtheme .plaquette  .module { font-weight:bold; }
.redtheme .plaquette  ul.matieres{ padding-left:50px; }
.redtheme .plaquette  ul.matieres li{ list-style:disc; }
.redtheme .plaquette  .ects { color:#B14030; font-weight:bold; }
.redtheme .plaquette  .horaire{ text-align:right; }

/*****YELLOWTHEME*****************************************/

.yellowtheme  { color:black; }
.yellowtheme .paragraphe .image{ border:dashed 1px #FFA500; }
.yellowtheme .paragraphe .contenu{ background-color:#FFE9CF; color:black; }
.yellowtheme .paragraphe  .contenu .titre{ color:#3F3C37; border-bottom:1px dashed #183F04; margin-bottom:5px; display:block; }
.yellowtheme .paragraphe .contenu .legende { border: #FFA500 1px dashed; }
.yellowtheme .paragraphe .contenu .legende a { color:#86A2EF; }
.yellowtheme .paragraphe .contenu .legende a:hover { color:#CF7000; }

.yellowtheme .plaquette { margin-top:10px; border-collapse:collapse; color:black; width:100%; }
.yellowtheme .plaquette  tr.clair{ background-color:#E7E7E9; }
.yellowtheme .plaquette  tr.fonce{background-color:#FAE8D5; }
.yellowtheme .plaquette  td { color:#57575a;	padding:5px 5px 5px 5px; }
.yellowtheme .plaquette  .module { font-weight:bold; }
.yellowtheme .plaquette  ul.matieres{ padding-left:50px; }
.yellowtheme .plaquette  ul.matieres li{ list-style:disc; }
.yellowtheme .plaquette  .ects { color:#E07E26; font-weight:bold; }
.yellowtheme .plaquette  .horaire{ text-align:right; }

/************************************************************/

/*****BLUETHEME*****************************************/

.bluetheme  { color:black; }
.bluetheme .paragraphe .image{ border:dashed 1px #FFA500; }
.bluetheme .paragraphe .contenu{ background-color:#EFF4FF; color:black; }
.bluetheme .paragraphe  .contenu .titre{ color:#3F3C37; border-bottom:1px dashed #183F04; margin-bottom:5px; display:block; }
.bluetheme .paragraphe .contenu .legende { border: #FFA500 1px dashed; }
.bluetheme .paragraphe .contenu .legende a { color:#86A2EF; }
.bluetheme .paragraphe .contenu .legende a:hover { color:#CF7000; }

.bluetheme .plaquette { margin-top:10px; border-collapse:collapse; color:black; width:100%; }
.bluetheme .plaquette  tr.clair{ background-color:#DFE8FF; }
.bluetheme .plaquette  tr.fonce{background-color:#CFDCFF; }
.bluetheme .plaquette  td { color:#57575a;	padding:5px 5px 5px 5px; }
.bluetheme .plaquette  .module { font-weight:bold; }
.bluetheme .plaquette  ul.matieres{ padding-left:50px; }
.bluetheme .plaquette  ul.matieres li{ list-style:disc; }
.bluetheme .plaquette  .ects { color:#E07E26; font-weight:bold; }
.bluetheme .plaquette  .horaire{ text-align:right; }

/************************************************************/

/*****GREYTHEME*****************************************/

.greytheme  { color:black; }
.greytheme .paragraphe .image{ border:dashed 1px #FFA500; }
.greytheme .paragraphe .contenu{ background-color:#EFEFEF; color:black; }
.greytheme .paragraphe  .contenu .titre{ color:#3F3C37; border-bottom:1px dashed #183F04; margin-bottom:5px; display:block; }
.greytheme .paragraphe .contenu .legende { border: #FFA500 1px dashed; }
.greytheme .paragraphe .contenu .legende a { color:#86A2EF; }
.greytheme .paragraphe .contenu .legende a:hover { color:#CF7000; }

.greytheme .tableau {
	width:100%;
	border-collapse:collapse;
	border:#53606F 2px solid;
	background-color:#23292F;
	color:#fff;
}

.greytheme .tableau  th {
	border:#53606F 1px solid;
	color:#fff;
	text-align:center;
	background-color:#8FC2FF;
	font-weight:bold;
	padding:2px 5px 2px 5px;
}

.greytheme .tableau  tr:hover{  background-color:#CFE5FF; color:black; cursor:default; }
.greytheme .tableau  td { border:#53606F 1px solid; padding:2px 2px 2px 2px; }

.greytheme form input { border:1px solid white; }

.greytheme form table {
	width:100%;
	border-collapse:collapse;
	border:#53606F 2px solid;
	background-color:#23292F;
	color:#fff;
}

.greytheme form table th{
	border:#53606F 1px solid;
	color:#fff;
	text-align:center;
	background-color:#8FC2FF;
	font-weight:bold;
	padding:2px 5px 2px 5px;
}

.greytheme form table tr:hover{
	background-color:#CFE5FF; 
	color:black; 
	cursor:default;
}

.greytheme form table tr:hover input {
	border:1px solid black;
}

.greytheme form table td{
	border:#53606F 1px solid; 
	padding:2px 2px 2px 2px;
	vertical-align:middle;
	padding:5px 5px 5px 5px;
}

.greytheme .reussi {
	font-weight:bold;
	background-color: #A4EFAE !important;
	color: #0A4F13 !important;
	padding:10px 10px 10px 10px;
}

.greytheme .echec {
	font-weight:bold;
	background-color: #BF0B0B !important;
	color: #FFCFCF !important;
	padding:10px 10px 10px 10px;
}

/************************************************************/
/************************************************************/

.white { background-color:#fff; }