/* CSS Document */
html {height:100%} 
body {height:100%}

input
	{
	text-align:center;
	font-face:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:25px;
	}

select
	{
	text-align:center;
	font-face:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:20px;
	}

a
{
border-style:none;
border: 0px none;
text-decoration: none;
outline: none;
}

img
{
  padding:0;
  margin:0;
}

body
	{
	margin: 0; 
	text-align: center;
	scrollbar-3dlight-color: #666;
	scrollbar-arrow-color: #000;
	scrollbar-darkshadow-color: #e2e2e2;
	scrollbar-face-color: #CCCCCC;
	scrollbar-highlight-color: #ededed;
	scrollbar-shadow-color: #000;
	scrollbar-track-color: #fff;
	scrollbar-base-color: #080;
	}

#tit_Apercu
	{
	text-align:left;
	vertical-align:middle;
	border: 1px solid #FFFFFF;
	padding: 5px;
	width:900px;
	height:20px;
	background-color:#EEEEEE;
	font-family: Arial;
	color: #333333;
	font-size: 12px;	
	}

#note
	{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003300;
	}

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

.addBouton
	{
	padding:0;
	margin:0;
	width:15px;
	height:15px;
	background-image:url(../../../elemgraph/icones/icon_add.gif);
	background-repeat:no-repeat;
	border:0;
	}

a:hover {
text-decoration:none;
color:#DD0000;
}

.souligne{
text-decoration:underline;
}


div#Content {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	vertical-align:middle;
	width:960px;
	height:581px;
	background-color:#FFFFFF;
	border: 1px solid #FFFFFF;
	}


div#Titre_J_L
	{
	position:relative;
	float:left;
	padding: 0px;
	padding-top: 5px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width:320px;
	height:25px;
	border: 1px solid #CCCCCC;
	background-color:#FFCC66;
	vertical-align:middle;
	color:#000066;
	text-align:center;
	display:inline;
	display:block;
	}


div#Header {
	width:960px;
	height:150px;
	background-color:#FFFFFF;
	vertical-align:middle;
	}

div#HeadTitre_L
	{
	float:left;
	width:320px;
	height:60px;
	}

div#HeadTitre_C
	{
	float:left;
	width:320px;
	height:60px;
	background-color:#FFCCCC;
	vertical-align:middle;
	}
	
div#HeadTitre_R
	{
	float:left;
	width:320px;
	height:60px;
	}
	
div#TopTitre
	{
	text-align:center;
	width:960px;
	height:60px;
	background-color:#FFFFFF;
	}

div#TopSousTitre
	{
	text-align:center;
	width:850px;
	height:30px;
	background-color:#FFFFFF;
	}
div#TopLigneTitre
	{
	text-align:center;
	width:850px;
	height:20px;
	background-color:#FFFFFF;
	}

	
div#ContentLeft
	{
	float:left;
	text-align:center;
	/* border:#CCCCCC 1px solid;*/
	width:55px;
	height:460px;
	background-color:#FFFFFF;
	}

div#ContentCenter
	{
	float:left; 
	text-align:center;
	width:850px;
	height:460px;
	clear:none;
	}

div#ContenuCenter_2L
	{
	border-left:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
	border-top:#8CAAAA 1px solid;
	border-bottom:#8CAAAA 1px solid;
	padding-top: 0px;
	vertical-align:top;
	text-align:center;
	width:848px;
	height:408px;
	background-color:#FFFFFF;
	/* background-image:url(../logos/logoCampus.gif);
	background-repeat: no-repeat;
	background-position: center center;*/
	clear:none;
	overflow:auto;
	}

div#ContenuCenter_4L
	{
	border:#C2C2C2 1px solid;
	padding-top:0px;
	vertical-align:top;
	text-align:center;
	width:848px;
	height:408px;
	background-color:#FFFFFF;
	/* background-image:url(../logos/logoCampus.gif);
	background-repeat: no-repeat;
	background-position: center center;*/
	clear:none;
	overflow:auto;
	}
div#ContenuCenter_0L
	{
	border:0px;
	padding-top:0px;
	vertical-align:middle;
	text-align:center;
	width:850px;
	height:410px;
	background-color:#FFCC00;
	/* background-image:url(../logos/logoCampus.gif);
	background-repeat: no-repeat;
	background-position: center center;*/
	clear:none;
	overflow:auto;
	}

div#FichePersonnel
	{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right:0px;
	vertical-align:top;
	text-align:justify;
	width:848px;
	height:218px;
	/*background-color:#FF0000;
	background-image:url(../logos/logoCampus.gif);
	background-repeat: no-repeat;
	background-position: center center;*/
	overflow: auto;
	clear:none;
	}

div#publications
	{
	padding-top:10px;
	padding-left:0px;
	padding-bottom:10px;
	padding-right:0px;
	text-align:center;
	vertical-align:middle;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	width:848px;
	height:388px;
	background-color:#99cccc;	/*background-color:#000000;*/
	}
	




div#ListPub
	{
	font-family: "Courier New", Courier, monospace;
	font-size:12px;
	font-style:normal;
	color:#333366;
	width:249px;
	height:40px;
	margin-top:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	position:relative;
	display:inline;
	vertical-align:middle;
	}


div#ListPub a:link
	{
	color:#333366;
	width:249px;
	height:40px;
	display:inline;
	vertical-align:middle;
	}

div#ListPub a:visited
	{
	color:#333366;
	width:249px;
	height:40px;
	display:inline;
	vertical-align:middle;
	}

div#ListPub a:hover
	{
	background-color:#99FFFF;
	color:#FF0000;
	width:249px;
	height: 40px;
	display:inline;
	vertical-align:middle;
	}   


.ListPub
	{
	font-family: "Courier New", Courier, monospace;
	font-size:12px;
	color:#333366;
	line-height:12px;
	margin-left:5px;
	display:inline;
	}


.ListPub a:link
	{
	color:#333366;
	line-height:12px;
	margin-left:5px;
	display:block;
	}

.ListPub a:visited
	{
	color:#333366;
	line-height:12px;
	margin-left:5px;
	display:block;
	}

.ListPub a:hover
	{
	color:#FF0000;
	line-height:12px;
	margin-left:5px;
	display:block;
	}   



div#pub
	{
	float:left;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	padding-right:0px;
	text-align:center;
	vertical-align:middle;
	margin-bottom:0px;
	margin-left:12px;
	margin-right:0px;
	margin-top:0px;
	width:266px;
	/* width:270px; */
	height:386px;
	background-color:#d4ebeb;
	/*background-color:#000000;*/
	}
div#organisations_up
	{
	padding-top:8px;
	padding-left:10px;
	padding-bottom:0px;
	padding-right:10px;
	text-align: center;
	vertical-align:middle;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	clear:both;
	width:828px;
	height:130px;
	/*background-color:#000000;*/
	}

div#organisations_down
	{
	padding-top:0px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	text-align: left;
	vertical-align:top;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:2px;
	clear:both;
	width:828px;
	height:255px;
	/*background-color:#000000;*/
	}

div#compl_up
	{
	padding-top:8px;
	padding-left:10px;
	padding-bottom:0px;
	padding-right:10px;
	text-align: center;
	vertical-align:middle;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	clear:both;
	width:828px;
	height:270px;
	overflow:none;
	/*background-color:#000000;*/
	}

div#compl_down
	{
	padding-top:0px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	text-align: left;
	vertical-align:top;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:2px;
	clear:both;
	width:828px;
	height:115px;
	overflow:none;
	/*background-color:#000000;*/
	}

div#r_Equipe
	{
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	clear:both;
	width:848px;
	height:60px;
	/*background-color:#000000;*/
	}
div#p_Equipe
	{

	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	clear:both;
	width:848px;
	height:130px;
	/*background-color:#DDAA99;*/
	}
div#t_Equipe
	{
	padding-top:10px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	vertical-align:top;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0;
	clear:both;
	width:828px;
	height:203px;
	/*background-color:#FF3399;*/
	overflow:auto;
	}
	
.imageflottante
	{
	float:left;
	}
	
div#imgPerso
	{
	position: fixed;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	vertical-align:middle;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	clear:both;
	width:200px;
	height:160px;
	/* background-color:#333399;*/
	}	

div#detailPerso
	{
	font-family: Arial;
	color: #666666;
	font-size: 12px;
	text-decoration:none;
	font-weight: none;
	position: fixed;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	vertical-align:middle;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	width:828px;
	height:208px;
	/*background-color:#661199;*/
	overflow:auto;
	}	

div#Entrez
	{
	background-color:#CC99FF;
	position:inherit;
	font-family: Arial;
	color: #666666;
	font-size: 12px;
	text-decoration:none;
	font-weight: none;
	padding-top: 0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	vertical-align:middle;
	text-align:center;
	margin-left:50px;
	margin-right:50px;
	margin-top:10px;
	width:860px;
	height:332px;
	/*background-color:#661199;*/
	overflow:auto;
	}	


div#detailPerso2
	{
	font-family: Arial;
	color: #666666;
	font-size: 12px;
	text-decoration:none;
	font-weight: none;
	position: fixed;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	vertical-align:middle;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	width:900px;
	height:50px;
	/*background-color:#661199;*/
	overflow:auto;
	}
	
div#ContentRight
	{
	float:right;
	text-align:center;
	/* border:#CCCCCC 1px solid;*/
	width:55px;
	height:460px;
	background-color:#FFFFFF;
	}


div#BotVide
	{
	clear:both;
	width:960px;
	height:20px;
	background-color:#FFFFFF;
	}

div#BotMenu
	{
	clear:both;
	text-align:center;
	width:960px;
	height:41px;
	background-color:FFFFFF;
	}

div#imageSpect
	{
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 0px; /* seule les marges internes et externes de droite seront supprimées */
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px; /* pour bien voir que les images sont collées */
	}
	
div#agenda{
text-align:center;
width:848px ;
height: 408px;
} 

.actionGauche{ 
width:202px;
height:382px;
float:left;
margin-top:10px;
margin-left: 10px;
padding-left:0px;
padding-top:5px;
padding-bottom:0px;
padding-right:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
background-repeat:no-repeat;
background-position: top center;
overflow:auto;
}



.gauche{ 
width:400px;
height:385px;
float:left;
margin-top:10px;
margin-left: 10px;
padding-left:0px;
padding-top:5px;
padding-bottom:0px;
padding-right:0px;
border:#CCCCCC 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
}

.droite{ 
width:400px;
height:385px;
float:right;
margin-top:10px;
margin-right:10px;
padding-left:0px;
padding-top:5px;
padding-bottom:0px;
padding-right:0px;
border:#CCCCCC 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

div#contacts{
text-align:center;
width:848px ;
height: 382px;
}
 
div#formations{
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
padding-top:5px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
text-align:center;
width:830px ;
height: 255px;
} 

.formaGauche{ 
width:220px;
height:255px;
float:left;
margin-top:0px;
margin-left: 10px;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
background-repeat:no-repeat;
background-position: top center;
overflow:auto;
}

.formaDroite
	{
	float:right;
width:575px;
height:248px;
margin-top:0px;
margin-left:0px;
padding-left:5px;
padding-top:5px;
padding-bottom:0px;
padding-right:0px;
border:#CCCCCC 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
overflow:auto;
}



.contactsGauche{ 
width:202px;
height:382px;
float:left;
margin-top:10px;
margin-left: 10px;
padding-left:0px;
padding-top:5px;
padding-bottom:0px;
padding-right:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
background-image:url("http://www.videoscope.be/logos/logoCampus.gif");
background-repeat:no-repeat;
background-position: top center;
}

.contactsDroite{ 
width:610px;
height:382px;
margin-top:10px;
margin-right:10px;
padding-left:10px;
padding-top:5px;
padding-bottom:0px;
padding-right:0px;
border:#CCCCCC 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
overflow:auto;
}

/* BlocTitres */ 
div#BlocTitres {
height: 25px;
width: 100px;
border-color: solid #000000 5px;
color: #000000;
background-color:#0099CC;
	margin: 0%;
	padding: 0%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #000000;
	line-height: 20px;
	white-space: nowrap;
	text-align: center;
	list-style-type: none;
	display: inline;
}

div#BlocTitres a{
	text-decoration: none;
	padding: 5px;
	color: #333366;
	background-color: #00CCFF;
	width: 200px;
	display:block;
}   

div#BlocTitres a:link {
color: #003366;
width: 200px;
}

div#BlocTitres a:visited {
color: #003366;
width: 200px;}

div#BlocTitres a:hover {
color: #FFFFFF;
background-color: #808080;
width: 200px;}   

div#BlocSsTitres {
position:float;
height: 30px;
width: 250px;
border-color: solid #000000 5px;
color: #000000;
background-color:#FFCCCC;
	margin: 0%;
	padding: 0%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #000000;
	line-height: 20px;
	white-space: nowrap;
	text-align: center;
	list-style-type: none;
	margin-top: 5px;
	vertical-align:middle;
	line-height:30px;
	display:block;
text-align:center;	
	}

div#BlocSsTitres a{
	text-decoration: none;
	padding: 0%;
	color: #333366;
position:float;
height: 30px;
width: 250px;
	display:block;}   

div#BlocSsTitres a:link {
color: #003366;
position:float;
height: 30px;
width: 250px;
	display:block;}

div#BlocSsTitres a:visited {
position:float;
height: 30px;
width: 250px;
color: #003366;
	display:block;}

div#BlocSsTitres a:hover {
color: #FFFFFF;
background-color: #808080;
position:float;
height: 30px;
width: 250px;
display:block;}   

div#BlocSsTitres2 {
height: 25px;
width: 400px;
border-color: solid #000000 5px;
color: #000000;
background-color:#FFCCCC
margin: 0%;
padding: 0%;
font-family: Arial, Helvetica, sans-serif;
font-size: smaller;
line-height: 20px;
white-space: nowrap;
text-align: center;
list-style-type: none;
display: inline;
}



div#BlocSsTitres2 a{
	text-decoration: none;
	padding: 5px;
	color: #333366;
	background-color: #ff9900;
	width: 250px;
	display:block;
}   

div#BlocSsTitres2 a:link {
color: #003366;
display:block;}

div#BlocSsTitres2 a:visited {
color: #003366;
display:block;}

div#BlocSsTitres2 a:hover {
color: #FFFFFF;
background-color: #808080;
display:block;}   



div#BlocOptions900 {
float:left;
position:relative;
height: 25px;
width: 900px;
margin-top: 0px;
padding: 0%;
vertical-align:middle;
text-align:center;
}





div#BlocOptions900G {
float:left;
position:relative;
height: 25px;
width: 250px;
color: #000000;
background-color:#FFCCFF;
border:#FF0066 1px solid;
margin: 0%;
padding: 0%;
vertical-align:middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
white-space: nowrap;
text-align:center;
list-style-type: none;
}



div#BlocOptions900G a{
color:#000000;
height:25px;
width:250px;
background-color:#FFCCFF;
text-decoration:none;
display:block;}   

div#BlocOptions900G a:link {
background-color: #FFCCFF;
text-decoration:none;
}

div#BlocOptions900G a:visited {
background-color: #FFCCFF;
text-decoration:none;
}

div#BlocOptions900G a:hover {
background-color: #FFCC99;
text-decoration:none;
}

div#BlocOptions900D {
float:right;
position:relative;
height: 25px;
width: 250px;
color: #000000;
background-color:#FFCCFF;
border:#FF0066 1px solid;
margin: 0%;
padding: 0%;
vertical-align:middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
white-space: nowrap;
text-align: center;
list-style-type: none;
}


div#BlocOptions900D a{
color:#000000;
height:25px;
width:250px;
background-color:#FFCCFF;
text-decoration:none;
display:block;}   

div#BlocOptions900D a:link {
background-color: #FFCCFF;
text-decoration:none;
}

div#BlocOptions900D a:visited {
background-color: #FFCCFF;
text-decoration:none;
}

div#BlocOptions900D a:hover {
background-color: #FFCC99;
text-decoration:none;
}



div#modifier a{
position:relative;
color:#000000;
height:25px;
width:150px;
background-color:#FFCCFF;
text-decoration:none;
display:block;
text-align:center;
line-height:25px;
}   

div#modifier a:link {
background-color: #FFCCFF;
text-decoration:none;
display:block;}

div#modifier a:visited {
background-color: #FFCCFF;
text-decoration:none;
display:block;}

div#modifier a:hover {
background-color: #FFCC99;
text-decoration:none;
display:block;}


div#supprimer a{
position:relative;
color:#FFFFFF;
height:25px;
width:150px;
background-color:#FF2D32;
text-decoration:none;
display:block;
text-align:center;
line-height:25px;
}   

div#supprimer a:link {
background-color: #FF2D32;
text-decoration:none;
display:block;}

div#supprimer a:visited {
background-color: #FF2D32;
text-decoration:none;
display:block;}

div#supprimer a:hover {
background-color: #FF0000;
text-decoration:none;
display:block;}


div#BlocSsTitresInter {
position:float;
height: 30px;
width: 144px;
border-color: solid #000000 5px;
color: #000000;
background-color:#FFCCCC;
	margin: 0%;
	padding: 0%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #000000;
	line-height: 20px;
	white-space: nowrap;
	text-align: center;
	list-style-type: none;
	margin-top: 5px;
	vertical-align:middle;
	line-height:30px;
	display:block;
text-align:center;	
	}

div#BlocSsTitresInter a{
	text-decoration: none;
	padding: 0%;
	color: #333366;
position:float;
height: 30px;
width: 144px;
	display:block;}   

div#BlocSsTitresInter a:link {
color: #003366;
position:float;
height: 30px;
width: 144px;
	display:block;}

div#BlocSsTitresInter a:visited {
position:float;
height: 30px;
width: 144px;
color: #003366;
	display:block;}

div#BlocSsTitresInter a:hover {
color: #FFFFFF;
background-color: #808080;
position:float;
height: 30px;
width: 144px;
display:block;}   
