/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu #conteneurmenu .cache {
		visibility:hidden;
	}
}

.menu, .ssmenu {
/* Il est important de laisser une largeur et une marge, au cas où le Javascript
   soit désactivé. */
	background-color:#F4F9FD;
	color:black;
	font-size:11px;
	border:1px solid #9F7F85;
	padding:1px;
	width:150px;
	margin:1em;
}
.menu {
	text-align:center;
}
.ssmenu {
	background-attachment:left;
	background-repeat:repeat-y;
	FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#cbc8e7,strength=3);
        text-align:left;
}

.menu span, .ssmenu span {
/* pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur.
	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera...
	La combinaison aucun width et height:100% marche sur tous, donc ne pas toucher */
font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:black;
	padding:4px 3px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width :auto;
}


.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	border:1px solid #316BC6;
	background-color:#E0EEF8; /*C2CEEF*/
	color:black;
	text-decoration:none;
	padding:3px 2px;
}

img {
	border:none;
}

.ssmenu img {
	/* pour le look XP, il faut mettre des icônes de 16x16 pixels, on prévoit une marge*/
	margin-right:8px;
}


.ssmenu img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1;
	display:block;
}


/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure et largeur des menu et ssmenu.
- l'effet spécial IE pour les ssmenu
- police et couleurs des liens "non survolés" et "survolés".
*/


body  { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 12px; color: #006699;
SCROLLBAR-FACE-COLOR: #F4F9FD;  
SCROLLBAR-3DLIGHT-COLOR: #006699; 
SCROLLBAR-ARROW-COLOR: #006699; 
SCROLLBAR-DARKSHADOW-COLOR: ;}

.texteOrange18G {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF5E00;	
	//line-height: 1.9;		
}

.texteOrange16G {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF5E00;	
	font-weight: bold;
	//line-height: 1.9;		
}


.texteOrange14G {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF5E00;	
	font-weight: bold;	
}
.texteBlanc14G {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.texteBleu14G {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006699;
}


.texteBleu13G {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #006699;
}


.texte12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
}
.texteBleu12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
}
.texteOrange12G {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF5E00;
}

.texteBleu12G {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
}
.texteBleu12GrdInterlign {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
	line-height: 1.4;
}
.texteBlanc12G {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}
.asterisque {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FF0000;
}



.texte11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
}
.texte11G {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
.texteBlanc11G {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}

.texteOrange11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF5E00;
}

.texteBleu9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #006699;
}
.texteRouge9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF0000;
}

.texteOrange9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF5E00;
}

.rouge {color: #FF0000}
.bleu {color: #006699}



.champSaisieLarge {
	width: 558px;
	height: 50px;
	background-color: #FFFFFF;
	text-align: left;
	text-indent: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 0;
}

.TableauPrinciPal, .TableauDetailCertif {background-color: #9BBFD9;}

/* DetailColGauche et DetailColDroite servent à diplomes/visualisation.php */
.DetailColGauche {
width: 200; 
valign: top; 
text-align: right;

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #006699;
background-color: #F4F9FD;
}

.DetailColDroite {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;	

background-color: #FFFFFF;
valign: top;
}

.TabRecherche {background-color: #FFFFFF;}
.CelluleTitre {background-color: #9BBFD9;}
.CelluleContenu {background-color: #F4F9FD;}
.AreaBlanc {
	width: 640px;
	background-color: #FFFFFF;
	text-align: left;
	text-indent: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0;
}
.AreaReadOnly {
	width: 640px;
	height: 40px;
	background-color: #EBEBE4;
	text-align: left;
	text-indent: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0;
}
.AreaBleu {
	width: 640px;
	height: 40px;
	background-color: #F4F9FD;
	border-color: #7F9DB9;
        border: inset 1px #7F9DB9;
	border-left-width : 1px;
	border-right-width : 1px;
	border-top-width : 1px;	
	border-bottom-width : 1px;
	border-style: inset;			
	text-align: left;
	text-indent: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 0;
}
.ChampTexte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	text-align: left;
	text-indent: 0;
	margin-left: 0
}

.ChampTexteReadOnly {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EBEBE4;
	text-align: left;
	text-indent: 0;
	margin-left: 0
}

a.NonSouligneSombre:active  {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #023854; text-decoration: underline;}
a.NonSouligneSombre:Visited {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #023854; text-decoration: none;}
a.NonSouligneSombre:hover   {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #404040; text-decoration: underline;}
a.NonSouligneSombre:link    {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #023854; text-decoration: none;}

a.Souligne:active     {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #404040; text-decoration: underline;}
a.Souligne:Visited    {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #551A8B; text-decoration: underline;}
a.Souligne:hover      {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #404040; text-decoration: underline;}
a.Souligne:link       {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #0000CC; text-decoration: underline;}

a.NonSouligne:active     {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #404040; text-decoration: underline;}
a.NonSouligne:Visited    {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #551A8B; text-decoration: none;}
a.NonSouligne:hover      {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #404040; text-decoration: underline;}
a.NonSouligne:link       {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #0000CC; text-decoration: none;}

a.Souligne11:active     {FONT-SIZE: 11px; font-family: Arial, Helvetica, sans-serif; color: #404040; text-decoration: underline;}
a.Souligne11:Visited    {FONT-SIZE: 11px; font-family: Arial, Helvetica, sans-serif; color: #551A8B; text-decoration: underline;}
a.Souligne11:hover      {FONT-SIZE: 11px; font-family: Arial, Helvetica, sans-serif; color: #404040; text-decoration: underline;}
a.Souligne11:link       {FONT-SIZE: 11px; font-family: Arial, Helvetica, sans-serif; color: #0000CC; text-decoration: underline;}

a.NonSouligne11:active     {FONT-SIZE: 11px; font-family: Arial, Helvetica, sans-serif; color: #404040; text-decoration: underline;}
a.NonSouligne11:Visited    {FONT-SIZE: 11px; font-family: Arial, Helvetica, sans-serif; color: #551A8B; text-decoration: none;}
a.NonSouligne11:hover      {FONT-SIZE: 11px; font-family: Arial, Helvetica, sans-serif; color: #404040; text-decoration: underline;}
a.NonSouligne11:link       {FONT-SIZE: 11px; font-family: Arial, Helvetica, sans-serif; color: #0000CC; text-decoration: none;}

a.NonSouligne12Bleu:active     {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #0000C6; font-weight: bold; text-decoration: underline;}
a.NonSouligne12Bleu:Visited    {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #0000C6; font-weight: bold; text-decoration: none;}
a.NonSouligne12Bleu:hover      {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #0000C6; font-weight: bold; text-decoration: underline;}
a.NonSouligne12Bleu:link       {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #0000C6; font-weight: bold; text-decoration: none;}

a.NonSouligne11Orange:active     {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF6600; font-weight: bold; text-decoration: underline;}
a.NonSouligne11Orange:Visited    {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF6600; font-weight: bold; text-decoration: none;}
a.NonSouligne11Orange:hover      {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF6600; font-weight: bold; text-decoration: underline;}
a.NonSouligne11Orange:link       {FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF6600; font-weight: bold; text-decoration: none;}

.naviguation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
        width: 760px;
}

/* Message information */

.contenuOngletI {
  display: inline;
  font-size: 11px;
}

.contenuOngletN {
  display: none;
}



.conteneur {
  width: 760px;
}

.blocTitre {
float: right;
width: 100%;
height: 110px;
background: url(./images/form/banniere_vae.png);
background-repeat: no-repeat;
}

.blocMenu {
float: left;
width: 230px;
height: 500px;
text-align: left;
}

.blocContenu {
float: right;
width: 520px;
text-align: left;
}

.texteNoir13 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
}

.contour1 {
padding: 10px;
background-color: #F4F9FD;
text-align: left;
border: dashed #B1CDE2 1px;
}

.contour2 {
padding: 10px;
background-color: #F4F9FD;
text-align: left;
border: solid #B1CDE2 1px;
}

.fld_selectSMALL {FONT-SIZE: 8pt; width: 640px; background-color: #FFFFFF; font-family: Verdana, Geneva, Arial;}

/* Style pour l'autocompletion */
.autoCompletion_class {
  border: 1px solid;
  background-color:#FFFFED;
  width: 75px;
  height: 100px;
  overflow:auto;
  z-index: 2000;
}

.autoCompletion_class ul  {
  list-style-type: none;
  margin:0px;
  padding:0px;
  padding-left: 2px;
  text-align: left;
}

.autoCompletion_class ul li.focused { 
  background-color: #7795C4; 
  cursor: pointer; 
}

.autoCompletion_class li {
  height:14px;
  font-size: 11px;
}

/* css pour l'accordeon de la page de detail */
.accordion_toggle {
  display: block;
  height: 18px;
  width: 100%;
  background: url(./images/f_bas.png) no-repeat top left #7DAADF;
  padding: 0px;
  color: #404040;
  font-weight: bold;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  margin: 0 0 0 0;

  text-align: left;
  border-bottom: 1px solid #182052;
  border-style: solid none;
  border-top: 1px solid #EEFFBF;
  border-width: 1px 0px;
  font-size: 13px;
}

.accordion_toggle_active {
  background: url(./images/f_droite.png) no-repeat top left #9BBFD9;
  border-bottom: 1px solid #182052;
}

.accordion_content {
  overflow: hidden;
  text-align: left;
  background: #FFFFFF;
  margin-top: 8px;
  margin-left: 8px;
}