body {
 	width: 978px;
	margin: auto;
	font-size: 14px;
	background-color: #B0DFEE;	/*autrebleu#C8D5D7	#BBE2E8 bleu#B0DFEE;    rose #FFD1D1  gris#C0C0C0  or#F8D474*/
	background-image:url(../images/ui/ancolie.png)  ;
	background-position:left top;
	background-repeat:no-repeat; 
	background-attachment: fixed;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
	color: #26ACBC;
	margin-top: 6px;	
	margin-bottom: 10px;	
}
h1 {font-size: 2em;}
#footer
{
	height: 4px;
}
h3 {
	max-height: 400px;
}
.entete {
	margin-top: 6px; 
	width: 978px;
	height: 113px;
	/* background-image: url(../images/ui/titre_978.png) , url(../images/ui/corps.png); */
	background-image: url(../images/ui/MtBlanc_Pucelle.jpg) ; 
	vertical-align: bottom;
	padding: 0px;
	padding-right : 20px;
	font-size: 1em;
	border-radius: 0px 0px 0px 0px;
}
.txt_entete{
	font-size: 1em;
	color: #fff;
	vertical-align: bottom;
}
#glmenu{
	height: 27px;
	margin-top: 7px; 
	padding: 0px; 
	padding-top: 9px; 
	padding-bottom: 9px; 
	vertical-align: middle;
	background: url("../images/ui/corps.png") repeat-y left;  
	font-size: 1.14em;
	border-radius: 0px;
}
#glmenu ul,
#glmenu ul li{
	margin-top: 0px; 
	margin-left: 0px; 
	padding-top: 0px; 
	padding-left: 0px; 
	padding-right: 10px; 
}
#glmenu ul li:hover {
	background-color: #EDF2EF; 
}

#glmenu ul li ul {
	display: none;
	padding-top: 0px; 
	width:120px;
/*	width:175px;            	/* taille pur nom  */
/*	background-color: #EDF2EF; */
	background-image: url(../images/ui/menuli.png);
}
#glmenu ul.glmenu0 li:hover ul.glmenu1,
#glmenu ul.glmenu1 li:hover ul ,
#glmenu ul.glmenu2 li:hover ul 
{
	display: block;
	/* color: #ff0000; */
}
#glmenu ul.glmenu1 li:hover, 
#glmenu ul.glmenu2 li:hover
{
	background-image: url(../images/ui/menuil.png);
	/* color: #ff0000; */
}
#glmenu ul li:hover ul  li{
	padding-top: 10px; 
}
#glmenu li  li ul 
{
	top:0px;
	padding:0px;
	width:120px;
	left:120px;
} 
#glmenu li  
{
position:relative; 
}

#glmenu,
#glmenu ul,
#glmenu li a{
	list-style: none;
}

#glmenu ul.glmenu0 > li {
	float:left;
} 
#glmenu li li ul  {
	top:0px;
}
#glmenu li ul {
	padding:0px;
	position:absolute;
}
#glmenu a,
#glmenu a:active {
	color: #26ACBC;  /* bleu */
}
#glmenu a:hover {
	text-decoration: none;
	color: #F812F0;	
}

/***************************************************************/
/*	BODY													   */
/***************************************************************/
.vespace6 { font-size: 0.42em; }
.vespace10 { font-size: 0.71em; }
.spacer4 { font-size: 0.3em; }
.spacer6 { font-size: 0.5em; }
.corps {
	background: url("../images/ui/corps.png") repeat-y left;  
	font-size: 1em;
	margin-top: 7px;
	padding: 0px;
}
.corps table
{
	border: 1px;
	border-color: #0000FF;
}
.corps a,
.corps a:active {
	color: #26ACBC     /* #000000 */
}
.corps a:hover {
	text-decoration: none;
	color: #F812F0;	
}
.corps ul{
list-style-image: url("../images/dot_bleu.png");
}
.titrecorps
{
	font-size: 1.43em;
	color: white;
	text-shadow: 1px 1px 2px #A01076, 0 0 25px #3366ff, 0 0 5px darkblue;	
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #0000FF;
	border-right-color: #0000FF;
	border-bottom-color: #0000FF;
	border-left-color: #0000FF;
}
.titrecorps a {text-shadow: none;
}
.titrecorps table
{
	padding-top: 1px;
	padding-bottom: 1px;
	border-color: #1D8FE7;
}
.notlink {
    text-decoration: underline;
}
.HomeGauche
{
	margin: 0px;
	padding: 0px;
	padding-left : 0px;
	padding-right : 20px;
	/* background-image: url(../images/ui/HomeGauche.png);   /* #26ACBC */
	background-repeat: repeat-y;
	background-position: right;
}
.HomeDroite
{
	margin: 0px;
	padding: 0px;
	padding-left : 14px;
	padding-right : 14px;
	text-align: center;
	/* background-image: url(../images/ui/Plank.png), url(../images/ui/HomeDroite.png); */
	background-image: url(../images/ui/HomeDroite.png);
	background-repeat:repeat-y; 
}
.HomeLogin
{
	padding: 0px;
	padding-left : 14px;
	padding-right : 0px;
	background-image: url(../images/ui/HomeDroite.png);
}
.HomeTexte,
.HomeTextejp {
	font-size: 1.2em;
	padding: 0px;
	padding-left: 14px;
	font-weight: bold;
	line-height: 140%;
}
.HomeTextejp {
	writing-mode: vertical-rl;
	max-height: 410px;
}
.section
{
	font-weight: bold;
	color: #ffffFF;
	background-image: url(../images/ui/section.png);
	height: 16px;
	background-repeat: repeat-y;
	font-size: 1em;
	vertical-align: middle;
	margin-top: 17px; 
	padding: 2px;
	padding-left: 16px;
}
.textenormal,
.textenormal a,
.textenormal a:active,
.textenormal a:hover 
{
	font-size: 1em;
}
.textenoir,
.textenoir a,
.textenoir a:active,
.textenoir a:hover 
{
	color: #000000;
}
.boutonBleu
{
	background-color: #26ACBC;
	color : #FFFFFF;
	font-size: 1rem;
}
.boutonBlanc
{
	background-color: #F0EDCA;
	color : #000;
	font-size: 1rem;
}
.boutonX
{
	background-color: #F0EDCA;
	/* background-image: url(../images/ui/flagpale_de.png); */
	padding: 0px;
	color : #FF0000;
	font-size: 1rem;
}
.DocListPage{
	font-size: 1.28em;
}
.DocLisTitre {
	background-position: left top;
	background-color: #D8E8F4;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 16px;
	vertical-align: top;
}
.LiteraLig {
	background-position: left top;
	background-color: #D8E8F4;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 16px;
	vertical-align: top;
	color: #734843; 
}
.LiteraLigAlt {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 16px;
	vertical-align: top;
}
.LiteraLigAlt,
.LiteraLigAlt a,
.LiteraLigAlt a:active,
.LiteraLigAlt a:hover 
{
	color: #734843;
}
.LiteraLig,
.LiteraLig a,
.LiteraLig a:active,
.LiteraLig a:hover 
{
	color: #734843;
}

.BlueLig {
	background-position: left top;
	background-color: #D8E8F4;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 16px;
	vertical-align: top;
}
.WhiteLig {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 16px;
	vertical-align: top;
}
.BlueFormLig {
	background-position: left top;
	background-color: #D8E8F4;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	vertical-align: bottom;
}
.WhiteFormLig {
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	vertical-align: bottom;
}
.WhiteFormLig a{ 
	color:#4c0ed8;
} 
.WhiteFormLig a:hover,
.WhiteFormLig a:focus{
	color:#000;
}

/* Position et couleur bulle */
.WhiteFormLig a span{ 
	position:absolute;
	margin-top:25px; 
	margin-left:-25px;
	color:#fff; 
	background:rgba(35, 134, 163, 0.5); 
	padding:25px; 
	border-radius:3px; 
	
	/* Faire disparaire infobulle par défaut */
	/* On determine l'origine de la rotation */ 
	transform:scale(0) rotate(180deg);
	/* Faire durer l'effet */
	transition:all .25s;
	/* Effet sur la transparence */ 
	opacity:0;
}

/* Apparition de la bulle avec le scale à 1 */ 
.WhiteFormLig a:hover span, 
.WhiteFormLig a:focus span{ 
	transform:scale(1) rotate(0);
	/* Effet sur la transparence */ 
	opacity:1;
}
.UsnPwErr {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 1em;
	background-color: #FF0000;
	color:#FFF; 
}
.UsnPwErr a{ 
	color:#FFF; 
} 
.UsnPwErr a:hover,
.UsnPwErr a:focus{
	color:#000;
}

/* Position et couleur bulle */
.UsnPwErr a span{
	font-size: 1.33em;
	position:absolute;
	margin-top:0px; 
	margin-left:-150px;
	color:#0000FF; 
	background:rgba(240, 164, 160, 0.8); 
	padding:25px; 
	border-radius:3px; 
	
	/* Faire disparaire infobulle par défaut */
	/* On determine l'origine de la rotation */ 
	transform:scale(0) rotate(-180deg);
	/* Faire durer l'effet */
	transition:all .25s;
	/* Effet sur la transparence */ 
	opacity:0;
}

/* Apparition de la bulle avec le scale à 1 */ 
.UsnPwErr a:hover span, 
.UsnPwErr a:focus span{ 
	transform:scale(1) rotate(0);
	/* Effet sur la transparence */ 
	opacity:1;
}

.calendate {
	color: #000000;
	background-color: #FFFFFF;
	width: 70px;
	border: 1px solid #7f9db9;
}
.calentime {
	color: #000000;
	background-color: #FFFFFF;
	width: 100px;
	border: 0px solid #7f9db9;
}
.inputContact {
	color: #000000;
	background-color: #FFFFFF;
	width: 450px; 
	border: 0px solid #7f9db9;
}
.errormsg a,
.errormsg a:active,
.errormsg a:hover,
.errormsg {
	font-weight: bold;
	color: #FF0000;
}