/* define body propertie */
body {
    padding : 0px;/* space between border and start of the text */
    font-family:      Verdana, Geneva, Helvetica, Arial, sans-serif; /* type of font */
    font-size:        12px; /* size of the font */
    background: #CCC url("pictures/design/backGround.jpg"); /*repeat-x top;*/
}

/* ----------------------
   define div properties
   ----------------------*/

.global {
     margin-left: auto;
     margin-right: auto;
     width: 1024px; /* largeur obligatoire pour être centré */
}

/* definie upper frame properties = contains menu */
.upperFrame{
	background-image : URL("pictures/design/upperBackgroundMenu.jpg"); /* url of the picture */
    height : 166px; /* height of the box */
    width : 1024px; /* width of the box */
    position : relative; /* define position type, relative = depends of other frame */
	border-left: #000000 double 1px;
	border-right: #000000 double 1px;
	border-top: #000000 double 1px;
	border-bottom: #000000 double 1px;
}

/* define up sub uper frame properties = contains about us... */
.subUpUpperFrame{
	position : absolute; /* absolute position */
}

/* define up sub uper frame properties = contains main menu */
.subMIdUpperFrame{
	top : 115px; /* distance between top of the browser and div */
	left : 10px; /* distance between left of the browser and div */
	position : absolute; /* absolute position */
}

/* define up sub uper frame properties = contains main menu */
.subMIdUpperFrame2{
	top : 115px; /* distance between top of the browser and div */
	left : 720px; /* distance between left of the browser and div */
	position : absolute; /* absolute position */
}


/* define lower frame propertie */
.lowerFrame{
	background : #E9EAFE; /* background color */
	background-image : URL("pictures/design/fondGauche.jpg"); /* url of the picture */
	background-repeat: repeat-y;
	width : 1024px; /* width of the box */
	z-index : 1;
	position : absolute;
	border-left: #000000 double 1px;
	border-right: #000000 double 1px;
	border-bottom: #000000 double 1px;
}


/* define sub left lower frame propertie */
.subLeftLowerFrame{
	background-image : URL("pictures/design/leftDownBackground.jpg"); /* url of the picture */
	background-repeat:no-repeat;
	width : 225px; /* width of left lower frame */
	height : 700px;
	float : left; /* float at left */
	position : relative; /* relative position */
	border-right: solid #808080 1pt; /* define style and size of the right border */
}


/* define main lower frame propertie */
.subMainLowerFrame{
  background-image : URL("pictures/design/background.png"); /* def background picture */
	width : 785px; /* width of the div */
	height : 100%;
	left : -1px;
	border-left: solid #808080 1pt; /* define style and size of the right border */
	padding : 5px; /* space between border and start of the text */
	float : left; /* float at left */
	position : relative; /* relative position */
	font-family:      Verdana, Geneva, Helvetica, Arial, sans-serif; /* type of font */
	font-size:        12px; /* size of the font */
	text-align:       justify; /* justify the text */
	text-indent:      1em;
	line-height:      15px;
}

/* define event div */
.eventsDiv{
	width : 223px; /* width of left lower frame */
	top : 358px; /* distance between top of the previous div and curent div */
	height : 300px;
	overflow: scroll;
	border-bottom: solid #808080 1pt; /* define style and size of the right border */
	position : absolute; /* absolute position */
	overflow : auto; /* define overflow */
	text-align : left; /* justify the text */
	color: black; /* texte color */
	font-family:      Verdana, Geneva, Helvetica, Arial, sans-serif; /* type of font */
	font-size:      12px; /* size of the font */
}


/* define login div */
.loginDiv{
	width : 225px; /* width of left lower frame */
	top : 27px; /* distance between top of the previous div and curent div */
	position : absolute; /* absolute position */
	padding : 5px; /* space between div and text */
	color: black; /* texte color */
	text-align : center; /* center text*/
	font-family:      Verdana, Geneva, Helvetica, Arial, sans-serif; /* type of font */
	font-size:        11px; /* size of the font */
}

/* define other div */
.otherDiv{
	width : 225px; /* width of left lower frame */
	top : 193px; /* distance between top of the previous div and curent div */
	height : 133px;
	overflow : auto; /* define overflow */
	text-align : justify; /* justify the text */
	text-align : center; /* center text*/
	position : absolute; /* absolute position */
	font-family:      Verdana, Geneva, Helvetica, Arial, sans-serif; /* type of font */
	font-size:        12px; /* size of the font */
}


/* defin fixed right div which contains subsubMenu */
.fixedRightDiv{
	background : #FFFFFF; /* background color */
	width : 200px;
	height : 300px;
	top : 260px;
	left : 805px;
	border: solid #808080 1pt;
	text-align : left;
	position : fixed;
}

/* title of each organisation/publication */
.title{
	background:#DDDDFF; /* background color */
	position : relative;
	border-top: #2222CC double 1px;
	border-bottom: #2222CC double 1px;
	color : #2222CC;
	font-weight : bold;
	font-size: 14px ;
	width : 780px;
}

/* copyright */
.copyright{
    font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; /* type of font */
	font-size: 12px; /* size of the font */
	text-align: center; /* justify the text */
	text-indent: 0em;
	line-height: 15px;
	color : #BBBBBB;
}

.tip {
	font:10px/12px Arial,Helvetica,sans-serif;
	border:solid 1px #666666;
	padding:1px;
	position:absolute;
	z-index:100;
	visibility:hidden;
	color:#333333;
	background-color:#ffffcc;
}

.adress{
	top : -30px;
	left : 80px;	
	position:relative;
}

.description{
	top : -30px;
	left : 100px;	
	width : 600px;
	position:relative;
	text-align: justify;	
}


/* --------------------------
   define subMenu properties
   --------------------------*/

/* define property for subMenu0 */
.smenu0{
	display : none;
}

/* define property for subMenu1 */
.smenu1{
	display : none;
}

/* define property for subMenu2 */
.smenu2{
	display : none;
}

/* define property for subMenu3 */
.smenu3{
	display : none;
}

/* define property for subMenu4 */
.smenu4{
	display: none;
}

/* define property for subMenu5 */
.smenu5{
	display: none;
}

/* ------------------------
   define table properties
   ------------------------*/

/* define table to display uper left menu*/
.tableSubUpUpperFrame{
	border-spacing:5px 0px; /* horizontal spacing, vertical spacing */
	width : 330px;
}

/* define table to display main menu*/
.tableSubMidUpperFrame{
	border-spacing:8px 0px; /* horizontal spacing, vertical spacing */
	width : 505px;
}

/* define table to display main menu*/
.tableSubMidUpperFrame2{
	border-spacing:8px 0px; /* horizontal spacing, vertical spacing */
	width : 320px;
}

/* define table to display sub menu*/
.tableSubDownUpperFrame{
	border-spacing:8px 0px; /* horizontal spacing, vertical spacing */
}

/* define table to register*/
.tableRegistration{
	font-family:      Verdana, Geneva, Helvetica, Arial, sans-serif; /* type of font */
	font-size:        12px; /* size of the font */
	width : 100%;
}


/* ------------------------
   define links properties
   ------------------------*/

/* menu link */
a.linkMenu:link {
	color: white; /* texte color */
	font: 9pt Verdana; /* font and size */
	font-weight : bold; /* weight of font */
	text-decoration: none; /* no underline */
}

/* menu link */
a.linkMenu:active {
	color: white; /* texte color */
	font: 9pt Verdana; /* font and size */
	font-weight : bold; /* weight of font */
	text-decoration: none; /* no underline */
}

/* menu link */
a.linkMenu:visited {
	color: white; /* texte color */
	font: 9pt Verdana; /* font and size */
	font-weight : bold; /* weight of font */
	text-decoration: none; /* no underline */
}

/* menu link */
a.linkMenu:hover {
	color: #990000; /* text color */
	font: 9pt Verdana; /* font and size */
	font-weight : bold; /* weight of font */
	text-decoration: underline; /* underline */
}

/* lien pour le sous menu */
a.linkSubMenu:link{
	font: 9pt Verdana; /* font and size */
    color: black; /* text color */
    text-decoration: none; /* no underline */
}

/* lien pour le sous menu */
a.linkSubMenu:active{
       font: 9pt Verdana; /* font and size */
       color: black; /* text color */
       text-decoration: none; /* no underline */
}

/* lien pour le sous menu */
a.linkSubMenu:visited{
       font: 9pt Verdana; /* font and size */
       color: black; /* text color */
       text-decoration: none; /* no underline */
}

/* lien pour le sous menu */
a.linkSubMenu:hover{
       font: 9pt Verdana; /* font and size */
       color: black; /* text color */
       font-weight : bold; /* weight of font */
       text-decoration: none; /* no underline */
}

/* lien pour le retour haut de page */
a.linkHaut:link{
	font: 9pt Verdana; /* font and size */
    color: black; /* text color */
    text-decoration: none; /* no underline */
}

/* lien pour le retour haut de page */
a.linkHaut:active{
       font: 9pt Verdana; /* font and size */
       color: black; /* text color */
       text-decoration: none; /* no underline */
}

/* lien pour le retour haut de page */
a.linkHaut:visited{
       font: 9pt Verdana; /* font and size */
       color: black; /* text color */
       text-decoration: none; /* no underline */
}

/* lien pour le retour haut de page */
a.linkHaut:hover{
       font: 9pt Verdana; /* font and size */
       color: black; /* text color */
       font-weight : bold; /* weight of font */
       text-decoration: none; /* no underline */
}

/* lien normal */
a:link{
	font: 9pt Verdana; /* font and size */
    color: #84449a; /* text color */
    font-weight : bold; /* weight of font */
    text-decoration: none; /* no underline */
}

/* lien normal */
a:active{
       font: 9pt Verdana; /* font and size */
       color: #ac99cc; /* text color */
       font-weight : bold; /* weight of font */
       text-decoration: none; /* no underline */
}


/* lien normal */
a:visited{
       font: 9pt Verdana; /* font and size */
       color: #84449a; /* text color */
       font-weight : bold; /* weight of font */
       text-decoration: none; /* no underline */
}

/* lien normal */
a:hover{
       font: 9pt Verdana; /* font and size */
       color: #84449a; /* text color */
       font-weight : bold; /* weight of font */
       text-decoration: underline; /* no underline */
}


/* lien pour l'alphabet */
a.alphabet:link{
	font: 9pt Verdana; /* font and size */
    color: blue; /* text color */
    font-weight : bold; /* weight of font */
    text-decoration: underline; /* no underline */
}

/* lien pour l'alphabet */
a.alphabet:active{
       font: 9pt Verdana; /* font and size */
       color: blue; /* text color */
       font-weight : bold; /* weight of font */
       text-decoration: underline; /* no underline */
}

/* lien pour l'alphabet */
a.alphabet:visited{
       font: 9pt Verdana; /* font and size */
       color: blue; /* text color */
       font-weight : bold; /* weight of font */
       text-decoration: underline; /* no underline */
}

/* lien pour l'alphabet */
a.alphabet:hover{
       font: 9pt Verdana; /* font and size */
       color: blue; /* text color */
       font-weight : bold; /* weight of font */
       text-decoration: underline; /* no underline */
}


/* ------------------------
   define other properties
   ------------------------*/

H1{
    font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; /* type of font */
	font-size: 18px; /* size of the font */
	text-align: justify; /* justify the text */
	font-weight : bold;
	text-indent: 1em;
	line-height: 30px;
	color : #FF8C00;
	background:#DDFFDD; /* background color */
	/*position : relative;*/
	border-top: #22CC22 double 1px;
	border-bottom: #22CC22 double 1px;
	font-weight : bold;
	font-size: 18px ;
}


H2{
    font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; /* type of font */
	font-size: 12px; /* size of the font */
	text-align: justify; /* justify the text */
	text-decoration: underline; /* underline */
	text-indent: 0em;
	line-height: 15px;
	color : #006600;
}


H3{
    font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; /* type of font */
	font-size: 11px; /* size of the font */
	text-align: justify; /* justify the text */
	text-decoration: underline; /* underline */
	text-indent: 0em;
	line-height: 15px;
}
.rouge{
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; /* type of font */
	font-size: 12px; /* size of the font */
	color : #FF0000;
	position : relative;
	font-weight : bold;	
}