/* Styles généraux */

* {
	margin: 0;
	padding: 0;
}

html {
	min-height: 100%;
}

body {
	font-size: 12px;
	color: #000000;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	list-style-type: none;
	background-color: #dbd5c5;
	text-decoration: none;
	width: 930px;
	height: 100%;
	margin: auto;
	margin-bottom: 0px;
}

a {
	color: #76736a; text-decoration: underline;
	font-weight: bold;
}

img {
	border: 0px;
}

input, select, textarea {
	color: black;
	background: #f2eee5;
	border: 1px solid silver;
}


/* Composants de la page */

#printheader {
	display: none;
}

#global {
	background: #000000 url(/images/fondglobal.png) left top repeat-y;
	width: 960px;
	height: 100%;
	margin: auto;
	position: relative;  /* Permet de positionner après le header par rapport au "global" */
}
#milieu {
	border: #a8907d 1px solid; 
	border-top: 0px;
	width: 930px;
	height: 100%;
	margin: auto;
	padding: 0px;
}
#header {
	border:0px; 
	margin: 0px;
	height: 178px;
	padding: 0px;
	position: absolute;
	background: #80292d;
	top: 0px;
	left: 15px;
}

#content {
	width: 647px;
	overflow: hiden;
	float: left;
	min-height: 500px;
	padding-right: 10px;
	padding-left: 25px;
	padding-bottom: 30px;
	padding-top: 10px;
	border: #cccccc 0px dotted;
	border-right: #cccccc 1px solid;
	border-top: 0px;
	border-left: 0px;
	color: black; 
	/*background-image: url(/images/back.png);*/
	background-color: #ffffff;
	margin-top: 170px;
}


/* Formatage du contenu */

#dbcontent img {
	margin: 5px 10px 5px 10px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
}

#dbcontent ul {
	margin: 10px;
	margin-left: 30px;
	padding-bottom: 10px;
}

#dbcontent li {
	font-size: 100%;
	color: black;
	list-style-type: none;
	list-style-image: url(/images/puce.gif);
	margin-left: 15px;
	padding-bottom: 5px;
}

#dbcontent a {
	color: #CC0000;
}

#content  h1 {
	line-height: 0.5em;
	font-size: 25px;
	color:#667d51;
	font-weight: normal;
	
	text-decoration: underline;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#content h2 {
	line-height: 0.5em;
	color:#667d51;
	margin: 0px;
	margin-left: 15px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 1.3em;
	padding-bottom: 10px;
    font-weight: bold;
	border-bottom: 1px solid #667d51;
}

#content h3 {
	padding-left: 10px;
	font-size: 13px;
	padding-bottom: 10px;
	text-align: left;
}


/* Formatage du menu */

#menu {
	width: 246px; /*247*/
	height: 100%;
	border: 0px;
	border-left: 1px solid #ffffff;
	margin: 0px;
	float: right;
	margin: auto;
	background-color: #eae4d3;
	background-image: url(/images/fond_menu.png);
	padding:0px;
	padding-top: 0px;
	margin-top: 170px;
}

#menu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	text-decoration: none;
}

#menu li a {
	height: 32px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
	font-weight: bold;
}

#menu li a:link, #menu li a:visited {
	color: #000000;
	display: block;
	background: url(/images/menu.png);
	padding: 8px 0 0 30px;
}
	
#menu li a:hover {
	color: #666666;
	background: url(/images/menu.png) 0 -32px;
	padding: 8px 0 0 30px;
}
	
#menu li a:active {
	color: #fff;
	background: url(/images/menu.png) 0 -64px;
	padding: 8px 0 0 30px;
}

#searchbox {
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
}

#messages {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#messages a {
	color: #CC0000;
	text-decoration: none;
}

#printlink {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#printlink a {
	color: grey;
	text-decoration: none;
}


/* Gestion des languges */

#langselect {
	padding-top: 15px;
	padding-bottom: 40px;
	width: 150px;
	margin: auto;
	position: relative;
}

#langselect a {       /* définition de chaque bouton du langues */
	height: 22px;
	float: left;
	display: block;
	border: 0px; 
	width: 30px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#langselect a:hover {
	border: 0px; 
	width: 30px;
	height: 20px;
	border-bottom: 3px solid #c1b289;
}

.fr { background: url(/images/flags/fr.png) no-repeat bottom center; }
.en { background: url(/images/flags/en.png) no-repeat bottom center; }
.ru { background: url(/images/flags/ru.png) no-repeat bottom center; }
.ro { background: url(/images/flags/ro.png) no-repeat bottom center; }

#langselect a span {     /* définition de la balise <span> inclue dans <a> */
	display: none;
}

#langselect a:hover span {   /* définition de la balise <span> au survol */
	display: block;
	text-align: center;
	color: #9c988d;
	margin-top: 27px;
	position: absolute;
	left: 45px;
	text-decoration: underline;
}


/* Formatage du pied de page */

#footer {
	clear: both;
	border-top: #80292d 9px solid;
	border-bottom: #80292d 0px solid;
	padding-right: 2px;
	margin-top: 0px;
	padding-left: 2px;
	font-size: 10px;
	padding-bottom: 4px;
	color: #000000;
	padding-top: 5px;
	background-color: #ffffff;
	text-align: center;
	background-image: url(/images/fond2.gif);
}

#footer a {
	color: #000000;
	text-decoration: none;
}


/* Formatage du diagramme */

#diagramme ul {
	padding: 7px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;
}

#diagramme h3 {
	font-size: 12px;
	padding-bottom: 10px;
	padding-top: 15px;
	padding-right: 5px;
}

.diagramme {
	padding: 2px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

.diagramme h3 {
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 9px;
	background: transparent url(/images/boite_haut_white.png) no-repeat;
	background-position: center top;
	text-align: center;
	color: #355f8f;
}

.diagramme p {
	margin: 1em 15px;
	margin-top: 10px;
	text-align: left;
	color: #666666; /* #8f8b81; */
}

.fleches {
	clear: both;
	width: 70px;
	margin-right: auto;
	margin-left: auto;
	height:70px;
	background-image: url(/images/fleche.png); 
	padding: 0px;	 
}


/* Formatage des boites d'UE */

.boitempty {
	float: left;
	width: 150px;
	margin-right: 4px;
	margin-left: 4px;
	font-size: 80%;
}

.boitempty1 {
	float: left;
	width: 230px;
	margin-right: 4px;
	margin-left: 4px;
	font-size: 80%;
}

.boitempty2 {
	float: left;
	width: 155px;
	margin-right: 4px;
	margin-left: 4px;
	font-size: 80%;
}

.boitempty3 {
	float: left;
	width: 75px;
	margin-right: 4px;
	margin-left: 4px;
	font-size: 80%;
}

.boitempty4 {
	float: left;
	width: 10px;
	margin-right: 4px;
	margin-left: 4px;
	font-size: 80%;
}

.boite li,
.boite_bleu li, .boite_violet li,
.boite_vert li, .boite_rouge li,
.boite_cyan li, .boite_jaune li {
	font-size: 100%;
	color: black;
	list-style-type: none;
	background-image: url(/images/puce.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0% 14%;
}

.boite,
.boite_bleu, .boite_violet,
.boite_vert, .boite_rouge,
.boite_cyan, .boite_jaune {
	float: left; 
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	margin-right: 4px;
	margin-left: 4px;
	padding-bottom: 7px;
	font-size: 90%;
	
	background: #cccccc url(/images/boite_fond_blanc.png) no-repeat;
	background-position: center bottom;
}

.boite_bleu {
	background: #cccccc url(/images/boite_fond_bleu.png) no-repeat;
	background-position: center bottom;
}

.boite_violet {
	background: #cccccc url(/images/boite_fond_violet.png) no-repeat;
	background-position: center bottom;
}

.boite_vert {
	background: #cccccc url(/images/boite_fond_vert.png) no-repeat;
	background-position: center bottom;
}

.boite_rouge {
	background: #cccccc url(/images/boite_fond_rouge.png) no-repeat;
	background-position: center bottom;
}

.boite_cyan {
	background: #cccccc url(/images/boite_fond_cyan.png) no-repeat;
	background-position: center bottom;
}

.boite_jaune {
	background: #cccccc url(/images/boite_fond_jaune.png) no-repeat;
	background-position: center bottom;
}

.boite_large_bleu h3, .boite_large_violet h3,
.boite_large_vert h3, .boite_large_rouge h3,
.boite_large_cyan h3, .boite_large_jaune h3 {
	background: transparent url(/images/boite_haut_large.gif) no-repeat !important;
	text-align: center;
	padding-left : 15px !important;
}

.boite_large_bleu li, .boite_large_violet li,
.boite_large_vert li, .boite_large_rouge li,
.boite_large_cyan li, .boite_large_jaune li {
	font-size: 100%;
	color: black;
	list-style-type: none;
	background-image: url(/images/puce.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	background-position: 5% 14%;
}

.boite_large,
.boite_large_bleu, .boite_large_violet,
.boite_large_vert, .boite_large_rouge,
.boite_large_cyan, .boite_large_jaune {
	float: left; 
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	margin-right: 2px;
	margin-left: 2px;
	padding-bottom: 7px;
	margin-bottom: 10px;
	font-size: 90%;
	
	background: #cccccc url(/images/boite_fond_large_blanc.png) no-repeat;
	background-position: center bottom;
}

.boite_large_bleu {
  background: #cccccc url(/images/boite_fond_large_bleu.png) no-repeat;
  background-position: center bottom;
}

.boite_large_violet {
  background: #cccccc url(/images/boite_fond_large_violet.png) no-repeat;
  background-position: center bottom;
}

.boite_large_vert {
  background: #cccccc url(/images/boite_fond_large_vert.png) no-repeat;
  background-position: center bottom;
} 	
.boite_large_rouge {
  background: #cccccc url(/images/boite_fond_large_rouge.png) no-repeat;
  background-position: center bottom;
}

.boite_large_cyan {
  background: #cccccc url(/images/boite_fond_large_cyan.png) no-repeat;
  background-position: center bottom;
}

.boite_large_jaune {
  background: #cccccc url(/images/boite_fond_large_jaune.png) no-repeat;
  background-position: center bottom;
}

/* Astuce de la boite invisible pour aligner des UE ... */
.boite_blanc {
	float: left; 
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	margin-right: 4px;
	margin-left: 4px;
	padding-bottom: 7px;
	font-size: 90%;
	background: #FFFFFF;
	
}
.boite_large_blanc {
	float: left; 
	width: 300px;
	margin-right: 2px;
	margin-left: 2px;
	padding-bottom: 7px;
	margin-bottom: 10px;
	font-size: 90%;
	background: #FFFFFF;
}
.boite_large_blanc_plus {
	float: left; 
	width: 300px;
	margin-right: 6px;
	margin-right: 16px; !important
	margin-left: 2px;
	padding-bottom: 7px;
	margin-bottom: 10px;
	font-size: 90%;
	background: #FFFFFF;
}
.boite_large_blanc h3,
.boite_large_blanc_plus h3 {
	color: #FFFFFF;
	background: none;
	text-align: center;
	padding-left : 15px !important;
}
.boite_blanc h3 {
	color: #FFFFFF;
	background: none;
	text-align: center;
	padding-left : 15px !important;
}

/* Gestion des pages de diag particulieres */
.boite_nofloat,
.boite_nofloat_bleu, .boite_nofloat_violet,
.boite_nofloat_vert, .boite_nofloat_rouge,
.boite_nofloat_cyan, .boite_nofloat_jaune
{
	margin-left: auto;
	/* A cause d'un bug sous IE, on fixe m-r, sinon c'est "auto" sous FF */
	margin-right: 341px;
	padding-bottom: 7px;
	margin-bottom: 10px;
	font-size: 90%;
}

.boite_nofloat_bleu {
  background: #cccccc url(/images/boite_fond_large_bleu.png) no-repeat;
  background-position: center bottom;
}

.boite_nofloat_violet {
  background: #cccccc url(/images/boite_fond_large_violet.png) no-repeat;
  background-position: center bottom;
}

.boite_nofloat_vert {
  background: #cccccc url(/images/boite_fond_large_vert.png) no-repeat;
  background-position: center bottom;
} 	
.boite_nofloat_rouge {
  background: #cccccc url(/images/boite_fond_large_rouge.png) no-repeat;
  background-position: center bottom;
}

.boite_nofloat_cyan {
  background: #cccccc url(/images/boite_fond_large_cyan.png) no-repeat;
  background-position: center bottom;
}

.boite_nofloat_jaune {
  background: #cccccc url(/images/boite_fond_large_jaune.png) no-repeat;
  background-position: center bottom;
}

.boite_right,
.boite_right_bleu, .boite_right_violet,
.boite_right_vert, .boite_right_rouge,
.boite_right_cyan, .boite_right_jaune
{
  float: right;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	margin-right: 2px;
	margin-left: 2px;
	padding-bottom: 7px;
	margin-bottom: 10px;
	font-size: 90%;
}

.boite_right_bleu {
  background: #cccccc url(/images/boite_fond_large_bleu.png) no-repeat;
  background-position: center bottom;
}

.boite_right_violet {
  background: #cccccc url(/images/boite_fond_large_violet.png) no-repeat;
  background-position: center bottom;
}

.boite_right_vert {
  background: #cccccc url(/images/boite_fond_large_vert.png) no-repeat;
  background-position: center bottom;
} 	
.boite_right_rouge {
  background: #cccccc url(/images/boite_fond_large_rouge.png) no-repeat;
  background-position: center bottom;
}

.boite_right_cyan {
  background: #cccccc url(/images/boite_fond_large_cyan.png) no-repeat;
  background-position: center bottom;
}

.boite_right_jaune {
  background: #cccccc url(/images/boite_fond_large_jaune.png) no-repeat;
  background-position: center bottom;
}

.boite_left,
.boite_left_bleu, .boite_left_violet,
.boite_left_vert, .boite_left_rouge,
.boite_left_cyan, .boite_left_jaune
{
  float: left;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	margin-right: 2px;
	margin-left: 2px;
	padding-bottom: 7px;
	margin-bottom: 10px;
	font-size: 90%;
}

.boite_left_bleu {
  background: #cccccc url(/images/boite_fond_large_bleu.png) no-repeat;
  background-position: center bottom;
}

.boite_left_violet {
  background: #cccccc url(/images/boite_fond_large_violet.png) no-repeat;
  background-position: center bottom;
}

.boite_left_vert {
  background: #cccccc url(/images/boite_fond_large_vert.png) no-repeat;
  background-position: center bottom;
} 	
.boite_left_rouge {
  background: #cccccc url(/images/boite_fond_large_rouge.png) no-repeat;
  background-position: center bottom;
}

.boite_left_cyan {
  background: #cccccc url(/images/boite_fond_large_cyan.png) no-repeat;
  background-position: center bottom;
}

.boite_left_jaune {
  background: #cccccc url(/images/boite_fond_large_jaune.png) no-repeat;
  background-position: center bottom;
}

.boite_right li,
.boite_right_bleu li, .boite_right_violet li,
.boite_right_vert li, .boite_right_rouge li,
.boite_right_cyan li, .boite_right_jaune li,
.boite_left li,
.boite_left_bleu li, .boite_left_violet li,
.boite_left_vert li, .boite_left_rouge li,
.boite_left_cyan li, .boite_left_jaune li,
.boite_nofloat li,
.boite_nofloat_bleu li, .boite_nofloat_violet li,
.boite_nofloat_vert li, .boite_nofloat_rouge li,
.boite_nofloat_cyan li, .boite_nofloat_jaune li
{
	font-size: 100%;
	color: black;
	list-style-type: none;
	background-image: url(/images/puce.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	background-position: 5% 14%;
}

.boite_right h3,
.boite_right_bleu h3, .boite_right_violet h3,
.boite_right_vert h3, .boite_right_rouge h3,
.boite_right_cyan h3, .boite_right_jaune h3,
.boite_left li,
.boite_left_bleu li, .boite_left_violet li,
.boite_left_vert li, .boite_left_rouge li,
.boite_left_cyan li, .boite_left_jaune li,
.boite_nofloat h3,
.boite_nofloat_bleu h3, .boite_nofloat_violet h3,
.boite_nofloat_vert h3, .boite_nofloat_rouge h3,
.boite_nofloat_cyan h3, .boite_nofloat_jaune h3
{
	background: transparent url(/images/boite_haut_large.gif) no-repeat !important;
	text-align: center;
	padding-left : 15px !important;
}